:root{--blue:#05275f;--gold:#c68a18;--cream:#fbf5e9;--green:#0aa34b;--text:#111827;--muted:#657083;--line:#ead7b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff;color:var(--text)}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.logo{width:64px;height:64px;object-fit:contain;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);background:#fff}.brand-title{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#bd6a12;font-size:13px}.brand-subtitle{color:#777;font-size:12px;margin-top:3px}.menu{display:flex;gap:26px}.menu a{text-decoration:none;color:#333;font-weight:700}.wa,.btn,.buy{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;font-weight:900}.top-wa{background:var(--green);color:white;padding:12px 20px;box-shadow:0 8px 18px rgba(10,163,75,.25)}.hero{background:radial-gradient(circle at 80% 20%,rgba(198,138,24,.18),transparent 32%),linear-gradient(135deg,#fff 0%,var(--cream) 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:62px;padding-bottom:72px}.pill{display:inline-flex;border:1px solid #e5ae42;color:#a76706;background:#fff7df;border-radius:999px;padding:10px 16px;font-weight:900;margin-bottom:28px}h1{font-size:clamp(44px,6vw,78px);line-height:1.05;margin:0;color:#0d1931;letter-spacing:-.05em}h2{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:8px 0 0;color:#0d1931}.lead{font-size:20px;line-height:1.65;color:#394150;max-width:650px}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.badges div{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:20px;padding:18px}.badges strong{display:block;color:#061f4d}.badges span{display:block;color:#b36d09;font-weight:800;margin-top:5px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{padding:17px 24px}.primary{background:#061f4d;color:#fff}.whatsapp{background:var(--green);color:#fff}.note{color:#555;margin-top:18px}.hero-card{display:flex;justify-content:center}.ticket{width:min(100%,430px);border-radius:34px;background:linear-gradient(145deg,#17110f,#081f4d);color:#fff;padding:34px;box-shadow:0 24px 60px rgba(5,39,95,.28)}.ticket-small{text-transform:uppercase;letter-spacing:.35em;color:#f3c057;font-weight:900}.ticket-title{font-size:38px;font-weight:950;margin:18px 0 22px}.mini-number{background:rgba(255,255,255,.12);border-radius:20px;padding:18px;margin-top:14px}.mini-number span{display:block;font-family:Georgia,serif;font-size:38px;color:#ffe08b;font-weight:900;letter-spacing:.16em}.mini-number em{font-style:normal;color:#e6e6e6}.section{padding:64px 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head p{color:var(--muted);max-width:420px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#b36d09;font-weight:950;font-size:13px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.number-card{background:#fff;border:1px solid #e9edf3;border-radius:22px;padding:24px 18px;text-align:center;box-shadow:0 10px 26px rgba(20,30,50,.08)}.number{font-family:Georgia,serif;font-size:38px;color:#061f4d;font-weight:950;letter-spacing:.08em}.draw{font-weight:700;margin-top:6px}.status{display:inline-flex;border-radius:999px;padding:8px 14px;margin:18px 0;font-weight:900;font-size:13px}.ok{background:#dbf5df;color:#087a36}.last{background:#fff0cf;color:#b66b00}.sold{background:#e5e7eb;color:#686f7c}.buy{background:var(--green);color:#fff;padding:13px 16px;width:100%;font-size:14px}.disabled{border:0;background:#e5e7eb;color:#777;width:100%;padding:13px 16px;border-radius:14px;font-weight:900}.soft{background:#fbf5e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:28px}.steps div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.steps b{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#061f4d;color:white;margin-bottom:18px}.steps span{font-weight:900}.contact{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-box{background:#061f4d;color:white;border-radius:28px;padding:28px}footer{background:#071b3d;color:#dbe6ff;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:13px}@media(max-width:900px){.menu{display:none}.hero-grid,.contact{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.badges{grid-template-columns:1fr}.section-head{display:block}.brand-title{font-size:11px}.top-wa{padding:10px 14px}}@media(max-width:560px){.wrap{padding:0 16px}.nav{height:auto;padding-top:12px;padding-bottom:12px}.logo{width:54px;height:54px}.hero-grid{padding-top:38px;padding-bottom:46px}h1{font-size:42px}.cards,.steps{grid-template-columns:1fr}.footer-inner{display:block}.top-wa{font-size:16px}.top-wa:after{content:'' !important;display:none !important}.actions .btn{width:100%}}


.logo-container{
    width:154px !important;
    height:154px !important;
}

.logo{
    width:154px !important;
    height:154px !important;
    object-fit:contain !important;
}


/* Barra superior alineada con logo grande */

.header{
    min-height:168px !important;
    align-items:center !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.nav{
    display:flex !important;
    align-items:center !important;
    height:154px !important;
}

.nav a{
    display:flex !important;
    align-items:center !important;
    height:154px !important;
    font-size:20px !important;
}


/* Reducir botón WhatsApp superior */

.whatsapp-button,
.btn-whatsapp-top,
.header .btn-whatsapp,
.header .whatsapp{
    padding-top:8px !important;
    padding-bottom:8px !important;
    min-height:auto !important;
    font-size:18px !important;
    border-radius:14px !important;
}


/* WhatsApp superior reducido */

.header .whatsapp-btn,
.header .whatsapp-button,
.header a[href*="whatsapp"],
.header a:last-child{
    padding: 6px 18px !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: 24px !important;
    border-radius: 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
}


/* FIX DEFINITIVO BOTÓN WHATSAPP SUPERIOR */

header a:last-child{
    height:48px !important;
    padding:0 22px !important;
    min-height:48px !important;
    max-height:48px !important;
    width:auto !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
    line-height:16px !important;
}

header a:last-child *{
    font-size:16px !important;
}


/* FIX: mantener navegación alineada y reducir solo botón WhatsApp superior */

.header .nav,
.header nav{
    display:flex !important;
    align-items:center !important;
    gap:34px !important;
}

.header .nav a,
.header nav a{
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    line-height:1.2 !important;
}

.header > a,
.header .whatsapp-link,
.header .whatsapp-button,
.header .btn-whatsapp,
.header a[href*="wa.me"],
.header a[href*="whatsapp"]{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:0 22px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
    line-height:16px !important;
}


/* HEADER REDISEÑADO */

.header,
header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:18px 40px !important;
    gap:40px !important;
}

.logo-area{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    min-width:420px !important;
}

.logo{
    width:108px !important;
    height:108px !important;
    object-fit:contain !important;
}

.brand-text{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.brand-text h1{
    margin:0 !important;
    font-size:34px !important;
    line-height:1 !important;
}

.brand-text p{
    margin-top:8px !important;
    font-size:16px !important;
}

.nav,
header nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 !important;
    gap:60px !important;
}

.nav a,
header nav a{
    font-size:20px !important;
    font-weight:600 !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
}

header a[href*="whatsapp"],
.whatsapp-button{
    height:48px !important;
    padding:0 24px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
    white-space:nowrap !important;
}


/* CABECERA FINAL LIMPIA: Números y Cómo comprar EXACTAMENTE iguales */

.topbar{
    background:#fff !important;
    border-bottom:1px solid #ead7b6 !important;
}

.topbar .wrap.nav{
    height:102px !important;
    min-height:102px !important;
    display:grid !important;
    grid-template-columns: 430px 1fr 150px !important;
    align-items:center !important;
    column-gap:40px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.topbar .brand{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    height:102px !important;
}

.topbar .logo{
    width:108px !important;
    height:108px !important;
    object-fit:contain !important;
    flex:0 0 108px !important;
}

.topbar .brand-title{
    font-size:16px !important;
    line-height:1 !important;
    letter-spacing:4px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    color:#b86200 !important;
    margin:0 !important;
}

.topbar .brand-subtitle{
    font-size:13px !important;
    line-height:1.2 !important;
    color:#777 !important;
    margin-top:8px !important;
}

.topbar .menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:52px !important;
    height:102px !important;
    margin:0 !important;
    padding:0 !important;
}

.topbar .menu a,
.topbar .menu a:link,
.topbar .menu a:visited,
.topbar .menu a:hover,
.topbar .menu a:active{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    font-size:20px !important;
    line-height:24px !important;
    font-weight:800 !important;
    font-family:Arial, sans-serif !important;
    color:#2b2b2b !important;
    text-decoration:none !important;
    transform:none !important;
}

.topbar .top-wa{
    justify-self:end !important;
    width:auto !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:0 24px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    font-size:16px !important;
    line-height:16px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}



/* eliminar panel azul derecho */

.hero-card,
.numbers-card,
.right-card,
.ticket-card,
.hero-right,
.hero-panel{
    display:none !important;
}

.hero{
    grid-template-columns:1fr !important;
    display:block !important;
}


/* HERO CORREGIDO A TODO EL ANCHO, SIN PANEL DERECHO */

.hero{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    padding-left:110px !important;
    padding-right:110px !important;
    box-sizing:border-box !important;
}

.hero .wrap,
.hero-content,
.hero-inner{
    width:100% !important;
    max-width:none !important;
    display:block !important;
}

.hero-text{
    width:100% !important;
    max-width:none !important;
    flex:none !important;
    display:block !important;
}

.hero-text h1,
.hero h1{
    width:100% !important;
    max-width:none !important;
    font-size:78px !important;
    line-height:1.08 !important;
    white-space:normal !important;
}

.hero-text p,
.hero p{
    max-width:760px !important;
    font-size:22px !important;
    line-height:1.45 !important;
}

.trust-row,
.features,
.feature-grid{
    width:100% !important;
    max-width:1180px !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:16px !important;
}

.hero-actions,
.buttons,
.cta-buttons{
    display:flex !important;
    gap:20px !important;
    flex-wrap:wrap !important;
}

@media (max-width:900px){
    .hero{
        padding-left:28px !important;
        padding-right:28px !important;
    }

    .hero-text h1,
    .hero h1{
        font-size:46px !important;
    }

    .trust-row,
    .features,
    .feature-grid{
        grid-template-columns:1fr !important;
    }
}


/* Ajustes textos hero */

.hero p{
    font-size:24px !important;
    font-weight:600 !important;
    max-width:none !important;
    white-space:nowrap !important;
}

.feature-card,
.trust-card,
.info-card{
    padding:20px !important;
}

.feature-card h3,
.trust-card h3,
.info-card h3{
    font-size:28px !important;
    line-height:1.1 !important;
}

.feature-card p,
.trust-card p,
.info-card p{
    font-size:22px !important;
    font-weight:600 !important;
}


/* Ajustes hero y tarjetas */

.hero p{
    font-size:26px !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    max-width:none !important;
}

.feature-card,
.trust-card,
.info-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:26px !important;
}

.feature-card h3,
.trust-card h3,
.info-card h3{
    text-align:center !important;
    font-size:30px !important;
    line-height:1.15 !important;
    margin-bottom:12px !important;
}

.feature-card p,
.trust-card p,
.info-card p{
    text-align:center !important;
    font-size:24px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}


/* ICONOS TARJETAS */

.feature-card:nth-child(1)::before,
.trust-card:nth-child(1)::before,
.info-card:nth-child(1)::before{
    content:"🛡️";
    font-size:42px;
    display:block;
    margin-bottom:14px;
}

.feature-card:nth-child(2)::before,
.trust-card:nth-child(2)::before,
.info-card:nth-child(2)::before{
    content:"💬";
    font-size:42px;
    display:block;
    margin-bottom:14px;
}

.feature-card:nth-child(3)::before,
.trust-card:nth-child(3)::before,
.info-card:nth-child(3)::before{
    content:"🚚";
    font-size:42px;
    display:block;
    margin-bottom:14px;
}


/* CENTRAR TEXTO TARJETAS */

.feature-card,
.trust-card,
.info-card{
    text-align:center !important;
    align-items:center !important;
    justify-content:center !important;
}

