/*=========================================================
MAXALUD
HOME REDESIGN
=========================================================*/

:root{
    --maxalud-blue:#063b73;
    --maxalud-blue-dark:#032b55;
    --maxalud-blue-light:#eaf4ff;
    --maxalud-green:#12a94b;
    --maxalud-green-light:#eaf9f0;
    --maxalud-text:#17324d;
    --maxalud-text-light:#66788a;
    --maxalud-white:#ffffff;
    --maxalud-border:#e4edf5;
    --maxalud-shadow:0 12px 35px rgba(15,55,90,.08);
}


/*=========================================================
BASE
=========================================================*/

html{
    scroll-behavior:smooth;
}

body{
    font-family:"Roboto",sans-serif;
    color:var(--maxalud-text);
    background:#ffffff;
    overflow-x:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:"Manrope",sans-serif;
    color:var(--maxalud-blue);
    font-weight:800;
}

p{
    color:var(--maxalud-text-light);
}

a{
    text-decoration:none;
}

.container{
    width:100%;
    max-width:1300px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;
}


/*=========================================================
BOTONES
=========================================================*/

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:48px;
    padding:0 24px;
    border-radius:12px;
    font-family:"Manrope",sans-serif;
    font-size:14px;
    font-weight:700;
    transition:all .25s ease;
    cursor:pointer;
}

.btn--primary{
    color:#ffffff;
    background:var(--maxalud-green);
    border:1px solid var(--maxalud-green);
    box-shadow:0 8px 20px rgba(18,169,75,.16);
}

.btn--primary:hover{
    background:#0d963f;
    border-color:#0d963f;
    transform:translateY(-2px);
}

.btn--secondary{
    color:var(--maxalud-blue);
    background:#ffffff;
    border:1px solid var(--maxalud-blue);
}

.btn--secondary:hover{
    color:#ffffff;
    background:var(--maxalud-blue);
    transform:translateY(-2px);
}


/*=========================================================
HEADER FIJO
=========================================================*/

.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:82px;
    z-index:1000;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(228,237,245,.9);
    box-shadow:0 4px 20px rgba(10,50,80,.05);
    backdrop-filter:blur(12px);
}

.header .container{
    height:100%;
}

.header__wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%;
    gap:28px;
}

.header__logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.header__logo img{
    display:block;
    width:210px;
    height:auto;
}

.header__navigation{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
}

.header__menu{
    display:flex;
    align-items:center;
    gap:27px;
    margin:0;
    padding:0;
    list-style:none;
}

.header__item{
    position:relative;
}

.header__link{
    display:flex;
    align-items:center;
    gap:7px;
    height:82px;
    color:#34465a;
    font-family:"Manrope",sans-serif;
    font-size:13px;
    font-weight:600;
    position:relative;
    transition:color .25s ease;
}

.header__link:hover{
    color:var(--maxalud-blue);
}

.header__link--active{
    color:var(--maxalud-blue);
}

.header__link--active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:25px;
    height:3px;
    background:var(--maxalud-green);
    border-radius:3px 3px 0 0;
}

.header__link i{
    font-size:9px;
}

.header__dropdown{
    position:absolute;
    top:calc(100% - 2px);
    left:50%;
    transform:translateX(-50%) translateY(10px);
    min-width:210px;
    padding:10px;
    background:#ffffff;
    border:1px solid var(--maxalud-border);
    border-radius:14px;
    box-shadow:var(--maxalud-shadow);
    opacity:0;
    visibility:hidden;
    transition:all .2s ease;
}

