:root{
  --bg:#1a1d1a; --fg:#F6F1E6; --gold:#d26e23; --gold-hover:#fb8b36; --dark:#1a1d1a;
  --line:rgba(246,241,230,.12); --line2:rgba(246,241,230,.16); --muted:rgba(246,241,230,.6); --muted2:rgba(246,241,230,.45);
  --serif:'Playfair Display',serif; --display:'Roboto',sans-serif; --mono:'Roboto',sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--display)}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:#fff}
.wrap{max-width:1440px;margin:0 auto}
button{font-family:inherit}

/* SITE HEADER */
.site-header{position:sticky;top:0;z-index:200}

/* TOPBAR */
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 48px;background:#fff;border-bottom:1px solid rgba(20,16,10,.1);font:400 12px var(--mono)}
.topbar-search{display:flex;align-items:center;gap:8px}
.topbar-input{
    box-shadow: 0px 0px 6px rgb(158 159 161 / 25%);
    color: #000000;
    font: 400 12px var(--mono);
    border: 1px solid #e5e5e5;
    padding: 8px 16px;
    border-radius: 40px;
    width: 280px;
    flex: none;
    background: #fff;
    transition: border-color .2s;
}
.topbar-input::placeholder{color:rgba(20,16,10,.4)}
.topbar-input:focus{outline:none;border-color:var(--gold)}
.topbar-input.no-match{border-color:#c94b4b}
.topbar-search-btn{background:none;border:none;width:32px;height:32px;padding:0;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center}
.topbar-search-btn svg{width:18px;height:18px}
.topbar-search-btn:hover svg path{stroke:var(--gold)}
.topbar-live{display:flex;align-items:center;gap:12px;color:rgba(20,16,10,.65)}
.topbar-dot{width:7px;height:7px;border-radius:50%;background:#e52525;animation:beat 2s infinite;flex:none}
.topbar-live-text{white-space:nowrap}
.topbar-live-text strong{color:var(--dark)}
.topbar-live-link{
    font: 700 11.5px var(--mono);
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
    padding: 6px 14px;
    border-radius: 99px;
    white-space: nowrap;
    transition: all 0.4s ease-in-out;
}
.topbar-live-link:hover{background:transparent;color:#000000;}

/* NAV */
.nav{display:flex;justify-content:space-between;align-items:center;padding:0 48px;height:78px;border-bottom:1px solid transparent;position:relative;background:transparent;transition:background .25s ease,border-color .25s ease}
.nav-brand{display:flex;align-items:center;gap:14px}
.nav-brand img{height:30px;transition:filter .25s ease}
.nav-brand span{font:700 15px var(--display);letter-spacing:.02em}
.nav-links{display:flex;gap:30px;font:500 15px var(--mono)}
.nav-links a{color: #fff;transition:color .25s ease}
.nav-links a:hover{color:var(--fg)}
.nav-item{position:relative;display:flex;align-items:center;cursor:pointer}
.nav-item a{position:relative}
.nav-item.active a{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:16px}
.lang{font:400 12px var(--mono);color:rgba(246,241,230,.55);transition:color .25s ease}
.lang span{cursor:pointer;color:rgba(246,241,230,.35)}

/* NAV — fondo claro al hacer scroll (el header es sticky y si no, se pierde sobre el contenido) */
.site-header.scrolled .nav{background:#fff;border-bottom-color:rgba(20,16,10,.1)}
.site-header.scrolled .nav-brand img{filter:brightness(0)}
.site-header.scrolled .nav-links a{color:var(--dark)}
.site-header.scrolled .nav-links a:hover{color:var(--gold)}
.site-header.scrolled .nav-item.active a{color:var(--gold)}
.site-header.scrolled .lang{color:rgba(20,16,10,.55)}
.site-header.scrolled .lang span{color:rgba(20,16,10,.35)}
.site-header.scrolled .btn-fullwhite{background:var(--gold);color:#fff;border-color:var(--gold)}
.site-header.scrolled .btn-fullwhite:hover{background:var(--gold-hover);border-color:var(--gold-hover);color:#fff}
.site-header.scrolled a.btn-white{color:var(--dark);border-color:rgba(20,16,10,.3)}
.site-header.scrolled a.btn-white:hover{background:var(--dark);color:#fff;border-color:var(--dark)}
.btn-fullwhite{
    display: inline-block;
    background: #fff;
    color: var(--dark);
    font: 700 13px var(--display);
    padding: 12px 22px;
    border-radius: 99px;
    border: 1px solid #fff;
    cursor: pointer;
}
.btn-fullwhite:hover{background:transparent;color::#fff;}
.btn-gold{display:inline-block;background:var(--gold);color:var(--dark);font:700 13px var(--display);padding:12px 22px;border-radius:99px;border:none;cursor:pointer}
.btn-gold:hover{background:var(--gold-hover);color:var(--dark)}

/* MEGA MENU — full width */
.mega-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:150;pointer-events:none}
.mega-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}
.mega-panel{position:absolute;top:100%;left:0;width:100%;background:#0E0C09;border-bottom:1px solid var(--line2);box-shadow:0 50px 90px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility .25s;pointer-events:none;z-index:160}
.mega-panel.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.mega-container{max-width:1440px;margin:0 auto;padding:48px}

/* Programas: lista + preview */
.mega-container-prog{display:grid;grid-template-columns:420px 1fr;gap:56px;align-items:stretch}
.mega-list{display:flex;flex-direction:column;gap:2px;justify-content:flex-start}
.mega-item{display:flex;align-items:center;gap:18px;padding:18px 16px;border-radius:12px;transition:background .2s}
.mega-item:hover,.mega-item.active{background:rgba(232,188,94,.08)}
.mega-item-num{font:400 12px var(--mono);color:var(--gold);flex:none}
.mega-item-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.mega-item-title{font:700 20px var(--display);color:var(--fg);transition:color .2s}
.mega-item.active .mega-item-title,.mega-item:hover .mega-item-title{color:var(--gold)}
.mega-item-tag{font:400 10px var(--mono);letter-spacing:.06em;color:rgba(246,241,230,.45)}
.mega-item-arrow{font:400 16px var(--mono);color:rgba(246,241,230,.3);transition:transform .2s,color .2s;flex:none}
.mega-item:hover .mega-item-arrow,.mega-item.active .mega-item-arrow{color:var(--gold);transform:translateX(4px)}
.mega-preview{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10}
.mega-preview-img{width:100%;height:100%;object-fit:cover}
.mega-preview-overlay{position:absolute;left:0;right:0;bottom:0;padding:32px;background:linear-gradient(to top,rgba(14,12,9,.96) 10%,rgba(14,12,9,.55) 55%,transparent)}
.mega-preview-tag{font:400 11px var(--mono);letter-spacing:.08em;color:var(--gold)}
.mega-preview-title{margin:10px 0 10px;font:700 34px var(--display);color:var(--fg);letter-spacing:-.01em}
.mega-preview-desc{margin:0;font:300 14px/1.6 var(--display);color:rgba(246,241,230,.7);max-width:480px}

/* Instructores: grid de fotos */
.mega-container-inst{display:block}
.mega-inst-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mega-inst-card{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:3/4}
.mega-inst-card img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s}
.mega-inst-card:hover img{transform:scale(1.06)}
.mega-inst-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,12,9,.95),rgba(14,12,9,.1) 62%,transparent)}
.mega-inst-info{position:absolute;left:14px;right:14px;bottom:14px;z-index:1}
.mega-inst-role{display:block;font:400 9px var(--mono);letter-spacing:.08em;color:var(--gold);margin-bottom:5px}
.mega-inst-name{display:block;font:700 15px var(--display);color:var(--fg)}
.mega-inst-viewall{display:inline-block;margin-top:24px;font:400 12px var(--mono);letter-spacing:.06em;color:rgba(246,241,230,.6)}
.mega-inst-viewall:hover{color:var(--gold)}

@media(max-width:1100px){
  .mega-panel,.mega-backdrop{display:none}
}

.btn-gold-lg{display:inline-block;background:var(--gold);color:var(--dark);font:700 15px var(--display);padding:18px 34px;border-radius:99px}
.btn-gold-lg:hover{background:var(--gold-hover);color:var(--dark)}

/* HERO SLIDER */
.hero-slider{position:relative;overflow:hidden;background:var(--bg)}
.hero-slides{position:relative;z-index:1;display:flex;transition:transform .6s cubic-bezier(.22,.8,.3,1)}
.hero-slide{flex:0 0 100%;min-width:0}

/* HERO SLIDE — fondo + texto a la izquierda */
.hero-bgslide{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background-size:cover;background-position:center}
.hero-bgslide-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,12,9,.95) 0%,rgba(14,12,9,.78) 32%,rgba(14,12,9,.4) 60%,rgba(14,12,9,.08) 100%)}
.hero-int-content{
    position: relative;
    z-index: 1;
    max-width: 620px;
    padding: 60px 60px 60px 190px;
    text-align: left;
    color: #fff;
}
.hero-int-brand img{height:34px;margin-bottom:22px}
.hero-int-tagline{font:italic 500 20px var(--serif);color:rgba(255,255,255,.8);margin-bottom:22px}
.hero-int-words{display:flex;flex-direction:column;gap:2px;margin-bottom:36px}
.hero-int-word{font:800 clamp(38px,6vw,84px)/1.02 var(--display);letter-spacing:-.03em;color:#fff}
.hero-int-cta {
    display: inline-block;
    background: #eb761b;
    color: #ffffff;
    font: 700 15px var(--display);
    padding: 18px 54px;
    border-radius: 99px;
}
.hero-int-cta:hover{
    background: #eb761b;
    color: #ffffff;
}

/* HERO SLIDER — controles */
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(14,12,9,.4);border:1px solid rgba(246,241,230,.3);color:var(--fg);font-size:18px;cursor:pointer;z-index:2}
.hero-arrow:hover{border-color:var(--gold);color:var(--gold)}
.hero-arrow-prev{left:24px}
.hero-arrow-next{right:24px}
.hero-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:2}
.hero-dot{width:9px;height:9px;border-radius:50%;background:rgba(246,241,230,.35);border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}
.hero-dot.active{background:var(--gold);transform:scale(1.35)}