.feature-card h3,
.trust-card h3,
.info-card h3,
.feature-card p,
.trust-card p,
.info-card p{
    width:100% !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* FORZAR CENTRADO REAL DEL CONTENIDO */

.feature-card,
.trust-card,
.info-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

.feature-card *,
.trust-card *,
.info-card *{
    text-align:center !important;
    justify-content:center !important;
    align-items:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.feature-card h3,
.trust-card h3,
.info-card h3{
    display:block !important;
    width:100% !important;
    text-align:center !important;
}

.feature-card p,
.trust-card p,
.info-card p{
    display:block !important;
    width:100% !important;
    text-align:center !important;
}


/* V28 - CENTRADO REAL DE TEXTOS EN LAS 3 TARJETAS */

.feature-card,
.trust-card,
.info-card{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
}

.feature-card .card-text,
.trust-card .card-text,
.info-card .card-text,
.card-text{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin:0 auto !important;
    padding:0 !important;
}

.card-text strong{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:20px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    color:#071633 !important;
    margin:0 0 8px 0 !important;
}

.card-text span{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    color:#b86200 !important;
    margin:0 !important;
}

.feature-card > div:not(.card-text),
.trust-card > div:not(.card-text),
.info-card > div:not(.card-text){
    width:100% !important;
    text-align:center !important;
}


/* RESPONSIVE PC + MÓVIL */

/* Evitar desbordes horizontales */
*{
    box-sizing:border-box;
}

html, body{
    max-width:100%;
    overflow-x:hidden;
}

/* Tablet */
@media (max-width: 1100px){

    .topbar .wrap.nav{
        grid-template-columns: 1fr auto;
        height:auto !important;
        min-height:0 !important;
        padding:18px 24px !important;
        row-gap:18px !important;
    }

    .brand{
        grid-column:1 / 2;
    }

    .menu{
        grid-column:1 / 3;
        grid-row:2;
        width:100%;
        justify-content:center !important;
        gap:34px !important;
    }

    .top-wa{
        grid-column:2 / 3;
        grid-row:1;
    }

    .hero{
        padding-left:34px !important;
        padding-right:34px !important;
        padding-top:42px !important;
        padding-bottom:42px !important;
    }

    .hero-text h1,
    .hero h1{
        font-size:58px !important;
        line-height:1.08 !important;
    }

    .hero p{
        white-space:normal !important;
        font-size:22px !important;
    }

    .features,
    .trust-row,
    .feature-grid{
        grid-template-columns:1fr !important;
        max-width:100% !important;
    }

    .numbers-grid,
    .number-grid,
    .cards-grid{
        grid-template-columns:repeat(2, 1fr) !important;
    }
}

/* Móvil */
@media (max-width: 700px){

    .topbar .wrap.nav{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        padding:16px 18px !important;
        gap:14px !important;
        height:auto !important;
        min-height:0 !important;
    }

    .brand{
        width:100% !important;
        justify-content:center !important;
        text-align:center !important;
        gap:12px !important;
    }

    .logo{
        width:82px !important;
        height:82px !important;
        flex:0 0 82px !important;
    }

    .brand-title{
        font-size:13px !important;
        letter-spacing:2.5px !important;
        text-align:left !important;
    }

    .brand-subtitle{
        font-size:12px !important;
        text-align:left !important;
    }

    .menu{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        gap:24px !important;
        height:auto !important;
        flex-wrap:wrap !important;
    }

    .menu a{
        font-size:17px !important;
        line-height:1.1 !important;
    }

    .top-wa{
        height:44px !important;
        min-height:44px !important;
        padding:0 22px !important;
        font-size:16px !important;
        border-radius:14px !important;
        justify-self:center !important;
    }

    .hero{
        padding:30px 20px 36px 20px !important;
    }

    .hero-text h1,
    .hero h1{
        font-size:42px !important;
        line-height:1.08 !important;
        margin-bottom:18px !important;
    }

    .hero p{
        font-size:18px !important;
        line-height:1.4 !important;
        white-space:normal !important;
        max-width:100% !important;
        margin-bottom:24px !important;
    }

    .badge,
    .campaign-badge{
        font-size:14px !important;
        padding:9px 14px !important;
    }

    .buttons,
    .hero-actions,
    .cta-buttons{
        flex-direction:column !important;
        width:100% !important;
        gap:12px !important;
        margin-bottom:26px !important;
    }

    .btn{
        width:100% !important;
        text-align:center !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:16px 18px !important;
        font-size:16px !important;
    }

    .features,
    .trust-row,
    .feature-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
        max-width:100% !important;
    }

    .feature-card,
    .trust-card,
    .info-card{
        width:100% !important;
        padding:20px !important;
        min-height:auto !important;
    }

    .feature-card h3,
    .trust-card h3,
    .info-card h3{
        font-size:22px !important;
        line-height:1.18 !important;
    }

    .feature-card p,
    .trust-card p,
    .info-card p{
        font-size:18px !important;
    }

    section{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .numbers-grid,
    .number-grid,
    .cards-grid,
    .number-cards{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .number-card,
    .numero-card,
    .ticket-card{
        width:100% !important;
        max-width:100% !important;
    }

    h2{
        font-size:36px !important;
        line-height:1.1 !important;
    }
}

/* Móvil pequeño */
@media (max-width: 420px){

    .brand{
        align-items:center !important;
    }

    .logo{
        width:72px !important;
        height:72px !important;
        flex-basis:72px !important;
    }

    .brand-title{
        font-size:12px !important;
        letter-spacing:2px !important;
    }

    .brand-subtitle{
        font-size:11px !important;
    }

    .hero-text h1,
    .hero h1{
        font-size:36px !important;
    }

    .hero p{
        font-size:17px !important;
    }
}


/* FIX DEFINITIVO: evitar WhatsAppWA en móvil */
.top-wa::after,
.top-wa:after{
    content:"" !important;
    display:none !important;
}

@media(max-width:560px){
    .top-wa{
        font-size:16px !important;
    }
}


/* V37 - números editables y WhatsApp funcional */

.numbers-grid,
#numeros-listado{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:18px !important;
    width:100% !important;
}

.numero-card{
    background:#fff !important;
    border:1px solid #e9edf4 !important;
    border-radius:22px !important;
    padding:28px 18px !important;
    text-align:center !important;
    box-shadow:0 10px 26px rgba(7,22,51,0.06) !important;
}

.numero-card .numero{
    font-size:42px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:6px !important;
    color:#071633 !important;
    font-family:Georgia, serif !important;
}

.numero-card .sorteo{
    margin-top:10px !important;
    font-size:18px !important;
    font-weight:800 !important;
    color:#071633 !important;
}

.estado{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:18px !important;
    margin-bottom:18px !important;
    padding:8px 16px !important;
    border-radius:999px !important;
    font-weight:900 !important;
    font-size:15px !important;
}

.estado.disponible{
    color:#04783d !important;
    background:#d8f6df !important;
}

.estado.ultimas{
    color:#b86200 !important;
    background:#fff0cf !important;
}

.estado.agotado{
    color:#686c76 !important;
    background:#e8eaee !important;
}

.numero-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:58px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    background:#09a64f !important;
    color:white !important;
    text-decoration:none !important;
    font-weight:900 !important;
    font-size:16px !important;
    line-height:1.15 !important;
}

.agotado-btn{
    width:100% !important;
    border:0 !important;
    background:#e1e3e8 !important;
    color:#737780 !important;
    cursor:not-allowed !important;
}

@media(max-width:1100px){
    .numbers-grid,
    #numeros-listado{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width:700px){
    .numbers-grid,
    #numeros-listado{
        grid-template-columns:1fr !important;
    }

    .numero-card .numero{
        font-size:38px !important;
    }
}


/* PANEL ADMIN - añadido sobre diseño original */

.admin-page{
    background:#f7f2e8;
}

.admin-login-wrapper{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.admin-login-card{
    width:100%;
    max-width:420px;
}

.admin-input{
    width:100%;
    padding:16px;
    border-radius:14px;
    border:1px solid #ddd;
    margin-bottom:14px;
    box-sizing:border-box;
    font-size:16px;
}

.admin-main-btn{
    width:100%;
    padding:16px;
    border:none;
    border-radius:14px;
    background:#071633;
    color:white;
    font-weight:800;
    cursor:pointer;
}

.admin-help{
    margin-top:18px;
    font-size:14px;
    color:#777;
    text-align:center;
}

.section-admin{
    padding:0 110px 80px;
}

.admin-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.admin-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #eee;
    font-weight:700;
}

.delete-btn{
    background:#d52b2b !important;
    border:none;
    color:white;
    padding:10px 14px;
    border-radius:12px;
    cursor:pointer;
    width:auto !important;
}

@media(max-width:700px){
    .section-admin{
        padding:0 20px 40px;
    }

    .admin-grid{
        grid-template-columns:1fr;
    }
}


/* Panel funcional + tarjetas dinámicas */

.admin-empty,
.empty-state{
    padding:18px;
    border-radius:16px;
    background:#f3f4f6;
    color:#6b7280;
    font-weight:700;
    text-align:center;
}

.sorteo{
    margin:8px 0 16px;
    font-size:16px;
    font-weight:800;
    color:#b56a00;
}

.admin-page{
    background:#f7f2e8;
}

.admin-login-wrapper{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.admin-login-card{
    width:100%;
    max-width:420px;
}

.admin-input{
    width:100%;
    padding:16px;
    border-radius:14px;
    border:1px solid #ddd;
    margin-bottom:14px;
    box-sizing:border-box;
    font-size:16px;
}

.admin-main-btn{
    width:100%;
    padding:16px;
    border:none;
    border-radius:14px;
    background:#071633;
    color:white;
    font-weight:800;
    cursor:pointer;
}

.admin-help{
    margin-top:18px;
    font-size:14px;
    color:#777;
    text-align:center;
}

.section-admin{
    padding:0 110px 80px;
}

.admin-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.admin-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #eee;
    font-weight:700;
    font-size:22px;
}

.delete-btn{
    background:#d52b2b !important;
    border:none;
    color:white;
    padding:10px 14px;
    border-radius:12px;
    cursor:pointer;
    width:auto !important;
    font-weight:800;
}

@media(max-width:700px){
    .section-admin{
        padding:0 20px 40px;
    }

    .admin-grid{
        grid-template-columns:1fr;
    }
}


.titulo-dorado{
    color:#b56a00;
}

.titulo-azul{
    color:#071633;
}

#numeros-nino .section-header,
#numeros-navidad .section-header,
.section-header{
    margin-left:0 !important;
    padding-left:0 !important;
}

#numeros-nino h2,
#numeros-navidad h2,
.section-header h2{
    margin-left:0 !important;
}



.titulo-verde{
    color:#10b14a !important;
}



/* V4: alinear bloques Navidad / El Niño y eliminar etiqueta superior */

.mini-title{
    display:none !important;
}

section[id*="numero"],
section[id*="nino"],
section[id*="navidad"],
.section{
    max-width:1100px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
}

.section-header{
    width:100% !important;
    margin-left:0 !important;
    padding-left:0 !important;
    display:block !important;
}

.titulo-sorteo,
.section-header h2,
#numeros h2,
#numeros-nino h2{
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
}

.titulo-verde{
    color:#10b14a !important;
}

.titulo-dorado{
    color:#b56a00 !important;
}

.titulo-azul{
    color:#071633 !important;
}

#nino-list,
#navidad-list,
#numeros-listado,
.numbers-grid{
    margin-left:0 !important;
    padding-left:0 !important;
}

@media(max-width:700px){
    section[id*="numero"],
    section[id*="nino"],
    section[id*="navidad"],
    .section{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}


/* alineación definitiva */

.titulo-sorteo{
    margin:0 0 18px 0 !important;
    padding:0 !important;
    line-height:1.05 !important;
}

#numeros-navidad,
#numeros-nino,
.section{
    padding-left:150px !important;
    padding-right:150px !important;
    box-sizing:border-box !important;
}

#numeros-navidad .section-header,
#numeros-nino .section-header{
    margin-left:0 !important;
    padding-left:0 !important;
}

#navidad-list,
#nino-list{
    margin-left:0 !important;
}

@media(max-width:900px){
    #numeros-navidad,
    #numeros-nino,
    .section{
        padding-left:24px !important;
        padding-right:24px !important;
    }
}


/* V6 - alineación definitiva de Navidad y El Niño */

.mini-title{
    display:none !important;
}

.titulo-sorteo{
    display:block !important;
    width:100% !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    text-align:left !important;
    line-height:1.08 !important;
    font-size:56px !important;
}

.titulo-dorado{
    color:#b56a00 !important;
}

.titulo-azul{
    color:#071633 !important;
}

.titulo-verde{
    color:#10b14a !important;
}

#numeros,
#numeros-nino{
    max-width:1100px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
}

#numeros .section-header,
#numeros-nino .section-header{
    display:block !important;
    margin-left:0 !important;
    padding-left:0 !important;
    width:100% !important;
}

#numeros .numbers-grid,
#numeros-nino .numbers-grid,
#navidad-list,
#nino-list{
    margin-left:0 !important;
    padding-left:0 !important;
}

@media(max-width:900px){
    .titulo-sorteo{
        font-size:42px !important;
    }
}


/* V7 fix alineación exacta Navidad / El Niño */

#numeros,
#numeros-nino{
    width:100% !important;
    max-width:1100px !important;
    margin:0 auto !important;
    padding-left:48px !important;
    padding-right:48px !important;
    box-sizing:border-box !important;
    position:relative !important;
    left:0 !important;
}

#numeros .section-header,
#numeros-nino .section-header{
    margin-left:0 !important;
    padding-left:0 !important;
    transform:none !important;
}

#numeros .titulo-sorteo,
#numeros-nino .titulo-sorteo{
    margin-left:0 !important;
    padding-left:0 !important;
    position:relative !important;
    left:0 !important;
}

#numeros .numbers-grid,
#numeros-nino .numbers-grid{
    margin-left:0 !important;
    padding-left:0 !important;
}

#numeros-nino{
    margin-top:80px !important;
}

@media(max-width:900px){
    #numeros,
    #numeros-nino{
        padding-left:24px !important;
        padding-right:24px !important;
    }
}


/* V8 - MISMA ESTRUCTURA REAL PARA NAVIDAD Y EL NIÑO */

#numeros,
#numeros-nino{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:70px 0 40px 0 !important;
    box-sizing:border-box !important;
}

#numeros-nino{
    padding-top:70px !important;
}

#numeros > .wrap,
#numeros-nino > .wrap{
    width:100% !important;
    max-width:1100px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
}

#numeros .titulo-sorteo,
#numeros-nino .titulo-sorteo{
    margin:0 0 18px 0 !important;
    padding:0 !important;
    text-align:left !important;
    line-height:1.08 !important;
}

#numeros .section-note,
#numeros-nino .section-note{
    margin-left:0 !important;
    padding-left:0 !important;
}

#numeros .numbers-grid,
#numeros-nino .numbers-grid{
    margin-left:0 !important;
    padding-left:0 !important;
}

.titulo-dorado{
    color:#b56a00 !important;
}

.titulo-azul{
    color:#071633 !important;
}

.titulo-verde{
    color:#10b14a !important;
}

@media(max-width:900px){
    #numeros > .wrap,
    #numeros-nino > .wrap{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}


/* V9 - Separación equilibrada entre Campaña Navidad y Cómo Comprar */

.hero-section,
.campana-navidad,
.hero{
    padding-bottom:90px !important;
    margin-bottom:40px !important;
}

.como-comprar,
.steps-section,
#como-comprar{
    margin-top:70px !important;
    padding-top:20px !important;
}

@media(max-width:900px){

    .hero-section,
    .campana-navidad,
    .hero{
        padding-bottom:60px !important;
        margin-bottom:25px !important;
    }

    .como-comprar,
    .steps-section,
    #como-comprar{
        margin-top:40px !important;
        padding-top:10px !important;
    }
}


/* V10 - Reducir hueco entre hero y cómo comprar */

.hero-section,
.campana-navidad,
.hero{
    padding-bottom:35px !important;
    margin-bottom:10px !important;
}

.como-comprar,
.steps-section,
#como-comprar{
    margin-top:20px !important;
    padding-top:0 !important;
}

@media(max-width:900px){

    .hero-section,
    .campana-navidad,
    .hero{
        padding-bottom:25px !important;
        margin-bottom:5px !important;
    }

    .como-comprar,
    .steps-section,
    #como-comprar{
        margin-top:10px !important;
    }
}


/* V11 - separación mínima entre hero y cómo comprar */

.hero-section,
.campana-navidad,
.hero{
    padding-bottom:5px !important;
    margin-bottom:0 !important;
}

.como-comprar,
.steps-section,
#como-comprar{
    margin-top:0 !important;
    padding-top:0 !important;
}

@media(max-width:900px){

    .hero-section,
    .campana-navidad,
    .hero{
        padding-bottom:0 !important;
        margin-bottom:0 !important;
    }

    .como-comprar,
    .steps-section,
    #como-comprar{
        margin-top:0 !important;
        padding-top:0 !important;
    }
}


/* V12 - quitar hueco vacío bajo "Todo se confirma..." y antes de Cómo comprar */

.hero-section,
.campana-navidad,
.hero{
    min-height:auto !important;
    height:auto !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

.hero-content,
.hero-inner,
.hero-text{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.hero p,
.hero-section p{
    margin-bottom:8px !important;
}

.como-comprar,
.steps-section,
#como-comprar{
    margin-top:0 !important;
    padding-top:0 !important;
}

.como-comprar .wrap,
.steps-section .wrap,
#como-comprar .wrap{
    margin-top:0 !important;
    padding-top:0 !important;
}


/* V13 - compactar al máximo el espacio antes de Cómo Comprar */

