/* Coaches Tabs - diseño BetterYou exacto */
.ct-wrap,
.ct-wrap *{
    box-sizing:border-box;
}

.ct-wrap{
    --ct-bg:#faf9f5;
    --ct-line:#d8d8d8;
    --ct-aqua:#9fd8d6;
    --ct-teal:#628b8d;
    --ct-gray:#d9d9d9;
    --ct-thumb:#c9c9d1;
    width:100%;
    max-width:none;
    margin:0 auto;
    padding:0 0 48px;
    overflow:hidden;
    background:var(--ct-bg);
    color:#111;
    font-family:'Montserrat',sans-serif;
}

/* Pestañero superior */
.ct-tabs{
    width:100%;
    min-height:70px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:78px;
    margin:0 0 56px;
    padding:0 20px;
    border-bottom:3px solid var(--ct-line);
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    background:var(--ct-bg);
}
.ct-tabs::-webkit-scrollbar{display:none;}
.ct-tab{
    position:relative;
    appearance:none;
    border:0;
    background:transparent;
    margin:0;
    padding:0 28px 17px;
    min-width:110px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    white-space:nowrap;
    color:#222;
    font-family:'Montserrat',sans-serif !important;
    font-size:20px;
    line-height:1;
    font-weight:300;
    text-align:center;
    outline:0;
}
.ct-tab.active:after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-3px;
    width:176px;
    height:4px;
    border-radius:20px;
    background:var(--ct-aqua);
}

.ct-panel{display:none;}
.ct-panel.active{display:block;}
.ct-home-inner,
.ct-panel-inner{
    width:920px;
    max-width:calc(100% - 44px);
    margin:0 auto;
}

.ct-panel>h2,
.ct-section-head h2{
    margin:0 0 27px;
    padding:0;
    color:#050505;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:29px !important;
    line-height:1.15 !important;
    font-weight:400 !important;
    letter-spacing:-.5px;
}

/* Seguir viendo */
.ct-continue-card{
    width:830px;
    max-width:100%;
    min-height:233px;
    display:grid;
    grid-template-columns:268px minmax(0,1fr);
    overflow:hidden;
    margin:0 0 51px;
    border-radius:29px;
    background:var(--ct-teal);
}
.ct-player-box{
    min-height:233px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:var(--ct-thumb) center/cover no-repeat;
}
.ct-media{
    display:none;
    position:absolute;
    inset:0;
    z-index:3;
    width:100%;
    height:100%;
    max-height:233px;
    background:#000;
    object-fit:cover;
}
.ct-player-box.ct-playing .ct-media{display:block;}
.ct-player-box.ct-playing audio.ct-media{
    inset:auto;
    width:86%;
    height:auto;
    object-fit:initial;
    background:transparent;
}
.ct-play-fake,
.ct-play-toggle{
    position:relative;
    z-index:4;
    width:56px;
    height:56px;
    border:2.4px solid #000;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    background:transparent;
    text-decoration:none;
    cursor:pointer;
    font-size:0;
}
.ct-play-fake:before,
.ct-play-toggle:before{
    content:"";
    width:0;
    height:0;
    margin-left:5px;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:18px solid #000;
}
.ct-continue-info{
    min-width:0;
    padding:32px 25px 25px 13px;
    color:#fff;
}
.ct-category{
    margin:0 0 7px;
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    line-height:1;
    font-weight:400;
    letter-spacing:1.1px;
    text-transform:uppercase;
}
.ct-continue-info h3{
    margin:0 0 12px;
    color:#fff !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:22px !important;
    line-height:1.12 !important;
    font-weight:400 !important;
    letter-spacing:-.3px;
}
.ct-continue-info p{
    margin:0 0 64px;
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:14px;
    line-height:1.2;
    font-weight:400;
}
.ct-progress-row{
    width:100%;
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:13px;
    line-height:1;
    font-weight:400;
}
.ct-progress-row span{white-space:nowrap;}
.ct-bar{
    width:251px;
    height:10px;
    overflow:hidden;
    border-radius:30px;
    background:#e7eeee;
}
.ct-bar i{
    display:block;
    height:100%;
    border-radius:30px;
    background:#a9d9d9;
}
.ct-progress-row small{
    min-width:61px;
    color:#fff;
    font-size:13px;
    font-weight:400;
    white-space:nowrap;
}
.ct-btn{
    min-width:145px;
    margin-left:auto;
    padding:13px 28px 12px;
    border:1.6px solid #fff;
    border-radius:30px;
    color:#fff !important;
    background:transparent;
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1;
    letter-spacing:.3px;
    text-align:center;
    text-decoration:none !important;
}

