:root{
    --bstt-thp-red:#e50914;
    --bstt-thp-black:#0b0b0b;
    --bstt-thp-muted:#5f5f5f;
    --bstt-thp-line:#ddd7cf;
    --bstt-thp-beige:#f6efe9;
    --bstt-thp-white:#fffdf9;
    --bstt-thp-wrap:1200px;
}

.bstt-thp-home,
.bstt-thp-home *{
    box-sizing:border-box;
}

.bstt-thp-home{
    width:100%;
    color:var(--bstt-thp-black);
    background:var(--bstt-thp-white);
    font-family:Arial, Helvetica, sans-serif;
}

.bstt-thp-section{
    width:100%;
    padding:74px 0;
}

.bstt-thp-section-white{background:var(--bstt-thp-white);}
.bstt-thp-section-beige{background:var(--bstt-thp-beige);}

.bstt-thp-wrap{
    width:100%;
    max-width:var(--bstt-thp-wrap);
    margin:0 auto;
    padding:0 22px;
}

.bstt-thp-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    border-bottom:1px solid var(--bstt-thp-line);
    padding-bottom:18px;
    margin-bottom:44px;
}

.bstt-thp-section-head h2,
.bstt-thp-section-title-small{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:clamp(2.8rem,6vw,5.8rem);
    line-height:.95;
    font-weight:400;
    letter-spacing:-.06em;
}

.bstt-thp-section-head-hero h2{
    font-family:Georgia, 'Times New Roman', serif;
    color:var(--bstt-thp-red);
    font-size:clamp(2.4rem,5vw,4.8rem);
    letter-spacing:-.03em;
}

.bstt-thp-category-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:42px;
    border:1px solid #8a8580;
    padding:10px 16px;
    color:var(--bstt-thp-black);
    background:transparent;
    text-decoration:none !important;
    text-transform:uppercase;
    font-size:14px;
    line-height:1;
    white-space:nowrap;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.bstt-thp-category-button strong{
    width:24px;
    height:24px;
    border-radius:50%;
    background:#000;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:20px;
    font-weight:700;
}

.bstt-thp-category-button:hover{
    background:#000;
    color:#fff;
    border-color:#000;
}

.bstt-thp-category-button:hover strong{
    background:#fff;
    color:#000;
}

.bstt-thp-card-link,
.bstt-thp-mini-card a,
.bstt-thp-cover-slide a{
    color:inherit;
    text-decoration:none !important;
}

.bstt-thp-card h1,
.bstt-thp-card h3,
.bstt-thp-mini-card h3,
.bstt-thp-feature-text h2,
.bstt-thp-covers-text h3,
.bstt-thp-cover-slide h4{
    font-family:Georgia, 'Times New Roman', serif;
    color:var(--bstt-thp-black);
    letter-spacing:-.045em;
}

.bstt-thp-media,
.bstt-thp-mini-image{
    width:100%;
    overflow:hidden;
    background:#e7ded5;
}

.bstt-thp-img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.bstt-thp-img-placeholder{
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:var(--bstt-thp-red);
    font-family:Georgia, 'Times New Roman', serif;
    font-size:32px;
    font-weight:bold;
}

/*
.bstt-thp-media-main{aspect-ratio:16/9;}
.bstt-thp-media-side{aspect-ratio:4/3;}
*/

.bstt-thp-byline{
    margin:14px 0 0;
    font-size:14px;
    line-height:1.35;
    font-weight:700;
    color:#333;
}

.bstt-thp-excerpt{
    margin:18px auto 0;
    max-width:620px;
    font-size:16px;
    line-height:1.5;
    color:#222;
}

/* SECCION 1 */
.bstt-thp-section-hero{padding-top:42px;}

.bstt-thp-hero-grid{
    display:grid;
    grid-template-columns:1fr 1.72fr 1fr;
    gap:28px;
    align-items:start;
}

.bstt-thp-hero-main{text-align:center;}

.bstt-thp-hero-main h1{
    margin:24px auto 0;
    max-width:780px;
    font-size:clamp(2.6rem,5.1vw,5.1rem);
    line-height:.95;
    font-weight:700;
}

.bstt-thp-hero-side h3,
.bstt-thp-category-side h3{
    margin:18px 0 0;
    font-size:clamp(1.8rem,2.2vw,2.45rem);
    line-height:1.02;
    font-weight:700;
}

/* MINI CARDS */
.bstt-thp-bottom-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin-top:56px;
}

.bstt-thp-mini-card{
    border-left:1px solid var(--bstt-thp-line);
    padding:0 24px;
}

