#verticales .verticales-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;

}

.vertical-card{

    background:#171717;
    border:1px solid rgba(0,255,136,.15);
    border-radius:14px;
    padding:25px;

}

.vertical-card h3{

    text-align:center;
    margin:0 0 25px;
    font-size:1.4rem;

}

.vertical-socials{

    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;

}

.vertical-social{

    display:flex;
    flex-direction:column;
    align-items:center;

    min-width:0;

}

.vertical-social h4{

    margin:0 0 15px;
    font-size:1rem;
    font-weight:700;

}

/* =========================================
CONTENEDOR DEL VÍDEO
========================================= */

.vertical-thumb{

    display:block;

    width:100%;
    max-width:240px;

    margin:0 auto;

    text-decoration:none;

}

/* =========================================
FORMATO VERTICAL FIJO 9:16
========================================= */

.vertical-player{

    position:relative;

    width:100%;
    aspect-ratio:9 / 16;

    background:#0b0b0b;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

    cursor:pointer;

    box-shadow:0 0 0 rgba(0,255,136,0);

}

/* =========================================
IMÁGENES / IFRAMES
========================================= */

.vertical-player iframe,
.vertical-player img{

    position:absolute;

    inset:0;

    display:block;

    width:100%;
    height:100%;

    max-width:none;
    max-height:none;

    object-fit:cover;

    border:0;

}

/* =========================================
HOVER
========================================= */

.vertical-thumb:hover .vertical-player{

    transform:scale(1.03);

    box-shadow:0 0 18px rgba(0,255,136,.25);

}

/* =========================================
TÍTULO
========================================= */

.vertical-title{

    width:100%;

    margin-top:14px;

    min-height:48px;

    text-align:center;

    font-size:.95rem;

    font-weight:600;

    line-height:1.35;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

/* =========================================
INFORMACIÓN
========================================= */

.vertical-info{

    width:100%;

    margin-top:10px;

    color:#bdbdbd;

    font-size:.85rem;

    text-align:center;

    line-height:1.6;

    min-height:50px;

}

/* =========================================
BOTÓN
========================================= */

.vertical-social button{

    margin-top:14px;

    width:100%;
    max-width:240px;

}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1300px){

    .vertical-socials{

        grid-template-columns:1fr;

    }

    .vertical-thumb,
    .vertical-social button{

        max-width:260px;

    }

}

@media(max-width:900px){

    #verticales .verticales-grid{

        grid-template-columns:1fr;

    }

}