/* Atelier · Encaje. Registro «papel con detalles»: un solo papel blanco roto, tinta negra y un acento vino.
   El carácter lo dan los detalles: encaje fotográfico en las orillas, títulos a mano con marcador, una línea fina que se
   anuda en un corazón, la casa a lápiz y los moños teñidos con la paleta. Nada de texturas por sección. */
.inv[data-theme="at-encaje"]{
  --at-papel:#F6F3EE; --at-fondo:#F6F3EE; --at-tinta:#2A2522; --at-tenue:#6F6660; --at-acento:#7A1E2B; --at-linea:rgba(42,37,34,.2);
  --at-fd:'Caveat'; --at-ft:'EB Garamond';
  --vino:#7A1E2B; --tinta:#2A2522; --papel:#F6F3EE; --claro:#F3EEE6;
  font-size:18px; line-height:1.6;
}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Un solo papel: fibra blanca en teja espejada, multiplicada muy suave sobre el blanco roto. Corre con el contenido. */
.en-pieza{position:relative;isolation:isolate;background:var(--papel);overflow:hidden}
.en-pieza::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.3;mix-blend-mode:multiply;
  background:url(/img/texturas/encaje-papel-teja.jpg) center top/760px auto repeat}

/* ---------- Detalles a mano ---------- */
.en-co{display:inline-block;width:1em;height:1em;fill:var(--vino);stroke:var(--vino);stroke-width:1.2;stroke-linejoin:round}
.en-co path[fill="none"]{fill:none}
.en-filete{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0}
.en-filete i{display:block;width:min(18vw,74px);height:1px;background:var(--tinta);opacity:.38}
.en-filete .en-co{width:9px;height:9px}
.en-filete-ancho{margin:16px auto 24px}
.en-filete-ancho i{width:min(30vw,150px)}
/* Línea que serpentea por todo el ancho y se anuda en un corazón */
.en-hilo{position:relative;z-index:1;width:100%;height:70px;margin:0}
.en-hilo svg{display:block;width:100%;height:100%;overflow:visible}
.en-hilo path{fill:none;stroke:var(--tinta);stroke-width:1.1;stroke-linecap:round;opacity:.72}
.en-hilo .en-hilo-co{fill:var(--vino);stroke:var(--vino);opacity:1}
.en-hilo-sec{margin:8px 0 -18px}

/* Encaje fotográfico en las esquinas. La sombra es la misma silueta en tono tinta, corrida (sin filter). */
.en-encaje{position:absolute;z-index:0;width:min(54vw,360px);aspect-ratio:1;pointer-events:none;isolation:isolate;
  background:url(/img/texturas/encaje-esquina.webp) center/contain no-repeat}
.en-encaje::before{content:"";position:absolute;inset:0;z-index:-1;transform:translate(-2px,3px);background:rgba(74,60,50,.16);
  -webkit-mask:url(/img/texturas/encaje-esquina.webp) center/contain no-repeat;mask:url(/img/texturas/encaje-esquina.webp) center/contain no-repeat}
.en-encaje-tr{top:-6px;right:-8px}
.en-encaje-tl{top:-6px;left:-8px;transform:scaleX(-1)}
.en-encaje-br{bottom:-8px;right:-8px;transform:scaleY(-1)}
.en-encaje-bl{bottom:-8px;left:-8px;transform:scale(-1,-1)}