.hero,
.hero-section,
.campana-navidad{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

.hero-buttons,
.hero-actions{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.hero p,
.hero-section p{
    margin-bottom:0 !important;
}

#como-comprar,
.como-comprar,
.steps-section{
    margin-top:-35px !important;
    padding-top:0 !important;
}

#como-comprar .wrap,
.como-comprar .wrap,
.steps-section .wrap{
    margin-top:0 !important;
    padding-top:0 !important;
}


/* V14 - arreglo real del hueco entre confirmación y Cómo comprar */

/* Quitar altura artificial o relleno excesivo del bloque superior */
.hero,
.hero-section,
.campana-navidad,
section:has(.confirmacion-final){
    min-height:0 !important;
    height:auto !important;
    padding-bottom:12px !important;
    margin-bottom:0 !important;
}

/* La frase final no debe generar bloque grande debajo */
.confirmacion-final{
    display:block !important;
    margin:0 0 8px 0 !important;
    padding:0 !important;
}

/* El siguiente bloque Cómo comprar sube de verdad */
#como-comprar-real,
#como-comprar,
.como-comprar,
.steps-section{
    margin-top:0 !important;
    padding-top:18px !important;
    transform:translateY(-70px) !important;
}

/* Compensar para que no deje hueco reservado por el transform */
#como-comprar-real + *,
#como-comprar + *,
.como-comprar + *,
.steps-section + *{
    margin-top:-70px !important;
}

@media(max-width:900px){
    #como-comprar-real,
    #como-comprar,
    .como-comprar,
    .steps-section{
        transform:translateY(-35px) !important;
    }

    #como-comprar-real + *,
    #como-comprar + *,
    .como-comprar + *,
    .steps-section + *{
        margin-top:-35px !important;
    }
}


/* V15 - hacer COMO COMPRAR igual de ancho que Campaña Navidad */

#como-comprar-real,
#como-comprar,
.como-comprar,
.steps-section{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:110px !important;
    padding-right:110px !important;
    box-sizing:border-box !important;
}

#como-comprar-real .wrap,
#como-comprar .wrap,
.como-comprar .wrap,
.steps-section .wrap{
    width:100% !important;
    max-width:none !important;
}

@media(max-width:900px){
    #como-comprar-real,
    #como-comprar,
    .como-comprar,
    .steps-section{
        padding-left:24px !important;
        padding-right:24px !important;
    }
}


/* V16 - igualar ancho real de COMO COMPRAR con Campaña Navidad */

#como-comprar-real,
#como-comprar,
.como-comprar,
.steps-section{
    width: calc(100% - 80px) !important;
    max-width: calc(100% - 80px) !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
    border-radius: 28px !important;
    box-sizing: border-box !important;
}

@media(max-width:900px){
    #como-comprar-real,
    #como-comprar,
    .como-comprar,
    .steps-section{
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
}


/* V17 - FIX LIMPIO: Cómo Comprar igual de ancho que Campaña Navidad */

/* El id como-comprar-real fue un error anterior. No debe controlar ninguna sección. */
#como-comprar-real{
    all: unset;
}

/* La sección real de Cómo Comprar vuelve al modelo original:
   franja completa a todo el ancho + contenido centrado dentro */
section#como,
#como.soft.section{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:64px 0 !important;
    box-sizing:border-box !important;
    border-top:1px solid var(--line, #ead7b6) !important;
    border-bottom:1px solid var(--line, #ead7b6) !important;
    background:#fbf5e9 !important;
    border-radius:0 !important;
    transform:none !important;
}

/* El contenido interno mantiene el ancho profesional del diseño inicial */
section#como > .wrap,
#como.soft.section > .wrap{
    width:100% !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
}

/* Evitar que reglas antiguas reduzcan la rejilla de pasos */
section#como .steps,
#como .steps{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:16px !important;
    margin-top:28px !important;
    padding:0 !important;
    transform:none !important;
}

/* Separación equilibrada entre Campaña Navidad y Cómo Comprar */
.hero{
    margin-bottom:0 !important;
    padding-bottom:46px !important;
}

/* La frase de confirmación queda cerca del final del bloque superior, sin crear hueco gigante */
.hero .note,
.note{
    margin-top:18px !important;
    margin-bottom:0 !important;
}

/* El siguiente bloque después de Cómo comprar ya no se desplaza artificialmente */
section#como + *,
#como + *{
    margin-top:0 !important;
}

@media(max-width:900px){
    section#como,
    #como.soft.section{
        padding:42px 0 !important;
    }

    section#como .steps,
    #como .steps{
        grid-template-columns:1fr 1fr !important;
    }
}

@media(max-width:560px){
    section#como .steps,
    #como .steps{
        grid-template-columns:1fr !important;
    }
}


/* Google Sheets */
.sheet-empty{
    grid-column:1 / -1;
    padding:24px;
    border-radius:18px;
    background:#f3f4f6;
    color:#657083;
    font-weight:800;
}


/* Google Sheets V2 - contenedores Navidad / El Niño */

.titulo-dorado{ color:#b56a00 !important; }
.titulo-azul{ color:#071633 !important; }
.titulo-verde{ color:#10b14a !important; }

.sheet-empty{
    grid-column:1 / -1;
    padding:24px;
    border-radius:18px;
    background:#f3f4f6;
    color:#657083;
    font-weight:800;
}


/* Corrección solicitada: SOLO cabecera x2 */
.topbar .brand-title,
.brand-title{
  font-size:32px !important;
  line-height:1.05 !important;
}

.topbar .brand-subtitle,
.brand-subtitle{
  font-size:26px !important;
  line-height:1.15 !important;
}

.topbar .nav{
  min-height:118px !important;
}

@media(max-width:900px){
  .topbar .brand-title,
  .brand-title{
    font-size:24px !important;
    line-height:1.05 !important;
  }

  .topbar .brand-subtitle,
  .brand-subtitle{
    font-size:19px !important;
    line-height:1.15 !important;
  }

  .topbar .nav{
    min-height:104px !important;
  }
}

@media(max-width:560px){
  .topbar .brand-title,
  .brand-title{
    font-size:20px !important;
    line-height:1.05 !important;
  }

  .topbar .brand-subtitle,
  .brand-subtitle{
    font-size:16px !important;
    line-height:1.15 !important;
  }

  .topbar .nav{
    min-height:96px !important;
  }
}


/* Ajuste final solicitado de cabecera */
.brand-title{
  font-size: 42px !important;
  font-weight: 800 !important;
  color:#b86a00 !important;
  letter-spacing:3px !important;
}

.brand-subtitle{
  font-size: 22px !important;
  color:#234da5 !important;
  font-weight:600 !important;
  margin-top:4px !important;
}

@media(max-width:900px){
  .brand-title{
    font-size:32px !important;
  }

  .brand-subtitle{
    font-size:18px !important;
  }
}

@media(max-width:560px){
  .brand-title{
    font-size:24px !important;
    letter-spacing:1px !important;
  }

  .brand-subtitle{
    font-size:15px !important;
  }
}


/* Ajuste fino solicitado */
.brand-title{
  font-size: 34px !important;
  font-weight: 800 !important;
  color:#b86a00 !important;
  letter-spacing:2px !important;
}

.brand-subtitle{
  font-size: 17px !important;
  color:#07153f !important;
  font-weight:600 !important;
  margin-top:2px !important;
}

@media(max-width:900px){
  .brand-title{
    font-size:28px !important;
  }

  .brand-subtitle{
    font-size:15px !important;
  }
}

@media(max-width:560px){
  .brand-title{
    font-size:22px !important;
    letter-spacing:1px !important;
  }

  .brand-subtitle{
    font-size:13px !important;
  }
}


/* AJUSTE DEFINITIVO CABECERA */
.brand-title{
    font-size: 28px !important;
    line-height: 1.05 !important;
    letter-spacing: 1px !important;
    color: #b86a00 !important;
    font-weight: 800 !important;
}

.brand-subtitle{
    font-size: 14px !important;
    line-height: 1.15 !important;
    color: #071b52 !important;
    font-weight: 600 !important;
    margin-top: 2px !important;
}

@media(max-width:900px){
    .brand-title{
        font-size: 24px !important;
    }

    .brand-subtitle{
        font-size: 13px !important;
    }
}

@media(max-width:560px){
    .brand-title{
        font-size: 20px !important;
    }

    .brand-subtitle{
        font-size: 12px !important;
    }
}


/* FIX REAL CABECERA - REGLA FINAL */
.topbar .wrap.nav .brand > div .brand-title{
  font-size:24px !important;
  line-height:1.08 !important;
  letter-spacing:1px !important;
  color:#b86a00 !important;
  font-weight:800 !important;
}

.topbar .wrap.nav .brand > div .brand-subtitle{
  font-size:13px !important;
  line-height:1.15 !important;
  color:#0d1931 !important;
  font-weight:600 !important;
  margin-top:3px !important;
}


/* Páginas internas legales */
.legal-page{
  background:#fffaf0;
  min-height:100vh;
}
.legal-hero{
  max-width:980px;
  margin:0 auto;
  padding:48px 22px 24px;
}
.legal-card{
  background:#fff;
  border:1px solid rgba(184,106,0,.22);
  border-radius:24px;
  box-shadow:0 14px 40px rgba(10,20,45,.08);
  padding:34px;
}
.legal-card h1{
  color:#071b52;
  font-size:42px;
  line-height:1.1;
  margin:0 0 18px;
}
.legal-card h2{
  color:#b86a00;
  font-size:24px;
  margin:28px 0 10px;
}
.legal-card p,
.legal-card li{
  color:#263044;
  font-size:17px;
  line-height:1.65;
}
.legal-card ul{
  padding-left:22px;
}
.legal-back{
  display:inline-block;
  margin-top:26px;
  color:#071b52;
  font-weight:800;
  text-decoration:none;
}
.legal-back:hover{
  text-decoration:underline;
}
@media(max-width:700px){
  .legal-card{
    padding:24px;
  }
  .legal-card h1{
    font-size:32px;
  }
}


/* Números Navidad en dorado corporativo */
.number,
.number-card .number,
.card-number,
.numero{
    color:#b86a00 !important;
}


/* ===== Mejoras premium ===== */

.tools-bar{
  max-width:1200px;
  margin:18px auto 10px;
  padding:0 18px;
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.number-search{
  flex:1;
  min-width:240px;
  max-width:420px;
  border:2px solid rgba(184,106,0,.25);
  border-radius:16px;
  padding:14px 18px;
  font-size:16px;
  outline:none;
  transition:.25s ease;
}

.number-search:focus{
  border-color:#b86a00;
  box-shadow:0 0 0 4px rgba(184,106,0,.12);
}

.last-update{
  color:#071b52;
  font-weight:700;
  font-size:14px;
}

.number-card{
  transition:transform .18s ease, box-shadow .18s ease;
}

.number-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(10,20,45,.12);
}

#ninoGrid .number,
.nino-section .number{
  color:#071b52 !important;
}

.floating-whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  padding:16px 20px;
  border-radius:999px;
  font-weight:800;
  box-shadow:0 14px 32px rgba(0,0,0,.18);
  transition:.2s ease;
}

.floating-whatsapp:hover{
  transform:scale(1.05);
}

@media(max-width:700px){

  body{
    overflow-x:hidden;
  }

  .tools-bar{
    margin-top:8px;
    gap:10px;
  }

  .number-search{
    width:100%;
    max-width:none;
    font-size:16px;
    padding:13px 16px;
  }

  .floating-whatsapp{
    right:12px;
    bottom:12px;
    padding:14px 16px;
    font-size:14px;
  }

  .number-card{
    border-radius:20px !important;
  }

  .number{
    font-size:34px !important;
  }
}


/* Buscador con lupa y validación de 5 cifras */
.search-box{
  position:relative;
  flex:1;
  min-width:240px;
  max-width:420px;
}

.search-icon{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  opacity:.75;
  pointer-events:none;
}

.search-box .number-search{
  width:100%;
  max-width:none;
  padding-left:48px !important;
}

.search-message{
  color:#b86a00;
  font-size:14px;
  font-weight:700;
  min-height:20px;
  flex-basis:100%;
}

@media(max-width:700px){
  .search-box{
    width:100%;
    max-width:none;
  }

  .search-message{
    width:100%;
    font-size:13px;
  }
}


/* El Niño en azul corporativo, Navidad se mantiene dorado */
#ninoGrid .number,
#ninoGrid .number-card .number,
[data-sorteo="El Niño"] .number,
.number-card.nino .number{
  color:#071b52 !important;
}

/* Si el navegador pinta por orden, esta regla final gana a la dorada global */
section:has(#ninoGrid) .number-card .number{
  color:#071b52 !important;
}


/* Buscador retirado: con 20-30 números es más limpio mostrar todo */
.search-box,
.number-search,
.search-message{
  display:none !important;
}

.tools-bar{
  justify-content:flex-end !important;
}


/* ===== Premium v2 ===== */

/* Fondo más premium */
body{
  background:
    radial-gradient(circle at top right, rgba(184,106,0,.06), transparent 28%),
    radial-gradient(circle at top left, rgba(7,27,82,.04), transparent 30%),
    #fffaf0 !important;
}

/* Cabecera sticky elegante */
.topbar,
header{
  position:sticky;
  top:0;
  z-index:999;
  backdrop-filter:blur(14px);
  background:rgba(255,250,240,.92) !important;
  border-bottom:1px solid rgba(184,106,0,.10);
}

/* SELAE mini */
.selae-mini{
  display:inline-flex;
  align-items:center;
  margin-left:10px;
  padding:4px 8px;
  border-radius:999px;
  background:#071b52;
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.4px;
  vertical-align:middle;
}

/* Tarjetas premium */
.number-card{
  overflow:hidden;
  border:1px solid rgba(184,106,0,.08);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.number-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 46px rgba(10,20,45,.13);
  border-color:rgba(184,106,0,.28);
}

/* Animación números */
.number{
  transition:
    transform .18s ease,
    letter-spacing .18s ease;
}

.number-card:hover .number{
  transform:scale(1.04);
  letter-spacing:1px;
}

/* Botones premium */
.buy,
button{
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    opacity .16s ease;
}

.buy:hover,
button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}

/* WhatsApp flotante más elegante */
.floating-whatsapp{
  backdrop-filter:blur(10px);
  border:2px solid rgba(255,255,255,.25);
}

/* Última actualización más discreta */
.last-update{
  opacity:.78;
  font-size:13px;
  letter-spacing:.2px;
}

/* Ultra móvil */
@media(max-width:700px){

  body{
    overflow-x:hidden;
  }

  .topbar,
  header{
    backdrop-filter:blur(10px);
  }

  .brand-title{
    font-size:20px !important;
    letter-spacing:.5px !important;
  }

  .brand-subtitle{
    font-size:12px !important;
  }

  .selae-mini{
    font-size:8px;
    padding:3px 6px;
    margin-left:6px;
  }

  .number-card{
    border-radius:22px !important;
    padding:18px !important;
  }

  .number{
    font-size:32px !important;
  }

  .buy{
    min-height:48px;
    font-size:15px !important;
    border-radius:14px !important;
  }

  .floating-whatsapp{
    right:12px;
    bottom:12px;
    padding:13px 16px;
    font-size:13px;
  }

  .last-update{
    width:100%;
    text-align:right;
    padding-right:4px;
  }
}


/* Logo SELAE real en cabecera */
.selae-mini{
  display:none !important;
}

.selae-mini-logo{
  display:inline-block;
  width:104px;
  height:auto;
  margin-left:10px;
  vertical-align:middle;
  border-radius:7px;
  box-shadow:0 4px 12px rgba(10,20,45,.08);
}

@media(max-width:700px){
  .selae-mini-logo{
    width:82px;
    margin-left:6px;
  }
}


/* Reubicación limpia logo SELAE */
.selae-mini-logo{
  display:none !important;
}

.selae-header-logo{
  width:120px;
  height:auto;
  object-fit:contain;
  margin:0 28px 0 18px;
  opacity:.96;
  flex-shrink:0;
}

/* Cabecera alineada */
.topbar .wrap,
header .wrap,
.nav{
  align-items:center;
}

@media(max-width:900px){
  .selae-header-logo{
    width:92px;
    margin:0 14px;
  }
}

@media(max-width:700px){
  .selae-header-logo{
    display:none;
  }
}


/* Ajuste solicitado: logo SELAE más cerca de Lotería Santaolalla */
.selae-header-logo{
    margin-left: 8px !important;
    margin-right: 18px !important;
    width: 112px !important;
}

@media(max-width:900px){
    .selae-header-logo{
        margin-left: 4px !important;
        margin-right: 10px !important;
        width: 88px !important;
    }
}


/* FIX ESTRUCTURAL SELAE:
   El logo ya no pertenece al menú. Tiene columna propia pegada a la marca. */
.topbar .wrap.nav{
    display:grid !important;
    grid-template-columns: auto auto 1fr auto !important;
    align-items:center !important;
    column-gap:18px !important;
    height:102px !important;
    min-height:102px !important;
}

.topbar .brand{
    grid-column:1 !important;
    justify-self:start !important;
    margin-right:0 !important;
}

.selae-header-logo{
    grid-column:2 !important;
    justify-self:start !important;
    align-self:center !important;
    display:block !important;
    width:112px !important;
    max-width:112px !important;
    height:auto !important;
    margin:0 26px 0 4px !important;
    object-fit:contain !important;
    flex:none !important;
    opacity:1 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}

.topbar .menu{
    grid-column:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:52px !important;
    height:102px !important;
    margin:0 !important;
    padding:0 !important;
}

.topbar .top-wa{
    grid-column:4 !important;
    justify-self:end !important;
}

/* Evita que reglas antiguas del nav vuelvan a separar el SELAE */
.topbar .menu .selae-header-logo{
    display:none !important;
}

@media(max-width:1050px){
    .topbar .wrap.nav{
        grid-template-columns:auto auto 1fr auto !important;
        column-gap:12px !important;
    }

    .selae-header-logo{
        width:96px !important;
        max-width:96px !important;
        margin:0 12px 0 2px !important;
    }

    .topbar .menu{
        gap:30px !important;
    }
}

@media(max-width:820px){
    .selae-header-logo{
        display:none !important;
    }

    .topbar .wrap.nav{
        grid-template-columns:auto 1fr auto !important;
    }

    .topbar .menu{
        grid-column:2 !important;
    }

    .topbar .top-wa{
        grid-column:3 !important;
    }
}


/* Unificación visual de logos */
.brand-mark,
.selae-header-logo{
    background:#ffffff !important;
    border-radius:18px !important;
    padding:10px 14px !important;
    box-shadow:0 8px 24px rgba(10,20,45,.08) !important;
    border:1px solid rgba(184,106,0,.08) !important;
}

.brand-mark{
    height:72px !important;
    width:auto !important;
    object-fit:contain !important;
}

.selae-header-logo{
    width:108px !important;
    height:auto !important;
    object-fit:contain !important;
}

@media(max-width:900px){
    .brand-mark{
        height:58px !important;
    }

    .selae-header-logo{
        width:92px !important;
        padding:8px 10px !important;
    }
}


/* Igualar tamaño visual del contenedor SELAE al de Santaolalla */
.selae-header-logo{
    width: 132px !important;
    min-width: 132px !important;
    padding: 12px 16px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(10,20,45,.08) !important;
    border: 1px solid rgba(184,106,0,.08) !important;
    object-fit: contain !important;
}

@media(max-width:900px){
    .selae-header-logo{
        width: 112px !important;
        min-width: 112px !important;
    }
}


/* Igualar EXACTAMENTE dimensiones de ambos logos */
.brand-mark,
.selae-header-logo{
    width:132px !important;
    height:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    min-height:132px !important;
    max-height:132px !important;

    background:#ffffff !important;
    border-radius:20px !important;
    padding:14px !important;

    border:1px solid rgba(184,106,0,.08) !important;
    box-shadow:0 8px 24px rgba(10,20,45,.08) !important;

    object-fit:contain !important;
    box-sizing:border-box !important;
}

@media(max-width:900px){
    .brand-mark,
    .selae-header-logo{
        width:108px !important;
        height:108px !important;
        min-width:108px !important;
        max-width:108px !important;
        min-height:108px !important;
        max-height:108px !important;
    }
}


/* Equilibrio visual real entre ambos logos */
.selae-header-logo{
    width:132px !important;
    height:132px !important;

    /* El bloque sigue igual */
    background:#fff !important;
    border-radius:20px !important;

    /* Más aire interno para que el contenido visual no parezca más grande */
    padding:22px !important;

    object-fit:contain !important;
    box-sizing:border-box !important;
}

.brand-mark{
    padding:14px !important;
}

@media(max-width:900px){
    .selae-header-logo{
        width:108px !important;
        height:108px !important;
        padding:18px !important;
    }
}


/* Logos transparentes sin contenedores blancos */
.brand-mark,
.selae-header-logo{
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Mantener equilibrio visual */
.brand-mark{
    width: 118px !important;
    height: auto !important;
    padding: 0 !important;
    object-fit: contain !important;
}

.selae-header-logo{
    width: 92px !important;
    height: auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    margin-left: 10px !important;
}

@media(max-width:900px){
    .brand-mark{
        width: 98px !important;
    }

    .selae-header-logo{
        width: 76px !important;
    }
}


/* Logo Santaolalla transparente definitivo */
.brand-mark{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    width: 112px !important;
    height: auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    display:block !important;
}

/* Equilibrio visual con SELAE */
.selae-header-logo{
    width: 88px !important;
    height: auto !important;
    object-fit: contain !important;
}


/* FIX definitivo logo Santaolalla */
.brand-mark{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    object-fit: contain !important;
    display:block !important;
}

/* Equilibrio visual */
.selae-header-logo{
    width: 88px !important;
    max-width: 88px !important;
    height: auto !important;
    object-fit: contain !important;
}


/* SELAE entre logo Santaolalla y texto */
.topbar .brand{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
}

.selae-header-logo{
    width:78px !important;
    max-width:78px !important;
    height:auto !important;
    object-fit:contain !important;
    margin:0 !important;
    flex-shrink:0 !important;
}

.brand-mark{
    width:112px !important;
    max-width:112px !important;
    height:auto !important;
}

@media(max-width:900px){
    .topbar .brand{
        gap:10px !important;
    }

    .selae-header-logo{
        width:62px !important;
        max-width:62px !important;
    }

    .brand-mark{
        width:92px !important;
        max-width:92px !important;
    }
}

@media(max-width:700px){
    .selae-header-logo{
        width:54px !important;
        max-width:54px !important;
    }
}


/* Ajuste fino tamaño logo SELAE */
.selae-header-logo{
    width:92px !important;
    max-width:92px !important;
    height:auto !important;
    object-fit:contain !important;
}

@media(max-width:900px){
    .selae-header-logo{
        width:74px !important;
        max-width:74px !important;
    }
}


/* Aumentar logo SELAE +12% */
.selae-header-logo{
    width:103px !important;
    max-width:103px !important;
    height:auto !important;
    object-fit:contain !important;
}

@media(max-width:900px){
    .selae-header-logo{
        width:83px !important;
        max-width:83px !important;
    }
}


/* ============================================================
   EL NIÑO AZUL - FINAL LIMPIO
   No se toca Navidad. No se toca Contacto.
   Solo afecta al section real: <section id="numeros-nino">
============================================================ */

#numeros-nino{
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.88), transparent 34%),
        linear-gradient(180deg, #edf7ff 0%, #e4f2ff 58%, #f6fbff 100%) !important;
    border-top:1px solid rgba(47,99,201,.16) !important;
    border-bottom:1px solid rgba(47,99,201,.10) !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* El contenido sigue centrado como antes */
#numeros-nino > .wrap{
    max-width:1100px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Asociar El Niño al azul */
#numeros-nino .titulo-azul,
#numeros-nino .titulo-verde{
    color:#2f63c9 !important;
}

