/* Simple contador para Dania — rosita, limpio */
:root{
  --bg:#FFE4EF; --chicle:#FFB3D1; --fresa:#FF6FA8; --prof:#C2185B;
  --crema:#FFF8F3; --cacao:#5B3A4A;
  --shadow:0 12px 32px rgba(255,111,168,.25);
}
*{box-sizing:border-box}
body{margin:0;font-family:'Nunito',system-ui,sans-serif;background:linear-gradient(180deg,#FFE4EF,#FFD3E8);color:var(--cacao);min-height:100vh}
.wrap{max-width:640px;margin:0 auto;padding:32px 20px 60px;text-align:center;position:relative;z-index:1}
.pill{display:inline-block;background:var(--crema);border:2px solid var(--fresa);color:var(--prof);font-weight:800;padding:6px 16px;border-radius:999px}
h1{font-family:'Fredoka',sans-serif;color:var(--prof);font-size:clamp(2.6rem,8vw,4rem);margin:.4em 0 0;line-height:1}
.sub{font-size:1.15rem;margin:.2em 0 1em}
.ella-card{background:var(--crema);border-radius:28px;padding:20px;box-shadow:var(--shadow);transform:rotate(-1deg)}
.ella-frame{border-radius:20px;overflow:hidden;background:#fff;border:2px solid #fff;max-width:380px;margin:0 auto}
.ella-frame img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.ella-fallback{padding:48px 20px;background:linear-gradient(180deg,var(--chicle),var(--bg));color:var(--prof)}
.ella-fallback code{background:#fff;padding:2px 8px;border-radius:8px}
.ella-frame.missing img{display:none}
.hand{font-family:'Caveat',cursive;font-size:1.5rem;color:var(--prof)}
.hand.big{font-size:2rem}
.counter-card{background:var(--crema);border-radius:28px;padding:24px;margin-top:20px;box-shadow:var(--shadow);transform:rotate(.8deg)}
.counter-card h2{font-family:'Fredoka',sans-serif;color:var(--prof);margin:0 0 12px}
.counter{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.counter div{background:#fff;border-radius:18px;padding:12px 4px;box-shadow:var(--shadow)}
.counter b{display:block;font-family:'Fredoka',sans-serif;font-size:clamp(1.6rem,6vw,2.4rem);color:var(--prof)}
.counter small{font-weight:800}
.total{font-weight:800;color:var(--prof)}
.btn{background:linear-gradient(180deg,var(--fresa),#e94e8c);color:#fff;border:none;font-family:'Fredoka',sans-serif;font-size:1.1rem;padding:12px 26px;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px rgba(255,111,168,.45);transition:transform .15s cubic-bezier(.34,1.56,.64,1)}
.btn:active{transform:scale(.88)}
.letter{margin-top:20px}
footer{margin-top:24px;opacity:.9}
/* stickers flotantes, solo transform/opacity */
.stickers span{position:fixed;font-size:2rem;opacity:.55;z-index:0;animation:fl 6s ease-in-out infinite}
.stickers span:nth-child(even){animation-delay:2s;font-size:1.6rem}
@keyframes fl{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(6deg)}}
.confetti{position:fixed;top:-24px;z-index:50;pointer-events:none;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(600deg)}}
:focus-visible{outline:3px solid var(--prof);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.stickers{display:none}}