/* Íconos de línea (PNG) */
/* Se pintan con la tinta usando el PNG como máscara: el trazo sale nítido y del mismo negro que el texto. */
.en-ic{display:inline-block;flex:none;width:24px;height:24px;vertical-align:-6px;margin-right:10px;background:var(--tinta);
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.en-ic-tel{--ic:url(/img/texturas/encaje-ic-tel.png)}
.en-ic-sobre{--ic:url(/img/texturas/encaje-ic-sobre.png);width:26px}
.en-ic-corazon{--ic:url(/img/texturas/encaje-ic-corazon.png)}

/* ---------- Secciones ---------- */
.en-s{position:relative}
.en-sec{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:56px clamp(32px,10vw,52px);text-align:center}
.en-ancho .en-sec{max-width:760px}
.en-breve .en-sec{padding-top:36px;padding-bottom:36px}
.en-h{margin:0 0 30px}
.en-t{margin:0;font:500 clamp(31px,8.6vw,42px)/1.08 'Caveat',cursive;text-transform:uppercase;letter-spacing:.035em;color:#3A332F;text-wrap:balance}
.en-eb{margin:0;font:500 13px/1.6 'EB Garamond',serif;letter-spacing:.26em;text-transform:uppercase;color:var(--tinta)}
.en-k{margin:0 0 6px;font:500 13px/1.5 'EB Garamond',serif;letter-spacing:.22em;text-transform:uppercase;color:var(--tinta)}
.en-p{margin:0 auto 16px;max-width:33ch;text-wrap:pretty}
.en-nota{margin:18px auto 0;max-width:32ch;font-style:italic;font-size:17px;color:var(--at-tenue)}
.en-link{display:inline-block;margin-top:14px;padding:6px 0 3px;border-bottom:1px solid currentColor;color:var(--tinta);text-decoration:none;font:500 13px/1.3 'EB Garamond',serif;letter-spacing:.22em;text-transform:uppercase}
.en-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:22px;padding:10px 34px;border:1px solid var(--tinta);color:var(--tinta);text-decoration:none;
  font:500 13px/1.2 'EB Garamond',serif;letter-spacing:.24em;text-transform:uppercase;transition:background .3s,color .3s}
.en-btn:hover{background:var(--tinta);color:var(--papel)}

/* ---------- Portada ---------- */
.en-portada .en-sec{padding-top:max(88px,13vh);padding-bottom:28px}
.en-nombres{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.22em;margin:0;
  font:500 clamp(46px,12.6vw,78px)/1.08 'Dancing Script',cursive;color:var(--tinta);letter-spacing:0}
.en-nombres span{white-space:nowrap}
.en-nombres em{font-style:normal;font-size:.72em}
.en-foto{position:relative;margin:30px auto;overflow:hidden;background:#E6E0D8}
.en-foto img{display:block;width:100%;height:100%;object-fit:cover}
.en-foto::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(42,37,34,.08)}
.en-foto-portada{aspect-ratio:4/5;width:100%;max-width:440px;margin-top:22px}
.en-para{margin:-6px auto 26px;max-width:30ch;font-style:italic;font-size:20px}
.en-dia{display:flex;justify-content:center;margin:18px auto 0}
.en-dia p{display:grid;gap:2px;margin:0;padding:6px clamp(14px,5vw,26px);border-left:1px solid rgba(42,37,34,.55)}
.en-dia p:last-child{border-right:1px solid rgba(42,37,34,.55)}
.en-dia small{font-style:italic;font-size:16px;line-height:1.2;color:var(--at-tenue)}
.en-dia b{font-weight:500;font-size:clamp(25px,7vw,30px);line-height:1.1;font-variant-numeric:lining-nums}
.en-ciudad{margin:18px auto 0;max-width:30ch;font-style:italic;font-size:18px;color:var(--at-tenue)}
.en-hilo-portada{margin-top:8px}

/* ---------- Mensaje ---------- */
.en-mensaje .en-sec{padding-top:44px}
.en-cita{margin:28px auto 0;max-width:30ch}
.en-cita p{margin:0;font-style:italic;font-size:21px;line-height:1.45;text-wrap:balance}
.en-cita cite{display:block;margin-top:8px;font-style:normal;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--at-tenue)}
.en-con{margin:30px 0 0;font-style:italic}
.en-firma{margin:2px 0 0;font:500 clamp(30px,8.4vw,40px)/1.2 'Dancing Script',cursive;color:var(--tinta)}