#numeros-nino .number{
    color:#174ea6 !important;
}

#numeros-nino .number-card{
    background:#ffffff !important;
    border:1px solid rgba(47,99,201,.10) !important;
    box-shadow:0 12px 28px rgba(24,74,139,.08) !important;
}

#numeros-nino .status,
#numeros-nino .ok{
    background:#d9ecff !important;
    color:#174ea6 !important;
}

/* Contacto se queda como estaba */
#contacto{
    background:transparent !important;
}


/* Ajuste fino título El Niño */
#numeros-nino .titulo-verde,
#numeros-nino .green,
#numeros-nino .highlight-green,
#numeros-nino span:last-child{
    color:#14a83b !important;
}

#numeros-nino .titulo-azul{
    color:#2f63c9 !important;
}


/* SEO local discreto */
.seo-local-text{
    max-width:980px;
    margin:34px auto 18px;
    padding:0 22px;
    color:#0d1931;
    opacity:.86;
}

.seo-local-text h2{
    font-size:22px;
    line-height:1.25;
    margin:0 0 8px;
    color:#071b52;
}

.seo-local-text p{
    font-size:15px;
    line-height:1.65;
    margin:0;
}


/* WhatsApp inteligente + última actualización */
.last-update{
    font-weight:600 !important;
    color:#071b52 !important;
    opacity:.82 !important;
}

.floating-whatsapp{
    text-align:center !important;
}

@media (max-width: 900px){

    body{
        overflow-x:hidden !important;
    }

    .brand{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        flex-wrap:nowrap !important;
        width:100% !important;
    }

    .brand-mark{
        width:82px !important;
        max-width:82px !important;
        flex-shrink:0 !important;
    }

    .selae-header-logo{
        width:52px !important;
        max-width:52px !important;
        flex-shrink:0 !important;
    }

    .brand-text{
        min-width:0 !important;
        flex:1 !important;
    }

    .brand-text h1,
    .logo-text,
    .site-title{
        font-size:28px !important;
        line-height:1.02 !important;
    }

    .brand-text p,
    .site-subtitle{
        font-size:16px !important;
        line-height:1.15 !important;
    }

    nav,
    .main-nav{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:18px !important;
        flex-wrap:wrap !important;
        padding:10px 12px !important;
    }

    nav a,
    .main-nav a{
        font-size:16px !important;
        white-space:nowrap !important;
    }

    .last-update,
    #lastUpdate{
        font-size:14px !important;
        text-align:center !important;
        width:100% !important;
    }

    .hero h1{
        font-size:52px !important;
        line-height:.98 !important;
    }

    .hero p{
        font-size:20px !important;
    }
}

@media (max-width: 640px){

    .brand-mark{
        width:72px !important;
        max-width:72px !important;
    }

    .selae-header-logo{
        width:44px !important;
        max-width:44px !important;
    }

    .brand-text h1,
    .logo-text,
    .site-title{
        font-size:22px !important;
    }

    .brand-text p,
    .site-subtitle{
        font-size:12px !important;
    }

    nav,
    .main-nav{
        gap:12px !important;
    }

    nav a,
    .main-nav a{
        font-size:14px !important;
    }

    .hero h1{
        font-size:34px !important;
        line-height:1.02 !important;
    }

    .hero p{
        font-size:16px !important;
        line-height:1.35 !important;
    }
}

/* CABECERA MÓVIL FINAL */
@media (max-width:760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  .topbar,header{position:relative!important;width:100%!important;max-width:100%!important;overflow:visible!important;height:auto!important;min-height:0!important;padding:0!important;}
  .topbar .wrap.nav,header .wrap.nav,.wrap.nav,.nav{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"brand" "menu"!important;
    row-gap:10px!important;height:auto!important;min-height:0!important;padding:14px 16px 12px!important;margin:0 auto!important;overflow:visible!important;
  }
  .topbar .brand,header .brand,.brand{
    grid-area:brand!important;display:grid!important;grid-template-columns:auto auto 1fr!important;
    align-items:center!important;justify-content:start!important;column-gap:10px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;
  }
  .brand-mark,.brand .brand-mark,img.brand-mark,.brand img.logo,.brand .logo{
    grid-column:1!important;display:block!important;width:78px!important;max-width:78px!important;height:auto!important;max-height:none!important;object-fit:contain!important;flex:none!important;margin:0!important;padding:0!important;
  }
  .selae-header-logo,.brand .selae-header-logo{
    grid-column:2!important;display:block!important;width:58px!important;max-width:58px!important;height:auto!important;object-fit:contain!important;flex:none!important;margin:0!important;padding:0!important;
  }
  .brand-text,.brand > div{
    grid-column:3!important;min-width:0!important;width:auto!important;max-width:100%!important;overflow:visible!important;
  }
  .brand-title,.brand-text h1,.logo-text,.site-title{
    display:block!important;font-size:24px!important;line-height:1.04!important;letter-spacing:.4px!important;white-space:normal!important;word-break:normal!important;overflow:visible!important;max-width:100%!important;
  }
  .brand-subtitle,.brand-text p,.site-subtitle{
    display:block!important;font-size:13px!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important;max-width:100%!important;
  }
  .topbar .menu,header .menu,.menu,nav,.main-nav{
    grid-area:menu!important;grid-column:1!important;width:100%!important;max-width:100%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;
    height:auto!important;min-height:0!important;margin:0!important;padding:8px 0 0!important;overflow:visible!important;
  }
  .topbar .menu a,header .menu a,.menu a,nav a,.main-nav a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;
  }
  .top-wa,.topbar .top-wa,header .top-wa{display:none!important;}
  .last-update,#lastUpdate{width:100%!important;display:block!important;text-align:center!important;font-size:14px!important;padding:8px 0!important;margin:0!important;}
}
@media (max-width:430px){
  .topbar .wrap.nav,header .wrap.nav,.wrap.nav,.nav{padding-left:12px!important;padding-right:12px!important;}
  .brand-mark,.brand .brand-mark,img.brand-mark,.brand img.logo,.brand .logo{width:68px!important;max-width:68px!important;}
  .selae-header-logo,.brand .selae-header-logo{width:48px!important;max-width:48px!important;}
  .brand-title,.brand-text h1,.logo-text,.site-title{font-size:20px!important;line-height:1.02!important;}
  .brand-subtitle,.brand-text p,.site-subtitle{font-size:12px!important;}
  .menu,nav,.main-nav{gap:14px!important;}
  .menu a,nav a,.main-nav a{font-size:14px!important;}
}