.header__item--dropdown:hover .header__dropdown{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.header__submenu{
    margin:0;
    padding:0;
    list-style:none;
}

.header__submenu li a{
    display:block;
    padding:12px 14px;
    border-radius:9px;
    color:var(--maxalud-text);
    font-size:14px;
}

.header__submenu li a:hover{
    background:var(--maxalud-blue-light);
    color:var(--maxalud-blue);
}

.header__actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.header__actions .btn{
    white-space:nowrap;
}

.header__mobile{
    display:none;
}


/*=========================================================
HERO
=========================================================*/

.hero{
    position:relative;
    min-height:680px;
    padding-top:80px;
    overflow:hidden;
    background:#f4faff;
}

.hero__background{
    position:absolute;
    inset:82px 0 0;
    z-index:0;
}

.hero__background::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(247,252,255,.98) 0%,
        rgba(247,252,255,.94) 30%,
        rgba(247,252,255,.70) 48%,
        rgba(247,252,255,.08) 76%,
        rgba(247,252,255,.02) 100%
    );
}

.hero__background img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.hero > .container{
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-left:40px;
    padding-right:40px;
    box-sizing:border-box;
}

.hero__wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    min-height:598px;
    align-items:center;
    box-sizing:border-box;
}

.hero__content{
    position:relative;
    z-index:5;
    max-width:600px;
    min-width:0;
    padding:55px 0;
    margin-left:0;
}

.hero__badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:22px;
    color:var(--maxalud-blue);
    font-family:"Manrope",sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.hero__badge i{
    color:var(--maxalud-green);
    font-size:16px;
}

.hero__title{
    margin:0 0 22px;
    font-family:"Manrope",sans-serif;
    font-size:56px;
    line-height:1.08;
    letter-spacing:-1.8px;
    color:var(--maxalud-blue);
    font-weight:800;
}

.hero__title span{
    display:block;
    color:var(--maxalud-green);
}

.hero__description{
    max-width:550px;
    margin:0 0 30px;
    font-size:17px;
    line-height:1.7;
    color:#526b82;
}

.hero__buttons{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:34px;
}

.hero__buttons .btn{
    min-height:52px;
}

.hero__visual{
    position:relative;
    z-index:3;
    min-width:0;
    min-height:500px;
    transform:translateX(0);
}

.hero__card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:16px;
    min-width:270px;
    padding:20px 22px;
    background:rgba(255,255,255,.95);
    border:1px solid rgba(255,255,255,.9);
    border-radius:18px;
    box-shadow:0 18px 40px rgba(18,55,90,.16);
    backdrop-filter:blur(8px);
}

.hero__card--telemedicine,
.hero__card--history,
.hero__card--formula{
    display:none;
}

.hero__card--agenda{
    top:150px;
    left:25px;
}

.hero__card-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    flex-shrink:0;
    border-radius:50%;
    color:var(--maxalud-green);
    background:var(--maxalud-green-light);
    font-size:22px;
}

.hero__card div{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.hero__card strong{
    font-family:"Manrope",sans-serif;
    font-size:16px;
    font-weight:800;
    color:var(--maxalud-blue);
}

.hero__card div span{
    font-size:12px;
    color:#718397;
}


/*=========================================================
HERO - PILARES DE CONFIANZA
=========================================================*/

.hero__trust{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:center;
    gap:20px;
    width:100%;
    max-width:700px;
    margin-top:12px;
}

.hero__trust-item{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:70px;
}

.hero__trust-item i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    flex-shrink:0;
    border-radius:50%;
    color:#0870c9;
    background:#eaf4ff;
    font-size:22px;
}

.hero__trust-item span{
    color:#244b6b;
    font-family:"Manrope",sans-serif;
    font-size:13px;
    line-height:1.4;
    font-weight:800;
}


/*=========================================================
SERVICIOS / ACCESOS
=========================================================*/

.services{
    position:relative;
    padding:55px 0;
    background:#ffffff;
}

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

.service-quick{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:122px;
    padding:21px;
    background:#f8fbfe;
    border:1px solid #edf3f8;
    border-radius:18px;
    transition:all .25s ease;
}

.service-quick:hover{
    transform:translateY(-4px);
    background:#ffffff;
    border-color:#d9e9f6;
    box-shadow:var(--maxalud-shadow);
}

.service-quick__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    flex-shrink:0;
    border-radius:50%;
    color:var(--maxalud-green);
    background:var(--maxalud-green-light);
    font-size:20px;
}