/* ---------- Calendario y cuenta ---------- */
.en-cuenta .en-sec{padding-top:56px}
.en-cuenta::before{content:"";position:absolute;left:50%;top:0;width:min(64vw,300px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(42,37,34,.35),transparent)}
.en-cal-m{margin:0 0 18px;font:500 24px/1.2 'EB Garamond',serif;letter-spacing:.14em;text-transform:uppercase}
.en-semana{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);margin:0 auto;padding:0;max-width:420px}
.en-semana li{display:grid;justify-items:center;gap:8px;min-width:0}
.en-semana small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--at-tenue)}
@media (max-width:360px){.en-semana small{font-size:10px;letter-spacing:.04em}.en-semana b{font-size:18px}}
.en-semana span{position:relative;display:grid;place-items:center;width:min(42px,100%);height:40px}
.en-semana b{position:relative;font-weight:500;font-size:20px;font-variant-numeric:lining-nums}
.en-semana .en-co{position:absolute;left:50%;top:50%;width:min(44px,11.5vw);height:min(44px,11.5vw);transform:translate(-50%,-48%)}
.en-semana .es b{color:#FBF7F1;font-size:18px;margin-top:-3px}
.en-faltan{margin:44px auto 0}
.en-cd{display:flex;justify-content:center;margin:12px 0 4px}
.en-cd .cdu{display:grid;gap:2px;min-width:64px;padding:2px clamp(8px,3.4vw,18px);border-left:1px solid rgba(42,37,34,.3)}
.en-cd .cdu:first-child{border-left:0}
.en-cd b{font-weight:500;font-size:clamp(28px,8vw,36px);line-height:1.1;font-variant-numeric:lining-nums tabular-nums}
.en-cd small{font-style:italic;font-size:15px;color:var(--at-tenue)}

/* ---------- Familias ---------- */
.en-papas{display:grid;gap:30px;margin:0 0 36px}
@media (min-width:600px){.en-papas{grid-template-columns:1fr 1fr}.en-papas:has(> :only-child){grid-template-columns:1fr}}
.en-papa{margin:0;font-size:21px;line-height:1.4;text-wrap:balance}
.en-padrinos{margin:0;padding:28px 0 0;border-top:1px solid var(--at-linea)}
.en-padrinos div{margin:0 0 18px}
.en-padrinos dt{font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:4px}
.en-padrinos dd{margin:0;font-size:20px}

/* ---------- Lugares: la casa a lápiz ---------- */
.en-lugar h3{margin:4px 0 6px;font:500 clamp(23px,6.4vw,27px)/1.2 'EB Garamond',serif;text-wrap:balance}
.en-dir{margin:0 auto;max-width:28ch;font-size:17px;color:var(--at-tenue)}
.en-dibujo{width:min(100%,460px);aspect-ratio:3/2;margin:18px auto 0;mix-blend-mode:multiply;background:center/contain no-repeat}
.en-dibujo-casa{background-image:url(/img/texturas/encaje-casa.webp)}
.en-dibujo-capilla{background-image:url(/img/texturas/encaje-capilla.webp)}
.en-filete-lugar{margin:48px auto 40px}

/* ---------- Itinerario: línea ondulada con corazones ---------- */
.en-itin{position:relative;max-width:440px;margin:0 auto}
.en-itin-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.en-itin-l path{fill:none;stroke:var(--tinta);stroke-width:1.1;opacity:.75}
.en-paradas{list-style:none;margin:0;padding:0}
.en-paradas li{position:absolute;left:0;right:0;height:0}
.en-parada{position:absolute;left:var(--x);top:0;width:13px;height:13px;transform:translate(-50%,-50%)}
.en-pt{position:absolute;top:0;transform:translateY(-50%);width:max-content;max-width:calc(100% - 50% - 4px)}
.en-paradas .der .en-pt{right:calc(100% - var(--x) + 18px);text-align:right}
.en-paradas .izq .en-pt{left:calc(var(--x) + 18px);text-align:left}
.en-ph{margin:0;font:500 30px/1 'Caveat',cursive;color:var(--tinta)}
.en-pn{margin:4px 0 0;font-size:13px;line-height:1.35;letter-spacing:.2em;text-transform:uppercase}
.en-pnota{margin:3px 0 0;font-style:italic;font-size:15px;line-height:1.35;color:var(--at-tenue)}
.en-itin-fin{position:absolute;left:50%;bottom:-6px;width:20px;height:20px;transform:translateX(-50%);fill:var(--papel);stroke:var(--tinta);stroke-width:1.1}

/* ---------- Vestimenta: moños teñidos con la paleta ---------- */
.en-codigo{margin:-8px 0 14px;font:italic 500 26px/1.2 'EB Garamond',serif}
.en-monos{position:relative;max-width:400px;margin:26px auto 10px;padding-top:6px}
.en-cordon{position:absolute;left:-4%;top:4px;width:108%;height:42px;overflow:visible}
.en-cordon path{fill:none;stroke:var(--tinta);stroke-width:1;opacity:.55}
.en-monos ul{list-style:none;display:flex;justify-content:space-around;margin:0;padding:0}
.en-monos li{transform:translateY(var(--y)) rotate(var(--r))}
/* El moño es blanco con sombras grises: se pinta del color con la silueta como máscara y el mismo moño multiplicado encima da los pliegues. */
.en-mono{position:relative;display:block;width:clamp(48px,14vw,62px);aspect-ratio:1;background:var(--c);
  -webkit-mask:url(/img/texturas/encaje-mono.webp) center/contain no-repeat;mask:url(/img/texturas/encaje-mono.webp) center/contain no-repeat}
.en-mono::after{content:"";position:absolute;inset:0;background:url(/img/texturas/encaje-mono.webp) center/contain no-repeat;mix-blend-mode:multiply}
.en-mono::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 45%)}

