/* ==================================================
   ACOMPAÑAMIENTO A ASEGURADOS - MEDICORP
================================================== */


/* HERO */

.hero-acompanamiento{
    position:relative;
    overflow:hidden;
    padding:120px 0 110px;
    background:
        radial-gradient(circle at top right, rgba(39,166,217,.18), transparent 35%),
        linear-gradient(135deg, #F8FAFC 0%, #EAF4FD 100%);
}

.hero-acompanamiento::before{
    content:"";
    position:absolute;
    width:480px;
    height:480px;
    right:-160px;
    top:60px;
    background:rgba(14,75,135,.08);
    border-radius:50%;
}

.hero-acompanamiento-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;
}

.hero-acompanamiento-content h1{
    color:var(--primary-dark);
}

.hero-acompanamiento-content p{
    max-width:680px;
    font-size:1.12rem;
    color:var(--text-color);
}

.hero-acompanamiento-image{
    position:relative;
}

.hero-acompanamiento-image::before{
    content:"";
    position:absolute;
    inset:28px -28px -28px 28px;
    background:var(--primary-color);
    border-radius:var(--radius-lg);
    opacity:.12;
}

.hero-acompanamiento-image img{
    position:relative;
    z-index:2;
    width:100%;
    height:620px;
    object-fit:cover;
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-lg);
}


/* PROBLEMA */

.problema-section{
    background:var(--white);
}

.problema-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
}

.problema-card{
    background:var(--white);
    border:1px solid rgba(14,75,135,.10);
    border-radius:var(--radius-md);
    padding:30px;
    box-shadow:var(--shadow-sm);
    transition:var(--transition);
}

.problema-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-md);
}

.problema-card h3{
    color:var(--primary-dark);
    margin-bottom:14px;
    font-size:1.18rem;
}

.problema-card p{
    color:var(--text-light);
    margin-bottom:0;
}


/* AYUDA */

.ayuda-section{
    background:var(--bg-light);
}

.ayuda-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:70px;
    align-items:center;
}

.ayuda-image img{
    width:100%;
    height:560px;
    object-fit:cover;
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-lg);
}

.ayuda-content h2{
    color:var(--primary-dark);
}

.ayuda-content p{
    font-size:1.05rem;
}


/* SERVICIOS */

.servicios-acompanamiento{
    background:var(--white);
}

.servicios-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}

.servicio-card{
    background:var(--white);
    border:1px solid rgba(14,75,135,.10);
    border-radius:var(--radius-md);
    padding:32px;
    box-shadow:var(--shadow-sm);
    transition:var(--transition);
}

.servicio-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-md);
}

.servicio-card h3{
    color:var(--primary-dark);
    margin-bottom:0;
    font-size:1.15rem;
}


/* PROCESO */

.proceso-acompanamiento{
    background:
        linear-gradient(135deg, var(--primary-dark), var(--primary-color));
    color:rgba(255,255,255,.78);
}

.proceso-acompanamiento .section-heading h2{
    color:var(--white);
}

.proceso-acompanamiento .section-badge{
    background:rgba(255,255,255,.12);
    color:var(--white);
}

.proceso-acompanamiento .process-step{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    border-radius:var(--radius-md);
    padding:30px;
    backdrop-filter:blur(10px);
}

.proceso-acompanamiento .process-step span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    background:rgba(255,255,255,.15);
    color:var(--white);
    border-radius:50%;
    font-weight:800;
    margin-bottom:22px;
}

.proceso-acompanamiento .process-step h3{
    color:var(--white);
    margin-bottom:0;
}


/* BENEFICIOS */

.beneficios-section{
    background:var(--bg-light);
}


/* FAQ */

.faq-section{
    background:var(--white);
}


/* RESPONSIVE */

@media (max-width:1100px){

    .hero-acompanamiento-grid,
    .ayuda-grid{
        gap:50px;
    }

    .problema-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .servicios-grid{
        grid-template-columns:repeat(2, 1fr);
    }

}

@media (max-width:991px){

    .hero-acompanamiento{
        padding:95px 0 90px;
    }

    .hero-acompanamiento-grid,
    .ayuda-grid{
        grid-template-columns:1fr;
    }

    .hero-acompanamiento-image img,
    .ayuda-image img{
        height:480px;
    }

}

@media (max-width:768px){

    .hero-acompanamiento{
        padding:80px 0;
    }

    .problema-grid,
    .servicios-grid{
        grid-template-columns:1fr;
    }

    .problema-card,
    .servicio-card{
        padding:28px;
    }

    .hero-acompanamiento-image img,
    .ayuda-image img{
        height:400px;
    }

}

@media (max-width:576px){

    .hero-acompanamiento-image img,
    .ayuda-image img{
        height:330px;
    }

}