.service-quick__content{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.service-quick__content strong{
    font-family:"Manrope",sans-serif;
    font-size:14px;
    font-weight:800;
    color:var(--maxalud-blue);
}

.service-quick__content small{
    color:#718397;
    font-size:11px;
    line-height:1.4;
}

.service-quick__arrow{
    margin-left:auto;
    color:#1670d2;
    font-size:12px;
}


/*=========================================================
ECOSISTEMA
=========================================================*/

.ecosystem{
    padding:100px 0;
    background:#ffffff;
}

.ecosystem__wrapper{
    display:grid;
    grid-template-columns:42% 58%;
    align-items:center;
    gap:25px;
}

.section-badge{
    display:inline-block;
    margin-bottom:16px;
    color:#0870c9;
    font-family:"Manrope",sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}

.ecosystem__content h2{
    max-width:520px;
    margin:0 0 20px;
    font-size:42px;
    line-height:1.15;
    letter-spacing:-1.2px;
    font-weight:800;
}

.ecosystem__content h2 span{
    color:var(--maxalud-green);
}

.ecosystem__content p{
    max-width:510px;
    margin:0 0 26px;
    font-size:15px;
    line-height:1.75;
}

.ecosystem__stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    width:100%;
    margin-top:42px;
    overflow:hidden;
    border-radius:16px;
    background:#0877bd;
}

.ecosystem__stats div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:82px;
    padding:14px 18px;
    border-right:1px solid rgba(255,255,255,.18);
}

.ecosystem__stats div:last-child{
    border-right:none;
}

.ecosystem__stats strong{
    font-family:"Manrope",sans-serif;
    color:#ffffff;
    font-size:30px;
    line-height:1;
    font-weight:800;
    margin-bottom:8px;
}

.ecosystem__stats span{
    max-width:140px;
    color:rgba(255,255,255,.88);
    font-size:11px;
    line-height:1.4;
}

.ecosystem__visual{
    position:relative;
    min-height:450px;
}

.ecosystem__device{
    position:absolute;
}

.ecosystem__device img{
    display:block;
    max-width:100%;
    height:auto;
}

.ecosystem__device--desktop{
    top:40px;
    left:15px;
    width:550px;
    z-index:2;
}

.ecosystem__device--mobile{
    right:0;
    bottom:5px;
    width:175px;
    z-index:3;
    filter:drop-shadow(0 20px 30px rgba(10,50,80,.16));
}

/*=========================================================
CENTRO MÉDICO
=========================================================*/

.medical-center{
    padding:50px 0;
    background:#f4f9fd;
}

.medical-center__header{
    max-width:720px;
    margin-bottom:45px;
}

.medical-center__eyebrow,
.private-office__eyebrow{
    display:inline-block;
    margin-bottom:16px;
    color:#0870c9;
    font-family:"Manrope",sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}

.medical-center__title,
.private-office__title{
    max-width:700px;
    margin:0 0 20px;
    font-family:"Manrope",sans-serif;
    font-size:42px;
    line-height:1.15;
    letter-spacing:-1.2px;
    color:var(--maxalud-blue);
    font-weight:800;
}

.medical-center__title span,
.private-office__title span{
    color:var(--maxalud-green);
}

.medical-center__description,
.private-office__description{
    max-width:650px;
    margin:0;
    font-size:15px;
    line-height:1.75;
}

.medical-center__content{
    display:grid;
    grid-template-columns:48% 52%;
    align-items:stretch;
    gap:30px;
}

.medical-center__visual{
    min-height:500px;
    overflow:hidden;
    border-radius:24px;
    background:#dcecf7;
}

.medical-center__visual img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.medical-center__services{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.medical-center__service,
.private-office__service{
    display:flex;
    align-items:center;
    gap:15px;
    min-height:112px;
    padding:20px;
    background:#0877bd;
    color:#ffffff;
    border-radius:16px;
    transition:all .25s ease;
}

.medical-center__service:hover,
.private-office__service:hover{
    transform:translateY(-3px);
    filter:brightness(1.06);
}

.medical-center__service-icon,
.private-office__service-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    flex-shrink:0;
    color:#ffffff;
    font-size:20px;
}

