.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 | SOBRE KBODY SPORT
HERO + INTRO + VALORES
====================================================*/


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

.kb-hero-servicio{

    background:linear-gradient(135deg,#2d7fc2 0%,#4aa3e0 100%);
    border-radius:30px;
    padding:70px 40px;
    text-align:center;
    margin-bottom:80px;
    overflow:hidden;
    position:relative;

}

.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 h1,
.kb-hero-servicio h1 *{

    color:#fff !important;

    font-size:60px;

    font-weight:700;

    line-height:1.2;

    margin-bottom:25px;

    position:relative;

    z-index:2;

}

.kb-bajada{

    max-width:780px;

    margin:0 auto 45px;

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

    font-size:21px;

    line-height:1.9;

    position:relative;

    z-index:2;

}

.kb-hero-botones{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

    position:relative;

    z-index:2;

}

.kb-btn-primary{

    background:#ffffff;

    color:#2478bb;

    padding:17px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.kb-btn-primary:hover{

    background:#f4f8fb;

    transform:translateY(-4px);

}

.kb-btn-secondary{

    background:transparent;

    color:#ffffff;

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

    padding:17px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.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:35px;

}

.kb-intro p{

    max-width:900px;

    margin:0 auto 25px;

    color:#617688;

    font-size:18px;

    line-height:1.9;

    text-align:center;

}



/*====================================================
VALORES
====================================================*/

.kb-beneficios{

    max-width:1200px;

    margin:0 auto 90px;

}

.kb-beneficios h2{

    text-align:center;

    color:#17395d;

    font-size:42px;

    margin-bottom:25px;

}

.kb-beneficios>p{

    max-width:900px;

    margin:0 auto 45px;

    color:#617688;

    text-align:center;

    font-size:18px;

    line-height:1.9;

}

.kb-grid-beneficios{

    display:grid;

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

    gap:28px;

}

.kb-card{

    background:#ffffff;

    padding:35px;

    border-radius:24px;

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

    box-shadow:0 15px 40px rgba(30,84,131,.08);

    transition:.30s;

}

.kb-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 50px rgba(30,84,131,.14);

}

.kb-card h3{

    color:#17395d;

    font-size:24px;

    margin-bottom:18px;

}

.kb-card p{

    color:#617688;

    line-height:1.8;

    margin:0;

}



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

@media(max-width:1024px){

.kb-grid-beneficios{

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

}

}



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

@media(max-width:768px){

.kb-hero-servicio{

    padding:55px 25px;

}

.kb-hero-servicio h1,
.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 | SOBRE KBODY SPORT
PROCESO + PACIENTES + EVALUACIÓN
====================================================*/

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

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

}

/*====================================================
TÍTULOS Y TEXTOS GENERALES
====================================================*/

.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 22px;
    text-align:center;
    color:#617688;
    font-size:18px;
    line-height:1.9;

}

/*====================================================
PROCESO DE ATENCIÓN
====================================================*/

.kb-pasos{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-top:50px;

}

.kb-paso{

    position:relative;
    background:#ffffff;
    border:1px solid rgba(23,57,93,.07);
    border-radius:24px;
    padding:35px 28px;
    box-shadow:0 14px 40px rgba(25,91,145,.08);
    transition:transform .3s ease, box-shadow .3s ease;

}

.kb-paso:hover{

    transform:translateY(-7px);
    box-shadow:0 22px 50px rgba(25,91,145,.13);

}