/* MARQUEE */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;white-space:nowrap;background:#fff}
.marquee-track{display:inline-flex;align-items:center;gap:44px;animation:marquee 32s linear infinite;padding-right:44px;color:var(--dark);font:700 20px var(--display)}
.marquee-track em{font:italic 400 20px var(--serif)}

/* MANIFIESTO */
.manifiesto{padding:150px 48px 150px;text-align:center}
.eyebrow{font:400 13px var(--mono);color:#fff;margin-bottom:26px}
.manifiesto p{
    font-size: 35px;
    font-weight: 300;
    font-style: italic;
    margin:0 auto;
    max-width:1080px}
.manifiesto p span{color:var(--gold)}
.manifiesto .sub{margin-top:30px;font:400 13px var(--mono);color:rgba(246,241,230,.5)}
a.btn-white {
    display: inline-block;
    color: #fff;
    font: 700 13px var(--display);
    padding: 12px 22px;
    border-radius: 99px;
    cursor: pointer;
    border: 1px solid #fff;
}
a.btn-white:hover{background:#fff;color:var(--dark)}
/* MODULOS ANIMADOS */
.modulo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 48px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.modulo-label{font:400 12px var(--mono);color:rgba(246,241,230,.5);white-space:nowrap}
.metro{display:flex;align-items:center;gap:22px}
.metro span{width:14px;height:14px;border-radius:50%;background:var(--gold);animation:beat 2s infinite}
.metro span:nth-child(2){animation-delay:.5s}.metro span:nth-child(3){animation-delay:1s}.metro span:nth-child(4){animation-delay:1.5s}
.metro strong{font:700 15px var(--mono);color:var(--fg);margin-left:10px}
.piano{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 48px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.keys{display:flex;gap:3px;height:74px;padding:0 10px}
.keys span{flex:1;background:var(--fg);border-radius:0 0 5px 5px;animation:key 4s infinite}
.keys span:nth-child(1){animation-delay:0s}.keys span:nth-child(2){animation-delay:.28s}.keys span:nth-child(3){animation-delay:.56s}.keys span:nth-child(4){animation-delay:.84s}
.keys span:nth-child(5){animation-delay:1.12s}.keys span:nth-child(6){animation-delay:1.4s}.keys span:nth-child(7){animation-delay:1.68s}.keys span:nth-child(8){animation-delay:1.96s}
.keys span:nth-child(9){animation-delay:2.24s}.keys span:nth-child(10){animation-delay:2.52s}.keys span:nth-child(11){animation-delay:2.8s}.keys span:nth-child(12){animation-delay:3.08s}
.flow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 48px}
.flow-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.flow-row{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:18px;align-items:center}
.flow-row strong{font:700 26px var(--display)}
.flow-line{position:relative;height:2px;background:rgba(246,241,230,.18)}
.flow-line span{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:flow 3s linear infinite}
.flow-line:nth-of-type(2) span{animation-delay:1s}
.flow-line:nth-of-type(3) span{animation-delay:2s}
.seq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 48px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.steps{display:flex;gap:6px}
.steps span{flex:1;height:34px;border-radius:6px;background:rgba(246,241,230,.1);animation:step 3.2s infinite}
.steps span:nth-child(1){animation-delay:0s}.steps span:nth-child(2){animation-delay:.2s}.steps span:nth-child(3){animation-delay:.4s}.steps span:nth-child(4){animation-delay:.6s}
.steps span:nth-child(5){animation-delay:.8s}.steps span:nth-child(6){animation-delay:1s}.steps span:nth-child(7){animation-delay:1.2s}.steps span:nth-child(8){animation-delay:1.4s}
.steps span:nth-child(9){animation-delay:1.6s}.steps span:nth-child(10){animation-delay:1.8s}.steps span:nth-child(11){animation-delay:2s}.steps span:nth-child(12){animation-delay:2.2s}
.steps span:nth-child(13){animation-delay:2.4s}.steps span:nth-child(14){animation-delay:2.6s}.steps span:nth-child(15){animation-delay:2.8s}.steps span:nth-child(16){animation-delay:3s}
section.nichos h2.big {
    margin-bottom: 50px;
}
/* PROGRAMAS */
.programas{padding:90px 48px 80px}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:44px}
h2.big{margin:0;font:800 74px/1 var(--display);letter-spacing:-.03em}
h2.big em{font:italic 500 74px var(--serif);color:var(--gold)}
.section-head .tag{font:400 13px var(--mono);color:rgba(246,241,230,.5)}
.segmento{display:grid;grid-template-columns:150px 1fr auto;gap:34px;align-items:center;border-top:1px solid var(--line2);padding:26px 6px;transition:background .25s;cursor:pointer}
.segmento:hover{background:rgba(232,188,94,.05)}
.segmento:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}
.camino:last-child{border-bottom:1px solid var(--line2)}
.camino.open .segmento{background:rgba(232,188,94,.05)}
.camino.open .segmento .title{color:var(--gold)}
.count i{display:inline-block;font-style:normal;transition:transform .3s}
.camino.open .count i{transform:rotate(90deg)}

