:root,[data-theme=friendly]{--sf-fondo:#fff8f0;--sf-superficie:#fff;--sf-texto:#66504a;--sf-suave:#66504a;--sf-relleno-1:#f2b18e;--sf-relleno-2:#f8d5bd;--sf-relleno-3:#e8b5a7;--sf-trazo:#66504a;--sf-aviso-fondo:#f8d5bd;--sf-aviso-texto:#66504a;--sf-radio:2rem;--sf-letra:ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", "Segoe UI", system-ui, sans-serif;--sf-letra-nombre:var(--sf-letra);--sf-fondo-imagen:radial-gradient(circle at 15% 20%, #f8d5bd 0 6rem, transparent 6.1rem), radial-gradient(circle at 88% 85%, #e8b5a7 0 8rem, transparent 8.1rem)}[data-theme=juvenil]{--sf-fondo:#080808;--sf-superficie:transparent;--sf-texto:#f8f5ed;--sf-suave:#a89b89;--sf-relleno-1:#ddd2be;--sf-relleno-2:#ddd2be;--sf-relleno-3:#a89b89;--sf-trazo:#080808;--sf-aviso-fondo:#ddd2be;--sf-aviso-texto:#080808;--sf-radio:0;--sf-letra:system-ui, "Segoe UI", sans-serif;--sf-letra-nombre:Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;--sf-fondo-imagen:repeating-linear-gradient(135deg, transparent 0 22px, #ddd2be0d 22px 24px)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--sf-fondo-imagen), var(--sf-fondo);color:var(--sf-texto);font-family:var(--sf-letra);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin:0;padding:2rem 1rem;line-height:1.5;display:flex}.sf-tarjeta{background:var(--sf-superficie);border-radius:var(--sf-radio);width:100%;max-width:30rem;padding:2.5rem 1.5rem 2rem}[data-theme=friendly] .sf-tarjeta{box-shadow:0 1rem 2.5rem #66504a1f}.sf-aviso{background:var(--sf-aviso-fondo);color:var(--sf-aviso-texto);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:0 0 1.25rem;padding:.25rem .9rem;font-size:.85rem;font-weight:700;display:inline-block}[data-theme=juvenil] .sf-aviso{letter-spacing:.15em;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);border-radius:0;padding:.4rem 1.2rem;font-weight:800;transform:rotate(-3deg)}.sf-ilustracion{width:min(15rem,80%);height:auto;margin:0 auto;display:block}[data-theme=friendly] .sf-ilustracion{animation:4s ease-in-out infinite sf-flotar}[data-theme=juvenil] .sf-ilustracion{width:min(11rem,55%);transform:rotate(4deg)}.sf-trazo{stroke:var(--sf-trazo)}.sf-relleno-1{fill:var(--sf-relleno-1)}.sf-relleno-2{fill:var(--sf-relleno-2)}.sf-relleno-3{fill:var(--sf-relleno-3)}.sf-tinta{fill:var(--sf-trazo)}.sf-nombre{font-family:var(--sf-letra-nombre);letter-spacing:-.02em;margin:.75rem 0 .5rem;font-size:clamp(2.5rem,9vw,3.5rem);font-weight:800;line-height:1.05}[data-theme=juvenil] .sf-nombre{letter-spacing:.02em;text-transform:uppercase;color:var(--sf-relleno-1);font-size:clamp(3rem,14vw,5rem);font-weight:900;line-height:.95}.sf-lema{font-size:1.15rem}p{margin:0 0 .75rem}.sf-nota{color:var(--sf-suave);margin-top:1.25rem;font-size:.9rem}[data-theme=juvenil] .sf-nota{font-style:italic}.sf-pie{color:var(--sf-suave);font-size:.85rem}@keyframes sf-flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.sf-ilustracion{animation:none!important}}
