.elementor-398 .elementor-element.elementor-element-bfb8858{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-6ef428e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-2d4b47a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-dbb5b51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-d30b180{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-044de93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-6eca6fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-11402d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-c32d5c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-e728993{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-f11194d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-74636e4 *//*======================================
 HERO ENFERMEDADES RESPIRATORIAS
=======================================*/

.aleria-er-hero{

    position:relative;

    display:flex;

    align-items:center;

    min-height:82vh;

    padding:120px 8%;

    overflow:hidden;

    background-image:url("https://aleriamedical.com/wp-content/uploads/2026/07/hero-enfermedades-respiratorias.jpg");
    background-size:cover;
    background-position:center;

}

.aleria-er-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
    90deg,
    rgba(9,33,53,.88) 0%,
    rgba(9,33,53,.78) 45%,
    rgba(9,33,53,.25) 100%);

}

.aleria-er-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1280px;

    margin:auto;

}

.aleria-er-content{

    width:100%;

    max-width:700px;

}

.aleria-er-badge{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:#ffffff22;

    border:1px solid rgba(255,255,255,.20);

    backdrop-filter:blur(10px);

    color:#fff;

    font-size:14px;

    font-weight:600;

    letter-spacing:.8px;

    margin-bottom:28px;

}

.aleria-er-content h1{

    margin:0;

    color:#ffffff;

    font-size:62px;

    line-height:1.05;

    font-weight:700;

}

.aleria-er-content h1 span{

    color:#5EC16A;

}

.aleria-er-description{

    margin-top:30px;

    color:#ffffff;

    font-size:21px;

    line-height:1.8;

    opacity:.95;

}

.aleria-er-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:45px;

}

.aleria-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    background:#5EC16A;

    color:#ffffff;

    border-radius:50px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.aleria-btn-primary:hover{

    background:#44B454;

    transform:translateY(-3px);

}

.aleria-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    border-radius:50px;

    border:2px solid #ffffff;

    color:#ffffff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.aleria-btn-secondary:hover{

    background:#ffffff;

    color:#0B3553;

}

@media(max-width:1024px){

.aleria-er-content h1{

    font-size:52px;

}

}

@media(max-width:767px){

.aleria-er-hero{

    min-height:70vh;

    padding:90px 30px;

}

.aleria-er-content{

    max-width:100%;

}

.aleria-er-content h1{

    font-size:40px;

}

.aleria-er-description{

    font-size:18px;

    line-height:1.7;

}

.aleria-er-buttons{

    flex-direction:column;

}

.aleria-btn-primary,
.aleria-btn-secondary{

    width:100%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ec1ad5 *//*======================================
MENÚ ENFERMEDADES
======================================*/

.aleria-nav-section{

    padding:110px 8%;

    background:#F7FAFC;

}

.aleria-nav-container{

    max-width:1280px;

    margin:auto;

}

.aleria-nav-header{

    text-align:center;

    max-width:760px;

    margin:auto auto 70px;

}

.aleria-nav-header h2{

    font-size:46px;

    color:#0B3553;

    margin:20px 0;

}

.aleria-nav-header p{

    font-size:19px;

    color:#64748B;

    line-height:1.8;

}

.aleria-nav-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:25px;

}

.aleria-nav-card{

    background:#ffffff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    text-decoration:none;

    border:1px solid #E7EEF5;

    transition:.35s;

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

}

.aleria-nav-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.10);

    border-color:#5EC16A;

}

.aleria-nav-icon{

    width:75px;

    height:75px;

    margin:auto;

    border-radius:50%;

    background:#5EC16A;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:22px;

}

.aleria-nav-card h3{

    color:#0B3553;

    font-size:21px;

    margin-bottom:14px;

    line-height:1.3;

}

.aleria-nav-card span{

    color:#5EC16A;

    font-weight:700;

    font-size:15px;

}

