/* Start custom CSS for section, class: .elementor-element-69996fae *//* =========================
   PÁGINA PACIENTES
   ========================= */

.pacientes-section {
    background: #f7f9fc;
    padding: 70px 0;
}


/* =========================
   TÍTULOS
   ========================= */

.pacientes-section h1,
.pacientes-section h2,
.pacientes-section h3 {
    color: #172033;
    letter-spacing: -0.8px;
}

.pacientes-section h1 {
    font-size: clamp(38px, 4vw, 54px);
    line-height: 1.08;
    font-weight: 600;
}

.pacientes-section h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
}


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

.pacientes-section p {
    color: #687386;
    font-size: 15px;
    line-height: 1.8;
}


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

.pacientes-section img {
    border-radius: 20px;
}


/* Imagen superior */

.pacientes-image {
    padding: 12px;

    background: #ffffff;

    border: 1px solid #e6ebf1;

    border-radius: 24px;

    box-shadow:
        0 15px 40px rgba(20, 40, 70, 0.08);

    transition: all .3s ease;
}

.pacientes-image:hover {
    transform: translateY(-4px);

    box-shadow:
        0 20px 50px rgba(20, 40, 70, 0.12);
}


/* =========================
   BLOQUES DE INFORMACIÓN
   ========================= */

.paciente-info {
    background: #ffffff;

    border: 1px solid #e7ecf2;

    border-radius: 18px;

    padding: 24px 28px;

    margin-bottom: 18px;

    box-shadow:
        0 8px 25px rgba(20, 40, 70, 0.04);

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

.paciente-info:hover {
    transform: translateY(-3px);

    box-shadow:
        0 15px 35px rgba(20, 40, 70, 0.08);
}

.paciente-info h2,
.paciente-info h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.paciente-info p {
    margin-bottom: 0;
}


/* =========================
   PORTÁTIL
   ========================= */

.pacientes-laptop {
    position: relative;
    padding: 25px;

    background: #ffffff;

    border-radius: 28px;

    box-shadow:
        0 20px 45px rgba(20, 40, 70, 0.08);
}

.pacientes-laptop img {
    display: block;
}


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

@media (max-width: 767px) {

    .pacientes-section {
        padding: 45px 20px;
    }

    .pacientes-section h1 {
        font-size: 36px;
    }

    .paciente-info {
        padding: 22px;
    }

    .pacientes-laptop {
        padding: 15px;
    }
}/* End custom CSS */