/* ---------- Galería ---------- */
.en-galeria{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inv[data-theme="at-encaje"] .en-galeria .gal-i{aspect-ratio:3/4;background:#E6E0D8}
/* La primera foto va a lo ancho solo cuando así la cuadrícula cierra sin huecos. */
.inv[data-theme="at-encaje"] .en-galeria .gal-i:first-child:nth-last-child(odd){grid-column:span 2;aspect-ratio:3/2}
@media (min-width:760px){.en-galeria{grid-template-columns:repeat(3,1fr);gap:16px}
  .inv[data-theme="at-encaje"] .en-galeria .gal-i:first-child:nth-last-child(odd){grid-column:auto;aspect-ratio:3/4}
  .inv[data-theme="at-encaje"] .en-galeria .gal-i:first-child:nth-last-child(3n+2){position:relative;grid-column:span 2;aspect-ratio:auto}
  .inv[data-theme="at-encaje"] .en-galeria .gal-i:first-child:nth-last-child(3n+2) img{position:absolute;inset:0}
  .inv[data-theme="at-encaje"] .en-galeria .gal-i:first-child:nth-last-child(3n+1):not(:only-child){grid-column:span 3;aspect-ratio:2/1}}

/* ---------- Deseos (regalos) ---------- */
.en-deseos{display:grid;gap:30px;max-width:400px;margin:30px auto 0;text-align:left}
.en-deseo{padding:2px 0 2px 20px;border-left:1px solid rgba(42,37,34,.45)}
.en-deseo p{margin:0}
.en-deseo .en-k{display:flex;align-items:center;margin-bottom:8px}
.en-reg{margin:0 0 10px!important}
.en-reg .en-link{margin-top:4px}
.en-deseo .en-nota{margin:8px 0 0;font-size:16px}
.at-clabe.en-clabe{justify-content:flex-start;margin-top:10px;font-size:17px;letter-spacing:.06em}
.inv[data-theme="at-encaje"] .en-clabe .copy{min-height:38px;border-radius:0;color:var(--tinta);font-family:'EB Garamond',serif;box-shadow:inset 0 0 0 1px rgba(42,37,34,.55)}

/* ---------- Con cariño para ti (hospedaje) ---------- */
.en-hotel h3{margin:0 0 6px;font:500 23px/1.25 'EB Garamond',serif}
.en-hotel p{margin:0 auto 8px;max-width:32ch}
.en-tel{display:flex;align-items:center;justify-content:center;font-size:19px;font-variant-numeric:lining-nums}
.en-tel a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(42,37,34,.3)}
.en-hospedaje .en-sec{padding-bottom:40px}

/* Notas y hashtag */
.en-notas{list-style:none;margin:0 auto;padding:0;display:grid;gap:12px;max-width:34ch}
.en-notas li{font-style:italic;font-size:19px;line-height:1.45;text-wrap:balance}
.en-notas .en-co{width:11px;height:11px;margin-right:4px}
.en-tag{margin:2px 0 0;font:500 clamp(34px,9vw,42px)/1.1 'Caveat',cursive;color:var(--vino);overflow-wrap:anywhere}

/* ---------- Confirmación: bloque de tinta con orilla ondulada ---------- */
.en-rsvp{position:relative;padding:28px 0 0}
.en-tinta{--onda:clamp(34px,9vw,96px);position:relative;color:var(--claro);background:var(--tinta);
  --at-tinta:#F3EEE6;--at-tenue:rgba(243,238,230,.72);--at-linea:rgba(243,238,230,.42);--at-papel:#2A2522;
  -webkit-mask:url(/img/texturas/encaje-onda.png) top/100% var(--onda) no-repeat,linear-gradient(#000,#000) center/100% calc(100% - 2 * var(--onda) + 2px) no-repeat,url(/img/texturas/encaje-onda-abajo.png) bottom/100% var(--onda) no-repeat;
  mask:url(/img/texturas/encaje-onda.png) top/100% var(--onda) no-repeat,linear-gradient(#000,#000) center/100% calc(100% - 2 * var(--onda) + 2px) no-repeat,url(/img/texturas/encaje-onda-abajo.png) bottom/100% var(--onda) no-repeat}
.en-tinta .en-sec{padding:calc(var(--onda) + 56px) clamp(26px,9vw,52px) calc(var(--onda) + 60px)}
.en-h-claro .en-t{color:var(--claro)}
.en-h-claro .en-filete i{background:var(--claro);opacity:.5}
.en-h-claro .en-co{fill:#C9868F;stroke:#C9868F}
.inv[data-theme="at-encaje"] .en-tinta .lead{color:rgba(243,238,230,.8)}
.inv[data-theme="at-encaje"] .en-tinta .fld > span{font-size:13px;letter-spacing:.16em;color:rgba(243,238,230,.8)}
.inv[data-theme="at-encaje"] .en-tinta .fld input,.inv[data-theme="at-encaje"] .en-tinta .fld select,.inv[data-theme="at-encaje"] .en-tinta .fld textarea{
  padding:11px 14px;border:1px solid rgba(243,238,230,.5);border-radius:0;background-color:rgba(243,238,230,.04);color:var(--claro);font-size:17px}
.inv[data-theme="at-encaje"] .en-tinta .fld select{background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%}
.inv[data-theme="at-encaje"] .en-tinta .fld select option{color:#2A2522;background:#F6F3EE}
.inv[data-theme="at-encaje"] .en-tinta .fld input:focus,.inv[data-theme="at-encaje"] .en-tinta .fld select:focus,.inv[data-theme="at-encaje"] .en-tinta .fld textarea:focus{border-color:var(--claro);box-shadow:0 0 0 1px var(--claro)}
.inv[data-theme="at-encaje"] .en-tinta .fld input::placeholder,.inv[data-theme="at-encaje"] .en-tinta .fld textarea::placeholder{color:rgba(243,238,230,.55)}
.inv[data-theme="at-encaje"] .en-tinta .fld.bad input{border-color:#E39A9A;box-shadow:0 0 0 1px #E39A9A}
.inv[data-theme="at-encaje"] .en-tinta .seg{box-shadow:inset 0 0 0 1px rgba(243,238,230,.5)}
.inv[data-theme="at-encaje"] .en-tinta .seg span{font-size:17px}
.inv[data-theme="at-encaje"] .en-tinta .seg input:checked + span{background:var(--claro);color:var(--tinta)}
.inv[data-theme="at-encaje"] .en-tinta .rsvp .btn{justify-self:stretch;background:var(--claro);color:var(--tinta);font:500 14px/1.2 'EB Garamond',serif;letter-spacing:.26em}
.inv[data-theme="at-encaje"] .en-tinta .form-msg{color:#F0B4B4}
.inv[data-theme="at-encaje"] .en-tinta .btn-line{box-shadow:inset 0 0 0 1px rgba(243,238,230,.5);color:var(--claro)}
.inv[data-theme="at-encaje"] .en-tinta .done-t{font-family:'Caveat',cursive;text-transform:uppercase}
.inv[data-theme="at-encaje"] .en-tinta .alt a{color:var(--claro)}
.en-hilo-vino{margin-top:10px}
.en-hilo-vino path{opacity:.6}

/* ---------- Cierre ---------- */
.en-cierre .en-sec{padding-top:36px;padding-bottom:30px}
.en-t-fin{font-size:clamp(36px,10vw,50px)}
.en-t-fin .en-co{width:.5em;height:.5em;margin-left:.22em;vertical-align:.05em}
.en-cierre .en-p{margin-top:22px}
.en-cierre .en-firma{margin:8px 0 12px}
.en-foto-fin{width:calc(100% - 2 * clamp(32px,10vw,52px));max-width:496px;aspect-ratio:4/5;margin:18px auto 64px}
.en-cierre .en-encaje{z-index:2}
.inv[data-theme="at-encaje"] .inv-brand{position:relative;z-index:3}

/* ---------- Apertura: dos cortinas de encaje ---------- */
.en-op{background:var(--papel);color:var(--tinta)}
.en-op-papel{position:absolute;inset:0;display:grid;place-items:center;padding:0 max(10vw,28px);text-align:center;isolation:isolate;background:var(--papel)}
.en-op-papel::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;mix-blend-mode:multiply;background:url(/img/texturas/encaje-papel-teja.jpg) center/760px auto repeat}
.en-op-portada{transform:scale(1.04);transition:transform 2.4s var(--ease-papel) .3s}
.en-op-nombres{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.22em;margin:18px 0 0;
  font:500 clamp(46px,12.6vw,82px)/1.08 'Dancing Script',cursive}
.en-op-nombres em{font-style:normal;font-size:.72em}
.en-op-portada .en-filete{margin:16px auto 18px}
.en-cortina{position:absolute;top:0;bottom:0;z-index:2;width:59%;transition:transform 1.9s cubic-bezier(.65,0,.25,1)}
.en-cortina-izq{left:0;transform-origin:0 50%}
.en-cortina-der{right:0;z-index:3;transform-origin:100% 50%}
/* Tul blanco con pliegues y, encima, el encaje con su orilla festoneada hacia el centro. */
.en-cortina i{position:absolute;inset:0;
  background:url(/img/texturas/encaje-cortina.webp) right center/cover no-repeat,
    linear-gradient(90deg,rgba(250,248,244,.9),rgba(250,248,244,.84) 70%,rgba(250,248,244,.5) 84%,rgba(250,248,244,0) 92%)}
.en-cortina-der i{transform:scaleX(-1)}
.en-toca{position:absolute;inset:0;z-index:4;display:grid;align-content:center;justify-items:center;gap:16px;width:100%;padding:0 24px;border:0;background:none;color:var(--tinta);cursor:pointer;transition:opacity .5s}
.en-op .at-para{font:500 13px/1.4 'EB Garamond',serif;letter-spacing:.26em;padding:6px 14px;background:rgba(246,243,238,.82);opacity:1}
.en-toca-co{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--papel);box-shadow:0 0 0 1px rgba(42,37,34,.35),0 0 0 6px rgba(246,243,238,.7),0 0 0 7px rgba(42,37,34,.18),0 14px 26px -8px rgba(42,37,34,.35);
  animation:en-late 2.4s ease-in-out infinite}
.en-toca-co .en-co{width:26px;height:26px}
.en-pista{font:500 27px/1 'Caveat',cursive;text-transform:uppercase;letter-spacing:.04em;padding:6px 14px;background:rgba(246,243,238,.82)}
.en-op .at-skip{background:rgba(246,243,238,.88);opacity:1;color:var(--tinta);font-family:'EB Garamond',serif;font-size:12px;box-shadow:0 0 0 1px rgba(42,37,34,.22)}
.en-op.is-opening .en-toca,.en-op.is-opening .at-skip{opacity:0;pointer-events:none}
.en-op.is-opening .en-cortina-izq{transform:translateX(-104%) scaleX(.82)}
.en-op.is-opening .en-cortina-der{transform:translateX(104%) scaleX(.82)}
.en-op.is-opening .en-op-portada{transform:none}
@keyframes en-late{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.en-toca-co{animation:none}.en-cortina{transition-duration:.4s}}
