/* ==========================================================================
   TEMA: PRINCESA DE INVIERNO  ·  dirección de arte "NOCHE EN EL PALACIO"
   Creado el 2 de octubre de 2026.

   LA IDEA: un cuento de invierno. La festejada es la princesa de un palacio
   nevado bajo auroras. Un fondo PINTADO (fondo.webp, castillo al anochecer)
   abre la entrada y la portada, y la nieve cae de verdad encima.
     · la entrada es un GLOBO DE NIEVE que se agita tres veces
     · bloques de noche (el azul exacto del cielo del fondo) y bloques de
       "aurora": degradados suaves de turquesa, lila y rosa
     · tarjetas de VIDRIO ESCARCHADO (glassmorphism), oro fino, filigrana
     · la foto grande en marco de ventana de palacio (arco)
   Distinto a propósito de los otros dos: el Héroe araña es cómic de tinta,
   la Piñata de niña es papel recortado; esta es cristal y oro.

   TEORÍA DEL COLOR: azul noche + lila (análogos fríos, calma y magia) con
   oro como complemento cálido para la chispa. El frambuesa queda solo para
   el botón.  60 lavanda/blanco · 30 azul noche · 10 frambuesa y oro.

   CONTRASTE MEDIDO (fórmula WCAG):
     sobre papel  #F7F5FF → tinta 13.9 · suave 6.6 · marca 8.5 · acento 6.2
     sobre lila   #E4E1F8 → tinta 11.7 · suave 5.5 · marca 7.2 · acento 5.3
     sobre vidrio (blanco 62% sobre aurora, ~#E7E2F7) → tinta 11.9 · suave 5.6
     sobre noche  #1F2E5F → blanco 13.0 · plata #DDE3F5 10.1 · oro 7.8
     blanco sobre el botón frambuesa #A6266E → 6.7
   ========================================================================== */