/* ACORDEON CINCO CAMINOS */
.camino-panel{display:none;padding:4px 6px 38px}
.camino-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:start}
.camino-video{position:relative;border-radius:14px;overflow:hidden;background:#131009;aspect-ratio:16/9}
.camino-video video{width:100%;height:100%;object-fit:cover}
.camino-vbadge{position:absolute;top:14px;left:14px;z-index:1;font:400 10px var(--mono);letter-spacing:.12em;color:var(--gold);padding:6px 11px;border-radius:99px}
.camino-desc{margin:0 0 20px;font:300 15px/1.65 var(--display);color:rgba(246,241,230,.65)}
.camino-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.camino-meta span{font:400 9.5px var(--mono);letter-spacing:.08em;color:rgba(246,241,230,.7);border:1px solid var(--line2);border-radius:99px;padding:6px 11px}
.camino-rate{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.camino-stars{color:var(--gold);font-size:13px;letter-spacing:2px}
.camino-score{font:700 15px var(--display)}
.camino-reviews{font:400 10.5px var(--mono);color:rgba(246,241,230,.45)}
.camino-courses{list-style:none;margin:0 0 22px;padding:18px 0 0;border-top:1px solid var(--line)}
.camino-courses li{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(246,241,230,.07)}
.camino-courses .cn{font:400 10px var(--mono);color:var(--gold)}
.camino-courses .ct{font:400 14.5px var(--display)}
.camino-courses .cd{font:400 10px var(--mono);color:rgba(246,241,230,.4);white-space:nowrap}
.camino-quote{margin:0 0 24px;padding-left:16px; border-left: 2px solid rgb(94 48 201 / 71%);}
.camino-quote p{margin:0;font:italic 400 14px/1.6 var(--serif);color:rgba(246,241,230,.75)}
.camino-quote .who{margin-top:8px;font:400 10px var(--mono);letter-spacing:.06em;color:rgba(246,241,230,.4)}
.segmento .num{font:400 14px var(--mono);color:var(--gold)}
.segmento img{width:150px;height:92px;object-fit:cover;border-radius:10px;filter:grayscale(60%)}
.segmento .title{font:700 44px/1 var(--display);letter-spacing:-.02em;transition:color .25s}
.segmento .desc{font:300 14.5px var(--display);color:rgba(246,241,230,.6);margin-top:8px}
.segmento .count{font:400 12px var(--mono);color:rgba(246,241,230,.5);white-space:nowrap}
.inst-card.bgafter1 {
    background-image: url(/wp-content/themes/buddyboss-theme-child-1.0.0-1/bkp_home/img/bgfond_ppr1.png);
    background-size: cover;
    background-position: center center;
}
.inst-card.bgafter2 {
    background-image: url(/wp-content/themes/buddyboss-theme-child-1.0.0-1/bkp_home/img/bgfond_ppr2.png);
    background-size: cover;
    background-position: center center;
}
.inst-card.bgafter3 {
    background-image: url(/wp-content/themes/buddyboss-theme-child-1.0.0-1/bkp_home/img/bgfond_ppr3.png);
    background-size: cover;
    background-position: center center;
}

/* NICHOS */
.nichos{padding:90px 48px 80px}
.nicho-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nicho{overflow:hidden;position:relative;border:1px solid var(--line2);border-radius:16px;padding:36px;display:flex;flex-direction:column;min-height:330px;transition:all .25s}
.nicho:hover{border:1px solid var(--gold);transform:translateY(-5px);}
.nicho:hover .nicho__corner{
    background: radial-gradient(circle at 100% 0%, 
color-mix(in oklab, #c44e26 35%, transparent), transparent 50%);
}
.nicho__corner {
    position: absolute;
    inset: -1px;
    pointer-events: none;
    transition: background .45s ease;
}
.nicho .tag{font:400 12px var(--mono);color:#fff}
.nicho .title{font:700 34px/1.1 var(--display);letter-spacing:-.02em;margin:18px 0 12px}
.nicho p{margin:0 0 auto;font:300 15px/1.6 var(--display);color:rgba(246,241,230,.6)}
.nicho a{margin-top:24px;display:inline-block;font:700 14px var(--display);color:var(--dark);background:var(--fg);padding:14px 24px;border-radius:99px;text-align:center}
.nicho a:hover{background:var(--gold);color:var(--dark)}
section#hero-slider .particles {
    z-index: 2;
}
/* QUIZ */
.quiz{padding:90px 48px 84px}
.quiz-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:start}
.quiz-intro p{margin:26px 0 0;font:300 17px/1.6 var(--display);color:rgba(246,241,230,.65);max-width:400px}
.quiz-card{border-radius:18px;padding:40px 44px;background:#131009}
.quiz-progress{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.quiz-progress span{font:400 11px var(--mono);color:rgba(246,241,230,.5);white-space:nowrap}
.bar{flex:1;height:4px;background:rgba(246,241,230,.12);border-radius:99px;overflow:hidden}
.bar-fill{height:100%;background:var(--gold);border-radius:99px;transition:width .4s;width:0%}
.quiz-q{font:700 24px/1.2 var(--display);margin-bottom:18px}
.quiz-opts{display:flex;flex-direction:column;gap:11px}
.quiz-opt{text-align:left;padding:17px 22px;background:transparent;border:1px solid rgba(246,241,230,.2);border-radius:12px;color:var(--fg);cursor:pointer;font:400 15px/1.45 var(--display);transition:all .2s}
.quiz-opt:hover{border:1px solid var(--gold);background:rgba(232,188,94,.07)}
.quiz-back{margin-top:18px;background:none;border:none;color:rgba(246,241,230,.5);font:400 13px var(--mono);cursor:pointer;padding:0}
.quiz-back:hover{color:var(--fg)}
.quiz-result-label{font:400 12px var(--mono);color:var(--gold);margin-bottom:10px}
.quiz-result-title{font:700 32px/1.1 var(--display);letter-spacing:-.02em}
.quiz-result-blurb{margin:14px 0 20px;font:300 14.5px/1.65 var(--display);color:rgba(246,241,230,.65)}
.quiz-box{border:1px solid rgba(246,241,230,.18);border-radius:12px;padding:18px 22px;margin-bottom:12px}
.quiz-box .k{font:400 11px var(--mono);color:rgba(246,241,230,.45);margin-bottom:8px}
.quiz-box .v{font:700 16px var(--display)}
.quiz-box .courses{font:400 14.5px/1.7 var(--display);color:rgba(246,241,230,.85)}
.quiz-cta{display:block;text-align:center;margin-top:20px;background:var(--gold);color:var(--dark);font:700 15px var(--display);padding:16px;border-radius:99px;border:none;width:100%;cursor:pointer}
.quiz-cta:hover{background:var(--gold-hover);color:var(--dark)}
.quiz-restart{display:block;text-align:center;margin-top:14px;background:none;border:none;color:rgba(246,241,230,.5);font:400 12px var(--mono);cursor:pointer;width:100%}
.quiz-restart:hover{color:var(--fg)}
.hidden{display:none !important}

/* INSTRUCTORES */
.instructores{padding:0 48px 84px}
.inst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.inst-card{
    position:relative;
    height:800px;
    border-radius:16px;
    overflow:hidden;
    background:#000;
}
.inst-card .covertap{    
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    z-index: 1;
}
.inst-card .covertaphvr {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    top: 100%;
    z-index: 0;
    transition: all 0.6s ease-in-out;
}
.inst-card::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(14, 12, 9, .97) 0%, rgba(14, 12, 9, .82) 34%, rgba(14, 12, 9, .25) 66%, transparent 100%);
    z-index: 1;
}
.inst-role{
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    font: 400 10px var(--mono);
    letter-spacing: .12em;
    color: #eb761b;
    border-radius: 99px;
    font-weight: 800;
}
.inst-info{
    position:absolute;
    left:26px;
    bottom:24px;
    right:26px;
    z-index:2;
}
.inst-card:hover .covertaphvr {
    top: 0%;
}
.inst-info .name{font:700 27px/1.15 var(--display);letter-spacing:-.01em}
.inst-bio{margin:9px 0 0;font:300 13px/1.55 var(--display);color:rgba(246,241,230,.62)}
.inst-feats{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0}
.inst-feats li{font:400 9.5px var(--mono);letter-spacing:.08em;color:rgba(246,241,230,.7);border:1px solid var(--line2);border-radius:99px;padding:5px 10px}

/* AMIGOS */
.blk_amigos{position:relative;overflow:hidden;background:#fff;color:var(--dark);padding:150px 48px 140px}
.blk_amigos-inner{position:relative;z-index:1}
.amigos{display:flex;align-items:center;gap:34px;flex-wrap:wrap;padding:0 6px}
.amigos-stack{display:flex;flex:none}
.amigos-stack img{width:74px;height:74px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-20px;transition:transform .25s}
.amigos-stack img:first-child{margin-left:0}
.amigos-stack img:hover{transform:translateY(-6px)}
.amigos-t{margin:0;font:800 34px/1.1 var(--display);letter-spacing:-.02em;color:var(--dark)}
.amigos-t em{font:italic 500 34px var(--serif);color:var(--gold);font-style:italic}
.amigos-typing{display:inline-flex;align-items:center}
.amigos-caret{display:inline-block;width:3px;height:.85em;margin-left:5px;background:var(--gold);animation:caretBlink .8s steps(1) infinite}
.amigos-sub{margin-top:8px;font:400 11.5px var(--mono);color:rgba(20,16,10,.5)}

.amigos-review{max-width:720px;margin:64px auto 0;padding:0 20px;text-align:center;opacity:0;transition:opacity .5s ease}
.amigos-review.visible{opacity:1}
.amigos-review p{margin:0;font:italic 500 22px/1.6 var(--serif);color:var(--dark)}
.amigos-review-who{display:block;margin-top:14px;font:400 12px var(--mono);letter-spacing:.08em;color:var(--gold)}

@keyframes caretBlink{50%{opacity:0}}

/* PRECIO */
.precio{position:relative;overflow:hidden;padding:90px 48px 84px}
.precio-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.precio-title{margin:0;font:800 84px/0.98 var(--display);letter-spacing:-.03em}
.precio-title em{font:italic 500 84px var(--serif);color:var(--gold)}
.precio-title .per{font:700 30px var(--display);color:rgba(246,241,230,.6)}
.precio-copy{margin:26px 0 34px;font:300 17px/1.65 var(--display);color:rgba(246,241,230,.65);max-width:440px}
.compare{border-top:1px solid var(--line2);padding-top:22px;display:flex;flex-direction:column;gap:14px;font:300 14px/1.5 var(--display);color:rgba(246,241,230,.7);max-width:460px}
.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compare-row+.compare-row{border-top:1px solid rgba(246,241,230,.1);padding-top:14px}
.compare-row .no{color:rgba(246,241,230,.45)}
.compare-row .yes{color:var(--fg)}
.price-card{border-radius:20px;padding:42px 44px;background:#131009;position:relative}
.price-badge{position:absolute;top:-14px;left:40px;background:var(--gold);color:var(--dark);font:700 11px var(--mono);letter-spacing:.1em;padding:6px 14px;border-radius:99px}
.price-plan{font:700 24px var(--display)}
.price-amount{display:flex;align-items:baseline;gap:8px;margin-top:14px}
.price-amount .num{font:800 66px/1 var(--display);letter-spacing:-.03em}
.price-amount .unit{font:400 14px var(--mono);color:rgba(246,241,230,.55)}
.price-features{display:flex;flex-direction:column;gap:12px;margin:28px 0 30px;font:300 14.5px/1.5 var(--display);color:rgba(246,241,230,.8)}
.price-features div{display:flex;gap:12px}
.price-features span.check{color:var(--gold)}
.price-note{text-align:center;font:400 11.5px var(--mono);color:rgba(246,241,230,.45);margin-top:14px}

/* FAQ */
.faq{
    position:relative;
    padding:84px 48px
}
.faq-grid{
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 60px;
    align-items: start;
    position: relative;
    z-index: 2;
}
.faq-item{border-bottom:1px solid var(--line2)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 2px;background:none;border:none;color:var(--fg);font:700 16.5px var(--display);text-align:left;cursor:pointer}
.faq-q:hover{color:var(--gold)}
.faq-sym{font:400 24px/1 var(--mono);color:var(--gold)}
.faq-a{margin:0 0 20px;font:300 14.5px/1.65 var(--display);color:rgba(246,241,230,.65)}

/* CTA FINAL — banner con mosaico en loop */
.cta-final{
  position:relative;
  overflow:hidden;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-top:1px solid var(--line);
  background:url(/wp-content/themes/buddyboss-theme-child-1.0.0-1/bkp_home/img/bgbann_unete.png) center/cover no-repeat, var(--bg);
}
.cta-strip{position:absolute;inset:0;z-index:1;display:flex;align-items:center;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
}
.cta-strip-track{display:flex;animation:marquee 32s linear infinite}
.cta-strip-track img{height:240px;width:auto;flex:none;display:block}
.cta-glow{position:absolute;top:50%;left:50%;z-index:2;width:460px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(210,110,35,.6) 0%,rgba(210,110,35,0) 70%);filter:blur(4px);pointer-events:none}
.cta-final .content{position:relative;z-index:3}
.cta-title{
    margin: 0;
    font: 800 clamp(30px, 4.4vw, 54px) / 1.1 var(--display);
    letter-spacing: -.02em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 0px 8px rgb(53 53 53 / 77%);
}
.cta-final .btn-gold-lg{margin-top:26px;padding:16px 38px;font-size:15px}

/* FOOTER */
.footer{position:relative;overflow:hidden;background:#fff;color:var(--dark);padding:96px 48px 34px}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-hover),rgba(94,44,201,.15))}
.footer-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.6fr .9fr .9fr .9fr 1.5fr;gap:56px}

.footer-logo{height:38px;filter:brightness(0)}
.footer-about{margin:22px 0 24px;font:300 14px/1.7 var(--display);color:rgba(0,0,0,.58);max-width:300px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.65);transition:all .25s}
.footer-social a:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-3px)}
.footer-social svg{width:18px;height:18px}

.footer-h{margin:0 0 20px;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dark);position:relative;padding-bottom:12px}
.footer-h::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;background:var(--gold)}
.footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.footer-list a{font:300 14px var(--display);color:rgba(0,0,0,.6);transition:color .2s,padding-left .2s}
.footer-list a:hover{color:var(--gold);padding-left:5px}

