/* ================================
   TARJETAS ESPECIALIDADES / RESULTADOS
================================ */


/* ================================
   GRILLA
================================ */

.lb-categorias-grid{

    width:max-content;

    max-width:100%;

    margin:70px auto;

    display:grid;

    grid-template-columns:repeat(4,260px);

    gap:50px;

    justify-content:center;

    align-items:start;

}


/* ================================
   CARD
================================ */
.lb-categoria-card {

    width:260px;

    height:320px;

    background:#0b0f16;

    border:4px solid #302D50;

    outline:4px solid #28bdd7;

    padding:15px;

    box-sizing:border-box;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:space-between;

    text-align:center;

    text-decoration:none;

    color:#fff;

    transition:transform .25s ease, box-shadow .25s ease;

}

.lb-categoria-card,
.lb-categoria-card *{

    color:#ffffff !important;

}

.lb-categoria-card:hover {

    transform:scale(1.04);

    box-shadow:0 12px 30px rgba(0,0,0,.35);

}

/* ESTADOS LINK */

.lb-categoria-card:link,
.lb-categoria-card:visited,
.lb-categoria-card:hover,
.lb-categoria-card:active{

    color:#ffffff !important;

    text-decoration:none;

}



/* ================================
   NOMBRE
================================ */

.lb-categoria-nombre {

    width:100%;

    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-family:Montserrat,sans-serif;

    font-size:15px;

    font-weight:800;

}



/* ================================
   IMAGEN
================================ */

.lb-categoria-img {

    width:220px;

    height:220px;

    object-fit:cover;

    display:block;

}

/* =========================================
   CARRUSEL DE MIEMBROS
========================================= */

.lb-carrusel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px 5px 30px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.lb-carrusel-item {
    flex: 0 0 260px;
    width: 260px;
    height: 320px;
    background: #0b0f16;
    border: 4px solid #302D50;
    outline: 4px solid #28bdd7;
    padding: 15px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    text-align: center;
    text-decoration: none;
    color: #fff;

    transition: transform .25s ease, box-shadow .25s ease;
    scroll-snap-align: start;
}

.lb-carrusel-item,
.lb-carrusel-item * {
    color: #ffffff !important;
}

.lb-carrusel-item:hover {
    transform: scale(1.04);
    box-shadow: 0 12px 30px rgba(0,0,0,.35);
}

.lb-carrusel-item img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    display: block;
}

.lb-carrusel-item span {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}
/* ================================
   TABLET
================================ */

@media(max-width:1200px){


    .lb-categorias-grid{

        grid-template-columns:repeat(2,260px);

        justify-content:center;

    }


}



/* ================================
   CELULAR
================================ */

@media (max-width: 600px) {

    .lb-categorias-grid {
        grid-template-columns: repeat(2, 170px);
        gap: 15px;
        padding: 40px 10px;
        justify-content: center;
        box-sizing: border-box;
    }

    .lb-categoria-card {
        width: 170px;
        height: 240px;
        padding: 10px;
        box-sizing: border-box;
    }

    .lb-categoria-nombre {
        width: 100%;
        height: 64px;
        font-size: 11px;
        line-height: 16px;
        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
    }

    .lb-categoria-img {
        width: 110px;
        height: 110px;
        flex: 0 0 110px;
        object-fit: contain;
        aspect-ratio: 1 / 1;
        display: block;
    }

    .lb-carrusel {
        gap: 15px;
        padding: 40px 10px;
    }

    .lb-carrusel-item {
        flex: 0 0 170px;
        width: 170px;
        height: 240px;
        padding: 10px;
    }

    .lb-carrusel-item img {
        width: 110px;
        height: 110px;
    }

    .lb-carrusel-item span {
        height: 64px;
        font-size: 11px;
        line-height: 16px;
    }

}