:root{
  --papel:#F7F5FF;  --papel-hondo:#E4E1F8;
  --tinta:#1E2448;  --tinta-suave:#4F5583;
  --marca:#3B3F8F;  --marca-claro:#8C8BBC;
  --acento:#A6266E; --acento-hondo:#7E1A52;
  --noche:#1F2E5F;  --oro:#E9C46A;  --plata:#DDE3F5;
  --f-display:"Cinzel", Georgia, serif;
  --f-texto:"Nunito", system-ui, sans-serif;
  --radio:20px;

  --grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .14 0 0 0 0 .3 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='.14'/%3E%3C/svg%3E");
  --destellos:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M10 86.2Q10 90.4 14.2 90.4Q10 90.4 10 94.60000000000001Q10 90.4 5.8 90.4Q10 90.4 10 86.2Z' fill='%23B9C3EA' opacity='0.36'/%3E%3Cpath d='M164.9 78.4Q164.9 83.5 170 83.5Q164.9 83.5 164.9 88.6Q164.9 83.5 159.8 83.5Q164.9 83.5 164.9 78.4Z' fill='%238C8BBC' opacity='0.47'/%3E%3Cpath d='M95 56.800000000000004Q95 60.7 98.9 60.7Q95 60.7 95 64.60000000000001Q95 60.7 91.1 60.7Q95 60.7 95 56.800000000000004Z' fill='%23B9C3EA' opacity='0.53'/%3E%3Cpath d='M35.3 73.1Q35.3 78.5 40.699999999999996 78.5Q35.3 78.5 35.3 83.9Q35.3 78.5 29.9 78.5Q35.3 78.5 35.3 73.1Z' fill='%238C8BBC' opacity='0.56'/%3E%3Cpath d='M78.9 21.3Q78.9 25.2 82.80000000000001 25.2Q78.9 25.2 78.9 29.099999999999998Q78.9 25.2 75 25.2Q78.9 25.2 78.9 21.3Z' fill='%23B9C3EA' opacity='0.53'/%3E%3Cpath d='M116.6 104.89999999999999Q116.6 109.8 121.5 109.8Q116.6 109.8 116.6 114.7Q116.6 109.8 111.69999999999999 109.8Q116.6 109.8 116.6 104.89999999999999Z' fill='%238C8BBC' opacity='0.41'/%3E%3Cpath d='M65.4 150.3Q65.4 153.3 68.4 153.3Q65.4 153.3 65.4 156.3Q65.4 153.3 62.400000000000006 153.3Q65.4 153.3 65.4 150.3Z' fill='%23B9C3EA' opacity='0.40'/%3E%3Cpath d='M113.7 135.3Q113.7 138.4 116.8 138.4Q113.7 138.4 113.7 141.5Q113.7 138.4 110.60000000000001 138.4Q113.7 138.4 113.7 135.3Z' fill='%238C8BBC' opacity='0.45'/%3E%3Cpath d='M169.7 100.6Q169.7 104 173.1 104Q169.7 104 169.7 107.4Q169.7 104 166.29999999999998 104Q169.7 104 169.7 100.6Z' fill='%23B9C3EA' opacity='0.50'/%3E%3C/svg%3E");
  --nieve:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Ccircle cx='230.2' cy='76.9' r='2.8' fill='%23fff' opacity='0.56'/%3E%3Ccircle cx='172.2' cy='193.9' r='2.9' fill='%23fff' opacity='0.66'/%3E%3Ccircle cx='40' cy='191.9' r='2.9' fill='%23fff' opacity='0.84'/%3E%3Ccircle cx='240' cy='192.1' r='1.8' fill='%23fff' opacity='0.65'/%3E%3Ccircle cx='147.7' cy='5.8' r='2.9' fill='%23fff' opacity='0.88'/%3E%3Ccircle cx='84.4' cy='209.8' r='0.9' fill='%23fff' opacity='0.82'/%3E%3Ccircle cx='228.3' cy='131.9' r='2.3' fill='%23fff' opacity='0.75'/%3E%3Ccircle cx='204.7' cy='104.1' r='2.8' fill='%23fff' opacity='0.95'/%3E%3Ccircle cx='102.1' cy='194.7' r='2' fill='%23fff' opacity='0.64'/%3E%3Ccircle cx='11.5' cy='12.5' r='2.6' fill='%23fff' opacity='0.59'/%3E%3Ccircle cx='84.2' cy='132.2' r='1.7' fill='%23fff' opacity='0.74'/%3E%3Ccircle cx='25.4' cy='91' r='1.3' fill='%23fff' opacity='0.78'/%3E%3Ccircle cx='132.2' cy='222' r='1.1' fill='%23fff' opacity='0.94'/%3E%3Ccircle cx='238.6' cy='185.8' r='2.1' fill='%23fff' opacity='0.70'/%3E%3Ccircle cx='206.7' cy='155' r='2' fill='%23fff' opacity='0.67'/%3E%3Ccircle cx='127.9' cy='61.6' r='2.9' fill='%23fff' opacity='0.78'/%3E%3Ccircle cx='218.5' cy='35.3' r='1.2' fill='%23fff' opacity='0.93'/%3E%3Ccircle cx='165.8' cy='69.2' r='2.6' fill='%23fff' opacity='0.70'/%3E%3Ccircle cx='210.9' cy='116' r='2' fill='%23fff' opacity='0.64'/%3E%3Ccircle cx='24.1' cy='191.5' r='2.7' fill='%23fff' opacity='0.65'/%3E%3Ccircle cx='181.8' cy='81.7' r='2.7' fill='%23fff' opacity='0.72'/%3E%3Ccircle cx='0.2' cy='4.9' r='1' fill='%23fff' opacity='0.77'/%3E%3Ccircle cx='71' cy='193.9' r='1.6' fill='%23fff' opacity='0.81'/%3E%3Ccircle cx='237.6' cy='118.3' r='2.5' fill='%23fff' opacity='0.62'/%3E%3Ccircle cx='156.9' cy='118.8' r='1.4' fill='%23fff' opacity='0.66'/%3E%3Ccircle cx='119.3' cy='149.5' r='1.9' fill='%23fff' opacity='0.67'/%3E%3C/svg%3E");
  --filigrana:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cpath d='M6 10H70Q80 10 84 4M194 10H130Q120 10 116 4M70 10Q80 10 84 16M130 10Q120 10 116 16' fill='none' stroke='%238C8BBC' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='6' cy='10' r='2' fill='%23E9C46A'/%3E%3Ccircle cx='194' cy='10' r='2' fill='%23E9C46A'/%3E%3Cg stroke='%238C8BBC' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M100 2v16M93 6l14 8M93 14l14-8'/%3E%3C/g%3E%3Ccircle cx='100' cy='10' r='2.2' fill='%23E9C46A'/%3E%3C/svg%3E");
  --sello:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='o' cx='40%' cy='35%' r='70%'%3E%3Cstop offset='0' stop-color='%23FBE7AE'/%3E%3Cstop offset='.6' stop-color='%23E9C46A'/%3E%3Cstop offset='1' stop-color='%23A97B25'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='46' fill='url(%23o)' stroke='%237A5A1C' stroke-width='2.5'/%3E%3Ccircle cx='50' cy='50' r='38' fill='none' stroke='%23FFF4CF' stroke-width='1.5' stroke-dasharray='3 4'/%3E%3Cpath d='M28 62 25 36l13 10 12-17 12 17 13-10-3 26z' fill='%231F2E5F'/%3E%3Crect x='27' y='65' width='46' height='6' rx='2' fill='%231F2E5F'/%3E%3Ccircle cx='50' cy='27' r='3' fill='%23A6266E'/%3E%3Ccircle cx='25' cy='35' r='2.5' fill='%23A6266E'/%3E%3Ccircle cx='75' cy='35' r='2.5' fill='%23A6266E'/%3E%3C/svg%3E");
  --vidrio:rgba(255,255,255,.62);
}

