@font-face{font-family:Fredoka;src:url(/_astro/fredoka-latin.DM6njrJ3.woff2)format("woff2");font-style:normal;font-weight:400 600;font-display:swap}:root:has([data-tipo=pregunta]){--pregunta-fuente:"Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--cereza:#c21e56;--durazno:#ffb38a;--menta:#7fd1b9;--tinta:#3a1f2b;--papel:#fffdf8}html:has([data-tipo=pregunta]) body{background-color:var(--fondo);font-family:var(--pregunta-fuente);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .3 0 0 0 0 .3 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}html:has([data-tipo=pregunta]) .portada__titulo{font-family:var(--pregunta-fuente);font-weight:600}html:has([data-tipo=pregunta]) .portada__boton{border:2.5px solid var(--tinta);box-shadow:0 5px 0 var(--tinta);font-family:var(--pregunta-fuente)}.pregunta{isolation:isolate;width:100%;max-width:480px;color:var(--texto);font-family:var(--pregunta-fuente);gap:2.75rem;margin-inline:auto;padding:3rem 1.25rem 3.5rem;display:grid;position:relative}.pregunta .boton{font-family:inherit}.pregunta .boton:hover{transform:none}.pregunta :focus-visible{outline-color:var(--texto)}.pregunta .carta :focus-visible{outline-color:var(--tinta)}.pregunta__simbolos{width:0;height:0;position:absolute}.carta{border:2px solid color-mix(in srgb, var(--tinta) 14%, transparent);background:var(--papel);color:var(--tinta);box-shadow:0 6px 0 -1px color-mix(in srgb, var(--durazno) 70%, var(--papel)), 0 18px 36px -14px color-mix(in srgb, var(--cereza) 40%, transparent);border-radius:28px;padding:2.25rem 1.5rem 1.75rem;position:relative}.carta__cinta{background:color-mix(in srgb, var(--menta) 78%, transparent);background-image:repeating-linear-gradient(90deg,#0000 0 9px,#ffffff59 9px 13px);border-radius:3px;width:96px;height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-3deg)}.carta__sticker{width:30px;height:30px;fill:var(--color);stroke:var(--tinta);stroke-width:1.5px;stroke-linejoin:round;pointer-events:none;position:absolute;overflow:visible}.carta__sticker--sup-izq{top:-12px;left:-10px;transform:rotate(-14deg)}.carta__sticker--sup-der{top:-12px;right:-10px;transform:rotate(12deg)}.carta__sticker--inf-izq{bottom:-10px;left:-10px;transform:rotate(-8deg)}.carta__sticker--inf-der{bottom:-10px;right:-10px;transform:rotate(16deg)}.pregunta__recuerdos{gap:2.75rem;display:grid}.pregunta__recuerdo{text-align:center}.pregunta__contador{background:color-mix(in srgb, var(--menta) 45%, var(--papel));border-radius:999px;margin:0 0 1rem;padding:.2rem .85rem;font-size:.875rem;font-weight:600;display:inline-block}.pregunta__polaroid{background:#fff;border-radius:6px;max-width:21rem;margin:0 auto 1.25rem;padding:.6rem .6rem 1.9rem;transform:rotate(-2deg);box-shadow:0 8px 20px -8px #3a1f2b59}.pregunta__recuerdo:nth-child(2n) .pregunta__polaroid{transform:rotate(2deg)}.pregunta__polaroid img{border-radius:3px;width:100%;height:auto;display:block}.pregunta__recuerdo-texto{text-wrap:pretty;margin:0;font-size:1.15rem;line-height:1.5}.pregunta__escena{text-align:center;padding-top:1.75rem}.pregunta__personaje{width:min(13.5rem,60vw);margin:0 auto .5rem}.pregunta__personaje svg{width:100%;height:auto;display:block;overflow:visible}.pregunta__titulo{text-wrap:balance;margin:0 0 1.75rem;font-size:clamp(1.6rem,7vw,2rem);font-weight:600;line-height:1.2}.pregunta__botones{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.pregunta__si{border:2.5px solid var(--tinta);min-width:8rem;box-shadow:0 5px 0 var(--tinta);padding:.75rem 2rem;font-size:1.3rem;font-weight:600}.pregunta .pregunta__no{border:2.5px solid var(--tinta);min-width:6rem;color:var(--tinta);box-shadow:0 4px 0 color-mix(in srgb, var(--tinta) 30%, transparent);background:#fff;padding:.6rem 1.4rem;font-size:1.05rem;font-weight:500}html:not(.js) .pregunta__no{display:none}.pregunta__final{gap:1.75rem;scroll-margin-top:1.5rem;display:grid}.pregunta__final:focus{outline:none}html.js:not([data-abierto]) .pregunta__final{display:none}.pregunta__final-carta{text-align:center}.pregunta__final-titulo{color:var(--cereza);text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.8rem,8vw,2.3rem);font-weight:600;line-height:1.15}.pregunta__fecha{color:color-mix(in srgb, var(--tinta) 78%, var(--papel));margin:0 0 1.25rem;font-size:1.05rem}.pregunta__fecha[hidden]{display:none}.pregunta__polaroid--final{margin-top:1.25rem}.pregunta__mensaje{text-align:left;text-wrap:pretty;margin:1.25rem 0 0;font-size:1.15rem;line-height:1.55}.pregunta__firma{color:var(--cereza);text-align:right;margin:1.25rem 0 0;font-size:1.15rem;font-weight:500}.pregunta__acciones{gap:.75rem;display:grid}.pregunta__avisar,.pregunta__acciones .boton,.pregunta__cta .boton{width:100%}.pregunta__avisar{border:2.5px solid var(--tinta);box-shadow:0 5px 0 var(--tinta);font-size:1.15rem;font-weight:600}.pregunta__cta{text-align:center}#personaje [class*=solo-]{display:none}#personaje.is-idle .solo-idle,#personaje.is-nervioso .solo-nervioso,#personaje.is-triste .solo-triste,#personaje.is-suplicando .solo-suplicando,#personaje.is-feliz .solo-feliz{display:inline}.personaje__oreja{transform-box:fill-box;transform-origin:50% 100%}#personaje.is-nervioso .personaje__oreja--izq{transform:rotate(-10deg)}#personaje.is-nervioso .personaje__oreja--der{transform:rotate(10deg)}#personaje.is-triste .personaje__oreja--izq{transform:translate(-2px,8px)rotate(-30deg)}#personaje.is-triste .personaje__oreja--der{transform:translate(2px,8px)rotate(30deg)}#personaje.is-suplicando .personaje__oreja--izq{transform:translate(-2px,12px)rotate(-40deg)}#personaje.is-suplicando .personaje__oreja--der{transform:translate(2px,12px)rotate(40deg)}#personaje.is-feliz .personaje__oreja--izq{transform:rotate(6deg)}#personaje.is-feliz .personaje__oreja--der{transform:rotate(-6deg)}.pregunta [hidden]{display:none!important}.pregunta[data-interactiva] .pregunta__recuerdos{align-content:center;min-height:calc(100svh - 6.5rem)}.pregunta__recuerdo[role=button]{cursor:pointer;user-select:none}.pregunta .pregunta__recuerdo[role=button]:focus-visible{outline:3px solid var(--texto);outline-offset:4px}.pregunta .pregunta__si,.pregunta .pregunta__si:hover{transform:scale(var(--escala-si,1))}.pregunta__botones{min-height:calc(4.5rem * var(--escala-si,1))}.pregunta .pregunta__no{touch-action:manipulation}.pregunta .pregunta__no.is-huyendo{z-index:6;margin:0;position:absolute;top:0;left:0}.pregunta__escena.is-respondiendo .pregunta__titulo,.pregunta__escena.is-respondiendo .pregunta__botones{opacity:0;pointer-events:none}.pregunta__escena.is-respondida .pregunta__titulo,.pregunta__escena.is-respondida .pregunta__botones{display:none}.pregunta__escena .pregunta__final-contenido{margin-top:.25rem}.pregunta__final-titulo:focus{outline:none}.pregunta__musica{gap:.75rem;display:grid}.pregunta__musica-titulo{color:var(--texto);text-align:center;margin:0;font-size:1.3rem;font-weight:600}.pregunta__confeti{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pregunta__pieza{width:var(--tam);height:var(--tam);margin:calc(var(--tam) / -2) 0 0 calc(var(--tam) / -2);animation-name:pregunta-confeti;animation-timing-function:linear;animation-fill-mode:both;position:absolute}.pregunta__pieza--circulo{background:var(--color);border-radius:50%}.pregunta__pieza--tira{width:calc(var(--tam) * .45);background:var(--color);border-radius:2px}.pregunta__pieza svg{width:100%;height:100%;fill:var(--color);stroke:var(--tinta);stroke-width:1.5px;display:block;overflow:visible}@media (prefers-reduced-motion:no-preference){.pregunta .pregunta__si{transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.pregunta .pregunta__no.is-huyendo:not(.sin-transicion){transition:transform .38s cubic-bezier(.34,1.4,.64,1)}.pregunta__escena .pregunta__titulo,.pregunta__escena .pregunta__botones{transition:opacity .28s}.pregunta .is-entrando{animation:.48s cubic-bezier(.2,.8,.3,1) both pregunta-entrar}.pregunta[data-interactiva] #personaje{transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite pregunta-respirar}.pregunta[data-interactiva] #personaje-ojos{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite pregunta-parpadear}.pregunta[data-interactiva] #personaje.is-nervioso{animation:.36s linear infinite pregunta-temblar}.pregunta[data-interactiva] #personaje.is-feliz{animation:.85s ease-in-out 3 pregunta-brincar,3.2s ease-in-out 2.55s infinite pregunta-respirar}.pregunta[data-interactiva] #personaje.is-feliz #personaje-ojos{animation:none}.pregunta[data-interactiva] .personaje__oreja{transition:transform .26s}.pregunta[data-interactiva].is-pausada *,.pregunta[data-interactiva].is-pausada :before,.pregunta[data-interactiva].is-pausada :after{animation-play-state:paused!important}}@media (prefers-reduced-motion:reduce){.pregunta__confeti{display:none}}@keyframes pregunta-entrar{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes pregunta-respirar{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.012,.992)}}@keyframes pregunta-parpadear{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.12)}}@keyframes pregunta-temblar{0%,to{transform:translate(0)}25%{transform:translate(-1.4px)rotate(-.6deg)}75%{transform:translate(1.4px)rotate(.6deg)}}@keyframes pregunta-brincar{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-14px)scale(.97,1.04)}55%{transform:translateY(0)scale(1.04,.95)}}@keyframes pregunta-confeti{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translate(0)rotate(0)scale(.4)}8%{opacity:1}30%{transform:translate(calc(var(--dx) * .45), var(--salto)) rotate(calc(var(--giro) * .35)) scale(1);animation-timing-function:cubic-bezier(.5,0,.9,.6)}85%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--giro)) scale(1)}}