.medical-center__service-content,
.private-office__service-content{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    flex:1;
}

.medical-center__service-content strong,
.private-office__service-content strong{
    font-family:"Manrope",sans-serif;
    font-size:14px;
    line-height:1.2;
    font-weight:800;
}

.medical-center__service-content small,
.private-office__service-content small{
    color:rgba(255,255,255,.82);
    font-size:11px;
    line-height:1.4;
}

.medical-center__service-arrow,
.private-office__service-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex-shrink:0;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    color:#ffffff;
    font-size:10px;
}

/*=========================================================
CONSULTORIO PARTICULAR
=========================================================*/

.private-office{
    padding:80px 0;
    background:#ffffff;
}

.private-office__header{
    max-width:720px;
    margin-bottom:45px;
}

.private-office__content{
    display:grid;
    grid-template-columns:52% 48%;
    align-items:stretch;
    gap:30px;
}

.private-office__services{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.private-office__visual{
    min-height:500px;
    overflow:hidden;
    border-radius:24px;
    background:#e8f4fa;
}

.private-office__visual img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.private-office__service{
    display:flex;
    align-items:center;
    gap:15px;
    min-height:112px;
    padding:20px;
    background:#0877bd;
    color:#ffffff;
    border-radius:16px;
    transition:all .25s ease;
}

.private-office__service:hover{
    transform:translateY(-3px);
    filter:brightness(1.06);
}

.private-office__service-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    flex-shrink:0;
    color:#ffffff;
    font-size:20px;
}

.private-office__service-content{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    flex:1;
}

.private-office__service-content strong{
    font-family:"Manrope",sans-serif;
    font-size:14px;
    line-height:1.2;
    font-weight:800;
}

.private-office__service-content small{
    color:rgba(255,255,255,.82);
    font-size:11px;
    line-height:1.4;
}

.private-office__service-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex-shrink:0;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    color:#ffffff;
    font-size:10px;
}

/*=========================================================
TECNOLOGÍA Y SEGURIDAD
=========================================================*/

.technology{
    padding:90px 0;
    background:#f4f9fd;
}

.technology__wrapper{
    display:grid;
    grid-template-columns:38% 62%;
    align-items:center;
    gap:35px;
}

.technology__content h2{
    margin:0 0 18px;
    font-size:38px;
    line-height:1.2;
    letter-spacing:-1px;
    font-weight:800;
}

.technology__content h2 span{
    color:var(--maxalud-green);
}

.technology__content p{
    max-width:450px;
    margin:0 0 28px;
    font-size:14px;
    line-height:1.75;
}

.technology__features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:17px;
}

.technology-card{
    display:flex;
    align-items:center;
    gap:15px;
    min-height:112px;
    padding:20px;
    background:#058b38;
    border:1px solid #058b38;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(20,60,95,.04);
    cursor:pointer;
    transition:all .28s ease;
}

.technology-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(5,139,56,.18);
}

.technology-card__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    flex-shrink:0;
    border-radius:50%;
    color:#ffffff;
    background:rgba(255,255,255,.14);
    font-size:19px;
}

.technology-card__content{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    flex:1;
}

.technology-card__content strong{
    color:#ffffff;
    font-family:"Manrope",sans-serif;
    font-size:14px;
    line-height:1.2;
    font-weight:800;
}

.technology-card__content small{
    color:rgba(255,255,255,.82);
    font-size:11px;
    line-height:1.4;
}

.technology-card__arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex-shrink:0;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    color:#ffffff;
    font-size:9px;
    transition:all .25s ease;
}

.technology-card:hover .technology-card__arrow{
    transform:translateX(4px);
    background:#ffffff;
    color:#058b38;
    border-color:#ffffff;
}