.bstt-thp-mini-card:first-child{padding-left:18px;}
.bstt-thp-mini-card:last-child{padding-right:0;}

.bstt-thp-mini-category{
    display:inline-block;
    border:1px solid var(--bstt-thp-line);
    padding:7px 10px;
    margin-bottom:14px;
    font-size:12px;
    line-height:1;
    text-transform:uppercase;
    background:rgba(255,255,255,.35);
}

.bstt-thp-mini-card h3{
    margin:0;
    font-size:clamp(1.35rem,1.9vw,2rem);
    line-height:1.04;
}

.bstt-thp-bottom-grid-images{
    gap:24px;
}

.bstt-thp-mini-card-image{
    padding:0 20px;
}

.bstt-thp-mini-card-image a{
    display:grid;
    grid-template-columns:96px 1fr;
    gap:16px;
    align-items:start;
}

.bstt-thp-mini-image{
    aspect-ratio:1/1;
}

.bstt-thp-mini-card-image h3{
    font-size:1.35rem;
}

/* SECCION 2 */
.bstt-thp-ribbon{
    display:flex;
    align-items:center;
    gap:18px;
    margin:-24px 0 54px;
    padding:24px 30px;
    background:#fff7f1;
    border:1px solid rgba(0,0,0,.04);
}

.bstt-thp-ribbon strong{
    font-size:18px;
    text-transform:uppercase;
}

.bstt-thp-ribbon span{
    color:#444;
}

.bstt-thp-feature-split{
    display:grid;
    grid-template-columns:.95fr 1.55fr;
    gap:54px;
    align-items:center;
}

.bstt-thp-feature-text h2{
    margin:0;
    font-size:clamp(2.2rem,4.3vw,4.2rem);
    line-height:.98;
}

.bstt-thp-tags-row{margin:24px 0;}

.bstt-thp-feature-image{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#e7ded5;
}

.bstt-thp-read-more{
    display:inline-flex;
    align-items:center;
    margin-top:22px;
    color:#111;
    text-decoration:none !important;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:.02em;
}

.bstt-thp-read-more:after{
    content:'▣';
    color:var(--bstt-thp-red);
    margin-left:12px;
    font-size:13px;
}

/* SECCION 3 */
.bstt-thp-covers-layout{
    display:grid;
    grid-template-columns:.75fr 1.55fr;
    gap:56px;
    align-items:center;
}

.bstt-thp-covers-text h3{
    margin:0;
    font-size:clamp(2.2rem,4.3vw,4.5rem);
    line-height:1;
}

.bstt-thp-covers-text p{
    margin:24px 0 0;
    font-size:16px;
    line-height:1.5;
}

.bstt-thp-slider-wrap{overflow:hidden;}

.bstt-thp-slider-track{
    display:flex;
    gap:22px;
    transition:transform .35s ease;
    will-change:transform;
}

.bstt-thp-cover-slide{
    min-width:calc(50% - 11px);
    display:flex; 
    flex-direction:column;
}

.bstt-thp-cover-slide .bstt-thp-img,
.bstt-thp-cover-slide .bstt-thp-img-placeholder{
    aspect-ratio:3/4;
    /*border:16px solid var(--bstt-thp-red);*/
}

.bstt-thp-cover-slide h4{
    min-height:90px;
    margin-top:18px;
    line-height:1.15;
    overflow:hidden;
}

.bstt-thp-slider-controls{
    display:flex;
    justify-content:center;
    gap:22px;
    margin-top:28px;
}

.bstt-thp-slider-controls button{
    width:42px;
    height:42px;
    border:0;
    background:transparent;
    color:#111;
    font-size:42px;
    line-height:1;
    cursor:pointer;
}

/* SECCIONES TIPO CATEGORIA */
.bstt-thp-category-grid{
    display:grid;
    grid-template-columns:1fr 1.75fr 1fr;
    gap:28px;
    align-items:center;
}

.bstt-thp-category-main{text-align:center;}

.bstt-thp-category-main h3{
    margin:24px auto 0;
    max-width:820px;
    font-size:clamp(2.4rem,4.7vw,4.6rem);
    line-height:.96;
}

.bstt-thp-card a:hover h1,
.bstt-thp-card a:hover h3,
.bstt-thp-mini-card a:hover h3,
.bstt-thp-cover-slide a:hover h4,
.bstt-thp-feature-text a:hover,
.bstt-thp-read-more:hover{
    color:var(--bstt-thp-red);
}

