@font-face{font-family:IM Fell DW Pica;src:url(/_astro/im-fell-dw-pica-latin.CvO4MhwA.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root:has([data-tipo=calaverita]){--calaverita-fuente:"IM Fell DW Pica", Georgia, serif}html:has([data-tipo=calaverita]) .portada__titulo{font-family:var(--calaverita-fuente);font-weight:400}html:has([data-tipo=calaverita]) body{background:linear-gradient(var(--fondo), color-mix(in srgb, var(--fondo) 55%, #080610))}.calaverita{--noche:var(--fondo);--cempasuchil:var(--acento);--rosa:#e4007c;--estraza:#e9d8b4;--tinta:#2a1a12;--vela:#ffd27a;isolation:isolate;background:linear-gradient(var(--noche), color-mix(in srgb, var(--noche) 55%, #080610));gap:2rem;width:100%;max-width:480px;margin-inline:auto;padding:4rem 1.25rem 3rem;display:grid;position:relative}.calaverita__escena{z-index:1;isolation:isolate;padding-bottom:3rem;position:relative}.calaverita__escena:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 65%, color-mix(in srgb, var(--vela) 19%, transparent), transparent 68%);pointer-events:none;height:25rem;position:absolute;inset:auto -1.25rem -1rem}.calaverita__papel{filter:drop-shadow(0 .75rem 1rem #09051099)drop-shadow(0 0 1.25rem #ffd27a18);transform:rotate(-1deg)}.calaverita__hoja{isolation:isolate;clip-path:polygon(.4% .3%,18% 0,38% .4%,61% .1%,82% .4%,99.5% 0,100% 21%,99.4% 43%,100% 66%,99.5% 84%,100% 99.6%,77% 100%,55% 99.5%,32% 100%,12% 99.6%,.2% 100%,.6% 78%,0 56%,.5% 33%);background:var(--estraza);color:var(--tinta);font-family:var(--calaverita-fuente);overflow-wrap:anywhere;padding:5rem clamp(1.25rem,5vw,2rem) 13.5rem;scroll-margin-top:1rem;position:relative;box-shadow:inset 0 0 1.5rem #2a1a122b,inset 0 0 3px #2a1a1255}.calaverita__hoja:before{content:"";z-index:-1;opacity:.14;mix-blend-mode:multiply;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7 .12' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%232a1a12' filter='url(%23f)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.calaverita__papel:has(:focus-visible){outline:2px solid var(--texto);outline-offset:5px}.calaverita__titulo{text-align:center;text-wrap:balance;gap:.25rem;margin:0;font-weight:400;line-height:1.15;display:grid}.calaverita__volante{color:var(--rosa);letter-spacing:.16em;font-size:1.65rem;font-variant-caps:small-caps}.calaverita__dedicatoria{font-size:clamp(2.15rem,8.5vw,2.75rem)}.calaverita__filete{color:var(--cempasuchil);align-items:center;gap:.75rem;margin:1rem 0 1.5rem;display:flex}.calaverita__filete:before,.calaverita__filete:after{content:"";border-block:1px solid #2a1a1266;flex:1;height:4px}.calaverita__filete svg{width:1.8rem;height:1.8rem}.calaverita__poema{gap:.65rem;font-size:clamp(1.0625rem,4.5vw,1.25rem);line-height:1.55;display:grid}.calaverita__estrofa{margin:0}.calaverita__bloque--inicial .calaverita__estrofa:first-letter{float:left;color:var(--rosa);padding:.12em .08em 0 0;font-size:3.5em;line-height:.75}.calaverita__separador{width:1rem;height:1rem;color:var(--cempasuchil);justify-self:center}.calaverita__firma{text-align:right;margin:1.5rem 0 0;font-size:1.0625rem;font-style:italic;line-height:1.5}.calaverita__guirnalda,.calaverita__catrina,.calaverita__velas,.calaverita__petalos{pointer-events:none;position:absolute}.calaverita__guirnalda{inset:-3rem -.75rem auto}.calaverita__catrina{width:clamp(8.5rem,44vw,10.75rem);bottom:1.5rem;left:-.75rem}.calaverita__velas{width:clamp(6rem,34vw,8.25rem);bottom:1.15rem;right:.5rem}.calaverita__petalos{width:100%;bottom:0}.calaverita__guirnalda svg,.calaverita__catrina svg,.calaverita__velas svg,.calaverita__petalos svg{width:100%;height:auto;display:block}.calaverita__foto{z-index:1;border:2px solid var(--cempasuchil);background:var(--noche);box-shadow:0 0 0 4px var(--noche), 0 0 0 5px var(--cempasuchil);margin:0 1rem;padding:.75rem;position:relative}.calaverita__flor{width:2rem;height:2rem;color:var(--cempasuchil);pointer-events:none;position:absolute}.calaverita__flor--0{top:-1rem;left:-1rem}.calaverita__flor--1{top:-1rem;right:-1rem}.calaverita__flor--2{bottom:-1rem;left:-1rem}.calaverita__flor--3{bottom:-1rem;right:-1rem}.calaverita__foto img{width:100%;height:auto}.calaverita__final{z-index:1;gap:2rem;display:grid;position:relative}.calaverita__final[hidden],html.js:not([data-abierto]) .calaverita__final{display:none}.calaverita__musica h2{color:var(--texto);font-family:var(--calaverita-fuente);margin:0 0 1rem;font-size:1.5rem;font-weight:400;line-height:1.3}.calaverita__acciones{gap:.25rem;display:grid}.calaverita__acciones .boton,.calaverita__cta .boton{text-align:center;width:100%}.calaverita .calaverita__releer{min-height:44px;color:var(--texto);text-underline-offset:.25em;background:0 0;border:0;font-size:.9375rem;text-decoration:underline}.calaverita__cta{border:1px solid color-mix(in srgb, var(--texto) 20%, transparent);background:color-mix(in srgb, var(--noche) 85%, #080610);text-align:center;border-radius:.75rem;padding:1.25rem}.calaverita__cta p{color:var(--texto);font-family:var(--calaverita-fuente);margin:0 0 .75rem;font-size:1.4rem}.calaverita .boton:hover{transform:none}.calaverita .boton:focus-visible,html:has([data-tipo=calaverita]) .portada__boton:focus-visible{outline-color:var(--texto)}.calaverita__simbolos{width:0;height:0;position:absolute}.calaverita__lluvia{display:none}.calaverita__bloque{min-width:0;display:grid}.calaverita__bloque>p{grid-area:1/1;align-self:start;min-width:0}.calaverita__copia{pointer-events:none}.calaverita__completar{z-index:5;bottom:max(1rem, env(safe-area-inset-bottom));position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px 1.5rem #0005}.calaverita .calaverita__completar:hover{transform:translate(-50%)}.calaverita__completar[hidden]{display:none}.calaverita .calaverita__completar:focus-visible{outline:3px solid var(--tinta);outline-offset:2px;box-shadow:0 0 0 7px var(--estraza), 0 3px 1.5rem #0005}@media (prefers-reduced-motion:no-preference){[data-animada] .calaverita__bloque[data-pendiente]>[data-escribir]{opacity:0}[data-animada] .calaverita__separador{opacity:0;transition:transform .25s ease-out,opacity .25s;transform:scale(0)}[data-animada] .calaverita__separador.is-visible{opacity:1;transform:scale(1)}[data-animada] .calaverita__papel,[data-animada] .calaverita__catrina,[data-animada] .banderita__entrada,[data-animada] .vela__fuego{opacity:0}[data-animada] .calaverita__guirnalda svg,[data-animada] .calaverita__velas svg{overflow:visible}.banderita--1{--entrada:0s;--mecer:3.2s;--desfase:.8s}.banderita--2{--entrada:80ms;--mecer:3.7s;--desfase:.96s}.banderita--3{--entrada:.16s;--mecer:3.4s;--desfase:1.12s}.banderita--4{--entrada:.24s;--mecer:3.9s;--desfase:.88s}.banderita--5{--entrada:.32s;--mecer:3.5s;--desfase:1.04s}.banderita__papel{transform-box:fill-box;transform-origin:50% 0}[data-animada].is-abierta .banderita__entrada{animation:calaverita-bajar .48s var(--entrada) both}[data-animada].is-abierta .banderita__papel{animation:calaverita-mecer var(--mecer) var(--desfase) ease-in-out infinite}.vela--1{--encender:.6s;--parpadeo:2.7s}.vela--2{--encender:.85s;--parpadeo:3.3s}.vela--3{--encender:1.1s;--parpadeo:2.1s}.vela__fuego,.vela__parpadeo{transform-box:fill-box;transform-origin:50% 100%}[data-animada].is-abierta .vela__fuego{animation:calaverita-encender .3s var(--encender) both}[data-animada].is-abierta .vela__parpadeo{animation:calaverita-parpadear var(--parpadeo) var(--encender) ease-in-out infinite}[data-animada] .calaverita__escena:before{opacity:0}[data-animada].is-abierta .calaverita__escena:before{animation:.8s .6s both calaverita-aparecer}[data-animada].is-abierta .calaverita__papel{animation:.55s 1.2s both calaverita-hoja}[data-animada].is-abierta .calaverita__catrina{animation:.6s 1.2s both calaverita-asomar}[data-animada].is-presentada .calaverita__papel,[data-animada].is-presentada .calaverita__catrina{opacity:1;animation:none}[data-animada].is-escribiendo .calaverita__titulo{animation:.45s both calaverita-aparecer}[data-animada]:not(.is-presentada).is-escribiendo .calaverita__titulo{animation-delay:1.35s}[data-animada] #catrina-mano{transform-origin:114px 181px}[data-animada] .is-writing #catrina-mano{animation:.65s ease-in-out 1.2s infinite calaverita-escribir}[data-animada].is-presentada .is-writing #catrina-mano{animation-delay:0s}[data-animada] #catrina{transform-origin:85px 278px}[data-animada] #catrina.is-done{animation:.65s ease-in-out calaverita-saludar}[data-animada] .calaverita__final.is-visible{animation:.55s both calaverita-asomar}.calaverita__cursor{background:var(--tinta);vertical-align:-.1em;width:1px;height:1em;margin-left:2px;animation:.8s step-end infinite calaverita-cursor;display:inline-block}[data-animada].is-abierta .calaverita__lluvia{pointer-events:none;opacity:0;animation:.4s 1s both calaverita-aparecer;display:block;position:fixed;inset:0;overflow:hidden}.calaverita__lluvia--fondo{z-index:0}.calaverita__lluvia--frente{z-index:2}.calaverita__caida{top:-24px;left:var(--x);width:var(--tamano);height:var(--tamano);animation:calaverita-caer var(--caida) var(--fase) linear infinite;position:absolute}.calaverita__caida svg{width:100%;height:100%;fill:var(--cempasuchil);opacity:.8;animation:calaverita-balancear var(--balanceo) var(--fase) ease-in-out infinite alternate}.calaverita__lluvia--frente svg{opacity:.28}[data-animada].is-pausada *,[data-animada].is-pausada :before,[data-animada].is-pausada :after{animation-play-state:paused!important}}@media (prefers-reduced-motion:reduce){html.js:not([data-abierto]) .calaverita__final{display:grid}.calaverita__copia,.calaverita__completar{display:none}}@keyframes calaverita-bajar{0%{opacity:0;transform:translateY(-100px)}72%{opacity:1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes calaverita-mecer{0%,50%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes calaverita-encender{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}@keyframes calaverita-parpadear{0%,to{opacity:1;transform:scale(1)}19%{opacity:.86;transform:scale(.98,.94)rotate(-1deg)}31%,72%{opacity:.96;transform:scale(1.02,1.04)}58%{opacity:.9;transform:scaleY(.97)rotate(1deg)}}@keyframes calaverita-hoja{0%{opacity:0;transform:translateY(24px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(-1deg)}}@keyframes calaverita-asomar{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes calaverita-aparecer{0%{opacity:0}to{opacity:1}}@keyframes calaverita-escribir{0%,to{transform:rotate(-2deg)}45%{transform:rotate(3deg)}72%{transform:rotate(0)}}@keyframes calaverita-saludar{0%,to{transform:rotate(0)}35%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}}@keyframes calaverita-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes calaverita-caer{0%{transform:translateY(-10vh)}to{transform:translateY(115vh)}}@keyframes calaverita-balancear{0%{transform:translateX(calc(-1 * var(--deriva))) rotate(-35deg)}to{transform:translateX(var(--deriva)) rotate(135deg)}}