/* AJUSTE FINAL TEXTO LOTERÍA SANTAOLALLA EN MÓVIL */
@media (max-width:760px){

  .brand{
    grid-template-columns:72px 52px 1fr !important;
    column-gap:8px !important;
  }

  .brand-title,
  .brand-text h1,
  .logo-text,
  .site-title{
    font-size:18px !important;
    line-height:1.02 !important;
    letter-spacing:.2px !important;
    word-break:keep-all !important;
  }

  .brand-subtitle,
  .brand-text p,
  .site-subtitle{
    font-size:11px !important;
    line-height:1.08 !important;
  }

  .brand-mark,
  .brand .brand-mark{
    width:64px !important;
    max-width:64px !important;
  }

  .selae-header-logo{
    width:46px !important;
    max-width:46px !important;
  }
}

@media (max-width:430px){

  .brand{
    grid-template-columns:60px 44px 1fr !important;
    column-gap:7px !important;
  }

  .brand-title,
  .brand-text h1,
  .logo-text,
  .site-title{
    font-size:16px !important;
  }

  .brand-subtitle,
  .brand-text p,
  .site-subtitle{
    font-size:10px !important;
  }

  .brand-mark,
  .brand .brand-mark{
    width:58px !important;
    max-width:58px !important;
  }

  .selae-header-logo{
    width:40px !important;
    max-width:40px !important;
  }
}


/* =========================================================
   FIX REAL CABECERA MÓVIL
========================================================= */

@media (max-width: 760px){

  body{
    overflow-x:hidden !important;
  }

  .topbar .wrap.nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    padding:14px 12px 10px !important;
    gap:12px !important;
    height:auto !important;
  }

  /* BLOQUE SUPERIOR */
  .brand{
    display:grid !important;

    grid-template-columns:auto auto !important;
    grid-template-areas:
      "logo selae"
      "text text" !important;

    justify-content:center !important;
    align-items:center !important;

    column-gap:20px !important;
    row-gap:10px !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 auto !important;
  }

  /* Logo Santaolalla */
  .brand-mark{
    grid-area:logo !important;

    width:82px !important;
    max-width:82px !important;
    height:auto !important;

    margin:0 auto !important;
    display:block !important;
  }

  /* Logo SELAE */
  .selae-header-logo{
    grid-area:selae !important;

    width:62px !important;
    max-width:62px !important;
    height:auto !important;

    margin:0 auto !important;
    display:block !important;
  }

  /* TEXTO DEBAJO */
  .brand > div:last-child{
    grid-area:text !important;

    width:100% !important;
    max-width:100% !important;

    text-align:center !important;

    margin:0 auto !important;
    padding:0 !important;
  }

  .brand-title{
    display:block !important;

    width:100% !important;

    text-align:center !important;

    font-size:28px !important;
    line-height:1.04 !important;

    margin:0 auto !important;
  }

  .brand-subtitle{
    display:block !important;

    width:100% !important;

    text-align:center !important;

    font-size:14px !important;
    line-height:1.15 !important;

    margin-top:4px !important;
  }

  /* MENU */
  .menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    gap:26px !important;

    margin:0 auto !important;
    padding:0 !important;
  }

  .menu a{
    font-size:16px !important;
    font-weight:800 !important;

    white-space:nowrap !important;
  }

  /* Ocultar botón superior WhatsApp en móvil */
  .top-wa{
    display:none !important;
  }

  /* Actualizado */
  .last-update,
  #lastUpdate{
    text-align:center !important;
    width:100% !important;
    font-size:14px !important;
  }
}


@media (max-width:760px){

  .topbar .wrap.nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    height:auto !important;
    padding:14px 12px 0 !important;
    gap:0 !important;
  }

  .brand{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 auto !important;
    position:relative !important;
  }

  .brand-mark{
    width:82px !important;
    max-width:82px !important;
    height:auto !important;
    position:absolute !important;
    left:calc(50% - 110px) !important;
    top:0 !important;
  }

  .selae-header-logo{
    width:62px !important;
    max-width:62px !important;
    height:auto !important;
    position:absolute !important;
    right:calc(50% - 105px) !important;
    top:4px !important;
  }

  .brand > div:last-child{
    margin-top:105px !important;
    width:100% !important;
    text-align:center !important;
    position:relative !important;
    z-index:2 !important;
  }

  .brand-title{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:30px !important;
    line-height:1.04 !important;
    margin:0 auto !important;
  }

  .brand-subtitle{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:14px !important;
    line-height:1.15 !important;
    margin-top:6px !important;
  }

  .menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    gap:30px !important;
    margin-top:18px !important;
    padding:14px 0 !important;
    border-top:1px solid rgba(180,140,40,.15) !important;
  }

  .menu a{
    font-size:17px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .top-wa{
    display:none !important;
  }

  .last-update,
  #lastUpdate{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:14px !important;
    padding:10px 0 !important;
    margin:0 !important;
  }
}


/* ==========================================================
   CABECERA MÓVIL INDEPENDIENTE
   Evita solapes ocultando la cabecera desktop en móvil
   y usando una cabecera móvil limpia.
========================================================== */

.mobile-only-header{
  display:none;
}

@media (max-width:760px){

  body{
    overflow-x:hidden !important;
  }

  /* Ocultar la cabecera original solo en móvil */
  body > header,
  body > .topbar,
  header.topbar,
  .topbar{
    display:none !important;
  }

  .mobile-only-header{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    background:#fffaf0 !important;
    border-bottom:1px solid rgba(184,106,0,.16) !important;
    text-align:center !important;
    padding:18px 14px 0 !important;
    margin:0 !important;
  }

  .mobile-logo-row{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:34px !important;
    width:100% !important;
    margin:0 auto 14px !important;
  }

  .mobile-logo-santa{
    display:block !important;
    width:96px !important;
    max-width:96px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .mobile-logo-selae{
    display:block !important;
    width:86px !important;
    max-width:86px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .mobile-brand-title{
    display:block !important;
    color:#b86a00 !important;
    font-weight:900 !important;
    font-size:26px !important;
    line-height:1.05 !important;
    letter-spacing:.7px !important;
    text-align:center !important;
    margin:0 auto 4px !important;
    max-width:100% !important;
  }

  .mobile-brand-subtitle{
    display:block !important;
    color:#071b52 !important;
    font-weight:750 !important;
    font-size:15px !important;
    line-height:1.15 !important;
    text-align:center !important;
    margin:0 auto 15px !important;
  }

  .mobile-nav-links{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    width:100% !important;
    border-top:1px solid rgba(184,106,0,.14) !important;
    border-bottom:1px solid rgba(184,106,0,.14) !important;
    padding:13px 0 !important;
    margin:0 !important;
  }

  .mobile-nav-links a{
    flex:1 1 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#071b52 !important;
    font-weight:900 !important;
    font-size:18px !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  .mobile-nav-links a + a{
    border-left:1px solid rgba(184,106,0,.18) !important;
  }

  .mobile-last-update{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:12px 0 !important;
    margin:0 !important;
    background:rgba(255,250,240,.75) !important;
    color:#071b52 !important;
    font-weight:800 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    text-align:center !important;
  }
}

@media (max-width:430px){
  .mobile-only-header{
    padding-top:16px !important;
  }

  .mobile-logo-row{
    gap:28px !important;
    margin-bottom:12px !important;
  }

  .mobile-logo-santa{
    width:88px !important;
    max-width:88px !important;
  }

  .mobile-logo-selae{
    width:78px !important;
    max-width:78px !important;
  }

  .mobile-brand-title{
    font-size:23px !important;
  }

  .mobile-brand-subtitle{
    font-size:14px !important;
  }

  .mobile-nav-links a{
    font-size:17px !important;
  }
}

@media (max-width:360px){
  .mobile-logo-row{
    gap:22px !important;
  }

  .mobile-logo-santa{
    width:78px !important;
    max-width:78px !important;
  }

  .mobile-logo-selae{
    width:70px !important;
    max-width:70px !important;
  }

  .mobile-brand-title{
    font-size:20px !important;
  }

  .mobile-brand-subtitle{
    font-size:13px !important;
  }

  .mobile-nav-links a{
    font-size:15px !important;
  }
}


/* ==========================================================
   MÓVIL: una sola línea de actualizado + bloqueo horizontal
========================================================== */

@media (max-width:760px){

  /* Oculta el "Actualizado" original de la web pública en móvil.
     Se mantiene solo el de la cabecera móvil independiente. */
  body > .last-update,
  body > #lastUpdate,
  main > .last-update,
  main > #lastUpdate,
  .updated-row,
  .update-row{
    display:none !important;
  }

  .mobile-only-header .mobile-last-update{
    display:block !important;
  }
}

/* Bloqueo práctico de vista horizontal */
#landscapeBlocker{
  display:none;
}

@media screen and (orientation: landscape) and (max-height: 520px){
  #landscapeBlocker{
    display:flex !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147483647 !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fffaf0 !important;
    color:#071b52 !important;
    text-align:center !important;
    padding:24px !important;
    box-sizing:border-box !important;
  }

  #landscapeBlocker .landscape-box{
    max-width:420px !important;
    border:1px solid rgba(184,106,0,.22) !important;
    border-radius:22px !important;
    background:#ffffff !important;
    box-shadow:0 18px 40px rgba(10,20,45,.12) !important;
    padding:26px 28px !important;
  }

  #landscapeBlocker strong{
    display:block !important;
    font-size:28px !important;
    line-height:1.1 !important;
    margin-bottom:10px !important;
    color:#b86a00 !important;
  }

  #landscapeBlocker span{
    display:block !important;
    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
  }
}


/* FIX DEFINITIVO - UN SOLO ACTUALIZADO EN MÓVIL */

@media (max-width:760px){

  .last-update,
  #lastUpdate,
  .update-time,
  .updated-time,
  .update-bar,
  .updated-bar{
    display:none !important;
  }

  .mobile-only-header .mobile-last-update{
    display:block !important;
  }
}


/* FIX COMPROBADO: El Niño debe ser azul, nunca verde */
#numeros-nino h2,
#numeros-nino h2 *,
#numeros-nino .titulo-azul,
#numeros-nino span.titulo-azul{
    color:#2f63c9 !important;
}

/* Evita que una regla antigua de .titulo-verde o span:last-child lo vuelva verde */
#numeros-nino .titulo-verde,
#numeros-nino .green,
#numeros-nino .highlight-green,
#numeros-nino span:last-child{
    color:#2f63c9 !important;
}

/* El texto de las tarjetas de El Niño sigue azul */
#numeros-nino .number,
#ninoGrid .number{
    color:#174ea6 !important;
}

/* =========================================================
   DECIMOS REALES DESDE DOSSIER - V4 DEFINITIVA
   Sustituye las tarjetas simples por décimos reales.
   ========================================================= */
#numeros.numbers-section,
#numeros-nino.numbers-section{
  padding-top:56px !important;
  padding-bottom:46px !important;
}

#numeros .wrap,
#numeros-nino .wrap{
  max-width:1240px !important;
}

#numeros .titulo-sorteo,
#numeros-nino .titulo-sorteo{
  margin-bottom:22px !important;
}

#numeros-listado.numbers-grid,
#nino-list.numbers-grid,
.numbers-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:28px 22px !important;
  align-items:start !important;
}

.number-card.decimo-card{
  width:100% !important;
  padding:10px 10px 12px !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid rgba(198,138,24,.32) !important;
  box-shadow:0 10px 26px rgba(29,21,8,.10) !important;
  text-align:initial !important;
  overflow:hidden !important;
}

.number-card.decimo-card.nino{
  border-color:rgba(38,104,183,.32) !important;
}

.decimo-real{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1200/711 !important;
  background-image:url('assets/decimo_navidad_2025.png') !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border-radius:4px !important;
  overflow:hidden !important;
}

.decimo-card.nino .decimo-real{
  aspect-ratio:1200/721 !important;
  background-image:url('assets/decimo_nino_2026.png') !important;
}

/* Número: posición real del décimo, sobre la zona de los globos */
.decimo-numero{
  position:absolute !important;
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:0.8% !important;
  color:#111 !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}

.decimo-digit{
  flex:1 1 0 !important;
  min-width:0 !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

.decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}

.decimo-digit em{
  display:block !important;
  margin-top:6px !important;
  font-family:Arial, sans-serif !important;
  font-style:normal !important;
  font-size:clamp(5px, .52vw, 8px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#111 !important;
}

.decimo-codigo{display:none !important;
  position:absolute !important;
  left:36.5% !important;
  bottom:6.0% !important;
  width:39% !important;
  text-align:left !important;
  font-family:'Courier New', monospace !important;
  font-size:clamp(8px, .83vw, 14px) !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  color:#111 !important;
  z-index:2 !important;
  pointer-events:none !important;
  white-space:nowrap !important;
}

.decimo-card.nino .decimo-codigo{display:none !important;
  left:36.5% !important;
  bottom:5.8% !important;
}

.decimo-buy{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin-top:10px !important;
  min-height:50px !important;
  border-radius:11px !important;
  background:#08a84f !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 8px 16px rgba(8,168,79,.18) !important;
}

.decimo-buy::before{
  content:'☎' !important;
  margin-right:8px !important;
  font-size:15px !important;
}

@media(max-width:1100px){
  #numeros-listado.numbers-grid,
  #nino-list.numbers-grid,
  .numbers-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(5px, .9vw, 9px) !important;}
}

@media(max-width:700px){
  #numeros.numbers-section,
  #numeros-nino.numbers-section{
    padding-top:38px !important;
  }
  #numeros-listado.numbers-grid,
  #nino-list.numbers-grid,
  .numbers-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .number-card.decimo-card{
    padding:8px 8px 10px !important;
    border-radius:12px !important;
  }
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(5px, 1.65vw, 8px) !important; margin-top:4px !important;}
  .decimo-codigo{display:none !important;font-size:clamp(7px, 2.2vw, 12px) !important;}
  .decimo-buy{min-height:48px !important; font-size:15px !important;}
}

/* === Ajuste fino final: décimos reales desde dossier === */
.number-card.decimo-card{
  padding:7px 7px 10px !important;
  border-radius:10px !important;
  background:transparent !important;
  border:1px solid rgba(198,138,24,.22) !important;
  box-shadow:0 10px 24px rgba(29,21,8,.08) !important;
}
.number-card.decimo-card.nino{border-color:rgba(38,104,183,.22) !important;}
.decimo-real{border-radius:3px !important; box-shadow:none !important;}