.footer-news-copy{margin:0 0 18px;font:300 14px/1.65 var(--display);color:rgba(0,0,0,.58)}
.footer-news-form{display:flex;gap:8px;flex-wrap:wrap}
.footer-news-input{flex:1;min-width:150px;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:99px;padding:13px 18px;font:400 13px var(--display);color:var(--dark);transition:border-color .2s,box-shadow .2s}
.footer-news-input::placeholder{color:rgba(0,0,0,.35)}
.footer-news-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(94,44,201,.12)}
.footer-news-input.invalid{border-color:#c94b4b}
.footer-news-btn{flex:none;background:var(--gold);color:#fff;border:1px solid var(--gold);font:700 13px var(--display);padding:13px 24px;border-radius:99px;cursor:pointer;transition:all .25s}
.footer-news-btn:hover{background:var(--gold-hover);border-color:var(--gold-hover)}
.footer-news-msg{display:block;min-height:18px;margin-top:10px;font:400 12px var(--mono);color:var(--gold)}
.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.footer-badge{font:700 10px var(--mono);letter-spacing:.09em;color:rgba(0,0,0,.55);background:rgba(94,44,201,.07);border:1px solid rgba(94,44,201,.16);border-radius:99px;padding:7px 13px}

.footer-apps{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.footer-app-btn{display:flex;align-items:center;gap:10px;background:#000;color:#fff;border:1px solid #000;border-radius:10px;padding:8px 14px;transition:background .2s,transform .2s}
.footer-app-btn:hover{background:#1a1a1a;color:#fff;transform:translateY(-2px)}
.footer-app-btn svg{width:20px;height:20px;flex:none}
.footer-app-btn span{display:flex;flex-direction:column;line-height:1.2;font:700 13px var(--display)}
.footer-app-btn small{font:400 9px var(--mono);color:rgba(255,255,255,.6)}

.footer-bottom{margin-top:70px;padding-top:26px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.footer-copy{font:400 12px var(--mono);color:rgba(0,0,0,.45)}
.footer-legal{display:flex;gap:24px;flex-wrap:wrap}
.footer-legal a{font:400 12px var(--mono);color:rgba(0,0,0,.45);transition:color .2s}
.footer-legal a:hover{color:var(--gold)}
.footer-lang{font:400 12px var(--mono);color:rgba(0,0,0,.45)}

@keyframes beat{0%,60%,100%{opacity:.22;transform:scale(1)}8%{opacity:1;transform:scale(1.3)}}
@keyframes eq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes key{0%,86%,100%{background:#F6F1E6}90%,94%{background:var(--gold)}}
@keyframes step{0%,4%{background:var(--gold);box-shadow:0 0 16px rgba(232,188,94,.9)}6%,100%{background:rgba(246,241,230,.1);box-shadow:none}}
@keyframes flow{0%{left:-3%}100%{left:101%}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* BLUR ORBS — fondo animado reutilizable en secciones claras */
.blur-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blur-orb{position:absolute;border-radius:50%;filter:blur(90px)}
.blur-orb-1{width:560px;height:560px;top:-180px;right:-140px;background:radial-gradient(circle,rgba(94,44,201,.45),transparent 70%);animation:orbFloat1 24s ease-in-out infinite}
.blur-orb-2{width:440px;height:440px;bottom:-160px;left:-120px;background:radial-gradient(circle,rgba(127,75,241,.35),transparent 70%);animation:orbFloat2 28s ease-in-out infinite}
.blur-orb-3{width:360px;height:360px;top:35%;left:52%;background:radial-gradient(circle,rgba(75,81,233,.3),transparent 70%);animation:orbFloat3 20s ease-in-out infinite}
@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,60px) scale(1.12)}}
@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,-40px) scale(1.08)}}
@keyframes orbFloat3{0%,100%{transform:translate(-50%,0) scale(1)}50%{transform:translate(-50%,-50px) scale(.92)}}
.partners-band__mesh {
    position: absolute;
    inset: 0;
    opacity: 0.45;
    background: radial-gradient(circle at 20% 30%, #c24b248c, transparent 45%), radial-gradient(circle at 80% 70%, #000000, transparent 45%);
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}
/* SECCIONES TIPOGRAFICAS */
.typo-a{position:relative;padding:110px 48px 100px;overflow:hidden;text-align:center;background:#fff;color:var(--dark)}
.typo-a-inner{position:relative;z-index:1}
.typo-a .modulo-label{color:rgba(20,16,10,.5)}
.typo-caption{display:flex;justify-content:space-between;margin-bottom:36px}
.typo-line{font:800 88px/1.1 var(--display);letter-spacing:-.03em;display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;color:var(--dark)}
.typo-line.outline{color:transparent;-webkit-text-stroke:1.5px rgba(20,16,10,.3)}
.gold-serif{font:italic 500 84px var(--serif);color:var(--gold)}
.typo-chip{width:170px;height:94px;object-fit:cover;border-radius:99px;}
.typo-video{position:relative;max-width:900px;margin:56px auto 0;border-radius:20px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 30px 70px rgba(20,16,10,.15)}
.typo-video video{width:100%;height:100%;object-fit:cover;display:block}

/* TYPO-B — editorial */
.typo-b{position:relative;padding:130px 48px;overflow:hidden;background:#fff;color:var(--dark)}
.typo-b-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:start}
.typo-b-head{position:sticky;top:140px}
.typo-b-head .tag{color:rgba(20,16,10,.5)}
.typo-b-title{margin:18px 0 22px;font:800 68px/1 var(--display);letter-spacing:-.03em;color:var(--dark)}
.typo-b-title em{font:italic 500 68px var(--serif);color:var(--gold);font-style:italic}
.typo-b-intro{margin:0;font:300 16px/1.65 var(--display);color:rgba(20,16,10,.6);max-width:290px}
.typo-b-list{display:flex;flex-direction:column}
.creed{display:grid;grid-template-columns:56px 1fr auto;gap:34px;align-items:center;border-top:1px solid rgba(20,16,10,.1);padding:34px 10px;transition:background .3s,padding .3s}
.typo-b-list .creed:last-child{border-bottom:1px solid rgba(20,16,10,.1)}
.creed:hover{background:rgba(94,44,201,.04);padding-left:20px}
.creed:hover .creed-line{color:var(--gold)}
.creed .num{font:italic 500 20px var(--serif);color:var(--gold)}
.creed-line{font:800 42px/1.1 var(--display);letter-spacing:-.02em;color:var(--dark);transition:color .25s}
.typo-chip.sm{width:130px;height:82px;border-radius:12px;filter:grayscale(35%);transition:filter .3s}
.creed:hover .typo-chip.sm{filter:grayscale(0)}

/* NOTICIAS */
.noticias{position:relative;padding:110px 48px 120px;overflow:hidden;background:#fff;color:var(--dark)}
.noticias h2.big{color:var(--dark)}
.noticias .section-head .tag{color:rgba(20,16,10,.5)}
.noticias-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto}
.noticias-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}
.noticia-card{display:block;color:var(--dark)}
.noticia-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#f2f0eb}
.noticia-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.noticia-card:hover .noticia-img img{transform:scale(1.06)}
.noticia-date{display:block;margin-top:20px;font:400 11px var(--mono);letter-spacing:.08em;color:var(--gold)}
.noticia-title{margin:10px 0 0;font:700 22px/1.3 var(--display);letter-spacing:-.01em;color:var(--dark)}
.noticia-excerpt{margin:12px 0 0;font:300 16px/1.6 var(--display);color:rgba(20,16,10,.6)}
.noticia-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font:700 12px var(--mono);letter-spacing:.04em;color:var(--dark);transition:gap .2s,color .2s}
.noticia-card:hover .noticia-link{gap:12px;color:var(--gold)}

/* MODULO INTERACTIVO */
.playground{padding:96px 48px;border-top:1px solid var(--line)}
.play-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:center}
.play-intro p{margin:24px 0 32px;font:300 17px/1.6 var(--display);color:rgba(246,241,230,.65);max-width:420px}
.machine{background:#131009;border:1px solid rgba(232,188,94,.45);border-radius:20px;padding:30px 32px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.machine-top{display:flex;align-items:center;gap:22px;margin-bottom:24px}
.play-btn{width:58px;height:58px;border-radius:50%;background:var(--gold);color:var(--dark);border:none;font-size:20px;cursor:pointer;flex:none}
.play-btn:hover{background:var(--gold-hover)}
.bpm{flex:1;display:flex;align-items:center;gap:14px}
.bpm input{flex:1;accent-color:#E8BC5E}
.clear-btn{background:none;border:1px solid rgba(246,241,230,.25);color:rgba(246,241,230,.6);font:400 11px var(--mono);padding:10px 16px;border-radius:99px;cursor:pointer}
.clear-btn:hover{border-color:var(--gold);color:var(--gold)}
.seq-row{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;margin-bottom:10px}
.seq-label{font:400 11px var(--mono);color:rgba(246,241,230,.5)}
.cells{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.cell{height:44px;border-radius:8px;background:rgba(246,241,230,.08);border:1px solid rgba(246,241,230,.12);cursor:pointer;transition:all .12s;padding:0}
.cell:hover{border-color:rgba(232,188,94,.6)}
.cell.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px rgba(232,188,94,.45)}
.cell.playhead{border-color:rgba(255,255,255,.9)}
.cell.on.playhead{background:var(--gold-hover);box-shadow:0 0 20px rgba(232,188,94,.9)}
.piano-keys{display:flex;gap:6px;margin-top:22px}
.pkey{flex:1;height:74px;border-radius:0 0 8px 8px;background:#F6F1E6;border:none;cursor:pointer;transition:all .1s;padding:0}
.pkey:active,.pkey.hit{background:var(--gold);transform:translateY(2px)}
.machine-note{margin-top:18px;text-align:center;font:400 10.5px var(--mono);color:rgba(246,241,230,.35);letter-spacing:.08em}

/* CAROUSEL MENTORES */
.carousel{position:relative;overflow:hidden}
.inst-track{display:flex;gap:18px;transition:transform .55s cubic-bezier(.22,.8,.3,1)}
.inst-track .inst-card{flex:0 0 calc((100% - 36px)/3)}
.carousel-nav{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}
.car-btn{width:48px;height:48px;border-radius:50%;background:none;border:1px solid rgba(246,241,230,.3);color:var(--fg);font-size:18px;cursor:pointer}
.car-btn:hover{border-color:var(--gold);color:var(--gold)}

/* REPRODUCTOR FIJO */
.player{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;display:flex;align-items:center}
.player-tab{display:flex;flex-direction:column;align-items:center;gap:14px;background:#131009;border:1px solid var(--line2);border-right:none;border-radius:12px 0 0 12px;padding:20px 12px;color:rgba(246,241,230,.75);cursor:pointer;transition:color .2s,border-color .2s}
.player-tab:hover{color:var(--gold);border-color:rgba(232,188,94,.45)}
.player-tab-text{font:400 11px var(--mono);letter-spacing:.14em;writing-mode:vertical-rl}
.player-eq{display:flex;align-items:flex-end;gap:3px;height:14px}
.player-eq i{width:2px;height:4px;background:var(--gold);border-radius:99px;transform-origin:bottom}
.player.playing .player-eq i{animation:eq .9s ease-in-out infinite;height:100%}
.player.playing .player-eq i:nth-child(2){animation-delay:.15s}
.player.playing .player-eq i:nth-child(3){animation-delay:.3s}

.player-panel{position:relative;overflow:hidden;width:300px;background:#1a1611;background-size:cover;background-position:center;border:1px solid var(--line2);border-right:none;border-radius:20px 0 0 20px;margin-right:-301px;opacity:0;visibility:hidden;transition:margin-right .45s cubic-bezier(.22,.8,.3,1),opacity .3s,visibility .45s}
.player.open .player-panel{margin-right:0;opacity:1;visibility:visible}
.player.open .player-tab{opacity:0;pointer-events:none;width:0;padding:0;border:none;overflow:hidden}
.player-panel-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}
.player-panel-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.35) 0%,rgba(10,8,6,.8) 100%)}
.player-panel-inner{position:relative;z-index:1;padding:22px 26px 26px;text-align:center}
.player-close{position:absolute;top:14px;right:16px;z-index:2;background:none;border:none;color:rgba(255,255,255,.55);font:400 20px/1 var(--mono);cursor:pointer;padding:4px}
.player-close:hover{color:#fff}

.player-track{transition:opacity .22s ease,transform .22s ease}
.player-track.switching{opacity:0;transform:translateY(8px)}
.player-cover{width:170px;height:170px;margin:6px auto 0;border-radius:18px;overflow:hidden;box-shadow:0 22px 40px rgba(0,0,0,.4)}
.player-cover img{width:100%;height:100%;object-fit:cover}
.player-now{margin-top:16px}
.player-title{font:700 17px/1.3 var(--display);color:#fff}
.player-album{font:400 11px var(--mono);letter-spacing:.04em;color:rgba(255,255,255,.6);margin-top:5px}

.player-ctrls{display:flex;align-items:center;justify-content:center;gap:22px;margin:22px 0 20px}
.player-btn{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:4px;display:flex}
.player-btn svg{width:20px;height:20px}
.player-btn:hover{color:#fff}
.player-play{flex:none;width:52px;height:52px;border-radius:50%;background:var(--gold);color:#fff;border:none;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(210,110,35,.45)}
.player-play:hover{background:var(--gold-hover)}

.player-bar{position:relative;height:3px;background:rgba(255,255,255,.2);border-radius:99px;cursor:pointer}
.player-bar-fill{position:relative;height:100%;width:0;background:var(--gold);border-radius:99px}
.player-bar-fill::after{content:"";position:absolute;top:50%;right:-5px;width:11px;height:11px;border-radius:50%;background:var(--gold);transform:translateY(-50%);box-shadow:0 0 0 3px rgba(210,110,35,.25)}
.player-times{display:flex;justify-content:space-between;margin-top:9px;font:400 10.5px var(--mono);color:rgba(255,255,255,.45)}

@media(max-width:1100px){
  .player{top:auto;bottom:0;right:0;left:0;transform:none;display:block}
  .player-tab{flex-direction:row;border-radius:12px 0 0 0;border-right:1px solid var(--line2);border-bottom:none;padding:12px 18px;margin-left:auto}
  .player-tab-text{writing-mode:horizontal-tb}
  .player-panel{width:100%;border-radius:20px 20px 0 0;border-right:1px solid var(--line2);margin:0;transform:translateY(100%);transition:transform .45s cubic-bezier(.22,.8,.3,1),opacity .3s,visibility .45s}
  .player.open .player-panel{transform:translateY(0)}

  .blk_amigos{padding:90px 24px 80px}
  .amigos{gap:22px;padding:0 6px}
  .amigos-review{margin-top:44px}
  .amigos-t{font-size:26px}.amigos-t em{font-size:26px}
  .amigos-stack img{width:58px;height:58px;margin-left:-16px}

  .typo-line{font-size:52px;gap:14px;white-space:normal}
  .gold-serif{font-size:50px}
  .typo-chip{width:100px;height:56px}
  .creed-line{font-size:32px}
  .play-grid{grid-template-columns:1fr}
  .inst-track .inst-card{flex:0 0 100%}

  h2.big{font-size:52px}h2.big em{font-size:52px}
  .segmento{grid-template-columns:110px 1fr;grid-template-areas:none}
  .segmento .count{display:none}
  .camino-grid{grid-template-columns:1fr;gap:24px}
  .camino-panel{padding-bottom:30px}
  .nicho-grid,.inst-grid{grid-template-columns:1fr}

  .quiz-grid,.precio-grid,.faq-grid{grid-template-columns:1fr;gap:32px}
  .nav-links{display:none}

  .topbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 20px}
  .topbar-search{flex-wrap:wrap}
  .topbar-input{flex:1;min-width:0;width:auto}
  .topbar-live{justify-content:space-between}
  .topbar-live-text{overflow:hidden;text-overflow:ellipsis}

  .hero-bgslide{min-height:47vh}
  .hero-int-content{padding:40px 24px;max-width:100%}
  .hero-int-word{font-size:clamp(32px,10vw,52px)}
  .hero-arrow{width:38px;height:38px;font-size:14px}
  .hero-arrow-prev{left:12px}
  .hero-arrow-next{right:12px}

  .blur-orb-1{width:320px;height:320px}
  .blur-orb-2{width:260px;height:260px}
  .blur-orb-3{width:220px;height:220px}

  .typo-b-inner{grid-template-columns:1fr;gap:36px}
  .typo-b-head{position:static}
  .typo-b-title{font-size:44px}.typo-b-title em{font-size:44px}
  .creed{grid-template-columns:36px 1fr;padding:24px 6px}
  .creed .typo-chip.sm{display:none}

  .noticias-grid{grid-template-columns:1fr;gap:40px}

  .cta-final{min-height:280px}
  .cta-strip-track img{height:170px}
  .cta-glow{width:300px;height:200px}

  .footer{padding:70px 24px 28px}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px}
  .footer-col-brand,.footer-col-news{grid-column:1 / -1}
  .footer-about{max-width:100%}
  .footer-bottom{margin-top:46px;flex-direction:column;align-items:flex-start;gap:16px}
  .footer-legal{gap:16px}
}

@media(max-width:600px){
  .footer-top{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce){
  .blur-orb{animation:none}
}

/* POPUP — inscripción */
.popup-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,16,10,.55);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}
.popup-overlay.open{opacity:1;visibility:visible}
.popup-card{position:relative;width:100%;max-width:920px;max-height:90vh;overflow:hidden;display:grid;grid-template-columns:340px 1fr;background:#fff;border-radius:26px;box-shadow:0 50px 110px rgba(0,0,0,.4);transform:scale(.94) translateY(14px);opacity:0;transition:transform .35s cubic-bezier(.22,.8,.3,1),opacity .35s ease}
.popup-overlay.open .popup-card{transform:scale(1) translateY(0);opacity:1}
.popup-close{position:absolute;top:18px;right:22px;z-index:2;background:none;border:none;font:400 22px/1 var(--mono);color:rgba(0,0,0,.4);cursor:pointer;padding:4px}
.popup-close:hover{color:var(--dark)}

.popup-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:24px 0 24px 24px;overflow:hidden}
.popup-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:16px;aspect-ratio:3/4}
.popup-thumbs img:nth-child(even){margin-top:28px}

.popup-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 48px;overflow-y:auto}
.popup-brand img{height:32px;margin:0 auto 22px}
.popup-title{margin:0 0 16px;font:800 40px/1.08 var(--display);letter-spacing:-.02em;text-transform:uppercase;color:var(--dark)}
.popup-sub{margin:0 0 30px;font:italic 500 17px/1.55 var(--serif);color:rgba(0,0,0,.55)}
.popup-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}
.popup-input{width:100%;background:#fff;border:1px solid rgba(0,0,0,.18);border-radius:99px;padding:15px 20px;font:400 14px var(--display);color:var(--dark);text-align:center;transition:border-color .2s,box-shadow .2s}
.popup-input::placeholder{color:rgba(0,0,0,.4)}
.popup-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(210,110,35,.15)}
.popup-input.invalid{border-color:#c94b4b}
.popup-btn{background:var(--gold);color:#fff;border:none;font:700 14px var(--display);padding:16px 24px;border-radius:99px;cursor:pointer;transition:background .2s}
.popup-btn:hover{background:var(--gold-hover)}
.popup-msg{display:block;min-height:18px;margin-top:12px;font:400 12px var(--mono);color:var(--gold)}

body.popup-locked{overflow:hidden}

@media(max-width:760px){
  .popup-card{grid-template-columns:1fr;max-height:85vh;overflow-y:auto}
  .popup-thumbs{display:none}
  .popup-content{padding:48px 28px 36px}
  .popup-title{font-size:32px}
}

/* PARTICLES — sutiles, en las esquinas de bloques oscuros */
.particles{position:absolute;z-index:0;pointer-events:none;width:clamp(220px,32vw,420px);height:clamp(160px,26vw,280px)}
.particles--tl{top:0;left:0}
.particles--br{bottom:0;right:0}

@media(max-width:760px){
  .particles{width:60vw;height:140px}
}

/* BACK TO TOP */
.back-to-top{position:fixed;right:28px;bottom:28px;z-index:120;width:46px;height:46px;border-radius:50%;background:var(--gold);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s,background .2s}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--gold-hover)}
.back-to-top svg{width:18px;height:18px}

@media(max-width:1100px){
  .back-to-top{right:18px;bottom:78px;width:42px;height:42px}
}
@media (max-width: 900px) {
  .nav {
      padding: 0px 15px !important;
  }
  .programas {
      padding: 60px 18px 60px;
  }
  .manifiesto {
    padding: 70px 25px 70px;
    text-align: center;
  }
  .instructores {
    padding: 0 25px 44px;
  }
  .segmento .title {
    font: 700 34px / 1 var(--display);
  }
  .typo-a {
    padding: 50px 25px 50px;
  }
  .nichos {
    padding: 50px 25px 20px;
  }
  .quiz {
    padding: 50px 25px 50px;
  }
  .typo-b {
    padding: 70px 25px;
  }
}