html{scroll-behavior:smooth;}
*{box-sizing:border-box;}
body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#0f172a,#2563eb);animation:fade .5s;color:#111827;min-height:100vh;}
.contenedor{width:90%;max-width:780px;margin:38px auto;background:#f6f1c3;padding:30px;border-radius:18px;box-shadow:0 0 45px rgba(237,221,83,.85);text-align:center;}
.contenedor.grande{max-width:930px;}
h1{color:#0057b8;font-size:38px;margin:5px 0 12px;}
h2{margin-top:30px;color:#111827;}
h3{margin:10px 0;color:#0057b8;}
.subtitulo{font-size:20px;color:#333;line-height:1.5;}
.aviso{background:#fff3cd;padding:15px;border-radius:10px;margin:20px 0;color:#856404;line-height:1.45;}
.destacado{background:#e8f4ff;border:2px solid #93c5fd;color:#0f172a;padding:18px;border-radius:14px;margin:20px 0;line-height:1.45;}
.cajaContador{background:#fff8d6;border-radius:16px;padding:18px;margin:20px auto;box-shadow:inset 0 0 8px rgba(0,0,0,.08);}
.menuInicio{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin-top:22px;}
.boton{display:inline-block;margin-top:14px;background:#c93477;color:#fff;padding:15px 25px;text-decoration:none;border-radius:10px;font-size:18px;transition:.25s;border:none;cursor:pointer;font-weight:bold;}
.boton:hover{background:#003f85;transform:scale(1.04);box-shadow:0 0 15px rgba(0,87,184,.5);}
.secundario{background:#6b48d4;}
.verde{background:#16a34a;}
.azul{background:#1877f2;}
label{display:block;text-align:left;margin-top:20px;font-size:18px;font-weight:bold;color:#333;}
select{width:100%;padding:12px;margin-top:8px;border-radius:8px;border:1px solid #aaa;font-size:17px;background:#fff;}
.contador{font-size:33px;font-weight:bold;color:#0057b8;margin:8px 0;}
.barraItem{margin:18px auto;max-width:640px;text-align:left;}
.barraTexto{display:flex;justify-content:space-between;gap:10px;font-size:17px;margin-bottom:6px;color:#111827;}
.barraFondo{width:100%;height:24px;border-radius:14px;background:#e5e7eb;overflow:hidden;box-shadow:inset 0 0 4px rgba(0,0,0,.2);}
.barraRelleno{height:100%;background:linear-gradient(90deg,#0057b8,#00a6d6);border-radius:14px;min-width:4px;}
.ranking{max-width:640px;margin:15px auto;text-align:left;background:#fff8d6;border-radius:14px;padding:14px 18px;}
.ranking div{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:18px;}
.ranking div:last-child{border-bottom:none;}
.videoBox{margin:28px auto;padding:18px;background:#fff8d6;border-radius:15px;box-shadow:0 0 12px rgba(0,0,0,.15);}
.miniatura{width:100%;max-width:700px;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.25);}
.compartir{margin-top:25px;padding-top:8px;}
.pie{margin-top:30px;font-size:15px;color:#334155;line-height:1.4;}
.whatsapp{
    position:fixed;
    width:50px;
    height:50px;
    bottom:20px;
    right:20px;
    z-index:999;
}

.whatsapp img{
    width:50px;
    height:50px;