/* Tapamos el número impreso del décimo base para colocar el dinámico limpio */
.decimo-real::before{
  content:"" !important;
  position:absolute !important;
  left:31.0% !important;
  top:15.0% !important;
  width:43.7% !important;
  height:18.2% !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 12% 35%, rgba(214,190,124,.10) 0 2px, transparent 2.5px),
    radial-gradient(circle at 70% 70%, rgba(214,190,124,.08) 0 1.6px, transparent 2.1px),
    linear-gradient(180deg, rgba(252,250,240,.98), rgba(248,246,235,.96)) !important;
  background-size:24px 18px, 28px 22px, 100% 100% !important;
  border-radius:2px !important;
}
.decimo-card.nino .decimo-real::before{
  left:31.2% !important;
  top:12.2% !important;
  width:43.5% !important;
  height:18.0% !important;
  background:
    radial-gradient(circle at 12% 35%, rgba(90,142,204,.10) 0 2px, transparent 2.5px),
    radial-gradient(circle at 70% 70%, rgba(90,142,204,.08) 0 1.6px, transparent 2.1px),
    linear-gradient(180deg, rgba(249,252,255,.98), rgba(242,248,255,.96)) !important;
  background-size:24px 18px, 28px 22px, 100% 100% !important;
}

.decimo-numero{
  left:31.7% !important;
  top:13.0% !important;
  width:42.3% !important;
  height:16.8% !important;
  align-items:flex-end !important;
  z-index:3 !important;
  gap:1.1% !important;
}
.decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
.decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
.decimo-digit em{
  margin-top:4px !important;
  font-size:clamp(4px, .46vw, 7px) !important;
  letter-spacing:.02em !important;
}

/* Tapamos también el código original para que no se duplique visualmente */
.decimo-real::after{
  content:"" !important;
  position:absolute !important;
  left:29.2% !important;
  bottom:3.2% !important;
  width:51.0% !important;
  height:5.1% !important;
  z-index:1 !important;
  background:linear-gradient(180deg, rgba(250,249,241,.98), rgba(248,246,235,.98)) !important;
  border-radius:2px !important;
}
.decimo-card.nino .decimo-real::after{
  background:linear-gradient(180deg, rgba(249,252,255,.98), rgba(242,248,255,.98)) !important;
}
.decimo-codigo{display:none !important;
  left:31.0% !important;
  bottom:3.9% !important;
  width:47% !important;
  text-align:center !important;
  font-size:clamp(7px, .70vw, 11px) !important;
  letter-spacing:.06em !important;
  z-index:3 !important;
}

.decimo-buy{
  margin-top:8px !important;
  min-height:45px !important;
  border-radius:8px !important;
  font-size:15px !important;
  box-shadow:none !important;
}
.decimo-buy::before{content:'☏' !important;}

@media(max-width:1100px){
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
}
@media(max-width:700px){
  .number-card.decimo-card{padding:6px 6px 9px !important;}
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(4px, 1.35vw, 7px) !important;}
  .decimo-codigo{display:none !important;font-size:clamp(6px, 1.9vw, 10px) !important;}
  .decimo-buy{min-height:44px !important; font-size:14px !important;}
}

/* === AJUSTE FINO FINAL 06-06: número encajado y código inferior eliminado === */
.decimo-real::before{
  left:30.7% !important;
  top:12.0% !important;
  width:44.8% !important;
  height:20.6% !important;
  z-index:1 !important;
}
.decimo-card.nino .decimo-real::before{
  left:30.9% !important;
  top:11.0% !important;
  width:44.6% !important;
  height:20.3% !important;
}
.decimo-numero{
  left:33.0% !important;
  top:15.0% !important;
  width:39.6% !important;
  height:12.4% !important;
  gap:.9% !important;
  align-items:center !important;
  justify-content:space-between !important;
}
.decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
.decimo-digit{
  justify-content:center !important;
}
.decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
.decimo-digit em{
  margin-top:1px !important;
  font-size:clamp(3px, .36vw, 5.5px) !important;
  line-height:.9 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
/* Cubre por completo el texto tipo 5102501001>00002XXXXXX que viene en la imagen base */
.decimo-real::after{
  left:27.0% !important;
  bottom:1.5% !important;
  width:56.0% !important;
  height:8.4% !important;
  z-index:2 !important;
  background:linear-gradient(180deg, rgba(250,249,241,.99), rgba(247,245,233,.99)) !important;
}
.decimo-card.nino .decimo-real::after{
  left:27.0% !important;
  bottom:1.5% !important;
  width:56.0% !important;
  height:8.4% !important;
  background:linear-gradient(180deg, rgba(249,252,255,.99), rgba(241,247,255,.99)) !important;
}
.decimo-codigo{display:none !important;display:none !important;}

@media(max-width:1100px){
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(3px, .75vw, 6px) !important;}
}
@media(max-width:700px){
  .decimo-numero{
    left:33.1% !important;
    top:14.9% !important;
    width:39.3% !important;
    height:12.4% !important;
  }
  .decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(3px, 1.05vw, 5px) !important; margin-top:0 !important;}
}

.decimo-real::after,.decimo-real::before{display:none!important;content:none!important;}

/* === FIX REAL: limpiar fondo detrás del número sin tocar la franja inferior === */
.decimo-real::after{
  display:none !important;
  content:none !important;
}
.decimo-real::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  left:29.8% !important;
  top:10.7% !important;
  width:47.8% !important;
  height:23.5% !important;
  z-index:2 !important;
  pointer-events:none !important;
  border-radius:2px !important;
  background:
    radial-gradient(circle at 15% 38%, rgba(210,185,125,.10) 0 1.6px, transparent 2px),
    radial-gradient(circle at 74% 68%, rgba(210,185,125,.08) 0 1.3px, transparent 1.8px),
    linear-gradient(180deg, rgba(252,250,240,.995), rgba(249,247,236,.995)) !important;
  background-size:22px 16px, 26px 20px, 100% 100% !important;
}
.decimo-card.nino .decimo-real::before{
  left:30.0% !important;
  top:9.7% !important;
  width:47.4% !important;
  height:23.2% !important;
  background:
    radial-gradient(circle at 15% 38%, rgba(90,142,204,.10) 0 1.6px, transparent 2px),
    radial-gradient(circle at 74% 68%, rgba(90,142,204,.08) 0 1.3px, transparent 1.8px),
    linear-gradient(180deg, rgba(249,252,255,.995), rgba(242,248,255,.995)) !important;
  background-size:22px 16px, 26px 20px, 100% 100% !important;
}
.decimo-numero{
  z-index:4 !important;
}


/* === FINAL REAL: limpiar números desde la imagen base, sin parches visibles === */
.decimo-real::before,
.decimo-real::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.decimo-numero{
  z-index:5 !important;
  background:transparent !important;
}
.decimo-digit, .decimo-digit b, .decimo-digit em{
  background:transparent !important;
}

/* === AJUSTE FINAL REAL: números nítidos y uniformes en el décimo === */
.decimo-real::before,
.decimo-real::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.decimo-numero{
  left:33.1% !important;
  top:14.15% !important;
  width:38.5% !important;
  height:12.8% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:0 !important;
  z-index:10 !important;
  background:transparent !important;
}
.decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
.decimo-digit{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:transparent !important;
}
.decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
.decimo-card.nino .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
.decimo-digit em{
  margin-top:2px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(3px,.33vw,5px) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:#111 !important;
  background:transparent !important;
}
.decimo-card.nino .decimo-digit em{
  margin-top:1px !important;
  font-size:clamp(3px,.31vw,4.8px) !important;
}
.decimo-codigo{display:none !important;}
@media(max-width:1100px){
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-card.nino .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(3px,.7vw,5.5px) !important;}
}
@media(max-width:700px){
  .decimo-numero{left:33.1% !important;top:14.1% !important;width:38.2% !important;height:12.8% !important;}
  .decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-card.nino .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(3px,1.0vw,5px) !important; margin-top:1px !important;}
}

/* === AJUSTE REAL FINAL: número integrado sin caja blanca visible === */
.decimo-real::before,
.decimo-real::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.decimo-numero{
  position:absolute !important;
  left:34.7% !important;
  top:13.45% !important;
  width:39.4% !important;
  height:11.9% !important;
  z-index:10 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:0 !important;
  background:transparent !important;
  pointer-events:none !important;
}
.decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
.decimo-digit{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  background:transparent !important;
}
.decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
.decimo-card.nino .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
.decimo-digit em{
  display:block !important;
  margin-top:2px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-style:normal !important;
  font-size:clamp(3px,.31vw,4.8px) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:#111 !important;
  background:transparent !important;
}
.decimo-card.nino .decimo-digit em{
  font-size:clamp(3px,.30vw,4.6px) !important;
  margin-top:2px !important;
}
.decimo-codigo{display:none !important;}
@media(max-width:1100px){
  .decimo-numero{left:34.7% !important;top:13.45% !important;width:39.4% !important;height:11.9% !important;}
  .decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-card.nino .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
}
@media(max-width:700px){
  .decimo-numero{left:34.7% !important;top:13.45% !important;width:39.4% !important;height:11.9% !important;}
  .decimo-card.nino .decimo-numero{
  left:35.0% !important;
  top:14.8% !important;
  width:41.5% !important;
  height:14% !important;
}
  .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-card.nino .decimo-digit b{
  display:block !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(30px, 3.7vw, 54px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  color:#1a1a1a !important;
  text-shadow:none !important;
}
  .decimo-digit em{font-size:clamp(3px,.95vw,5px) !important;}
}


/* === VERSION MODELOS OFICIALES: banda superior limpia + número realista === */
.decimo-real::before,
.decimo-real::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

.decimo-real{
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}

.decimo-card.nino .decimo-real{
  aspect-ratio:1200/721 !important;
}

.decimo-numero{
  position:absolute !important;
  left:34.6% !important;
  top:10.7% !important;
  width:38.9% !important;
  height:12.8% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:0 !important;
  z-index:20 !important;
  background:transparent !important;
  pointer-events:none !important;
}

.decimo-card.nino .decimo-numero{
  left:34.9% !important;
  top:11.3% !important;
  width:38.8% !important;
  height:12.3% !important;
}

.decimo-digit{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:transparent !important;
}

.decimo-digit b{
  display:block !important;
  font-family:'Arial Black','Arial Bold',Arial,Helvetica,sans-serif !important;
  font-size:clamp(30px,3.85vw,58px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
  color:#222 !important;
  text-shadow:none !important;
  transform:scaleX(.92) !important;
}

.decimo-card.nino .decimo-digit b{
  font-family:'Arial Black','Arial Bold',Arial,Helvetica,sans-serif !important;
  font-size:clamp(30px,3.85vw,58px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
  transform:scaleX(.92) !important;
}

.decimo-digit em{
  display:none !important;
}

.decimo-codigo{
  display:none !important;
}

@media(max-width:1100px){
  .decimo-numero{
    left:34.6% !important;
    top:10.7% !important;
    width:38.9% !important;
    height:12.8% !important;
  }
  .decimo-card.nino .decimo-numero{
    left:34.9% !important;
    top:11.3% !important;
    width:38.8% !important;
    height:12.3% !important;
  }
  .decimo-digit b,
  .decimo-card.nino .decimo-digit b{
    font-size:clamp(28px,4.0vw,54px) !important;
  }
}

@media(max-width:700px){
  .decimo-numero{
    left:34.6% !important;
    top:10.7% !important;
    width:38.9% !important;
    height:12.8% !important;
  }
  .decimo-card.nino .decimo-numero{
    left:34.9% !important;
    top:11.3% !important;
    width:38.8% !important;
    height:12.3% !important;
  }
  .decimo-digit b,
  .decimo-card.nino .decimo-digit b{
    font-size:clamp(28px,8vw,52px) !important;
  }
}

/* ajuste fino solicitado */
.decimo-digit b{
  font-size:clamp(24px,3.1vw,46px) !important;
  font-weight:800 !important;
}
.decimo-numero{
  top:13.2% !important;
}
.decimo-card.nino .decimo-numero{
  top:13.6% !important;
}


/* Ajuste exclusivo El Niño */
.decimo-card.nino .decimo-digit b{
  font-size:clamp(22px,2.8vw,42px) !important;
  font-weight:700 !important;
}

.decimo-card.nino .decimo-numero{
  top:15.2% !important;
}

/* === Disponible SOLO debajo de décimos + WhatsApp oficial === */
.decimo-card{
  overflow:visible !important;
}

.decimo-card .decimo-real + .estado-disponible,
.decimo-card .estado-disponible{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  margin:12px auto 10px auto !important;
  padding:7px 18px !important;
  border-radius:999px !important;
  background:#d9f6df !important;
  color:#078232 !important;
  font-weight:800 !important;
  font-size:14px !important;
  line-height:1 !important;
  text-align:center !important;
}

.decimo-card.nino .estado-disponible{
  background:#dceeff !important;
  color:#1356b5 !important;
}

.decimo-card a[href*="wa.me"],
.decimo-card a[href*="whatsapp"],
.decimo-card .btn-whatsapp,
.decimo-card .whatsapp-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.decimo-card .whatsapp-icon{
  display:inline-block !important;
  width:19px !important;
  height:19px !important;
  margin-right:8px !important;
  background-color:currentColor !important;
  -webkit-mask:url('icono-whatsapp.svg') center/contain no-repeat;
  mask:url('icono-whatsapp.svg') center/contain no-repeat;
}

.decimo-card a[href*="wa.me"]::before,
.decimo-card a[href*="whatsapp"]::before,
.decimo-card .btn-whatsapp::before,
.decimo-card .whatsapp-btn::before{
  content:'' !important;
  display:inline-block !important;
  width:19px !important;
  height:19px !important;
  margin-right:8px !important;
  background-color:currentColor !important;
  -webkit-mask:url('icono-whatsapp.svg') center/contain no-repeat;
  mask:url('icono-whatsapp.svg') center/contain no-repeat;
}

/* No alterar cabecera, menú, footer ni botón flotante */
header .estado-disponible,
nav .estado-disponible,
footer .estado-disponible,
.floating-whatsapp .estado-disponible{
  display:none !important;
}


/* Ajuste fino solicitado: centrar mejor el número dentro de la banda blanca */
.decimo-numero{
  left:35.4% !important;
}

.decimo-card.nino .decimo-numero{
  left:35.7% !important;
}


/* Icono oficial WhatsApp en botones verdes */
.btn-whatsapp::before,
.whatsapp-btn::before,
a[href*="wa.me"]::before,
a[href*="whatsapp"]::before{
 content:'';
 display:inline-block;
 width:18px;
 height:18px;
 margin-right:8px;
 background:currentColor;
 -webkit-mask:url('assets/whatsapp-official.svg') center/contain no-repeat;
 mask:url('assets/whatsapp-official.svg') center/contain no-repeat;
 vertical-align:middle;
}


/* Icono WhatsApp visible sí o sí */
button::before,
.btn-whatsapp::before,
.whatsapp-btn::before,
a[href*="wa.me"]::before,
a[href*="whatsapp"]::before{
  content:'' !important;
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  margin-right:8px !important;
  background:url('assets/whatsapp-icon.svg') center center / contain no-repeat !important;
  vertical-align:middle !important;
}

/* Icono WhatsApp inline visible en botones verdes */
.wa-button-with-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.wa-button-with-icon::before{
  display:none !important;
  content:none !important;
}
.wa-inline-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  margin-right:9px !important;
  color:#fff !important;
  flex:0 0 20px !important;
}
.wa-inline-icon svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
}


/* Icono WhatsApp blanco en El Niño */
.nino .wa-inline-icon,
.nino .wa-inline-icon svg,
.nino a[href*="wa.me"],
.nino a[href*="whatsapp"],
.nino .btn-whatsapp,
.nino .whatsapp-btn{
  color:#ffffff !important;
  fill:#ffffff !important;
}

/* Icono WhatsApp en todos los botones WhatsApp */
.wa-button-with-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}

