/* 98 · Cartas de Amor — cada sección es una carta que se saca del sobre, se desdobla y se lee.
   Portada: la máquina de escribir teclea los nombres sobre el escritorio. En la fecha cae el matasellos y estampa el día. */
.c-cartas { --display-peso: 400; --nombre-color: #1F2A44; --titulo-letra: "Special Elite"; --titulo-espacio: 0; --dia-letra: "Special Elite"; --dia-color: #B23A3A;
	--y-letra: "Lora"; --y-tam: .4em; --y-color: #B23A3A; --y-margen: .1em 0 .1em; --radio: 2px; --vj: 50px; --sombra: 0 22px 26px rgb(31 42 68 / .25);
	--nombre-tam: clamp(3.4rem, 8.6vw, 7rem); --pareja-tam: 1; --display-espacio: 0; }
.c-cartas .e-y { font-style: italic; }
.c-cartas .e-evento { color: #B23A3A; letter-spacing: .4em; font-family: "Special Elite", monospace; }
.c-cartas .e-nombre { line-height: 1.3; }
.c-cartas .e-fecha { color: #3D4660; font-family: "Special Elite", monospace; }
.c-cartas .e-titulos { background: rgb(255 253 248 / .86); padding: 5vh 6vw; box-shadow: 0 30px 60px -30px rgb(30 20 13 / .6); rotate: -1.5deg; }
.ca-maquina { --w: min(30vmin, 300px); left: 50%; bottom: -8vh; --x: -50%; --dy: 10vh; --ey: 30vh; --ed: .5s; --fd: 0s; }
.ca-maquina .e-img { animation: none; }
.ca-cartas { --w: min(18vmin, 180px); right: 4vw; top: 6vh; --r: 12deg; --dy: -14vh; --ex: 20vw; --ey: 0px; --ed: .8s; --fd: 7s; }
.c-cartas .so-y { font-family: "Lora", serif; font-style: italic; font-size: .5em; color: #B23A3A; }
.c-cartas .so-tarjeta strong { font-size: clamp(1rem, 4.2vw, 1.6rem); line-height: 1.5; }
/* cada sección, una carta */
.c-cartas .xv-cielo { background: linear-gradient(180deg, #5A4636, #3B2C21); }
.c-cartas main > .xv-sec:not(#portada):not(#fecha) { background: transparent; }
.c-cartas main > .xv-sec:not(#portada):not(#fecha):not(#cierre) > .xv-ancho { background: #FFFDF8; padding: clamp(28px, 5vw, 56px); box-shadow: 0 40px 80px -40px rgb(0 0 0 / .7);
	background-image: linear-gradient(180deg, transparent 32.9%, rgb(31 42 68 / .07) 33.1%, transparent 33.4%, transparent 66.5%, rgb(31 42 68 / .07) 66.7%, transparent 67%), repeating-linear-gradient(180deg, transparent 0 31px, rgb(31 58 110 / .07) 31px 32px);
	width: min(100% - 2.2rem, 900px); }
.c-cartas main > .xv-sec:nth-of-type(odd):not(#portada):not(#fecha) > .xv-ancho { rotate: .8deg; }
.c-cartas main > .xv-sec:nth-of-type(even):not(#portada):not(#fecha) > .xv-ancho { rotate: -.8deg; }
.c-cartas .xv-kicker { color: #B23A3A; font-family: "Special Elite", monospace; letter-spacing: .2em; }
.c-cartas .xv-titulo .xv-script { font-family: "Homemade Apple", cursive; color: #1F3A6E; font-size: .8em; }
.c-cartas .xv-texto-grande { font-family: "Lora", serif; font-style: italic; color: #1F2A44; }
.c-cartas .xv-superficie { background: #FFFDF8; border: 1px dashed rgb(31 42 68 / .3); box-shadow: none; }
.c-cartas .xv-momento time { color: #B23A3A; font-family: "Special Elite", monospace; }
.c-cartas .e-firma { font-family: "Homemade Apple", cursive; color: #1F3A6E; font-size: clamp(1.4rem, 3vw, 2rem); }
.c-cartas .e-ornamento { width: min(56%, 220px); }
.c-cartas #cierre { color: #FFFDF8; --tinta: #FFFDF8; --tinta-2: #EADFCB; }
.c-cartas #cierre .e-nombre-fin { color: #FFFDF8; }
/* fecha: el matasellos */
.c-cartas .e-fecha-sec { background: #F1E8D6; }
.c-cartas .e-fecha-k { color: #B23A3A; }
.ca-m-sello { left: 4%; top: 18%; width: 92%; transform: translateY(calc((1 - var(--t1)) * -80%)) scale(calc(1.4 - var(--t1) * .4)) rotate(-8deg); opacity: clamp(0, calc(var(--t1) * 2), 1); filter: none; }
.c-cartas .e-dia-caja { rotate: -8deg; translate: -10% 0; width: clamp(128px, 36%, 180px); aspect-ratio: 1; align-content: center; border-radius: 50%; background: rgb(255 253 248 / .93); box-shadow: 0 0 0 3px rgb(178 58 58 / .55), 0 16px 30px -14px rgb(60 40 20 / .5); }
.c-cartas .e-dia { font-size: clamp(3.2rem, 9vw, 4.6rem); }
.c-cartas .e-mes { font-family: "Special Elite", monospace; color: #B23A3A; text-transform: uppercase; letter-spacing: .14em; font-size: .72rem; }
.c-cartas .e-anio { color: #B23A3A; }
.ca-cierre-cartas { position: relative; display: block; width: min(26vmin, 200px); margin: 0 auto; }
.c-cartas .e-cierre-arte { position: relative; inset: auto; z-index: 0; }
@media (max-width: 760px) {
	.c-cartas { --nombre-tam: clamp(2.8rem, 13vw, 4rem); }
	.ca-maquina { --w: 62vw; bottom: -4vh; } .ca-cartas { --w: 26vw; right: 2vw; }
	.c-cartas .e-titulos { padding: 4vh 6vw; margin: 0 4vw; }
}

.c-cartas #cierre .xv-firma, .c-cartas #cierre .xv-muestra-aviso, .c-cartas #cierre .xv-firma a { color: #F3E9D6; }

/* Dar espacio de lectura al formulario sin perder el papel de carta. */
@media(max-width:760px) { .c-cartas #confirmar > .xv-ancho { width:calc(100% - 24px); padding:28px 12px; } .c-cartas #confirmar .xv-rsvp { padding:20px 12px; } }