/* TABLET */
@media(max-width:1024px){
    .bstt-thp-section{padding:58px 0;}

    .bstt-thp-hero-grid,
    .bstt-thp-category-grid{
        grid-template-columns:1fr 1fr;
        align-items:start;
    }

    .bstt-thp-hero-main,
    .bstt-thp-category-main{
        grid-column:1 / -1;
        order:-1;
    }

    .bstt-thp-feature-split,
    .bstt-thp-covers-layout{
        grid-template-columns:1fr;
        gap:34px;
    }

    .bstt-thp-bottom-grid{
        grid-template-columns:repeat(2,1fr);
        row-gap:32px;
    }

    .bstt-thp-mini-card:nth-child(3){padding-left:18px;}
}

.patrocinador{
    width:100%;
    padding:0px;
    margin:0px;
    clear:both
}

.patrocinador .movil{
    display:none;
}

.patrocinador .desktop{
    width:1200px;
    margin:0px auto;
    text-align:center;
}


/* MOVIL */
@media(max-width:768px){
    .bstt-thp-wrap{padding:0 18px;}
    .bstt-thp-section{padding:46px 0;}
    .bstt-thp-section-hero{padding-top:24px;}

    .bstt-thp-section-head{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
        margin-bottom:30px;
    }

    .bstt-thp-section-head h2,
    .bstt-thp-section-title-small{
        font-size:clamp(2.4rem,14vw,4.2rem);
        letter-spacing:-.07em;
    }

    .bstt-thp-category-button{
        width:auto;
        min-height:38px;
        padding:9px 13px;
        font-size:12px;
    }

    .bstt-thp-hero-grid,
    .bstt-thp-category-grid{
        display:flex;
        flex-direction:column;
        gap:34px;
    }

    .bstt-thp-hero-main,
    .bstt-thp-category-main{
        order:-1;
        text-align:left;
    }

    .bstt-thp-hero-main h1,
    .bstt-thp-category-main h3{
        text-align:left;
        font-size:clamp(2.2rem,11vw,3.2rem);
        line-height:1;
    }

    .bstt-thp-hero-side h3,
    .bstt-thp-category-side h3{
        font-size:clamp(1.7rem,8vw,2.4rem);
    }

    .bstt-thp-bottom-grid,
    .bstt-thp-bottom-grid-images{
        grid-template-columns:1fr;
        margin-top:38px;
        gap:0;
    }

    .bstt-thp-mini-card,
    .bstt-thp-mini-card:first-child,
    .bstt-thp-mini-card:nth-child(3),
    .bstt-thp-mini-card:last-child{
        border-left:0;
        border-top:1px solid var(--bstt-thp-line);
        padding:22px 0;
    }

    .bstt-thp-mini-card-image a{
        grid-template-columns:88px 1fr;
    }

    .bstt-thp-ribbon{
        flex-direction:column;
        align-items:flex-start;
        margin:-16px 0 36px;
        padding:20px;
    }

    .bstt-thp-feature-split{
        gap:26px;
    }

    .bstt-thp-feature-image{
        order:-1;
    }

    .bstt-thp-feature-text h2,
    .bstt-thp-covers-text h3{
        font-size:clamp(2.2rem,11vw,3.4rem);
    }

    .bstt-thp-covers-layout{
        gap:28px;
    }

    .bstt-thp-cover-slide{
        min-width:82%;
    }

    .bstt-thp-cover-slide .bstt-thp-img,
    .bstt-thp-cover-slide .bstt-thp-img-placeholder{
        border-width:10px;
    }
    
    .patrocinador .movil{
        display:block;
    }
    
    .patrocinador .desktop{
        display:none;
    }
}

.bstt-thp-slider-track{
    height:700px;
}

.bstt-thp-slider-controls button{
    padding-top:0px;
}

@media(max-width:480px){
    .bstt-thp-mini-card-image a{
        grid-template-columns:74px 1fr;
        gap:12px;
    }

    .bstt-thp-mini-card h3{
        font-size:1.25rem;
    }

    .bstt-thp-byline{
        font-size:12px;
    }
    
    .bstt-thp-slider-track{
        height:550px;
    }
    
    .patrocinador .movil{
        display:block;
    }
    
    .patrocinador .desktop{
        display:none;
    }
}

/* ===================================
   SOLO MOVIL - HERO BOTTOM IMAGES
=================================== */

.bstt-thp-mobile-only-image{
    display:none;
}

@media(max-width:768px){

    .bstt-thp-mobile-only-image{
        display:block;
        margin-bottom:12px;
    }

    .bstt-thp-mobile-only-image img{
        width:100%;
        display:block;
        aspect-ratio:16/9;
        object-fit:cover;
    }
}