/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8/04/2026, 11:06:15 AM
    Author     : kpesantez
*/

/* ===================================================== */
/* SECCIÓN: NUESTRO LABORATORIO (MEJORADA SIN CAMBIOS HTML)
/* ===================================================== */

#page-informacion-laboratorios {
    background: #ffffff;
    padding: 60px 0;
}

/* ================= TITULO ================= */

#page-informacion-laboratorios .titulo-seccion {
    font-weight: 700;
    position: relative;
    letter-spacing: 0.3px;
}

#page-informacion-laboratorios .titulo-seccion::after {
    content: "";
    width: 55px;
    height: 4px;
    background: #20c997;
    position: absolute;
    left: 15px;
    bottom: -8px;
    border-radius: 10px;
}

/* ================= CARDS ================= */

#page-informacion-laboratorios .card-body {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px 20px;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;

    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
}

/* hover limpio */
#page-informacion-laboratorios .card-body:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

/* borde lateral elegante */
#page-informacion-laboratorios .card-body::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #20c997;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.35s ease;
}

#page-informacion-laboratorios .card-body:hover::before {
    transform: scaleY(1);
}

/* ================= TEXTO ================= */

#page-informacion-laboratorios .card-title {
    font-weight: 600;
    color: #222;
}

#page-informacion-laboratorios .texto-justificado {
    line-height: 1.75;
    color: #555;
}

/* ================= LISTA ================= */

#page-informacion-laboratorios ul li {
    border-radius: 8px;
    padding: 6px 10px;
    transition: 0.3s ease;
}

#page-informacion-laboratorios ul li:hover {
    background: #f3fffb;
    transform: translateX(4px);
}

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

#img-info-laboratorio {
    border-radius: 18px;
    transition: all 0.4s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

#img-info-laboratorio:hover {
    transform: scale(1.02);
    filter: brightness(1.03);
}

/* ================= ANIMACIÓN SCROLL ================= */

#page-informacion-laboratorios .animar-lab {
    opacity: 0;
    transform: translateY(18px);
    transition: all 0.7s ease;
}

#page-informacion-laboratorios .animar-lab.visible {
    opacity: 1;
    transform: translateY(0);
}
/* ============================= */
/* ESPACIADO EN MÓVIL (CARDS)
/* ============================= */

@media (max-width: 768px) {

    #page-informacion-laboratorios .card-body {
        margin-bottom: 18px;
    }

    #page-informacion-laboratorios .col-sm-12,