.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-5fa9a10 *//*====================================================
PARTE 1 | TRATAMIENTOS
HERO + INTRODUCCIÓN + CATÁLOGO
====================================================*/


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

.kb-hero-servicio{

    position:relative;
    overflow:hidden;

    background:linear-gradient(135deg,#2d7fc2 0%,#4aa3e0 100%);

    border-radius:30px;

    padding:70px 40px;

    text-align:center;

    margin-bottom:80px;

}

.kb-hero-servicio::before{

    content:"";

    position:absolute;

    top:-180px;
    right:-180px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

}

.kb-hero-servicio::after{

    content:"";

    position:absolute;

    bottom:-220px;
    left:-180px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

.kb-hero-servicio>*{

    position:relative;
    z-index:2;

}

.kb-hero-servicio h1{

    color:#ffffff;

    font-size:60px;

    font-weight:700;

    line-height:1.2;

    margin-bottom:25px;

}

.kb-bajada{

    max-width:800px;

    margin:0 auto 40px;

    color:rgba(255,255,255,.95);

    font-size:20px;

    line-height:1.9;

}

.kb-hero-botones{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.kb-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:17px 36px;

    border-radius:50px;

    background:#ffffff;

    color:#2478bb;

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}

.kb-btn-primary:hover{

    transform:translateY(-4px);

    background:#f5f9fc;

}

.kb-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:17px 36px;

    border-radius:50px;

    border:2px solid rgba(255,255,255,.8);

    color:#ffffff;

    text-decoration:none;

    font-weight:700;

    transition:.30s;

}

.kb-btn-secondary:hover{

    background:#ffffff;

    color:#2478bb;

}


/*====================================================
INTRODUCCIÓN
====================================================*/

.kb-intro{

    max-width:1100px;

    margin:0 auto 90px;

}

.kb-intro h2{

    text-align:center;

    color:#17395d;

    font-size:42px;

    margin-bottom:30px;

}

.kb-intro p{

    max-width:900px;

    margin:0 auto 24px;

    text-align:center;

    color:#617688;

    font-size:18px;

    line-height:1.9;

}


/*====================================================
TRATAMIENTOS
====================================================*/

.kb-beneficios{

    max-width:1200px;

    margin:0 auto 90px;

}

.kb-beneficios h2{

    text-align:center;

    color:#17395d;

    font-size:42px;

    margin-bottom:22px;

}

.kb-beneficios>p{

    max-width:900px;

    margin:0 auto 45px;

    text-align:center;

    color:#617688;

    font-size:18px;

    line-height:1.9;

}


/*====================================================
GRID
====================================================*/

.kb-grid-beneficios{

    display:grid;

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

    gap:28px;

}


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

.kb-card{

    display:flex;

    flex-direction:column;

    background:#ffffff;

    border-radius:24px;

    padding:35px;

    border:1px solid rgba(23,57,93,.06);

    box-shadow:0 14px 40px rgba(24,85,135,.08);

    transition:.30s;

}

.kb-card:hover{

    transform:translateY(-8px);

    box-shadow:0 24px 55px rgba(24,85,135,.14);

}

.kb-card h3{

    color:#17395d;

    font-size:24px;

    margin-bottom:18px;

}

.kb-card p{

    flex-grow:1;

    color:#617688;

    line-height:1.85;

    margin:0;

}


/*====================================================
LINK TRATAMIENTO
====================================================*/

.kb-card a{

    display:inline-flex;

    align-items:center;

    margin-top:24px;

    color:#2d7fc2;

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}

.kb-card a:hover{

    color:#17395d;

    transform:translateX(6px);

}


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

@media(max-width:1024px){

.kb-grid-beneficios{

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

}

.kb-hero-servicio h1{

    font-size:50px;

}

}


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

@media(max-width:768px){

.kb-hero-servicio{

    padding:55px 25px;

}

.kb-hero-servicio h1{

    font-size:38px;

}

.kb-bajada{

    font-size:18px;

}

.kb-intro h2,
.kb-beneficios h2{

    font-size:32px;

}

.kb-intro p,
.kb-beneficios>p{

    font-size:17px;

}

.kb-grid-beneficios{

    grid-template-columns:1fr;

}

.kb-card{

    padding:28px;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b786daf *//*====================================================
PARTE 2 | TRATAMIENTOS
PROCESO + PROBLEMAS + CTA
====================================================*/


/*====================================================
CONTENEDOR GENERAL
====================================================*/

.kb-proceso,
.kb-pacientes,
.kb-evaluacion{

    max-width:1200px;
    margin:0 auto 80px;

}


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

.kb-proceso h2,
.kb-pacientes h2,
.kb-evaluacion h2{

    text-align:center;

    color:#17395d;

    font-size:42px;

    line-height:1.25;

    margin-bottom:25px;

}

.kb-proceso>p,
.kb-pacientes>p,
.kb-evaluacion>p{

    max-width:900px;

    margin:0 auto 25px;

    text-align:center;

    color:#617688;

    font-size:18px;

    line-height:1.9;

}


/*====================================================
PROCESO
====================================================*/

.kb-pasos{

    display:grid;

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

    gap:24px;

    margin-top:50px;

}

.kb-paso{

    background:#ffffff;

    border-radius:24px;

    padding:35px;

    border:1px solid rgba(23,57,93,.06);

    box-shadow:0 15px 40px rgba(23,57,93,.08);

    transition:.30s;

}

.kb-paso:hover{

    transform:translateY(-8px);

    box-shadow:0 24px 55px rgba(23,57,93,.14);

}

.kb-paso span{

    display:flex;

    justify-content:center;

    align-items:center;

    width:55px;

    height:55px;

    margin-bottom:22px;

    border-radius:18px;

    background:linear-gradient(135deg,#2d7fc2,#4aa3e0);

    color:#ffffff;

    font-weight:700;

    font-size:18px;

}

.kb-paso h3{

    color:#17395d;

    font-size:23px;

    margin-bottom:15px;

}

.kb-paso p{

    color:#617688;

    line-height:1.85;

    margin:0;

}


/*====================================================
PROBLEMAS QUE TRATAMOS
====================================================*/

.kb-pacientes{

    background:#f6fbfe;

    border-radius:30px;

    padding:70px 45px;

}

.kb-grid-pacientes{

    display:grid;

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

    gap:25px;

    margin-top:45px;

}

.kb-item{

    background:#ffffff;

    border-radius:22px;

    padding:30px;

    border:1px solid rgba(23,57,93,.06);

    box-shadow:0 12px 32px rgba(23,57,93,.07);

    transition:.30s;

}

.kb-item:hover{

    transform:translateY(-7px);

    box-shadow:0 20px 46px rgba(23,57,93,.12);

}

.kb-item h3{

    color:#17395d;

    font-size:22px;

    margin-bottom:15px;

}

.kb-item p{

    color:#617688;

    line-height:1.8;

    margin:0;

}


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

.kb-evaluacion{

    text-align:center;

    padding:70px 45px;

    border-radius:30px;

    background:linear-gradient(135deg,#eef8fe,#f8fcff);

    border:1px solid rgba(45,127,194,.12);

}

.kb-center{

    display:flex;

    justify-content:center;

    margin-top:35px;

}

.kb-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:230px;

    padding:18px 38px;

    border-radius:50px;

    text-decoration:none;

    background:linear-gradient(135deg,#2d7fc2,#4aa3e0);

    color:#ffffff;

    font-weight:700;

    transition:.30s;

    box-shadow:0 14px 35px rgba(45,127,194,.22);

}

.kb-btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 22px 45px rgba(45,127,194,.30);

}


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

@media(max-width:1024px){

.kb-pasos{

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

}

.kb-grid-pacientes{

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

}

}


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

@media(max-width:768px){

.kb-proceso,
.kb-pacientes,
.kb-evaluacion{

    margin-bottom:60px;

}

.kb-proceso h2,
.kb-pacientes h2,
.kb-evaluacion h2{

    font-size:32px;

}

.kb-proceso>p,
.kb-pacientes>p,
.kb-evaluacion>p{

    font-size:17px;

}

.kb-pasos,
.kb-grid-pacientes{

    grid-template-columns:1fr;

}

.kb-pacientes{

    padding:50px 25px;

}

.kb-evaluacion{

    padding:50px 25px;

}

.kb-paso,
.kb-item{

    padding:28px;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-61fddfd *//*====================================================
PARTE 3 | TRATAMIENTOS
BENEFICIOS + FAQ + COMPROMISO
====================================================*/


/*====================================================
CONTENEDORES
====================================================*/

.kb-beneficios-avanzados,
.kb-faq,
.kb-diferencia{

    max-width:1200px;
    margin:0 auto 90px;

}


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

.kb-beneficios-avanzados h2,
.kb-faq h2,
.kb-destacado h2{

    text-align:center;
    color:#17395d;
    font-size:42px;
    line-height:1.25;
    margin-bottom:25px;

}

.kb-beneficios-avanzados>p{

    max-width:900px;
    margin:0 auto 45px;
    text-align:center;
    color:#617688;
    font-size:18px;
    line-height:1.9;

}


/*====================================================
BENEFICIOS
====================================================*/

.kb-beneficios-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

}

.kb-beneficio{

    background:#ffffff;
    border-radius:24px;
    padding:35px;

    border:1px solid rgba(23,57,93,.06);

    box-shadow:0 15px 40px rgba(24,85,135,.08);

    transition:.30s;

}

.kb-beneficio:hover{

    transform:translateY(-8px);

    box-shadow:0 24px 55px rgba(24,85,135,.14);

}

.kb-beneficio h3{

    color:#17395d;
    font-size:24px;
    margin-bottom:18px;

}

.kb-beneficio p{

    color:#617688;
    line-height:1.85;
    margin:0;

}


/*====================================================
FAQ
====================================================*/

.kb-faq-item{

    background:#ffffff;

    padding:32px;

    margin-bottom:22px;

    border-radius:22px;

    border-left:6px solid #2d7fc2;

    box-shadow:0 14px 38px rgba(23,57,93,.07);

    transition:.30s;

}

.kb-faq-item:hover{

    transform:translateX(6px);

}

.kb-faq-item h3{

    color:#17395d;

    font-size:23px;

    margin-bottom:15px;

}

.kb-faq-item p{

    color:#617688;

    line-height:1.85;

    margin:0;

}


/*====================================================
COMPROMISO
====================================================*/

.kb-destacado{

    position:relative;

    overflow:hidden;

    background:linear-gradient(135deg,#2d7fc2,#4aa3e0);

    border-radius:30px;

    padding:70px 55px;

    color:#ffffff;

}

.kb-destacado::before{

    content:"";

    position:absolute;

    top:-180px;
    right:-180px;

    width:400px;
    height:400px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

}

.kb-destacado::after{

    content:"";

    position:absolute;

    bottom:-200px;
    left:-180px;

    width:360px;
    height:360px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

.kb-destacado>*{

    position:relative;
    z-index:2;

}

.kb-destacado h2{

    color:#ffffff;

}

.kb-destacado>p{

    max-width:850px;

    margin:0 auto 40px;

    text-align:center;

    color:rgba(255,255,255,.95);

    font-size:19px;

    line-height:1.9;

}

.kb-destacado ul{

    max-width:800px;

    margin:0 auto;

    padding:0;

    list-style:none;

}

.kb-destacado li{

    position:relative;

    background:rgba(255,255,255,.12);

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

    border-radius:18px;

    padding:17px 20px 17px 60px;

    margin-bottom:16px;

    color:#ffffff;

    line-height:1.7;

}

.kb-destacado li::before{

    content:"✓";

    position:absolute;

    left:22px;
    top:50%;

    transform:translateY(-50%);

    width:28px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    color:#2d7fc2;

    font-weight:bold;

    font-size:15px;

}


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

@media(max-width:1024px){

.kb-beneficios-grid{

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

}

}


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

@media(max-width:768px){

.kb-beneficios-avanzados h2,
.kb-faq h2,
.kb-destacado h2{

    font-size:32px;

}

.kb-beneficios-grid{

    grid-template-columns:1fr;

}

.kb-beneficio{

    padding:28px;

}

.kb-faq-item{

    padding:26px;

}

.kb-destacado{

    padding:50px 25px;

}

.kb-destacado>p{

    font-size:17px;

}

.kb-destacado li{

    padding:16px 18px 16px 55px;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4ac3bb3 *//*====================================================
PARTE 4 | TRATAMIENTOS
CTA FINAL + BENEFICIOS + ENLACES
====================================================*/


/*====================================================
SECCIÓN FINAL
====================================================*/

.kb4-final{

    padding:30px 20px;

    background:#ffffff;

}

.kb4-container{

    max-width:1200px;

    margin:0 auto;

}

.kb4-final h2{

    text-align:center;

    font-size:42px;

    color:#17395d;

    margin-bottom:25px;

    line-height:1.25;

}

.kb4-texto{

    max-width:900px;

    margin:0 auto 55px;

    text-align:center;

    color:#617688;

    font-size:18px;

    line-height:1.9;

}


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

.kb4-grid{

    display:grid;

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

    gap:30px;

}

.kb4-card{

    background:#ffffff;

    border-radius:24px;

    padding:35px;

    border:1px solid rgba(23,57,93,.08);

    box-shadow:0 18px 40px rgba(23,57,93,.08);

    transition:.35s;

}

.kb4-card:hover{

    transform:translateY(-8px);

    box-shadow:0 28px 55px rgba(23,57,93,.15);

}

.kb4-icono{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:linear-gradient(135deg,#2d7fc2,#4aa3e0);

    color:#fff;

    font-size:24px;

    font-weight:bold;

    margin-bottom:22px;

}

.kb4-card h3{

    color:#17395d;

    font-size:24px;

    margin-bottom:18px;

}

.kb4-card p{

    color:#617688;

    line-height:1.85;

    margin:0;

}


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

.kb4-cta{

    padding:90px 20px;

    background:linear-gradient(135deg,#2d7fc2,#4aa3e0);

    color:#ffffff;

    text-align:center;

}

.kb4-cta h2{

    color:#ffffff;

    font-size:42px;

    margin-bottom:25px;

}

.kb4-cta p{

    max-width:850px;

    margin:0 auto 45px;

    font-size:18px;

    line-height:1.9;

    color:rgba(255,255,255,.95);

}

.kb4-botones{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.kb4-btn-whatsapp{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border-radius:50px;

    background:#ffffff;

    color:#2d7fc2;

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}

.kb4-btn-whatsapp:hover{

    transform:translateY(-4px);

}

.kb4-btn-telefono{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border-radius:50px;

    border:2px solid rgba(255,255,255,.85);

    color:#ffffff;

    text-decoration:none;

    font-weight:700;

    transition:.30s;

}

.kb4-btn-telefono:hover{

    background:rgba(255,255,255,.12);

}


/*====================================================
TRATAMIENTOS RELACIONADOS
====================================================*/

.kb4-servicios{

    padding:90px 20px;

    background:#f7fbff;

}

.kb4-servicios h2{

    text-align:center;

    color:#17395d;

    font-size:40px;

    margin-bottom:45px;

}

.kb4-links{

    display:grid;

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

    gap:20px;

}

.kb4-links a{

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    min-height:80px;

    padding:20px;

    border-radius:18px;

    text-decoration:none;

    background:#ffffff;

    color:#17395d;

    font-weight:600;

    border:1px solid rgba(23,57,93,.08);

    box-shadow:0 12px 30px rgba(23,57,93,.06);

    transition:.30s;

}

.kb4-links a:hover{

    background:linear-gradient(135deg,#2d7fc2,#4aa3e0);

    color:#ffffff;

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(45,127,194,.20);

}


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

@media(max-width:992px){

.kb4-grid{

    grid-template-columns:1fr;

}

.kb4-links{

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

}

}


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

@media(max-width:768px){

.kb4-final h2,
.kb4-cta h2,
.kb4-servicios h2{

    font-size:32px;

}

.kb4-texto,
.kb4-cta p{

    font-size:17px;

}

.kb4-links{

    grid-template-columns:1fr;

}

.kb4-card{

    padding:28px;

}

.kb4-final,
.kb4-cta,
.kb4-servicios{

    padding:60px 20px;

}

.kb4-btn-whatsapp,
.kb4-btn-telefono{

    width:100%;

}

}/* End custom CSS */