/*=========================================================
ESPECIALIDADES
=========================================================*/

.specialties{
    padding:60px 0;
    background:#ffffff;
}

.specialties__header{
    max-width:760px;
    margin:0 auto 45px;
    text-align:center;
}

.specialties__title{
    margin:0 0 15px;
    font-size:39px;
    line-height:1.2;
    font-weight:800;
}

.specialties__title span{
    color:var(--maxalud-green);
}

.specialties__description{
    margin:0;
    font-size:14px;
    line-height:1.7;
}

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

.specialty-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:188px;
    padding:28px;
    background:#028052;
    border:1px solid #028052;
    border-radius:18px;
    cursor:pointer;
    transition:all .28s ease;
}

.specialty-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(2,128,82,.20);
}

.specialty-card__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin-bottom:12px;
    border-radius:50%;
    color:#ffffff;
    background:rgba(255,255,255,.16);
    font-size:20px;
    transition:all .25s ease;
}

.specialty-card:hover .specialty-card__icon{
    background:rgba(255,255,255,.24);
    transform:scale(1.05);
}

.specialty-card h3{
    margin:0 0 7px;
    color:#ffffff;
    font-family:"Manrope",sans-serif;
    font-size:16px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
}

.specialty-card a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#ffffff;
    font-family:"Manrope",sans-serif;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.specialty-card a i{
    font-size:9px;
    transition:transform .25s ease;
}

.specialty-card:hover a i{
    transform:translateX(4px);
}

.specialties__footer{
    display:flex;
    justify-content:center;
    margin-top:40px;
}

.btn-all-specialties{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    border:1px solid var(--maxalud-blue);
    border-radius:12px;
    color:var(--maxalud-blue);
    font-family:"Manrope",sans-serif;
    font-size:12px;
    font-weight:700;
    transition:all .25s ease;
}

.btn-all-specialties:hover{
    color:#ffffff;
    background:var(--maxalud-blue);
}


/*=========================================================
CONVENIOS
=========================================================*/

.agreements{
    padding:70px 0;
    background:#f8fbfe;
}

.agreements__header{
    max-width:700px;
    margin:0 auto 45px;
    text-align:center;
}

.agreements__header h2{
    margin:0 0 15px;
    font-size:39px;
    line-height:1.2;
    font-weight:800;
}

.agreements__header h2 span{
    color:var(--maxalud-green);
}

.agreements__header p{
    margin:0;
    font-size:14px;
    line-height:1.7;
}

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

.agreement-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:188px;
    padding:28px 24px;
    background:#063B73;
    border:1px solid #063B73;
    border-radius:18px;
    cursor:pointer;
    transition:all .28s ease;
}

.agreement-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(6,59,115,.20);
}

.agreement-card > i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin-bottom:14px;
    border-radius:50%;
    color:#ffffff;
    background:rgba(255,255,255,.16);
    font-size:20px;
    transition:all .25s ease;
}

.agreement-card:hover > i{
    background:rgba(255,255,255,.24);
    transform:scale(1.05);
}

.agreement-card h3{
    margin:0;
    color:#ffffff;
    font-family:"Manrope",sans-serif;
    font-size:15px;
    line-height:1.3;
    font-weight:800;
    text-align:center;
}

.agreement-card::after{
    content:"\f061";
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin-top:12px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    color:#ffffff;
    font-family:"Font Awesome 6 Free";
    font-size:9px;
    font-weight:900;
    transition:all .25s ease;
}

.agreement-card:hover::after{
    transform:translateX(4px);
    background:#ffffff;
    color:#063B73;
    border-color:#ffffff;
}

.agreements__actions{
    display:flex;
    justify-content:center;
    margin-top:40px;
}


/*=========================================================
TESTIMONIOS
=========================================================*/

.testimonials{
    padding:80px 0;
    background:#ffffff;
}

.testimonials__header{
    max-width:700px;
    margin:0 auto 45px;
    text-align:center;
}

