:root{
        --h-pink:#ff2d95;
        --h-brand:#c8519e;
        --h-violet:#8b3dff;
        --h-peach:#ff8fb8;
        --h-soft:#ffe3f1;
        --h-ink:#1d0a22;
        --h-bg:#fff5fa;
        --h-grad:linear-gradient(120deg,#ff2d95 0%,#c8519e 45%,#8b3dff 100%);
        --h-grad-soft:linear-gradient(135deg,#ffe3f1 0%,#f3e6ff 100%);
        --h-radius:22px;
        --h-shadow:0 12px 30px -12px rgba(200,81,158,.45);
    }
    html{scroll-behavior:smooth}
    body{
        background:var(--h-bg);
        font-family:'Outfit','Montserrat',sans-serif;
        color:var(--h-ink);
        position:relative;
        overflow-x:hidden;
    }
    /* manchas de color de fondo */
    body:before,body:after{
        content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;
    }
    body:before{width:520px;height:520px;background:#ffb3d6;top:-140px;left:-160px}
    body:after{width:480px;height:480px;background:#dcc4ff;bottom:-160px;right:-140px}

    h1,h2,h3,h4,h5,.h9-display{font-family:'Bricolage Grotesque','Outfit',sans-serif;letter-spacing:-.01em}
    a{transition:color .2s ease}
    a:hover{color:var(--h-pink)}
    ::selection{background:var(--h-pink);color:#fff}

    /* ---------- MENU ---------- */
    .navbar.fixed-top{
        background:rgba(255,255,255,.88)!important;
        backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
        box-shadow:0 8px 24px -14px rgba(139,61,255,.45)!important;
    }
    .navbar.fixed-top:after{
        content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--h-grad);
    }
    .navbar .nav-link{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:.04em;border-radius:999px}
    .navbar .nav-item.active .nav-link,.navbar .nav-link.active,.navbar .active > .nav-link,
    .navbar [style*="c8519e"]{
        background:var(--h-grad)!important;color:#fff!important;border-radius:999px!important;
        box-shadow:var(--h-shadow);
    }
    .navbar .nav-link:hover{color:var(--h-pink)!important}
    .navbar form input,.navbar .form-control{border-radius:999px 0 0 999px!important;border-color:#f7c2dc!important}
    .navbar form button,.navbar .btn{border-radius:0 999px 999px 0!important;background:var(--h-grad)!important;color:#fff!important;border:0!important;font-weight:600}

    /* ---------- TITULOS DE SECCION ---------- */
    .section-title,
    .section-title[style]{
        background:var(--h-grad)!important;
        border-radius:var(--h-radius)!important;
        padding:16px 22px!important;
        border:0!important;
        box-shadow:var(--h-shadow);
        position:relative;overflow:hidden;
    }
    .section-title h4{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:800!important;letter-spacing:.02em;font-size:1.25rem}
    .section-title h4 i{margin-right:8px;opacity:.9}
    .section-title a.text-secondary{
        color:#fff!important;background:rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-size:13px;position:relative;z-index:1
    }
    .section-title a.text-secondary:hover{background:#fff;color:var(--h-pink)!important}
    .owl-nav .owl-prev,.owl-nav .owl-next,
    .carousel-item-4 .owl-nav > div,.carousel-item-4 .owl-nav > button{
        background:#fff!important;color:var(--h-pink)!important;border-radius:50%!important;border:0!important;
    }

    /* ---------- TARJETAS / PARTIALS ---------- */
    [style*="#c8519e"]:not(p):not(span):not(a):not(button){
        background:var(--h-grad)!important;
    }
    .card,.card[style]{border-radius:var(--h-radius)!important;overflow:hidden}
    .card.shadow{box-shadow:var(--h-shadow)!important;transition:transform .25s ease, box-shadow .25s ease}
    .card.shadow:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 22px 40px -16px rgba(139,61,255,.55)!important}
    .img-container[style]{border-color:var(--h-pink)!important;box-shadow:0 0 0 6px var(--h-soft)}
    p.category[style*="#000000"],.badge-primary,.bg-primary.text-dark{
        background:var(--h-grad)!important;color:#fff!important;border-radius:999px!important;font-weight:700
    }
    p.category[style*="transparent"]{color:var(--h-pink)!important;font-weight:700}
    .text-overlay[style]{
        background:linear-gradient(0deg,rgba(29,10,34,.85),rgba(29,10,34,0))!important;border-radius:16px;padding:14px!important
    }
    .badge,.badge-primary,a.badge{border-radius:999px!important}
    .news-carousel .position-relative.overflow-hidden,
    .position-relative.mb-3 img,.position-relative.overflow-hidden img{border-radius:18px}
    .news-carousel .owl-item{padding:4px}
    .bg-white.border,.bg-white.border.border-top-0{
        border:0!important;border-radius:0 0 var(--h-radius) var(--h-radius)!important;
        box-shadow:0 10px 28px -18px rgba(200,81,158,.6);
    }
    .col-lg-4 .mb-3 > .section-title.mb-0{border-radius:var(--h-radius) var(--h-radius) 0 0!important}
    .position-relative.mb-3{border-radius:var(--h-radius);overflow:hidden;background:#fff;box-shadow:0 10px 28px -18px rgba(200,81,158,.6)}
    .position-relative.mb-3 .bg-white.border{box-shadow:none}
    .position-relative.mb-3 a.h4,.position-relative.mb-3 h4,.position-relative.mb-3 .h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:800}
    img{transition:transform .5s ease}
    .position-relative.mb-3:hover img,.overflow-hidden:hover img{transform:scale(1.04)}

    /* ---------- VIDEOS ---------- */
    .h9-videos{
        background:var(--h-ink)!important;border-radius:28px!important;padding:26px!important;
        position:relative;overflow:hidden;box-shadow:0 24px 50px -24px rgba(29,10,34,.8)!important;
    }
    .h9-videos:before{
        content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:var(--h-pink);filter:blur(120px);opacity:.45;top:-160px;right:-120px;pointer-events:none
    }
    .h9-videos-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative;z-index:1}
    .h9-videos-head h3{color:#fff;font-weight:800;margin:0;font-size:1.7rem}
    .h9-videos-head h3 em{font-style:normal;background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
    .h9-chip{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.06em}
    .h9-videos > *{position:relative;z-index:1}
    .h9-videos [style*="#c8519e"]{background:transparent!important}
    .h9-videos iframe{border-radius:18px;overflow:hidden}
    .h9-videos .bg-white{background:transparent!important}

    /* ---------- BANNERS ---------- */
    .h9-banner img{border-radius:var(--h-radius);box-shadow:0 12px 30px -18px rgba(0,0,0,.5)}

    /* ---------- BOTONES ---------- */
    .btn-primary,.back-to-top{
        background:var(--h-grad)!important;border:0!important;border-radius:50%!important;color:#fff!important;
        box-shadow:var(--h-shadow)
    }

    /* ---------- FOOTER ---------- */
    .container-fluid.bg-dark,.footer,footer{background:var(--h-ink)!important;position:relative}
    .container-fluid.bg-dark:first-of-type{}
    .container-fluid.bg-dark a:hover{color:var(--h-peach)!important}

    /* ---------- PLAY FLOTANTE ---------- */
    #playButton{
        position:fixed;bottom:28px;left:22px;
        width:82px;height:82px;border-radius:50%;border:0;
        background:var(--h-grad);color:#fff;font-size:36px;cursor:pointer;
        display:flex;align-items:center;justify-content:center;
        box-shadow:0 14px 34px -8px rgba(255,45,149,.65);
        z-index:10000;transition:transform .25s ease;
        animation:h9pulse 2.2s infinite;
    }
    #playButton:before{
        content:"";position:absolute;inset:-6px;border-radius:50%;
        background:conic-gradient(from 0deg,#ff2d95,#8b3dff,#ff8fb8,#ff2d95);
        z-index:-1;animation:h9spin 4s linear infinite;
    }
    #playButton:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--h-grad);z-index:-1}
    #playButton:hover{transform:scale(1.08)}
    @keyframes h9spin{to{transform:rotate(360deg)}}
    @keyframes h9pulse{0%,100%{box-shadow:0 14px 34px -8px rgba(255,45,149,.65)}50%{box-shadow:0 18px 44px -6px rgba(139,61,255,.7)}}
    #playButton.active{animation:none}
    #playButton.active:before{animation-duration:1.2s}
    .h9-playlabel{
        position:fixed;bottom:50px;left:96px;z-index:9999;
        background:#fff;color:var(--h-ink);border-radius:999px;padding:8px 16px 8px 22px;
        font-weight:700;font-size:13px;letter-spacing:.06em;box-shadow:0 10px 24px -12px rgba(200,81,158,.6);
        display:flex;align-items:center;gap:10px;pointer-events:none
    }
    .h9-eq{display:inline-flex;gap:3px;align-items:flex-end;height:14px}
    .h9-eq i{display:block;width:3px;height:4px;background:var(--h-pink);border-radius:2px}
    .h9-playing .h9-eq i{animation:h9eq .9s ease-in-out infinite}
    .h9-playing .h9-eq i:nth-child(2){animation-delay:.15s}
    .h9-playing .h9-eq i:nth-child(3){animation-delay:.3s}
    .h9-playing .h9-eq i:nth-child(4){animation-delay:.45s}
    @keyframes h9eq{0%,100%{height:4px}50%{height:14px}}

    @media (max-width:767px){
        .h9-ticker{border-radius:14px;margin-left:-4px;margin-right:-4px}
        .h9-ticker .h9-live{border-radius:14px;padding:0 12px;font-size:11px}
        .h9-videos{padding:16px!important;border-radius:22px!important}
        .h9-videos-head h3{font-size:1.3rem}
        .h9-playlabel{display:none}
        #playButton{width:68px;height:68px;font-size:30px;left:16px;bottom:20px}
    }
    @media (prefers-reduced-motion:reduce){
        .h9-track,#playButton,#playButton:before,.h9-dot{animation:none!important}
    }
    /* ---------- AJUSTES ---------- */
    .h9-videos .card{background:transparent!important;border:0!important;box-shadow:none!important}
    .navbar.fixed-top span.text-white.font-weight-normal.text-center{display:none!important}
    .news-carousel .owl-item > *,.news-carousel .owl-item > * > *{border-radius:22px!important;overflow:hidden}
    /* ---------- APP STORES ---------- */
    .h9-stores{display:flex;flex-direction:column;gap:10px;align-items:stretch}
    .h9-stores-txt{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.1rem;color:var(--h-ink);margin:0 0 4px;text-transform:uppercase;letter-spacing:.04em}
    .h9-store{display:flex;align-items:center;gap:14px;background:var(--h-ink);color:#fff!important;border-radius:16px;padding:10px 18px;text-align:left;text-decoration:none!important;transition:transform .2s ease, background .2s ease}
    .h9-store i{font-size:30px;width:32px;text-align:center}
    .h9-store span{display:flex;flex-direction:column;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.15rem;line-height:1.1}
    .h9-store small{font-weight:500;font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.06em}
    .h9-store:hover{background:var(--h-grad);transform:translateY(-2px)}