.wa-button-with-icon::before{
  display:none !important;
  content:none !important;
}

.wa-inline-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  margin-right:9px !important;
  color:#ffffff !important;
  fill:#ffffff !important;
  flex:0 0 20px !important;
}

.wa-inline-icon svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  color:#ffffff !important;
  fill:#ffffff !important;
}

@media(max-width:700px){
  .wa-inline-icon{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
    margin-right:8px !important;
  }
  .wa-inline-icon svg{
    width:18px !important;
    height:18px !important;
  }
}


/* Quitar icono duplicado WhatsApp */
.wa-button-with-icon::before,
a[href*="wa.me"]::before,
a[href*="whatsapp"]::before,
.btn-whatsapp::before,
.whatsapp-btn::before{
  content:none !important;
  display:none !important;
}


/* Dejar un único icono WhatsApp en botones de décimos */
.decimo-card .wa-inline-icon + .wa-inline-icon{
  display:none !important;
}

.decimo-card a .wa-inline-icon:first-of-type + .wa-inline-icon{
  display:none !important;
}


/* Ajuste fino cabecera: bajar SOLO la marca izquierda */
.header-brand,
.brand,
.brand-left,
.logo-brand,
.site-brand,
.site-logo,
.header-logo,
.header-left .brand,
.header-left .site-brand,
.header-left .logo-text,
.header-left .brand-text,
.header-left .site-title,
.header-left .header-title{
  transform:translateY(10px) !important;
}

/* Si el título aparece como texto directo en la zona izquierda */
.header-left > a:first-child,
.header-left > div:first-child:not(nav):not(.nav):not(.menu),
.topbar-left > a:first-child,
.topbar-left > div:first-child:not(nav):not(.nav):not(.menu){
  transform:translateY(10px) !important;
}

/* Asegurar que menú y navegación NO se mueven */
nav,
.nav,
.menu,
.header-nav,
.main-nav,
.nav-links,
.nav-menu,
.menu-links,
.header-menu,
.nav a,
.menu a{
  transform:none !important;
  margin-top:0 !important;
}

/* WhatsApp final: un solo icono blanco, sin cuadrado residual */
a[href*="wa.me"]::before,
a[href*="whatsapp"]::before,
button[class*="whatsapp"]::before,
.btn-whatsapp::before,
.whatsapp-btn::before,
.wa-button-with-icon::before,
.wa-final-button::before,
.wa-clean-button::before,
.wa-ok-button::before,
a[href*="wa.me"]::after,
a[href*="whatsapp"]::after,
button[class*="whatsapp"]::after,
.btn-whatsapp::after,
.whatsapp-btn::after,
.wa-button-with-icon::after,
.wa-final-button::after,
.wa-clean-button::after,
.wa-ok-button::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

a[href*="wa.me"],
a[href*="whatsapp"],
.btn-whatsapp,
.whatsapp-btn,
.wa-button-with-icon,
.wa-final-button,
.wa-clean-button,
.wa-ok-button{
  background-image:none !important;
  color:#ffffff !important;
}

.wa-ok-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.wa-ok-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  margin-right:9px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
}

.wa-ok-icon svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
}

.wa-ok-text{
  color:#ffffff !important;
}

.wa-inline-icon,
.wa-final-icon,
.wa-clean-icon,
.whatsapp-icon{
  display:none !important;
}

/* === WhatsApp definitivo: sin cuadrado blanco + texto blanco en todos === */