.kb-paso span{

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

    width:54px;
    height:54px;

    margin-bottom:24px;

    border-radius:18px;

    background:linear-gradient(135deg,#318dce,#4db1eb);
    color:#ffffff;

    font-size:17px;
    font-weight:800;

    box-shadow:0 10px 24px rgba(49,141,206,.22);

}

.kb-paso h3{

    color:#17395d;
    font-size:23px;
    line-height:1.3;
    margin-bottom:15px;

}

.kb-paso p{

    color:#617688;
    font-size:16px;
    line-height:1.8;
    margin:0;

}

/*====================================================
TIPOS DE PACIENTES
====================================================*/

.kb-pacientes{

    padding:70px 45px;
    border-radius:30px;
    background:#f4f9fd;

}

.kb-grid-pacientes{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:45px;

}

.kb-item{

    background:#ffffff;
    padding:30px;
    border-radius:22px;
    border:1px solid rgba(23,57,93,.06);
    box-shadow:0 12px 32px rgba(25,91,145,.06);
    transition:transform .3s ease, box-shadow .3s ease;

}

.kb-item:hover{

    transform:translateY(-6px);
    box-shadow:0 20px 44px rgba(25,91,145,.11);

}

.kb-item h3{

    color:#17395d;
    font-size:22px;
    line-height:1.3;
    margin-bottom:14px;

}

.kb-item p{

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

}

/*====================================================
CTA EVALUACIÓN
====================================================*/

.kb-evaluacion{

    padding:65px 35px;
    border-radius:30px;
    text-align:center;

    background:linear-gradient(135deg,#eaf7ff 0%,#f7fbfe 100%);
    border:1px solid rgba(47,164,224,.13);

}

.kb-evaluacion h2{

    margin-bottom:20px;

}

.kb-center{

    display:flex;
    justify-content:center;
    margin-top:35px;

}

.kb-evaluacion .kb-btn-primary{

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

    min-width:220px;
    padding:17px 35px;

    border-radius:50px;

    background:linear-gradient(135deg,#318dce,#4db1eb);
    color:#ffffff;

    text-decoration:none;
    font-weight:700;

    box-shadow:0 12px 28px rgba(49,141,206,.24);
    transition:transform .3s ease, box-shadow .3s ease;

}

.kb-evaluacion .kb-btn-primary:hover{

    transform:translateY(-4px);
    box-shadow:0 18px 34px rgba(49,141,206,.31);

}

/*====================================================
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 22px;

    }

    .kb-evaluacion{

        padding:50px 24px;

    }

    .kb-paso,
    .kb-item{

        padding:27px 24px;

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-61fddfd *//*====================================================
PARTE 3 | SOBRE KBODY SPORT
FILOSOFÍA + FAQ + DIFERENCIADOR
====================================================*/


/*====================================================
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;

}


/*====================================================
FILOSOFÍA
====================================================*/

.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 14px 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 #2d8fd3;

    box-shadow:0 14px 38px rgba(25,92,146,.07);

    transition:.3s;

}

.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;

}


/*====================================================
DESTACADO
====================================================*/

.kb-destacado{

    background:linear-gradient(135deg,#2d7fc2,#49a4e2);

    border-radius:30px;

    padding:70px 55px;

    color:#ffffff;

    position:relative;

    overflow:hidden;

}

.kb-destacado::before{

    content:"";

    position:absolute;

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

    width:380px;
    height:380px;

    border-radius:50%;

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

}

.kb-destacado::after{

    content:"";

    position:absolute;

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

    width:340px;
    height:340px;

    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:860px;

    margin:0 auto 40px;

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

    text-align:center;

    font-size:19px;

    line-height:1.9;

}

.kb-destacado ul{

    max-width:760px;

    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;

    line-height:1.7;

    color:#ffffff;

}

.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 li{

    padding:16px 18px 16px 55px;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4ac3bb3 *//*====================================================
PARTE 4 | SOBRE KBODY SPORT
CTA FINAL + SERVICIOS
====================================================*/


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

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

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

}

.kb4-container{

    width:100%;

}


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

.kb4-final{

    background:#f7fbfe;

    border-radius:32px;

    padding:70px 50px;

}

.kb4-final h2{

    text-align:center;

    font-size:42px;

    color:#17395d;

    margin-bottom:25px;

}

.kb4-texto{

    max-width:900px;

    margin:0 auto 55px;

    text-align:center;

    font-size:18px;

    line-height:1.9;

    color:#617688;

}


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

.kb4-grid{

    display:grid;

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

    gap:28px;

}


/*====================================================
CARD
====================================================*/

.kb4-card{

    background:#ffffff;

    border-radius:24px;

    padding:35px;

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

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

    transition:.30s;

}

.kb4-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 50px rgba(23,57,93,.13);

}

.kb4-icono{

    width:60px;

    height:60px;

    border-radius:18px;

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

    display:flex;

    justify-content:center;

    align-items:center;

    color:#ffffff;

    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.8;

    margin:0;

}


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

.kb4-cta{

    background:linear-gradient(135deg,#2d7fc2,#49a4e2);

    border-radius:30px;

    padding:75px 45px;

    text-align:center;

    color:#ffffff;

    position:relative;

    overflow:hidden;

}

.kb4-cta::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:380px;

    height:380px;

    border-radius:50%;

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

}

.kb4-cta::after{

    content:"";

    position:absolute;

    bottom:-180px;

    left:-180px;

    width:320px;

    height:320px;

    border-radius:50%;

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

}

.kb4-cta>*{

    position:relative;

    z-index:2;

}

.kb4-cta h2{

    color:#ffffff;

    font-size:42px;

    margin-bottom:25px;

}

.kb4-cta p{

    max-width:850px;

    margin:0 auto 40px;

    font-size:19px;

    line-height:1.9;

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

}


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

.kb4-botones{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

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

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    padding:17px 34px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:.30s;

}

.kb4-btn-whatsapp{

    background:#ffffff;

    color:#2478bb;

}

.kb4-btn-whatsapp:hover{

    transform:translateY(-4px);

    background:#f4f8fb;

}

.kb4-btn-telefono{

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

    color:#ffffff;

    background:transparent;

}

.kb4-btn-telefono:hover{

    background:#ffffff;

    color:#2478bb;

}


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

.kb4-servicios{

    text-align:center;

}

.kb4-servicios h2{

    color:#17395d;

    font-size:42px;

    margin-bottom:40px;

}

.kb4-links{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

}

.kb4-links a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 24px;

    border-radius:50px;

    text-decoration:none;

    background:#eef7fd;

    color:#2478bb;

    font-weight:600;

    transition:.30s;

    border:1px solid rgba(36,120,187,.08);

}

.kb4-links a:hover{

    background:#2d7fc2;

    color:#ffffff;

    transform:translateY(-3px);

}


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

@media(max-width:1024px){

.kb4-grid{

    grid-template-columns:1fr;

}

}


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

@media(max-width:768px){

.kb4-final,
.kb4-cta{

    padding:50px 25px;

}

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

    font-size:32px;

}

.kb4-texto,
.kb4-cta p{

    font-size:17px;

}

.kb4-card{

    padding:28px;

}

.kb4-links{

    flex-direction:column;

}

.kb4-links a{

    width:100%;

}

}/* End custom CSS */