.testimonials__header h2{
    margin:0 0 15px;
    font-size:39px;
    line-height:1.2;
    font-weight:800;
}

.testimonials__header h2 span{
    color:var(--maxalud-green);
}

.testimonials__header p{
    margin:0;
    font-size:18px;
    line-height:1.7;
}

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

.testimonial-card{
    padding:31px;
    border:1px solid var(--maxalud-border);
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 8px 25px rgba(20,60,95,.035);
}

.testimonial-card__avatar{
    width:100px;
    height:100px;
    margin-bottom:19px;
    overflow:hidden;
    border-radius:12%;
}

.testimonial-card__avatar img{
    width:100px;
    height:100px;
    object-fit:cover;
}

.testimonial-card p{
    margin:0 0 20px;
    font-size:14px;
    line-height:1.7;
    color:#536c82;
}

.testimonial-card h3{
    margin:0 0 4px;
    font-size:15px;
    font-weight:800;
}

.testimonial-card span{
    color:#8191a0;
    font-size:14px;
}

.testimonial-card__profile{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:18px;
    color:#0870c9;
    font-family:"Manrope",sans-serif;
    font-size:12px;
    font-weight:700;
    transition:all .25s ease;
}

.testimonial-card__profile i{
    font-size:10px;
    transition:transform .25s ease;
}

.testimonial-card__profile:hover{
    color:var(--maxalud-green);
}

.testimonial-card__profile:hover i{
    transform:translateX(4px);
}

/*=========================================================
CTA
=========================================================*/

.cta{
    padding:25px 0 80px;
    background:#ffffff;
}

.cta__wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:55px 60px;
    overflow:hidden;
    border-radius:24px;
    background:#ccdff3;    
    border:1px solid #e2edf5;
}

.cta__content{
    max-width:650px;
}

.cta__badge{
    display:inline-block;
    margin-bottom:13px;
    color:#0870c9;
    font-family:"Manrope",sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.cta__content h2{
    margin:0 0 13px;
    font-size:35px;
    line-height:1.2;
    font-weight:800;
}

.cta__content h2 span{
    color:var(--maxalud-green);
}

.cta__content p{
    margin:0;
    font-size:14px;
}

.cta__actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}


/*=========================================================
FOOTER
=========================================================*/

.footer{
    padding:70px 0 25px;
    background:var(--maxalud-blue-dark);
}

.footer__grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
    gap:50px;
    padding-bottom:45px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.footer__logo{
    display:inline-block;
    margin-bottom:18px;
}

.footer__logo img{
    width:180px;
    height:auto;
    filter:brightness(0) invert(1);
}

.footer__description{
    max-width:330px;
    margin:0;
    color:rgba(255,255,255,.65);
    font-size:12px;
    line-height:1.7;
}

.footer__title{
    margin:0 0 20px;
    color:#ffffff;
    font-size:13px;
    font-weight:800;
}

.footer__list,
.footer__contact{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:0;
    padding:0;
    list-style:none;
}

.footer__list a{
    color:rgba(255,255,255,.65);
    font-size:11px;
    transition:color .2s ease;
}

.footer__list a:hover{
    color:#ffffff;
}

.footer__contact li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:rgba(255,255,255,.65);
    font-size:11px;
    line-height:1.5;
}

.footer__contact i{
    width:16px;
    color:#54c986;
    margin-top:2px;
}

.footer__social{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
}

.footer__social a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    color:#ffffff;
    font-size:12px;
    transition:all .2s ease;
}

.footer__social a:hover{
    background:var(--maxalud-green);
    border-color:var(--maxalud-green);
}

.footer__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding-top:24px;
}

.footer__bottom p{
    margin:0;
    color:rgba(255,255,255,.5);
    font-size:10px;
}

.footer__legal{
    display:flex;
    align-items:center;
    gap:20px;
}

.footer__legal a{
    color:rgba(255,255,255,.5);
    font-size:10px;
}

.footer__legal a:hover{
    color:#ffffff;
}


/*=========================================================
POPUPS
=========================================================*/