/* Oculta cualquier residuo de iconos antiguos */
.wa-ok-icon,
.wa-clean-icon,
.wa-final-icon,
.wa-inline-icon,
.whatsapp-icon,
a[href*="wa.me"] .wa-ok-icon,
a[href*="wa.me"] .wa-clean-icon,
a[href*="wa.me"] .wa-final-icon,
a[href*="wa.me"] .wa-inline-icon,
a[href*="wa.me"] .whatsapp-icon,
a[href*="whatsapp"] .wa-ok-icon,
a[href*="whatsapp"] .wa-clean-icon,
a[href*="whatsapp"] .wa-final-icon,
a[href*="whatsapp"] .wa-inline-icon,
a[href*="whatsapp"] .whatsapp-icon{
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Neutraliza todos los fondos/iconos anteriores del propio botón */
a[href*="wa.me"],
a[href*="whatsapp"],
.btn-whatsapp,
.whatsapp-btn,
.wa-ok-button,
.wa-clean-button,
.wa-final-button,
.wa-button-with-icon{
  background-image:none !important;
  color:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}

/* Texto siempre blanco, también en El Niño */
a[href*="wa.me"],
a[href*="wa.me"]:link,
a[href*="wa.me"]:visited,
a[href*="wa.me"]:hover,
a[href*="wa.me"]:active,
a[href*="whatsapp"],
a[href*="whatsapp"]:link,
a[href*="whatsapp"]:visited,
a[href*="whatsapp"]:hover,
a[href*="whatsapp"]:active,
.nino a[href*="wa.me"],
.nino a[href*="whatsapp"],
.decimo-card.nino a[href*="wa.me"],
.decimo-card.nino a[href*="whatsapp"]{
  color:#ffffff !important;
  text-decoration:none !important;
}

/* Elimina pseudoelementos anteriores */
a[href*="wa.me"]::after,
a[href*="whatsapp"]::after,
.btn-whatsapp::after,
.whatsapp-btn::after,
.wa-ok-button::after,
.wa-clean-button::after,
.wa-final-button::after,
.wa-button-with-icon::after{
  content:none !important;
  display:none !important;
}

/* Único icono, blanco, sin cuadrado: pseudo-elemento con imagen externa */
a[href*="wa.me"]::before,
a[href*="whatsapp"]::before,
.btn-whatsapp::before,
.whatsapp-btn::before,
.wa-ok-button::before,
.wa-clean-button::before,
.wa-final-button::before,
.wa-button-with-icon::before{
  content:'' !important;
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  margin:0 9px 0 0 !important;
  padding:0 !important;
  background-color:transparent !important;
  background-image:url('assets/whatsapp-white.svg') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:20px 20px !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

/* Botón flotante también blanco y sin duplicados */
.floating-whatsapp::before,
.whatsapp-floating::before{
  background-image:url('assets/whatsapp-white.svg') !important;
  background-color:transparent !important;
  border:0 !important;
}

/* En móvil un poco más pequeño */
@media(max-width:700px){
  a[href*="wa.me"]::before,
  a[href*="whatsapp"]::before,
  .btn-whatsapp::before,
  .whatsapp-btn::before{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
    background-size:18px 18px !important;
    margin-right:8px !important;
  }
}

/* === FIX DEFINITIVO DECIMOS WHATSAPP ===
   Limpia cuadrados residuales y deja un único logo WhatsApp blanco.
*/
.decimo-card a[href*="wa.me"],
.decimo-card a[href*="whatsapp"],
.decimo-card .btn-whatsapp,
.decimo-card .whatsapp-btn,
.decimo-card .wa-ok-button,
.decimo-card .wa-clean-button,
.decimo-card .wa-final-button,
.decimo-card .wa-button-with-icon {
  color:#ffffff !important;
  text-decoration:none !important;
  background-image:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.decimo-card a[href*="wa.me"] *,
.decimo-card a[href*="whatsapp"] *,
.decimo-card .btn-whatsapp *,
.decimo-card .whatsapp-btn * {
  color:#ffffff !important;
}

.decimo-card a[href*="wa.me"]::before,
.decimo-card a[href*="whatsapp"]::before,
.decimo-card .btn-whatsapp::before,
.decimo-card .whatsapp-btn::before {
  content:'' !important;
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  margin:0 9px 0 0 !important;
  padding:0 !important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M16.04 3C8.86 3 3.04 8.75 3.04 15.85c0 2.27.6 4.48 1.74 6.43L3 29l6.89-1.78a13.03 13.03 0 0 0 6.15 1.52C23.2 28.74 29 22.99 29 15.85 29 8.75 23.2 3 16.04 3Zm0 23.55c-1.93 0-3.82-.52-5.47-1.5l-.39-.23-4.09 1.06 1.09-3.95-.25-.4a10.55 10.55 0 0 1-1.67-5.68c0-5.87 4.84-10.65 10.78-10.65 5.93 0 10.76 4.78 10.76 10.65 0 5.9-4.83 10.7-10.76 10.7Zm5.91-7.99c-.32-.16-1.91-.94-2.21-1.05-.3-.11-.51-.16-.72.16-.22.32-.84 1.05-1.03 1.26-.19.22-.38.24-.7.08-.32-.16-1.36-.5-2.59-1.59-.96-.85-1.61-1.9-1.8-2.22-.18-.32-.02-.49.15-.65.15-.14.32-.38.48-.57.16-.19.22-.32.33-.54.1-.21.05-.4-.03-.57-.08-.16-.72-1.74-.99-2.38-.27-.62-.54-.54-.73-.55h-.63c-.21 0-.56.08-.86.4-.29.32-1.13 1.09-1.13 2.67s1.16 3.11 1.32 3.33c.16.21 2.28 3.45 5.52 4.84.77.33 1.37.53 1.84.68.77.24 1.47.21 2.03.13.62-.09 1.91-.78 2.19-1.53.27-.75.27-1.4.19-1.53-.08-.13-.3-.21-.62-.38Z'/%3E%3C/svg%3E") center/20px 20px no-repeat !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

.decimo-card a[href*="wa.me"]::after,
.decimo-card a[href*="whatsapp"]::after,
.decimo-card .btn-whatsapp::after,
.decimo-card .whatsapp-btn::after {
  content:none !important;
  display:none !important;
}

.decimo-card .wa-ok-icon,
.decimo-card .wa-clean-icon,
.decimo-card .wa-final-icon,
.decimo-card .wa-inline-icon,
.decimo-card .whatsapp-icon,
.decimo-card span.wa-ok-icon,
.decimo-card span.wa-clean-icon,
.decimo-card span.wa-final-icon,
.decimo-card span.wa-inline-icon,
.decimo-card span.whatsapp-icon,
.decimo-card svg {
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:0 !important;
  overflow:hidden !important;
}

/* En El Niño, texto SIEMPRE blanco dentro del botón verde */
.decimo-card.nino a[href*="wa.me"],
.decimo-card.nino a[href*="whatsapp"],
.nino .decimo-card a[href*="wa.me"],
.nino .decimo-card a[href*="whatsapp"] {
  color:#ffffff !important;
}

@media(max-width:700px){
  .decimo-card a[href*="wa.me"]::before,
  .decimo-card a[href*="whatsapp"]::before,
  .decimo-card .btn-whatsapp::before,
  .decimo-card .whatsapp-btn::before {
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
    background-size:18px 18px !important;
    margin-right:8px !important;
  }
}

/* === Ajuste móvil WhatsApp: logo visible y bien alineado === */
@media (max-width: 700px){
  .decimo-card a[href*="wa.me"],
  .decimo-card a[href*="whatsapp"],
  .decimo-card .btn-whatsapp,
  .decimo-card .whatsapp-btn{
    color:#ffffff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-decoration:none !important;
  }

  .decimo-card a[href*="wa.me"]::before,
  .decimo-card a[href*="whatsapp"]::before,
  .decimo-card .btn-whatsapp::before,
  .decimo-card .whatsapp-btn::before{
    content:'' !important;
    display:inline-block !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    flex:0 0 18px !important;
    margin:0 !important;
    padding:0 !important;
    background-color:transparent !important;
    background-image:url("assets/whatsapp-white.svg") !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:18px 18px !important;
    border:none !important;
    box-shadow:none !important;
    -webkit-mask:none !important;
    mask:none !important;
  }

  .decimo-card a[href*="wa.me"]::after,
  .decimo-card a[href*="whatsapp"]::after,
  .decimo-card .btn-whatsapp::after,
  .decimo-card .whatsapp-btn::after{
    content:none !important;
    display:none !important;
  }

  .decimo-card a[href*="wa.me"] *,
  .decimo-card a[href*="whatsapp"] *,
  .decimo-card .btn-whatsapp *,
  .decimo-card .whatsapp-btn *{
    color:#ffffff !important;
  }

  .decimo-card .wa-ok-icon,
  .decimo-card .wa-clean-icon,
  .decimo-card .wa-final-icon,
  .decimo-card .wa-inline-icon,
  .decimo-card .whatsapp-icon,
  .decimo-card svg{
    display:none !important;
  }
}

/* En pantallas algo mayores tipo portátil estrecho/tablet también mantener el icono correcto */
@media (min-width:701px) and (max-width:1100px){
  .decimo-card a[href*="wa.me"]::before,
  .decimo-card a[href*="whatsapp"]::before,
  .decimo-card .btn-whatsapp::before,
  .decimo-card .whatsapp-btn::before{
    background-image:url("assets/whatsapp-white.svg") !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }
}

/* === FIX FINAL MÓVIL/DECIMOS: disponible + WhatsApp sin cuadrado === */

/* Disponible sólo dentro de décimos */
.decimo-card .estado-disponible{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  margin:12px auto 10px auto !important;
  padding:7px 18px !important;
  border-radius:999px !important;
  background:#d9f6df !important;
  color:#078232 !important;
  font-weight:800 !important;
  font-size:14px !important;
  line-height:1 !important;
  text-align:center !important;
}

.decimo-card.nino .estado-disponible{
  background:#dceeff !important;
  color:#1356b5 !important;
}

/* Elimina cualquier pseudo-icono o cuadrado anterior en los botones de los décimos */
.decimo-card .decimo-buy::before,
.decimo-card .decimo-buy::after,
.decimo-card a[href*="wa.me"]::before,
.decimo-card a[href*="wa.me"]::after,
.decimo-card a[href*="whatsapp"]::before,
.decimo-card a[href*="whatsapp"]::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  flex-basis:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

/* Botón decimo: mantener diseño verde, texto blanco siempre */
.decimo-card .decimo-buy{
  color:#ffffff !important;
  text-decoration:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  background-image:none !important;
}

.decimo-card.nino .decimo-buy,
.decimo-card.nino .decimo-buy:link,
.decimo-card.nino .decimo-buy:visited,
.decimo-card.nino .decimo-buy:hover,
.decimo-card.nino .decimo-buy:active,
.decimo-card.nino .decimo-buy *,
.nino .decimo-card .decimo-buy,
.nino .decimo-card .decimo-buy *{
  color:#ffffff !important;
  fill:#ffffff !important;
}

/* Ocultar residuos antiguos que creaban el cuadrado blanco */
.decimo-card .whatsapp-icon,
.decimo-card .wa-inline-icon,
.decimo-card .wa-final-icon,
.decimo-card .wa-clean-icon,
.decimo-card .wa-ok-icon{
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}

/* Logo real de WhatsApp dentro del botón */
.decimo-card .wa-decimo-logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:#ffffff !important;
  fill:#ffffff !important;
}

.decimo-card .wa-decimo-logo svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  min-width:20px !important;
  opacity:1 !important;
  color:#ffffff !important;
  fill:#ffffff !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.decimo-card .wa-decimo-text{
  color:#ffffff !important;
}

/* Ajustes específicos móvil */
@media(max-width:700px){
  .decimo-card .estado-disponible{
    font-size:13px !important;
    padding:7px 16px !important;
    margin:10px auto 9px auto !important;
  }

  .decimo-card .decimo-buy{
    gap:8px !important;
  }

  .decimo-card .wa-decimo-logo{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
  }

  .decimo-card .wa-decimo-logo svg{
    width:18px !important;
    height:18px !important;
    max-width:18px !important;
    min-width:18px !important;
  }
}

/* === FIX FINAL SOLO DÉCIMOS / MÓVIL: WhatsApp limpio y Disponible === */
.decimo-card .estado-disponible{display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;margin:12px auto 10px auto!important;padding:7px 18px!important;border-radius:999px!important;background:#d9f6df!important;color:#078232!important;font-weight:800!important;font-size:14px!important;line-height:1!important;text-align:center!important}.decimo-card.nino .estado-disponible{background:#dceeff!important;color:#1356b5!important}.decimo-card .decimo-buy-clean,.decimo-card .decimo-buy-clean:link,.decimo-card .decimo-buy-clean:visited,.decimo-card .decimo-buy-clean:hover,.decimo-card .decimo-buy-clean:active{color:#fff!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;background-image:none!important}.decimo-card .decimo-buy-clean::before,.decimo-card .decimo-buy-clean::after,.decimo-card .decimo-buy::before,.decimo-card .decimo-buy::after{content:none!important;display:none!important;width:0!important;height:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;margin:0!important;padding:0!important;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;-webkit-mask:none!important;mask:none!important}.decimo-card .whatsapp-icon,.decimo-card .wa-inline-icon,.decimo-card .wa-final-icon,.decimo-card .wa-clean-icon,.decimo-card .wa-ok-icon,.decimo-card .wa-decimo-logo{display:none!important;width:0!important;height:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;opacity:0!important}.decimo-card .wa-mobile-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;color:#fff!important;fill:#fff!important;opacity:1!important}.decimo-card .wa-mobile-icon svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;color:#fff!important;fill:#fff!important;background:transparent!important;border:none!important;box-shadow:none!important;opacity:1!important}.decimo-card .wa-mobile-icon svg path{fill:#fff!important}.decimo-card .wa-mobile-text,.decimo-card.nino .wa-mobile-text,.decimo-card.nino .decimo-buy-clean,.nino .decimo-card .decimo-buy-clean{color:#fff!important}@media(max-width:700px){.decimo-card .estado-disponible{font-size:13px!important;padding:7px 16px!important;margin:10px auto 9px auto!important}.decimo-card .decimo-buy-clean{gap:8px!important}.decimo-card .wa-mobile-icon{width:18px!important;height:18px!important;flex-basis:18px!important}.decimo-card .wa-mobile-icon svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important}}


/* =========================================================
   FIX FINAL SELECTIVO
   - No se toca la estructura.
   - No se duplica Disponible.
   - Texto de WhatsApp siempre blanco, también en El Niño.
   - En móvil, icono limpio PNG extraído del logo aportado.
   ========================================================= */

/* Texto blanco en todos los botones verdes de décimos */
.decimo-card .decimo-buy,
.decimo-card .decimo-buy:link,
.decimo-card .decimo-buy:visited,
.decimo-card .decimo-buy:hover,
.decimo-card .decimo-buy:active,
.decimo-card .decimo-buy *,
.decimo-card.nino .decimo-buy,
.decimo-card.nino .decimo-buy *,
.nino .decimo-card .decimo-buy,
.nino .decimo-card .decimo-buy *{
  color:#ffffff !important;
  fill:#ffffff !important;
  text-decoration:none !important;
}

/* Mantener Disponible visible sólo dentro de décimos */
.decimo-card .estado-disponible{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  margin:12px auto 10px auto !important;
  padding:7px 18px !important;
  border-radius:999px !important;
  background:#d9f6df !important;
  color:#078232 !important;
  font-weight:800 !important;
  font-size:14px !important;
  line-height:1 !important;
  text-align:center !important;
}

.decimo-card.nino .estado-disponible{
  background:#dceeff !important;
  color:#1356b5 !important;
}

/* Anular iconos antiguos/pseudo-iconos en los botones de décimos */
.decimo-card .decimo-buy::before,
.decimo-card .decimo-buy::after,
.decimo-card a[href*="wa.me"]::before,
.decimo-card a[href*="wa.me"]::after,
.decimo-card a[href*="whatsapp"]::before,
.decimo-card a[href*="whatsapp"]::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  flex:0 0 0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

/* Ocultar restos de pruebas anteriores, excepto el PNG limpio nuevo */
.decimo-card .whatsapp-icon,
.decimo-card .wa-inline-icon,
.decimo-card .wa-final-icon,
.decimo-card .wa-clean-icon,
.decimo-card .wa-ok-icon,
.decimo-card .wa-decimo-logo,
.decimo-card .wa-mobile-icon{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
}

/* Nuevo icono limpio */
.decimo-card .wa-mobile-logo-clean{
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  flex:0 0 20px !important;
  margin:0 9px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  object-fit:contain !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  image-rendering:auto !important;
  vertical-align:middle !important;
}

/* Ajuste específico móvil */
@media(max-width:700px){
  .decimo-card .estado-disponible{
    display:flex !important;
    font-size:13px !important;
    padding:7px 16px !important;
    margin:10px auto 9px auto !important;
  }

  .decimo-card .decimo-buy{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    color:#ffffff !important;
  }

  .decimo-card .wa-mobile-logo-clean{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    flex-basis:20px !important;
    margin-right:9px !important;
  }
}


/* FIX FINAL: texto Comprar por WhatsApp blanco en El Niño */
#nino .decimo-card .decimo-buy,
#nino .decimo-card .decimo-buy:link,
#nino .decimo-card .decimo-buy:visited,
#nino .decimo-card .decimo-buy:hover,
#nino .decimo-card .decimo-buy:active,
#nino .decimo-card .decimo-buy *,
#nino .decimo-card .decimo-buy span,
#nino .decimo-card .wa-decimo-text,
#nino .decimo-card .wa-mobile-text,
#nino .decimo-card .wa-mobile-label,
#nino .decimo-card .wa-button-label,
#nino .decimo-card .decimo-buy-clean,
#nino .decimo-card .decimo-buy-final,
#nino .decimo-card .decimo-buy-mobile-clean,
section#nino .decimo-card .decimo-buy,
section#nino .decimo-card .decimo-buy *,
.nino .decimo-buy,
.nino .decimo-buy *,
.decimo-card.nino .decimo-buy,
.decimo-card.nino .decimo-buy *,
.decimo-card[data-sorteo="El Niño"] .decimo-buy,
.decimo-card[data-sorteo="El Niño"] .decimo-buy *,
.decimo-card[data-sorteo="El Niño"] .decimo-buy span{
  color:#ffffff !important;
  fill:#ffffff !important;
  text-decoration:none !important;
  -webkit-text-fill-color:#ffffff !important;
}

#nino .decimo-card .decimo-buy span,
.decimo-card.nino .decimo-buy span,
.decimo-card[data-sorteo="El Niño"] .decimo-buy span{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

@media(max-width:700px){
  #nino .decimo-card .decimo-buy,
  #nino .decimo-card .decimo-buy *,
  .nino .decimo-buy,
  .nino .decimo-buy *,
  .decimo-card.nino .decimo-buy,
  .decimo-card.nino .decimo-buy *,
  .decimo-card[data-sorteo="El Niño"] .decimo-buy,
  .decimo-card[data-sorteo="El Niño"] .decimo-buy *{
    color:#ffffff !important;
    fill:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}


/* === SOLO MÓVIL: Disponible + WhatsApp nítido en décimos === */
@media(max-width:700px){
  .decimo-card .estado-disponible{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    margin:10px auto 9px auto !important;
    padding:7px 16px !important;
    border-radius:999px !important;
    background:#d9f6df !important;
    color:#078232 !important;
    font-weight:800 !important;
    font-size:13px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  .decimo-card.nino .estado-disponible,
  .decimo-card[data-sorteo="El Niño"] .estado-disponible{
    background:#dceeff !important;
    color:#1356b5 !important;
  }

  .decimo-card .wa-mobile-fixed,
  .decimo-card .wa-mobile-fixed:link,
  .decimo-card .wa-mobile-fixed:visited,
  .decimo-card .wa-mobile-fixed:hover,
  .decimo-card .wa-mobile-fixed:active{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-decoration:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    background-image:none !important;
  }

  .decimo-card .wa-mobile-fixed::before,
  .decimo-card .wa-mobile-fixed::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    background-image:none !important;
    border:none !important;
    box-shadow:none !important;
    -webkit-mask:none !important;
    mask:none !important;
  }

  .decimo-card .wa-mobile-sharp{
    display:inline-block !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    flex:0 0 20px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    image-rendering:auto !important;
  }

  .decimo-card .wa-mobile-buy-text,
  .decimo-card.nino .wa-mobile-buy-text,
  .decimo-card[data-sorteo="El Niño"] .wa-mobile-buy-text{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .decimo-card .wa-mobile-fixed .whatsapp-icon,
  .decimo-card .wa-mobile-fixed .wa-inline-icon,
  .decimo-card .wa-mobile-fixed .wa-final-icon,
  .decimo-card .wa-mobile-fixed .wa-clean-icon,
  .decimo-card .wa-mobile-fixed .wa-ok-icon,
  .decimo-card .wa-mobile-fixed .wa-decimo-logo,
  .decimo-card .wa-mobile-fixed .wa-mobile-icon,
  .decimo-card .wa-mobile-fixed .wa-mobile-logo-clean{
    display:none !important;
  }
}


/* Ajuste final: logo WhatsApp móvil más pequeño */
@media(max-width:700px){
  .wa-mobile-sharp{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    flex:0 0 22px !important;
    margin-right:10px !important;
  }
}


/* FIX FINAL REAL: tamaño del logo WhatsApp en móvil dentro de décimos */
@media(max-width:700px){
  .decimo-card .wa-mobile-fixed .wa-mobile-sharp,
  .decimo-card a.wa-mobile-fixed img.wa-mobile-sharp,
  .decimo-card .wa-mobile-sharp{
    display:inline-block !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    flex:0 0 22px !important;
    margin:0 10px 0 0 !important;
    padding:0 !important;
    object-fit:contain !important;
    transform:none !important;
  }
}


/* Ajuste fino: centrar ligeramente el número del décimo de Navidad 2026 */
.decimo-numero,
.ticket-number,
.numero-decimo,
.decimo-card .numero,
.decimo-card .ticket-number{
  transform: translateX(6px) !important;
}

/* ajuste vertical fino navidad */
.decimo-card:not(.nino) .decimo-numero{top:13.45% !important;}


/* Ajuste real final: bajar un poquito el número del décimo de Navidad 2026 */
.decimo-card.navidad .decimo-numero,
.decimo-card:not(.nino) .decimo-numero{
  top: calc(10.7% + 1.2%) !important;
}

/* final tiny down */
.decimo-card:not(.nino) .decimo-numero{top:14.0% !important;}


/* Ajuste adicional: bajar otro poco el número del décimo de Navidad 2026 */
.decimo-card.navidad .decimo-numero,
.decimo-card:not(.nino) .decimo-numero{
  transform: translate(6px, 7px) !important;
}


/* Ajuste fino: subir ligeramente el número (mitad del último cambio) */
.decimo-card.navidad .decimo-numero,
.decimo-card:not(.nino) .decimo-numero{
  transform: translate(6px, 5px) !important;
}


/* Ajuste SOLO escritorio - campaña */
@media (min-width:901px){
  .campaign-title, .campana-title, .hero-title{
    font-size:200% !important;
    line-height:1.05 !important;
  }
  .campaign-box, .campaign, .hero-banner{
    min-height:unset !important;
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
  .campaign-subtitle, .hero-subtitle{
    font-size:50% !important;
  }
}


/* Ajuste solicitado: SOLO escritorio */
@media (min-width:901px){
  .hero-badge,.campaign-badge,.badge-campaign{
    transform:scale(2)!important;
    transform-origin:left center!important;
    display:inline-block!important;
    margin-bottom:28px!important;
  }
  .hero-title,.hero h1{
    font-size:clamp(42px,3.8vw,68px)!important;
    line-height:1.02!important;
  }
  .hero-subtitle,.hero p:first-of-type{
    font-size:0.52em!important;
    line-height:1.2!important;
  }
}


/* === AJUSTE FINAL HERO SOLO ESCRITORIO === */
@media (min-width:901px){

  /* 1) Campaña Navidad + contenedor al doble */
  .hero .pill,
  .hero-text .pill{
    font-size:32px !important;
    line-height:1.1 !important;
    padding:20px 32px !important;
    border-radius:999px !important;
    margin-bottom:34px !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* 2) Título principal en una sola línea */
  .hero .hero-text h1,
  .hero h1{
    white-space:nowrap !important;
    font-size:clamp(44px,4.2vw,58px) !important;
    line-height:1.08 !important;
    max-width:none !important;
    width:100% !important;
    letter-spacing:-0.05em !important;
  }

  /* 3) Lead con tamaño normal, sin reducir */
  .hero .lead,
  .hero-text .lead,
  .hero p.lead{
    font-size:22px !important;
    line-height:1.45 !important;
    max-width:980px !important;
  }
}


/* Ajuste final SOLO escritorio: centrar Campaña Navidad */
@media (min-width:901px){
  .hero .pill,
  .hero-text .pill{
    display:flex !important;
    width:max-content !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}