@font-face { font-family: 'Suisse BP Intl'; src: url('fonts/SuisseIntl-Regular.ttf'); }
@font-face { font-family: 'Suisse BP Intl Medium'; src: url('fonts/Suisse_Intl_Medium.ttf'); }
@font-face { font-family: 'Editorial New Light'; src: url('fonts/Editorial_New_Light.ttf'); }

body{ letter-spacing: -4%; }
body, .font_regular{ font-family: 'Suisse BP Intl'; }
.font_medium, label{ font-family: 'Suisse BP Intl Medium'; }
.font_light{ font-family: 'Editorial New Light'; }
.font_clara{ color: #F0EBD9; }
.font_oscura{ color: #2B2B2B; }

.w100{ width: 100%; }
/* h1{ font-size: 5rem; }
h2{ font-size: 3.5rem; }
h3{ font-size: 1.55rem; }
h4{ margin: 0; font-size: 1.3rem; }
h5{ margin: 0; font-size: 0.9rem; }
h6{ font-size: 0.79rem; }
p{ font-size: 1.1rem; line-height: 1.2; } */
.h1_esp{ font-size: 7rem; }
h1{ font-size: 5.33rem; }
h2{ font-size: 4.46rem; }
h3{ font-size: 2.26rem; }
h4, .enviar_form{ font-size: 2.13rem; }
h5{ font-size: 1.93rem; }
h6, label{ font-size: 1.8rem; }
p{ font-size: 1.46rem; }
span, a{font-size: 1.2rem; }

.pd0{ padding: 0; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.m0{ margin: 0; }
.pb5{ padding-bottom: 5rem; }
body, .crema, .incertidumbre_miedo{ background-color: #F0EBD9; }
.cafe{ background-color: #2B2B2B; border-radius: 40px; height:100%; display:flex; flex-direction:column; }

.navbar{ padding: 1.5rem 0; }
.logo_lumenia{ height: 60px; }
.btn-llama-ahora{ display: flex; align-items: center; background-color: #EED35B; border: 2px solid #262116; border-radius: 30px; padding: 5px 25px; max-width: 300px; cursor: pointer; }
.btn-llama-ahora h6{ font-family: 'Suisse BP Intl Medium'; font-size: 1.3rem; margin: 0; line-height: 0.9; text-align: left !important; }
.btn-llama-ahora span{ font-size: 0.9rem; }
.btn-llama-ahora img{ width: 40px !important; margin-right: 10px; }

.banner{ background-image: url('../assets/recuperacion-de-adiccion.png'); background-position: center; padding: 12rem 15px; border-radius: 0 0 40px 40px; background-repeat: no-repeat; background-size: cover; }
.cuidar_alguien{ background-color: #ACB4C4; border-radius: 40px; padding: 5rem 0; }
.cuidar_alguien img{ width: 100%; }
.incertidumbre_miedo{ border-radius: 40px 0 0 0; }
.incertidumbre{ border-radius: 0 40px 0 0; }
.shadows{ box-shadow: 12px 14px 20px rgba(0,0,0,.31); }
.por-que-lumenia{ padding: 5rem 0; }
.rojo{ background-color: #E59C78; border-radius: 40px; overflow: hidden; }
.celeste{ background-color: #ACB4C4; border-radius: 40px; }
.amarillo{ background-color: #EAC67D; border-radius: 40px; }

.equipo{ border-radius: 45px 45px 0 0 !important; padding: 5rem 15px 8rem; margin-bottom: -3rem; }
.equipo_individual{ border-radius: 70px 70px 0 0; }
.linea-equipo{ height: 10px; width: 100%; margin-bottom: -12px; }
.equipo_text{ padding: 1rem 0.5rem 0rem 0.5rem; min-height: 105px; }
.equipo_text h5{ margin: 0; line-height: 1; }

.tabla-comparativa{ background-color: #E59C78; border-radius: 40px; padding: 5rem 15px; }
/* h2.font_light{ font-size: 4rem; } */

.comparison-wrapper{ background: #F0EBD9; margin-top: 2rem; padding: 2.5rem; border-radius: 40px; box-shadow: 12px 14px 20px rgba(0,0,0,.31); }
.comparison-table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 2px solid #2b2b2b; border-radius: 40px; background: #F0EBD9; }
.comparison-table th, .comparison-table td{ padding: 1rem 2rem; border-right: 2px solid #2b2b2b; border-bottom: 2px solid #2b2b2b; vertical-align: middle; }
.comparison-table th:last-child, .comparison-table td:last-child{ border-right:none; }
.comparison-table tr:last-child td{ border-bottom:none; }
.comparison-table th, .title-col{ font-size: 1.93rem !important; font-family: 'Editorial New Light' !important; }
.comparison-table td{ width: 33%; font-size: 1.46rem; font-family: 'Suisse BP Intl'; padding: 1rem 1rem; }
.comparison-table .otras{ padding: 1rem 3rem; }
.comparison-table .lumenia-tab{ padding: 1rem 3rem 1rem 1rem; }

.swiper{ padding: 4rem 0 !important; margin-bottom: 4rem; }

.galeria-coverflow{ padding:60px 0 80px; overflow:hidden; }
.galeria-coverflow .swiper-slide{ width:65%; }
.galeria-coverflow img{ width:95%; height: 500px; object-fit:cover; border-radius:40px; display:block; margin: 0 auto; }
.swiper-button-prev,.swiper-button-next{ color:#2f2f2f; }
.swiper-pagination{ margin-top:20px; }

.swiper-button-prev, .swiper-rtl .swiper-button-next{ left: var(--swiper-navigation-sides-offset, 545px) !important; z-index: 999 !important; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content: '\2190' !important; }
.swiper-button-next, .swiper-rtl .swiper-button-prev{ right: var(--swiper-navigation-sides-offset, 545px) !important; z-index: 999 !important; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ content: '\2192' !important; }
.swiper-button-next:after, .swiper-button-prev:after{ background-color: #2b2b2b; color: #fff; font-size: 1.5rem !important; padding: 0.5rem 1rem; border-radius: 21px; }
.swiper-button-next, .swiper-button-prev{ top: 96.5% !important; }
.swiper-pagination-bullet{ border: 1px solid #2b2b2b !important; background-color: unset !important; opacity: 1 !important; width: 9px !important; height: 9px !important; }
.swiper-pagination-bullet-active{ background-color: #2b2b2b !important; }

.certificaciones{ padding-bottom: 4rem; }
.footer{ background-color: #2B2B2B; border-radius: 40px 40px 0 0; color: #F0EBD9; padding: 4rem 15px; }
.footer a{ color: #F0EBD9; text-decoration: none; }
.redes_sociales{ padding-top: 2rem; }

.form-control{ border: 2px solid #000; border-radius: 20px; background-color: unset; }
input.form-control{ height: 50px; }
.formulario label{ text-align: left; }
.enviar_form{ background-color: #EED35B; width: 100%; margin-top: 1rem; border-radius: 20px; text-transform: uppercase; padding: 0.7rem 0; }
.form-control:focus{ box-shadow: unset; background-color: unset; border-color: #E59C78; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
label{ color: #2B2B2B; }

.pr13{ padding-right: 13px; }
.pl13{ padding-left: 13px; }
.formulario_contacto{ width: 100%; }

.indicador-animacion { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; pointer-events: none; transition: opacity 0.4s ease-out; }
.indicador-animacion img { width: 60px !important; height: auto; opacity: 0.8; filter: invert(1) !important; }

.cafe p{ line-height: 1.2; }

@media (min-width: 768px) {
    .pr130{ padding-right: 130px; }
    .asegura_recuperacion .container{ padding: 4rem 15px; }
    .incertidumbre_miedo .container{ padding: 0 7.2rem; }

    .cafe p{ margin: 0; padding: 1.5rem 2rem; }
    .amarillo, .rojo, .celeste{ padding: 1.5rem 2rem; }

    .modelo-minnesota{ width: 70%; position: relative; left: 6rem; }
    .fundacion{ width: 80%; position: relative; left: 1rem; margin-bottom: 2rem; }
    .sanacion-espiritual{ width: 80%; position: relative; left: 3rem; margin-bottom: 1.4rem; }
    .atencion-humana{ width: 90%; position: relative; bottom: -1rem; }
    .tratamientos{ width: 129%; position: relative; left: -2.8rem; top: -1.5rem; margin-bottom: -2.4rem; }
    .reconocimientos{ width: 90%; position: relative; margin: 3rem 1rem 3.8rem; }

    .redes_sociales img{ width: 30px; }
    .redes_sociales .col-md{ width: fit-content; }
    .redes_sociales a{ padding-left: 1rem; }

    .pad_esp{ padding: 0 2rem 0 0; }
    
}

@media (min-width: 768px) and (max-width: 1024px){
    .h1_esp{ font-size: 5rem; }
    h2{ font-size: 2.5rem; }
    h3{ font-size: 1.1rem; }
    h4, .enviar_form{ font-size: 1.6rem; }
    h6, label{ font-size: 1.34rem; }
    p{ font-size: 1rem; }
    .incertidumbre_miedo h4{ font-size: 1.3rem; }
    .por-que-lumenia h1, .tabla-comparativa h1{ font-size: 2.6rem; }
    .por-que-lumenia h4, .tabla-comparativa h4{ font-size: 1.2rem; }
    .pd0esp{ padding: 0; }
    .modelo-minnesota{ left: 4rem; padding-bottom: 1rem; }
    .sanacion-espiritual{ left: 2rem; }
    .atencion-humana{ bottom: 0; }
    .tratamientos { width: 147%; left: -2.8rem; top: -1.5rem; margin-bottom: -2.4rem; }
    .reconocimientos{ margin: 1rem 0.5rem 1.8rem; }
    
    .equipo_individual{ border-radius: 126px 126px 0 0; }
    .comparison-table th, .title-col{ font-size: 1.5rem !important; }
    .comparison-table td { font-size: 1rem; }
    .comparison-wrapper{ padding: 1.5rem; }
    .comparison-table .otras{ padding: 1rem 2rem; }
    
}
@media (min-width: 768px) and (max-width: 991px){
    .equipo .col-md-10{ width: 92%; }
    .equipo .col-md-4{ width: 41%; }
}

@media (max-width: 768px) {
    .pb5m{ padding-bottom: 2rem; }
    .pd0m{ padding: 0; }
    .h1_esp{ font-size: 3rem; }
    h1{ font-size: 3rem; }
    h2{ font-size: 2.2rem; }
    h3{ font-size: 1.51rem; }
    h4, .enviar_form{ font-size: 1.42rem; }
    h5{ font-size: 1.29rem; }
    h6, label{ font-size: 1.2rem; }
    p{ font-size: 0.98rem; }
    span, a{ font-size: 0.8rem; }


    /* h1{ font-size: 2.2rem; }
    h2{ font-size: 1.6rem; }
    h2.font_light{ font-size: 1.5rem; }
    h3{ font-size: 0.9rem; }
    h4{ font-size: 0.78rem; }
    h5{ font-size: 0.54rem; }
    h6{ font-size: 1.2rem; }
    p, a{ font-size: 0.8rem;} */

    .btn-llama-ahora{ padding: 5px 12px; }
    .btn-llama-ahora img{ width: 25px !important; margin-right: 5px; }
    .btn-llama-ahora .llama-esp{ font-size: 0.8rem; margin: 0; }
    .btn-llama-ahora .confi-esp{ font-size: 0.6rem;  }
    .btn-llama-ahora h6{ font-size: 1.2rem; margin: 0; text-align: left !important; }
    .btn-llama-ahora span{ font-size: 0.8rem;  }

    .asegura_recuperacion .container{ padding: 4rem 15px; }
    .cuidar_alguien{ padding: 2rem 0 3rem 0; }
    .pb5{ padding-bottom: 2rem; }

    .incertidumbre_miedo{ border-radius: 40px 40px 0 0; padding: 30px 0; }
    .incertidumbre{ border-radius: 0;}
    .incertidumbre_miedo .container{ padding: 25px 30px; }
    .hidden-xs{ display: none; }
    .mb30{ margin-bottom: 15px; }

    .cafe p{ margin: 0; padding: 1rem 0.5rem 1.5rem 0.5rem; }
    .amarillo, .rojo, .celeste{ padding: 1rem 0.5rem 1rem 0.5rem; }

    .modelo-minnesota{ width: 70%; position: relative; left: 2rem; }
    .fundacion{ width: 80%; position: relative; left: 0.5rem; margin-bottom: 1rem; }
    .sanacion-espiritual{ width: 80%; position: relative; left: 1rem; margin-bottom: 1.4rem; }
    .atencion-humana{ width: 90%; position: relative; }
    .tratamientos{ width: 122%; position: relative; left: -1rem; top: 0rem; margin-bottom: 0rem; }
    .reconocimientos{ width: 100%; position: relative; margin: 1.9rem 0 1.9rem 0; }
    .por-que-lumenia h3{ font-size: 1.2rem; }
    
    .equipo_individual h5{ font-size: 1.5rem; }
    .equipo_individual span{ font-size: 1rem; }
    .equipo_text{ min-height: 60px; }
    #equipoCarousel{ padding-top: 2rem; }
    .linea-equipo{ margin-bottom: -13px; }

    .comparison-wrapper{ padding: 0.5rem 0.5rem; }
    .comparison-table th, .title-col{ font-size: 1.5rem !important; }
    .comparison-table td{ font-size: 1rem; padding: 0.5rem; }
    .comparison-table th, .comparison-table td, .comparison-table .otras{ padding: 0.5rem; }
    .comparison-table .lumenia-tab{ padding: 0.5rem !important; }

    .galeria-coverflow img{ height: 245px !important; }
    .galeria-coverflow .swiper-slide{ width: 95% !important; }

    .swiper-button-prev, .swiper-rtl .swiper-button-next{ left: var(--swiper-navigation-sides-offset, 35px) !important; }
    .swiper-button-next, .swiper-button-prev{ top: 94.5% !important; }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{ right: var(--swiper-navigation-sides-offset, 35px) !important; }

    .certificaciones img{ height: 100px; }
    .certificaciones .d-md-flex{ padding-bottom: 40px; }
    

    .footer p{ font-size: 1rem; }
    .redes_sociales img{ width: 30px; }
    .redes_sociales .col-md{ padding: 0; }
    .redes_sociales a{ font-size: 1rem; padding-left: 0.5rem; }
}


@media (min-width: 2500px){
    .banner{ padding: 23rem 15px; }
    .galeria-coverflow img{ height: 850px; }
    .swiper-button-next, .swiper-button-prev{ top: 98% !important; }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{ right: var(--swiper-navigation-sides-offset, 1080px) !important; }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{ left: var(--swiper-navigation-sides-offset, 1080px) !important; }
}