body{ background:var(--grano), var(--destellos) 0 0/200px 200px, var(--papel); }

.portada__nombre,.pie__nombre,.portada__edad{ font-family:"Cinzel Decorative", var(--f-display); font-weight:700; }
.titulo{ font-family:var(--f-display); font-weight:700; letter-spacing:.02em; }


/* ══════════════════════════════════════════════════════════════════════
   LA NIEVE — dos capas que caen a distinta velocidad (solo se mueven con
   transform, así el celular no se cansa). La pone el tema con <div class="nieve">.
   ══════════════════════════════════════════════════════════════════════ */
.nieve{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.nieve::before, .nieve::after{
  content:""; position:absolute; left:0; right:0; top:-240px; bottom:0;
  background:var(--nieve) 0 0/240px 240px;
  animation:nevarA 16s linear infinite;
}
.nieve::after{ top:-170px; background-size:170px 170px; opacity:.55; animation:nevarB 10s linear infinite; }
@keyframes nevarA{ to{ transform:translateY(240px); } }
@keyframes nevarB{ to{ transform:translateY(170px); } }


/* ══════════════════════════════════════════════════════════════════════
   LA ENTRADA — el castillo de noche y el globo de nieve
   ══════════════════════════════════════════════════════════════════════ */
.entrada{
  overflow:hidden;
  background:
    radial-gradient(56% 34% at 50% 50%, rgba(201,211,245,.32), rgba(201,211,245,0) 70%),
    url("fondo.webp") center bottom/cover no-repeat,
    var(--noche);
}
.entrada > :not(.nieve){ position:relative; z-index:1; }
.entrada__para{ color:#fff; font-weight:800; text-shadow:0 1px 6px rgba(10,14,40,.6); }
.entrada__nombre{
  color:#fff;
  background:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.65);
  border-radius:999px;
  padding:.2rem 1.2rem .3rem;
  text-shadow:0 1px 8px rgba(10,14,40,.7);
  box-shadow:0 0 30px rgba(201,211,245,.35);
  margin:.35rem 0 1rem;
}
.gancho.globo{ width:min(58vw,236px); animation:flotar 4s ease-in-out infinite; }
.gancho.globo .gancho__svg{ filter:drop-shadow(0 0 26px rgba(201,211,245,.55)) drop-shadow(0 14px 14px rgba(10,14,40,.45)); }
@keyframes flotar{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-9px); } }
/* La nevada adentro del globo; al agitarlo, nieva fuerte */
.globo__copos{ animation:nevarGlobo 7s linear infinite; }
.gancho.golpe .globo__copos{ animation-duration:1.1s; }
@keyframes nevarGlobo{ to{ transform:translateY(100px); } }
.entrada__pista{
  color:#fff;
  background:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.65);
  border-radius:999px; padding:.4rem 1.2rem;
  text-shadow:0 1px 6px rgba(10,14,40,.7);
}
.entrada__marcador{ color:#fff; font-weight:800; text-shadow:0 1px 8px rgba(10,14,40,.9); }


/* ══════════════════════════════════════════════════════════════════════
   LA LLEGADA DE PELÍCULA (la mueve nucleo/cine-cuento.js)
   Al agitar el globo: la nieve lo tapa todo → se ve su palacio, vivo → un
   remolino de chispas sube y la princesa se forma de luz en su escalinata.
   Aquí va cómo se ve el letrero.
   ══════════════════════════════════════════════════════════════════════ */
/* el letrero: vidrio escarchado con filo de oro, como las tarjetas del tema */
.cine__cartel{
  color:#fff;
  background:rgba(31,46,95,.5);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.7); border-top:2px solid var(--oro); border-bottom:2px solid var(--oro);
  border-radius:999px;
  padding:.45rem 1.3rem .5rem;
  font-family:"Cinzel Decorative", var(--f-display); font-weight:700; font-size:clamp(1.25rem,6.2vw,1.8rem); line-height:1.15;
  text-shadow:0 1px 8px rgba(10,14,40,.8);
  box-shadow:0 0 34px rgba(201,211,245,.45);
}