@media(max-width:1200px){

.aleria-nav-grid{

    grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.aleria-nav-section{

    padding:80px 30px;

}

.aleria-nav-header h2{

    font-size:34px;

}

.aleria-nav-grid{

    grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-618f467 *//*======================================
ASMA
======================================*/

.aleria-asma{

    padding:100px 0;

}

.aleria-container{

    width:min(1180px,92%);
    margin:auto;

}

.aleria-head{

    max-width:720px;
    margin-bottom:40px;

}

.aleria-tag{

    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    border-radius:30px;
    background:#EDF8EF;
    color:#47A95F;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;

}

.aleria-head h2{

    font-size:54px;
    color:#0B3553;
    margin-bottom:10px;
    line-height:1.1;

}

.aleria-head h3{

    font-size:28px;
    color:#58B76A;
    font-weight:500;

}

.aleria-intro{

    max-width:950px;
    margin-bottom:60px;

}

.aleria-intro p{

    color:#667788;
    font-size:18px;
    line-height:1.9;
    margin-bottom:25px;

}

.aleria-content{

    display:grid;
    grid-template-columns:420px 1fr;
    gap:45px;
    align-items:start;

}

.aleria-photo{

    position:sticky;
    top:120px;

}

.aleria-photo img{

    width:100%;
    border-radius:22px;
    display:block;
    aspect-ratio:4/5;
    object-fit:cover;
    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.aleria-info{

    display:flex;
    flex-direction:column;
    gap:25px;

}

.aleria-box{

    background:#F7FAFC;
    border:1px solid #E8EEF4;
    border-radius:18px;
    padding:35px;

}

.green{

    background:#EEF8F2;
    border-left:5px solid #59B96B;

}

.aleria-box h4{

    font-size:24px;
    color:#0B3553;
    margin-bottom:18px;

}

.aleria-box p{

    color:#667788;
    line-height:1.9;
    margin:0;

}

.aleria-highlight{

    margin:60px 0;
    background:#0B3553;
    padding:45px;
    border-radius:24px;

}

.aleria-highlight h4{

    color:#fff;
    font-size:30px;
    margin-bottom:18px;

}

.aleria-highlight p{

    color:#DDE8F0;
    line-height:1.9;
    margin:0;

}

.aleria-end{

    max-width:980px;

}

.aleria-end p{

    color:#667788;
    line-height:1.9;
    margin-bottom:24px;
    font-size:18px;

}

/*=============
TABLET
==============*/

@media(max-width:1024px){

    .aleria-content{

        grid-template-columns:1fr;

    }

    .aleria-photo{

        position:relative;
        top:0;
        max-width:520px;
        margin:auto;

    }

}

/*=============
MÓVIL
==============*/

@media(max-width:767px){

    .aleria-asma{

        padding:70px 0;

    }

    .aleria-head h2{

        font-size:38px;

    }

    .aleria-head h3{

        font-size:22px;

    }

    .aleria-box{

        padding:25px;

    }

    .aleria-highlight{

        padding:30px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-321d0c0 *//*======================================
EPOC
======================================*/

.aleria-epoc{

    padding:100px 0;
    background:#F8FBFD;

}

.aleria-epoc .aleria-container{

    width:min(1180px,92%);
    margin:auto;

}

.aleria-epoc .aleria-head{

    max-width:760px;
    margin-bottom:40px;

}

.aleria-epoc .aleria-tag{

    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    border-radius:30px;
    background:#EDF8EF;
    color:#47A95F;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;

}

.aleria-epoc h2{

    font-size:54px;
    color:#0B3553;
    margin-bottom:10px;
    line-height:1.1;

}

.aleria-epoc h3{

    font-size:28px;
    color:#58B76A;
    font-weight:500;

}

.aleria-epoc .aleria-intro{

    max-width:980px;
    margin-bottom:60px;

}

.aleria-epoc .aleria-intro p{

    font-size:18px;
    line-height:1.9;
    color:#667788;
    margin-bottom:24px;

}

.aleria-content.reverse{

    display:grid;
    grid-template-columns:1fr 420px;
    gap:45px;
    align-items:start;

}

.aleria-content.reverse .aleria-photo{

    position:sticky;
    top:120px;

}

.aleria-content.reverse .aleria-photo img{

    width:100%;
    display:block;
    aspect-ratio:4/5;
    object-fit:cover;
    border-radius:22px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.aleria-content.reverse .aleria-info{

    display:flex;
    flex-direction:column;
    gap:25px;

}

.aleria-content.reverse .aleria-box{

    background:#fff;
    border:1px solid #E7EEF4;
    border-radius:18px;
    padding:35px;

}

.aleria-content.reverse .aleria-box.green{

    background:#EEF8F2;
    border-left:5px solid #59B96B;

}

.aleria-content.reverse .aleria-box h4{

    font-size:24px;
    color:#0B3553;
    margin-bottom:18px;

}

.aleria-content.reverse .aleria-box p{

    margin:0;
    color:#667788;
    line-height:1.9;

}

.aleria-epoc .aleria-highlight{

    margin:60px 0;
    background:#0B3553;
    border-radius:24px;
    padding:45px;

}

.aleria-epoc .aleria-highlight h4{

    color:#fff;
    font-size:30px;
    margin-bottom:18px;

}

.aleria-epoc .aleria-highlight p{

    color:#DDE8F0;
    line-height:1.9;
    margin:0;

}

.aleria-epoc .aleria-end{

    max-width:980px;

}

.aleria-epoc .aleria-end p{

    color:#667788;
    font-size:18px;
    line-height:1.9;
    margin-bottom:24px;

}

.aleria-epoc .aleria-cta{

    margin-top:45px;

}

@media(max-width:1024px){

    .aleria-content.reverse{

        grid-template-columns:1fr;

    }

    .aleria-content.reverse .aleria-photo{

        position:relative;
        top:0;
        max-width:520px;
        margin:auto;

    }

}

@media(max-width:767px){

    .aleria-epoc{

        padding:70px 0;

    }

    .aleria-epoc h2{

        font-size:38px;

    }

    .aleria-epoc h3{

        font-size:22px;

    }

    .aleria-content.reverse .aleria-box{

        padding:25px;

    }

    .aleria-epoc .aleria-highlight{

        padding:30px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53013f0 *//*=========================================
FIBROSIS PULMONAR
=========================================*/

.aleria-fibrosis{

    padding:120px 8%;

    background:#F7FAFC;

}

.aleria-fibrosis-container{

    max-width:1200px;

    margin:auto;

}

.aleria-section-title{

    text-align:center;

    max-width:800px;

    margin:auto auto 70px;

}

.aleria-section-title h2{

    font-size:52px;

    color:#0B3553;

    margin:20px 0;

}

.aleria-section-title p{

    font-size:19px;

    line-height:1.9;

    color:#64748B;

}

.aleria-timeline{

    position:relative;

    margin-top:70px;

    padding-left:55px;

    border-left:4px solid #5EC16A;

}

.aleria-step{

    position:relative;

    margin-bottom:55px;

}

.aleria-step:last-child{

    margin-bottom:0;

}

.aleria-step-number{

    position:absolute;

    left:-78px;

    width:44px;

    height:44px;

    border-radius:50%;

    background:#5EC16A;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    font-weight:700;

}

.aleria-step-content{

    background:#fff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.aleria-step-content h3{

    margin-bottom:15px;

    color:#0B3553;

}

.aleria-step-content p{

    margin:0;

    color:#64748B;

    line-height:1.8;

}

.aleria-warning-box{

    margin-top:70px;

    background:#0B3553;

    color:#fff;

    border-radius:22px;

    padding:35px;

    display:flex;

    gap:25px;

    align-items:flex-start;

}

.aleria-warning-icon{

    font-size:42px;

}

.aleria-warning-box h3{

    color:#fff;

    margin-bottom:12px;

}

.aleria-warning-box p{

    color:#E6EEF5;

    margin:0;

    line-height:1.8;

}

.aleria-center-button{

    margin-top:45px;

    text-align:center;

}

@media(max-width:768px){

    .aleria-fibrosis{

        padding:80px 30px;

    }

    .aleria-section-title h2{

        font-size:38px;

    }

    .aleria-timeline{

        padding-left:35px;

    }

    .aleria-step-number{

        left:-58px;

    }

    .aleria-warning-box{

        flex-direction:column;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abd9594 *//*====================================
RINITIS ALÉRGICA
====================================*/

.aleria-rinitis{

    padding:120px 8%;

    background:#ffffff;

}

.aleria-rinitis-container{

    max-width:1280px;

    margin:auto;

    display:grid;

    grid-template-columns:430px 1fr;

    gap:60px;

    align-items:start;

}

.aleria-rinitis-left h2{

    font-size:52px;

    color:#0B3553;

    margin:20px 0;

}

.aleria-rinitis-left p{

    color:#64748B;

    line-height:1.9;

    font-size:18px;

}

.aleria-rinitis-alert{

    margin-top:40px;

    padding:30px;

    background:#F3FBF5;

    border-left:5px solid #5EC16A;

    border-radius:16px;

}

.aleria-rinitis-alert h3{

    color:#0B3553;

    margin-bottom:15px;

}

.aleria-rinitis-right{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

.aleria-allergen-card{

    background:#F8FAFC;

    border-radius:18px;

    padding:30px;

    text-align:center;

    transition:.35s;

    border:1px solid #E9EEF3;

}

.aleria-allergen-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.allergen-icon{

    width:70px;

    height:70px;

    margin:auto auto 20px;

    border-radius:50%;

    background:#5EC16A;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

}

.aleria-allergen-card h3{

    color:#0B3553;

    margin-bottom:12px;

}

.aleria-allergen-card p{

    color:#64748B;

    font-size:15px;

}

.aleria-symptoms{

    max-width:1280px;

    margin:80px auto 0;

}

.aleria-symptoms h3{

    text-align:center;

    margin-bottom:35px;

    color:#0B3553;

    font-size:32px;

}

.aleria-symptom-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

.aleria-symptom-grid div{

    background:#EDF8F0;

    border-radius:15px;

    padding:22px;

    text-align:center;

    font-weight:600;

    color:#0B3553;

}

.aleria-treatment{

    max-width:1280px;

    margin:70px auto 0;

    background:#0B3553;

    border-radius:24px;

    padding:50px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.aleria-treatment h3{

    color:#fff;

    font-size:34px;

    margin-bottom:15px;

}

.aleria-treatment p{

    color:#DCE8F2;

    line-height:1.8;

}

@media(max-width:1024px){

    .aleria-rinitis-container{

        grid-template-columns:1fr;

    }

    .aleria-rinitis-right{

        grid-template-columns:repeat(2,1fr);

    }

    .aleria-symptom-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .aleria-treatment{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:767px){

    .aleria-rinitis{

        padding:80px 30px;

    }

    .aleria-rinitis-left h2{

        font-size:38px;

    }

    .aleria-rinitis-right{

        grid-template-columns:1fr;

    }

    .aleria-symptom-grid{

        grid-template-columns:1fr;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b06a93 *//*====================================
HIPERTENSIÓN PULMONAR
====================================*/

.aleria-ph{

    padding:120px 8%;

    background:#F7FAFC;

}

.aleria-ph-container{

    max-width:1280px;

    margin:auto;

}

.aleria-ph-header{

    text-align:center;

    max-width:820px;

    margin:auto auto 70px;

}

.aleria-ph-header h2{

    font-size:52px;

    color:#0B3553;

    margin:20px 0;

}

.aleria-ph-header p{

    color:#64748B;

    font-size:18px;

    line-height:1.9;

}

.aleria-ph-grid{

    display:grid;

    grid-template-columns:1fr 420px 1fr;

    gap:35px;

    align-items:center;

}

.aleria-ph-image img{

    width:100%;

    border-radius:28px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.aleria-ph-column{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.aleria-ph-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

    background:#fff;

    padding:25px;

    border-radius:18px;

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

}

.ph-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#5EC16A;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    flex-shrink:0;

}

.aleria-ph-item h3{

    color:#0B3553;

    margin-bottom:10px;

}

.aleria-ph-item p{

    margin:0;

    color:#64748B;

    line-height:1.7;

}

.aleria-ph-card{

    background:#fff;

    padding:30px;

    border-radius:20px;

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

}

.aleria-ph-card.green{

    background:#EAF8ED;

    border-left:5px solid #5EC16A;

}

.aleria-ph-card h3{

    color:#0B3553;

    margin-bottom:18px;

}

.aleria-ph-card ul{

    padding-left:20px;

    margin:0;

}

.aleria-ph-card li{

    margin-bottom:12px;

    color:#64748B;

}

.aleria-ph-footer{

    margin-top:70px;

    background:#0B3553;

    border-radius:24px;

    padding:45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.aleria-ph-highlight h3{

    color:#fff;

    font-size:30px;

    margin-bottom:15px;

}

.aleria-ph-highlight p{

    color:#DCE7F0;

    line-height:1.8;

    margin:0;

}

@media(max-width:1100px){

    .aleria-ph-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:767px){

    .aleria-ph{

        padding:80px 30px;

    }

    .aleria-ph-header h2{

        font-size:38px;

    }

    .aleria-ph-footer{

        flex-direction:column;

        text-align:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d47a0d *//*=========================================
CÁNCER DE PULMÓN
=========================================*/

.aleria-cancer{

    position:relative;

    padding:120px 8%;

    background:#0E2337;

    overflow:hidden;

}

.aleria-cancer-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(135deg,#0B3553 0%,#163B56 100%);

    opacity:.96;

}

.aleria-cancer-container{

    position:relative;

    z-index:2;

    max-width:1280px;

    margin:auto;

}

.aleria-cancer-header{

    text-align:center;

    max-width:850px;

    margin:auto auto 70px;

}

.aleria-cancer-header h2{

    color:#fff;

    font-size:54px;

    margin:20px 0;

}

.aleria-cancer-header p{

    color:#D8E5EE;

    font-size:19px;

    line-height:1.9;

}

.aleria-cancer-grid{

    display:grid;

    grid-template-columns:1fr 430px 1fr;

    gap:30px;

    align-items:center;

}

.aleria-risk-panel,
.aleria-symptom-panel{

    background:#ffffff;

    border-radius:24px;

    padding:35px;

}

.aleria-risk-panel h3,
.aleria-symptom-panel h3{

    color:#0B3553;

    margin-bottom:25px;

}

.risk-item{

    background:#F5F8FB;

    border-radius:14px;

    padding:18px;

    margin-bottom:15px;

    font-weight:600;

    color:#0B3553;

}

.aleria-symptom-panel ul{

    padding-left:20px;

    margin:0;

}

.aleria-symptom-panel li{

    margin-bottom:14px;

    color:#64748B;

}

.aleria-center-image img{

    width:100%;

    border-radius:28px;

    box-shadow:0 25px 70px rgba(0,0,0,.25);

}

.aleria-detection{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:70px;

}

.detect-card{

    background:#ffffff;

    border-radius:22px;

    padding:35px;

    text-align:center;

}

.detect-number{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#5EC16A;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    margin:auto auto 20px;

}

.detect-card h3{

    color:#0B3553;

    margin-bottom:15px;

}

.detect-card p{

    color:#64748B;

    line-height:1.8;

}

.aleria-cancer-cta{

    margin-top:70px;

    background:#ffffff;

    border-radius:28px;

    padding:45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.aleria-cancer-cta h3{

    color:#0B3553;

    font-size:34px;

    margin-bottom:15px;

}

.aleria-cancer-cta p{

    color:#64748B;

    margin:0;

    line-height:1.8;

}

@media(max-width:1100px){

    .aleria-cancer-grid{

        grid-template-columns:1fr;

    }

    .aleria-detection{

        grid-template-columns:1fr;

    }

    .aleria-cancer-cta{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:767px){

    .aleria-cancer{

        padding:80px 30px;

    }

    .aleria-cancer-header h2{

        font-size:38px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5759029 *//*====================================
TOS CRÓNICA
====================================*/

.aleria-cough{

    padding:120px 8%;

    background:#ffffff;

}

.aleria-cough-container{

    max-width:1280px;

    margin:auto;

}

.aleria-cough-header{

    max-width:850px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.aleria-cough-header h2{

    font-size:52px;

    color:#0B3553;

    margin:20px 0;

}

.aleria-cough-header p{

    color:#64748B;

    line-height:1.9;

    font-size:18px;

}

.aleria-cough-diagram{

    display:grid;

    grid-template-columns:1fr 1fr 260px 1fr 1fr;

    gap:25px;

    align-items:center;

    margin-bottom:70px;

}

.aleria-center-circle{

    width:230px;

    height:230px;

    border-radius:50%;

    background:#0B3553;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    margin:auto;

    text-align:center;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.aleria-center-circle span{

    display:block;

    font-size:18px;

    letter-spacing:3px;

}

.aleria-center-circle strong{

    display:block;

    font-size:34px;

    margin-top:10px;

}

.aleria-cause-card{

    background:#F8FAFC;

    border-radius:20px;

    padding:30px;

    text-align:center;

    border:1px solid #E8EEF4;

    transition:.35s;

}

.aleria-cause-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.cause-icon{

    width:72px;

    height:72px;

    margin:auto auto 20px;

    border-radius:50%;

    background:#5EC16A;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

}

.aleria-cause-card h3{

    color:#0B3553;

    margin-bottom:15px;

}

.aleria-cause-card p{

    color:#64748B;

    line-height:1.8;

    font-size:15px;

}

.aleria-cough-info{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

}

.aleria-cough-box{

    background:#F8FAFC;

    border-radius:22px;

    padding:35px;

}

.aleria-cough-box.green{

    background:#EEF8F1;

    border-left:5px solid #5EC16A;

}

.aleria-cough-box h3{

    color:#0B3553;

    margin-bottom:20px;

}

.aleria-cough-box ul{

    padding-left:20px;

    margin:0;

}

.aleria-cough-box li{

    margin-bottom:12px;

    color:#64748B;

}

.aleria-cough-box p{

    color:#64748B;

    line-height:1.9;

    margin:0;

}

.aleria-cough-footer{

    margin-top:70px;

    background:#0B3553;

    color:#fff;

    border-radius:26px;

    padding:45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.aleria-cough-footer h3{

    color:#fff;

    font-size:32px;

    margin-bottom:15px;

}

.aleria-cough-footer p{

    color:#DCE8F2;

    line-height:1.8;

    margin:0;

}

@media(max-width:1200px){

    .aleria-cough-diagram{

        grid-template-columns:repeat(2,1fr);

    }

    .aleria-center-circle{

        grid-column:1/-1;

        margin:25px auto;

    }

}

@media(max-width:768px){

    .aleria-cough{

        padding:80px 30px;

    }

    .aleria-cough-header h2{

        font-size:38px;

    }

    .aleria-cough-info{

        grid-template-columns:1fr;

    }

    .aleria-cough-footer{

        flex-direction:column;

        text-align:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e619de3 *//*=========================================
DISNEA
=========================================*/

.aleria-disnea{

    padding:120px 8%;

    background:#F8FBFD;

}

.aleria-disnea-container{

    max-width:1280px;

    margin:auto;

}

.aleria-disnea-header{

    text-align:center;

    max-width:820px;

    margin:auto auto 70px;

}

.aleria-disnea-header h2{

    font-size:52px;

    color:#0B3553;

    margin:20px 0;

}

.aleria-disnea-header p{

    color:#64748B;

    line-height:1.9;

    font-size:18px;

}

.aleria-disnea-levels{

    display:grid;

    grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;

    align-items:center;

    gap:10px;

    margin-bottom:80px;

}

.disnea-level{

    text-align:center;

}

.level-circle{

    width:90px;

    height:90px;

    border-radius:50%;

    margin:auto auto 25px;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    font-weight:700;

}

.green{background:#45C06A;}

.yellow{background:#F2C94C;}

.orange{background:#F2994A;}

.red{background:#EB5757;}

.disnea-arrow{

    height:4px;

    background:#D7E3EC;

}

.disnea-level h3{

    color:#0B3553;

    margin-bottom:15px;

}

.disnea-level p{

    color:#64748B;

    line-height:1.8;

}

.aleria-disnea-content{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.disnea-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.disnea-card.success{

    background:#EAF8EE;

    border-left:5px solid #5EC16A;

}

.disnea-card h3{

    color:#0B3553;

    margin-bottom:18px;

}

.disnea-card ul{

    padding-left:20px;

    margin:0;

}

.disnea-card li{

    margin-bottom:12px;

    color:#64748B;

}

.disnea-card p{

    color:#64748B;

    line-height:1.8;

}

.aleria-disnea-cta{

    margin-top:70px;

    background:#0B3553;

    color:#fff;

    border-radius:24px;

    padding:45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.aleria-disnea-cta h3{

    color:#fff;

    font-size:32px;

    margin-bottom:15px;

}

.aleria-disnea-cta p{

    color:#D9E7F2;

    margin:0;

    line-height:1.8;

}

@media(max-width:1024px){

    .aleria-disnea-levels{

        grid-template-columns:1fr;

    }

    .disnea-arrow{

        display:none;

    }

    .aleria-disnea-content{

        grid-template-columns:1fr;

    }

    .aleria-disnea-cta{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:767px){

    .aleria-disnea{

        padding:80px 30px;

    }

    .aleria-disnea-header h2{

        font-size:38px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2782981 *//*====================================
OXIGENOTERAPIA
====================================*/

.aleria-oxygen{

    padding:120px 8%;

    background:#ffffff;

}

.aleria-oxygen-container{

    max-width:1280px;

    margin:auto;

    display:grid;

    grid-template-columns:500px 1fr;

    gap:70px;

    align-items:center;

}

.aleria-oxygen-image{

    position:relative;

}

.aleria-oxygen-image img{

    width:100%;

    border-radius:28px;

    display:block;

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

}

.oxygen-badge{

    position:absolute;

    left:30px;

    bottom:30px;

    background:#5EC16A;

    color:#fff;

    padding:14px 24px;

    border-radius:40px;

    font-weight:600;

}

.aleria-oxygen-content h2{

    font-size:52px;

    color:#0B3553;

    margin:20px 0;

}

.aleria-oxygen-content p{

    color:#64748B;

    line-height:1.9;

    font-size:18px;

}

.oxygen-benefits{

    margin-top:45px;

    display:flex;

    flex-direction:column;

    gap:22px;

}

.oxygen-item{

    display:flex;

    gap:22px;

    align-items:flex-start;

    background:#F8FAFC;

    padding:25px;

    border-radius:18px;

    transition:.3s;

}

.oxygen-item:hover{

    transform:translateX(8px);

}

.oxygen-icon{

    width:68px;

    height:68px;

    border-radius:50%;

    background:#5EC16A;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    flex-shrink:0;

}

.oxygen-item h3{

    color:#0B3553;

    margin-bottom:10px;

}

.oxygen-item p{

    margin:0;

    font-size:16px;

}

.aleria-oxygen-process{

    max-width:1280px;

    margin:90px auto 0;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.oxygen-step{

    background:#F8FAFC;

    border-radius:22px;

    padding:35px;

    text-align:center;

}

.oxygen-step span{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto auto 20px;

    border-radius:50%;

    background:#5EC16A;

    color:#fff;

    font-size:24px;

    font-weight:700;

}

.oxygen-step h3{

    color:#0B3553;

    margin-bottom:15px;

}

.oxygen-step p{

    color:#64748B;

    line-height:1.8;

}

.aleria-oxygen-cta{

    max-width:1280px;

    margin:70px auto 0;

    background:#0B3553;

    color:#fff;

    border-radius:24px;

    padding:45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}

.aleria-oxygen-cta h3{

    color:#fff;

    font-size:32px;

    margin-bottom:15px;

}

.aleria-oxygen-cta p{

    color:#D8E5EE;

    margin:0;

    line-height:1.8;

}

@media(max-width:1024px){

.aleria-oxygen-container{

    grid-template-columns:1fr;

}

.aleria-oxygen-process{

    grid-template-columns:repeat(2,1fr);

}

.aleria-oxygen-cta{

    flex-direction:column;

    text-align:center;

}

}

@media(max-width:768px){

.aleria-oxygen{

    padding:80px 30px;

}

.aleria-oxygen-content h2{

    font-size:38px;

}

.aleria-oxygen-process{

    grid-template-columns:1fr;

}

}/* End custom CSS */