/* Recomendados */
.ct-section-head{margin-top:0;}
.ct-carousel-wrap{
    width:100%;
    display:flex;
    align-items:center;
    gap:18px;
    margin:0;
}
.ct-carousel{
    flex:1;
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding:17px 0 4px;
    scrollbar-width:none;
}
.ct-carousel::-webkit-scrollbar{display:none;}
.ct-small-card{
    flex:0 0 262px;
    min-height:158px;
    display:grid;
    grid-template-columns:50% 50%;
    overflow:hidden;
    position:relative;
    background:var(--ct-gray);
    border-radius:17px;
}
.ct-card-media{
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--ct-thumb) center/cover no-repeat;
    text-decoration:none !important;
}
.ct-card-media span{
    position:relative;
    width:39px;
    height:39px;
    border:1.8px solid #000;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0;
}
.ct-card-media span:before{
    content:"";
    width:0;
    height:0;
    margin-left:4px;
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    border-left:14px solid #000;
}
.ct-card-info{
    min-width:0;
    padding:29px 12px 12px;
    position:relative;
}
.ct-mini-cat{
    margin:0 0 8px;
    color:#111;
    font-family:'Montserrat',sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:400;
    text-transform:uppercase;
}
.ct-card-info h4{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:0 0 11px;
    color:#111 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:16px !important;
    line-height:1.14 !important;
    font-weight:400 !important;
}
.ct-card-info h4 a{color:#111 !important;text-decoration:none !important;}
.ct-card-info p{
    margin:0 0 10px;
    color:#111;
    font-family:'Montserrat',sans-serif;
    font-size:10px;
    line-height:1.2;
}
.ct-card-info small{
    color:#111;
    font-family:'Montserrat',sans-serif;
    font-size:10px;
}
.ct-save{
    position:absolute;
    right:7px;
    bottom:5px;
    border:0;
    background:transparent;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}
.ct-arrow{
    width:39px;
    height:39px;
    flex:0 0 auto;
    border:0;
    border-radius:50%;
    background:var(--ct-aqua);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:0;
}
.ct-arrow:before{
    content:"";
    width:13px;
    height:13px;
    display:block;
    border-top:5px solid #fff;
    border-right:5px solid #fff;
}
.ct-arrow.prev:before{transform:rotate(-135deg);margin-left:6px;}
.ct-arrow.next:before{transform:rotate(45deg);margin-right:6px;}

/* Otras pestañas */
.ct-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.ct-coach,
.ct-empty{
    background:#fff;
    border-radius:18px;
    padding:25px;
    text-align:center;
    font-family:'Montserrat',sans-serif;
}
.ct-empty{margin:0;}
.ct-coach img{border-radius:50%;}

@media(max-width:980px){
    .ct-tabs{gap:44px;justify-content:flex-start;padding:0 22px;}
    .ct-tab{font-size:18px;min-width:105px;padding-left:16px;padding-right:16px;}
    .ct-tab.active:after{width:150px;}
    .ct-home-inner,.ct-panel-inner{max-width:calc(100% - 36px);}
    .ct-continue-card{grid-template-columns:32% 68%;}
    .ct-bar{width:210px;}
    .ct-btn{min-width:132px;padding-left:20px;padding-right:20px;}
}
@media(max-width:780px){
    .ct-tabs{min-height:62px;margin-bottom:38px;gap:34px;padding:0 18px;align-items:flex-end;}
    .ct-tab{height:62px;min-width:auto;font-size:17px;padding:0 12px 15px;}
    .ct-tab.active:after{width:120px;}
    .ct-panel>h2,.ct-section-head h2{font-size:27px !important;margin-bottom:23px;}
    .ct-continue-card{grid-template-columns:1fr;border-radius:25px;margin-bottom:43px;}
    .ct-player-box{min-height:210px;}
    .ct-continue-info{padding:25px 20px 23px;}
    .ct-continue-info p{margin-bottom:36px;}
    .ct-progress-row{flex-wrap:wrap;align-items:flex-start;gap:12px;}
    .ct-progress-row span{width:100%;}
    .ct-bar{width:calc(100% - 86px);max-width:none;}
    .ct-btn{margin-left:0;width:100%;margin-top:6px;}
    .ct-grid{grid-template-columns:repeat(2,1fr);}
    .ct-small-card{flex-basis:262px;}
}
@media(max-width:560px){
    .ct-wrap{padding-bottom:30px;}
    .ct-tabs{margin-bottom:32px;gap:28px;}
    .ct-tab{font-size:16px;padding-left:8px;padding-right:8px;}
    .ct-tab.active:after{width:105px;}
    .ct-home-inner,.ct-panel-inner{max-width:calc(100% - 30px);}
    .ct-panel>h2,.ct-section-head h2{font-size:25px !important;}
    .ct-player-box{min-height:190px;}
    .ct-carousel-wrap{gap:9px;}
    .ct-arrow{display:none;}
    .ct-carousel{padding-top:8px;}
    .ct-small-card{flex-basis:86vw;min-height:158px;}
    .ct-grid{grid-template-columns:1fr;}
}