/* ══════════════════════════════════════════════════════════════════════
   LA PORTADA — el mismo castillo, con un halo de luna detrás del nombre
   ══════════════════════════════════════════════════════════════════════ */
.portada{
  isolation:isolate;
  background:
    radial-gradient(52% 30% at 50% 42%, rgba(247,245,255,.95) 0%, rgba(247,245,255,.74) 55%, rgba(247,245,255,0) 100%),
    url("fondo.webp") center bottom/cover no-repeat,
    var(--noche);
}
.portada > :not(.nieve):not(.portada__flecha){ position:relative; z-index:1; }
.portada__flecha{ z-index:1; }
.portada__arriba,.portada__anos{ color:var(--tinta); font-weight:600; }
.portada__anos{ font-family:var(--f-display); font-size:1.15rem; margin-bottom:.35rem; }
.portada__edad{
  font-size:clamp(5.6rem,30vw,10rem); line-height:.9; color:var(--marca);
  text-shadow:3px 3px 0 #fff, 7px 7px 0 var(--oro);
}
.portada__nombre{ color:var(--acento); font-size:clamp(2.3rem,11vw,3.9rem); text-shadow:2px 2px 0 #fff, 0 0 22px rgba(255,255,255,.9); }
.portada__fecha{
  background:var(--vidrio);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border:1.5px solid #fff; border-top:2px solid var(--oro); border-bottom:2px solid var(--oro);
  border-radius:18px;
  box-shadow:0 12px 30px -12px rgba(31,46,95,.55), inset 0 1px 0 #fff;
  padding:.6rem 1.3rem;
}
.portada__fecha .fcol{ color:var(--tinta); }
.portada__fecha .fnum{ color:var(--acento); font-family:"Cinzel Decorative", var(--f-display); }
.portada__lugar{
  margin-top:1.15rem;
  background:var(--noche); color:#fff; font-weight:700;
  padding:.42rem 1.05rem; border-radius:999px;
  border:1.5px solid var(--oro);
}
.portada__flecha span{ border-color:#fff; filter:drop-shadow(0 2px 2px rgba(10,14,40,.8)); }


/* ══════════════════════════════════════════════════════════════════════
   BLOQUES DE NOCHE — el cielo del castillo baja y se vuelve sección
   ══════════════════════════════════════════════════════════════════════ */
.seccion.saludo{ max-width:none; padding-top:2.8rem; padding-bottom:1.6rem; }
.seccion.saludo > *{ max-width:640px; margin-left:auto; margin-right:auto; }
.saludo, .momento, .seccion.rsvp{
  background:
    var(--destellos) 0 0/200px 200px,
    radial-gradient(60% 45% at 12% 0%, rgba(91,200,190,.22), rgba(91,200,190,0) 70%),
    radial-gradient(60% 45% at 92% 8%, rgba(176,120,220,.28), rgba(176,120,220,0) 70%),
    var(--noche);
}
.saludo .etiqueta{ color:var(--plata); }
.saludo__nombre{ color:#fff; }
.saludo__pases{ background:var(--oro); color:var(--tinta); border:1.5px solid #fff; box-shadow:0 0 18px rgba(233,196,106,.45); }

/* La foto grande: ventana de palacio (arco), con marco blanco, filo de oro y resplandor */
.momento{ padding-top:2rem; padding-bottom:3.4rem; }
.momento::before{                           /* nieve sobre la foto */
  content:""; position:absolute; left:0; right:0; top:-240px; bottom:0; z-index:2; pointer-events:none;
  background:var(--nieve) 0 0/240px 240px; opacity:.7;
  animation:nevarA 18s linear infinite;
}
.momento__foto{
  position:relative; z-index:1;
  border:8px solid var(--papel);
  border-radius:220px 220px 18px 18px;
  outline:2px solid var(--oro); outline-offset:5px;
  box-shadow:0 0 60px rgba(201,211,245,.38), 0 26px 50px -18px rgba(0,0,0,.7);
}
.momento::after{                            /* sello real */
  content:""; position:absolute; z-index:3; top:1.2rem; right:max(4%, calc(50% - 222px));
  width:84px; height:84px;
  background:var(--sello) center/contain no-repeat;
  transform:rotate(10deg);
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.4));
}


/* ══════════════════════════════════════════════════════════════════════
   BLOQUES DE AURORA (las secciones "alterna")
   ══════════════════════════════════════════════════════════════════════ */
.seccion.alterna{
  position:relative;
  padding-top:4.6rem; padding-bottom:4rem;
  background:
    var(--grano),
    radial-gradient(70% 50% at 0% 0%, rgba(120,200,210,.32), rgba(120,200,210,0) 70%),
    radial-gradient(70% 55% at 100% 22%, rgba(186,140,230,.34), rgba(186,140,230,0) 70%),
    radial-gradient(85% 60% at 50% 100%, rgba(242,199,204,.42), rgba(242,199,204,0) 70%),
    linear-gradient(180deg, #EFEDFD 0%, var(--papel-hondo) 100%);
}
.seccion.alterna::before{                   /* filigrana de plata arriba del bloque */
  content:""; position:absolute; top:1.3rem; left:50%; width:200px; height:20px; margin-left:-100px;
  background:var(--filigrana) center/contain no-repeat; opacity:.9;
}
.seccion.alterna > *{ position:relative; }
.seccion.alterna .linea__hora,
.seccion.alterna .faq__item summary::after{ color:var(--acento-hondo); }

/* Filigrana bajo cada título */
.titulo{ padding-bottom:1.05rem; background:var(--filigrana) no-repeat center bottom/150px 15px; }


/* ══════════════════════════════════════════════════════════════════════
   PIEZAS DE VIDRIO ESCARCHADO
   ══════════════════════════════════════════════════════════════════════ */
.cuenta__caja,
.tarjeta,
.dedicatoria__texto,
.notas__lista li,
.faq__item{
  background:var(--vidrio);
  -webkit-backdrop-filter:blur(12px) saturate(1.2); backdrop-filter:blur(12px) saturate(1.2);
  border:1.5px solid rgba(255,255,255,.95);
  border-radius:20px;
  box-shadow:0 12px 30px -14px rgba(31,46,95,.45), inset 0 1px 0 #fff;
}
.cuenta__caja .n{ color:var(--marca); font-family:"Cinzel Decorative", var(--f-display); }
.tarjeta__icono{
  width:58px; height:58px; padding:10px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff, var(--plata));
  border:2px solid var(--oro);
  color:var(--marca);
  box-shadow:0 0 16px rgba(233,196,106,.35);
}
.dedicatoria__texto{ padding:1.4rem 1.25rem; font-style:italic; }
.notas__lista li{ border-left:5px solid var(--oro); }

/* La galería: fotos con marco blanco, filo de oro y resplandor */
.galeria{ position:relative; }
.galeria::after{
  content:""; position:absolute; z-index:2; top:1.2rem; right:.4rem;
  width:76px; height:76px;
  background:var(--sello) center/contain no-repeat;
  transform:rotate(-9deg);
  filter:drop-shadow(0 6px 8px rgba(31,46,95,.35));
}
.foto img{
  border:6px solid #fff;
  border-radius:16px;
  outline:1.5px solid var(--oro); outline-offset:3px;
  box-shadow:0 14px 28px -14px rgba(31,46,95,.55), 0 0 22px rgba(201,211,245,.45);
}
.foto--ancha img{ border-radius:120px 120px 16px 16px; }
.galeria__grid{ gap:1rem; }
.foto__hueco{ border:1.5px dashed var(--marca-claro); background:var(--vidrio); border-radius:16px; }

.linea::before{ background:linear-gradient(180deg, var(--marca-claro), var(--acento)); }
.linea__paso::before{ background:#fff; border-color:var(--marca); }
.linea__paso.destaca::before{ background:var(--oro); border-color:var(--oro); box-shadow:0 0 12px var(--oro); }
.mapa{ border:6px solid #fff; outline:1.5px solid var(--oro); outline-offset:3px; box-shadow:0 14px 28px -14px rgba(31,46,95,.55); }
.boton--linea{ background:var(--vidrio); border:2px solid var(--marca); color:var(--marca); }


/* ══════════════════════════════════════════════════════════════════════
   CONFIRMAR — el segundo bloque de noche, para que el botón brille
   ══════════════════════════════════════════════════════════════════════ */
.seccion.rsvp::before{ display:none; }
.rsvp .etiqueta{ color:var(--plata); }
.rsvp .titulo{ color:#fff; }
.rsvp__intro{ color:#E6E9FA; }
.rsvp__intro b{ color:var(--oro); }
.formulario{ background:var(--papel); border:2px solid var(--oro); box-shadow:0 0 50px rgba(201,211,245,.25), 0 22px 40px -16px rgba(0,0,0,.6); }


/* ══════════════════════════════════════════════════════════════════════
   EL PIE — el palacio de noche
   ══════════════════════════════════════════════════════════════════════ */
.pie{
  overflow:hidden;
  background:
    linear-gradient(180deg, var(--noche) 0%, rgba(31,46,95,.74) 45%, rgba(14,20,48,.86) 100%),
    url("fondo.webp") center bottom/cover no-repeat,
    var(--noche);
}

/* Cinzel es de mayúsculas: se queda en nombres y títulos. Lo que se lee de corrido
   y los números van en Nunito (en Cinzel, el "11" parece "II" y el "10" parece "IO"). */
.dedicatoria__texto{ font-family:var(--f-texto); font-size:1.08rem; line-height:1.65; }
.faq__item summary{ font-family:var(--f-texto); font-weight:700; }
.portada__fecha .fnum, .cuenta__caja .n{ font-family:var(--f-texto); font-weight:800; }

/* Confirmar va en noche: esta regla tiene que ir DESPUÉS de la de los bloques de aurora,
   porque las dos pesan lo mismo (.seccion.alterna contra .seccion.rsvp) y gana la última. */
.seccion.rsvp{
  background:
    var(--destellos) 0 0/200px 200px,
    radial-gradient(60% 45% at 12% 0%, rgba(91,200,190,.22), rgba(91,200,190,0) 70%),
    radial-gradient(60% 45% at 92% 8%, rgba(176,120,220,.28), rgba(176,120,220,0) 70%),
    var(--noche);
}