.maxalud-popup{
    display:none;
    position:fixed;
    inset:0;
    z-index:2000;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(3,43,85,.55);
    backdrop-filter:blur(5px);
}

.maxalud-popup.active{
    display:flex;
}

.maxalud-popup__modal{
    position:relative;
    width:100%;
    max-width:500px;
    padding:35px;
    background:#ffffff;
    border-radius:22px;
    box-shadow:0 25px 70px rgba(0,35,70,.22);
}

.maxalud-popup__close{
    position:absolute;
    top:16px;
    right:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border:0;
    border-radius:50%;
    color:#063b73;
    background:#f1f6fa;
    cursor:pointer;
}

.maxalud-popup__header{
    text-align:center;
    margin-bottom:25px;
}

.maxalud-popup__logo img{
    width:65px;
    height:auto;
    margin-bottom:15px;
}

.maxalud-popup__header p{
    margin:0;
    font-size:14px;
    line-height:1.6;
}

.maxalud-popup__options{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.maxalud-popup__option{
    display:flex;
    align-items:center;
    gap:14px;
    width:100%;
    padding:15px;
    border:1px solid #e4edf5;
    border-radius:14px;
    background:#ffffff;
    color:#17324d;
    text-align:left;
    cursor:pointer;
    transition:all .2s ease;
}

.maxalud-popup__option:hover{
    border-color:#c9dfef;
    background:#f7fbfe;
    transform:translateY(-1px);
}

.maxalud-popup__option-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    flex-shrink:0;
    border-radius:50%;
    color:#12a94b;
    background:#eaf9f0;
}

.maxalud-popup__option-content{
    display:flex;
    flex-direction:column;
    gap:4px;
    flex:1;
}

.maxalud-popup__option-content strong{
    font-family:"Manrope",sans-serif;
    font-size:13px;
    font-weight:800;
    color:#063b73;
}

.maxalud-popup__option-content small{
    color:#718397;
    font-size:11px;
    line-height:1.4;
}

.maxalud-popup__option-arrow{
    color:#0870c9;
    font-size:12px;
}


/*=========================================================
MENÚ MÓVIL
=========================================================*/

.mobile-menu{
    display:none;
}

.menu-overlay{
    display:none;
}

/*=========================================================
HERO - BARRA DE CAPACIDADES
=========================================================*/

.hero__features{
    position:absolute;
    left:50%;
    bottom:-148px;
    z-index:10;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    width:100vw;
    margin:0;
    transform:translateX(-30%);
    overflow:hidden;
    border-radius:0 0 20px 20px;
}

.hero__feature{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    min-height:92px;
    padding:16px 20px;
    color:#ffffff;
    border-right:1px solid rgba(255,255,255,.18);
    transition:all .25s ease;
}

.hero__feature:last-child{
    border-right:none;
}

.hero__feature--1{
    background:#0877bd;
}

.hero__feature--2{
    background:#0b82c9;
}

.hero__feature--3{
    background:#0877bd;
}

.hero__feature--4{
    background:#096fae;
}

.hero__feature--5{
    background:#0877bd;
}

.hero__feature--6{
    background:#0b82c9;
}

.hero__feature:hover{
    filter:brightness(1.08);
}

.hero__feature-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    flex-shrink:0;
    color:#ffffff;
    font-size:25px;
}

.hero__feature-content{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}

.hero__feature-content strong{
    color:#ffffff;
    font-family:"Manrope",sans-serif;
    font-size:15px;
    line-height:1.2;
    font-weight:800;
}

.hero__feature-content small{
    color:rgba(255,255,255,.82);
    font-family:"Roboto",sans-serif;
    font-size:11px;
    line-height:1.4;
}

.hero__feature-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin-left:auto;
    flex-shrink:0;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    color:#ffffff;
    font-size:9px;
    transition:all .25s ease;
}

.hero__feature:hover .hero__feature-arrow{
    background:#ffffff;
    color:#0877bd;
    border-color:#ffffff;
}