/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/


:root{

	--negro:rgb(0,0,0);
	--texto:#1c1c1c;
	--verde:#639D41;
	--gris_666666:#666666;
	--gris_F2F9FF:#F2F9FF;
	--gris_EAEAE8: #EAEAE8;
	--azul_oscuro: #0A1F35;
	--azul: #164A6D;
	--celeste :#4B97CB;
	--blanco: rgb(255,255,255);

	--fuente_128: clamp(96px, 10.5vw, 128px);
	--fuente_90: clamp(46px, 7.4vw, 90px);
	--fuente_60: clamp(30px, 4.92vw, 60px);
	--fuente_24: clamp(18px, 1.97vw, 24px);
	--fuente_16: clamp(14px, 1.67vw, 16px);

}


/* ------------------------
*  -------- general -------
* -----------------------*/

.grecaptcha-badge{ visible: hidden !important; display: none !important; pointer-events: none !important; }


body{ height: 100%; }
body > #Wrapper{ height: calc(100% - 286px); }
body #mfn-footer-template{top: -286px; position: relative;}


@media (min-width: 768px) {
	.col_derecha_full .one-second.mcb-wrap:first-child{justify-content: flex-end;}
	.col_derecha_full .one-second.mcb-wrap:first-child .mcb-wrap-inner{max-width: 342px; padding-right: 12px;}
	.col_izquierda_full .one-second.mcb-wrap:last-child{justify-content: flex-start;}
	.col_izquierda_full .one-second.mcb-wrap:last-child .mcb-wrap-inner{max-width: 342px; padding-left: 12px;}
}
@media (min-width: 960px) {
	.col_derecha_full .one-second.mcb-wrap:first-child .mcb-wrap-inner{max-width: 460px; padding-right: clamp(40px,5.9vw, 108px);}
	.col_izquierda_full .one-second.mcb-wrap:last-child .mcb-wrap-inner{max-width: 460px; padding-left: clamp(40px,5.9vw, 108px);}
}
@media (min-width: 1240px) {
	.col_derecha_full .one-second.mcb-wrap:first-child .mcb-wrap-inner{max-width: 618px;}
	.col_izquierda_full .one-second.mcb-wrap:last-child .mcb-wrap-inner{max-width: 618px;}
}




.font_24 .title,
.font_24 em,
.font_24 li{ font-size: var(--fuente_24) !important; line-height:1.2; font-style: normal !important; }


.menos_50px_bottom{ bottom:-50px }
.fila_centrada{ margin-left: auto !important; margin-right: auto !important; padding-left: 12px !important; padding-right: 12px !important;}
.max_width_1440{ max-width: 1440px;}
.max_width_1504{ max-width: 1504px;}
.max_width_1650{ max-width: 1650px; padding-left: 60px !important; padding-right: 60px !important;}

a.button{ font-weight: bold !important; }

#Side_slide{ display:flex !important;flex-direction: column; }
#Side_slide .extras {order: 3;}
#Side_slide .extras .button{background-color: var(--verde) !important; color: var(--blanco) !important;}
#Side_slide .extras .button:hover{ background-color: var(--negro) !important; }
#Side_slide #menu .button{ display: none !important; }



/* -------- Detalles en Bloques ------- */

.column_heading h2.title,
.column_fancy_heading h2.title{ font-size: var(--fuente_60); line-height:1.2; font-weight: bold; }
.column_fancy_heading .inside{ font-size: var(--fuente_16) !important; }

.column_visual p{ font-size: var(--fuente_16) !important; }
.column_visual.globo_txt_destacado{border-radius: 10px;background: var(--azul);box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25); padding: 20px; margin-bottom: 20px;}
.column_visual.globo_txt_destacado p{ color: var(--blanco) !important; margin:0; }

.column_list_2 li span.mfn-list-icon{ color: var(--celeste) !important; }
.column_list_2 li span.mfn-list-desc{font-size: var(--fuente_16) !important;}
@media (min-width: 560px) {
	.column_list_2 .mfn-list { column-count: 2;}
}

.column_counter{ max-width: 405px;  padding-bottom:  clamp(18px, 2.4vw, 28px);}
.column_counter .mcb-column-inner{ background: none transparent; }
.column_counter .counter{ padding:0 !important; }
.column_counter .number-wrapper{line-height: 1.2 !important;}
.column_counter .label{ color: rgba(75, 151, 203, 0.50); font-size: var(--fuente_90) !important; font-weight: bold; }
.column_counter .number{ color: var(--celeste); font-size: var(--fuente_128); font-weight: bold;}
.column_counter .title{ font-weight: bold; }


#Top_bar .container{max-width: 1890px; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box; margin: auto;}
#Top_bar:not(.is-sticky) .menu > li > a { padding: 0 !important;}
#Top_bar .logo{ margin-right:0 !important; }
#Top_bar #menu{ background-color: transparent !important; }
#Top_bar .menu > li > a span{padding: 0 !important;}
#Top_bar .menu{ display:flex; gap: clamp(16px, 2.42vw, 30px); }
#Top_bar .top_bar_left{display: flex; justify-content: space-between; align-items: center;}
#Top_bar .top_bar_left::before,
#Top_bar .top_bar_left::after{ display:none !important; }
#Top_bar .top_bar_right{ padding: 0 clamp(10px,3.47vw,50px) 0 0 !important; }
#Top_bar .top_bar_right .action_button{ display:none !important; border-radius: 10px !important; }
.home #Top_bar{ position:fixed !important; top: 0 !important; background-color: rgba(255,255,255,.9);}
#Top_bar.is-sticky{box-shadow: 0 0 10px var(--gris_EAEAE8) !important; padding: 4px 0;}
@media (max-width: 959px) {
	.logo-overflow #Top_bar:not(.is-sticky) .logo { height: auto;}
	#Top_bar #logo { line-height: normal;}
	#Top_bar #logo img.svg { width: 90px;}
}
@media (min-width: 960px) {
	.menu li.button{ display:none !important; }
	#Top_bar .top_bar_right .top-bar-right-icon { margin: 0 min(3.23vw,40px) !important;}
	#Top_bar .top_bar_right .action_button{ display:block !important; background-color: var(--verde); color: var(--blanco);}
	#Top_bar .top_bar_right .action_button:hover { background-color: var(--texto);}
}
@media (min-width: 1240px) {
	#Top_bar .menu{  gap: clamp(18px, 4.8vw, 82px); }
	#Top_bar .top_bar_right .top-bar-right-icon { margin: 0 min(6.9vw,126px) !important;}
}


.column_photo_box.icono_redondo .image_frame{ position:relative;overflow: inherit; margin-bottom: clamp(50px,8.2vw,100px); padding: 0 12px;}
.column_photo_box.icono_redondo .image_frame:after{ content: ''; position: absolute; bottom: 0%; left: 50%; transform: translate(-50%, 50%); border-radius: 50%; width:clamp(78px,10.3vw,126px); height:clamp(78px,10.3vw,126px); background-position: center; background-repeat: no-repeat; background-color: var(--blanco); box-shadow: 0 4px 80px rgba(0, 0, 0, 0.25); background-size: auto 56%;}
.column_photo_box.distribucion_eficiente .image_frame:after{ background-image: url("image/icono_distribucion_medicamentos.svg"); }
.column_photo_box.asesoria_personal .image_frame:after{background-image: url("image/icono_asesoria.svg"); }
.column_photo_box.portafolio_productos .image_frame:after{background-image: url("image/icono_portafolio_productos.svg"); }
.column_photo_box.atencion_cliente .image_frame:after{background-image: url("image/icono_atencion_cliente.svg"); }
.column_photo_box.promociones .image_frame:after{background-image: url("image/icono_promociones.svg"); }
.column_photo_box.cobertura .image_frame:after{background-image: url("image/icono_cobertura.svg"); }

/* #promociones  */
#promociones .offer .offer_li {float: none;  max-width: 1044px; margin: 0 auto !important; width: calc(100% - 132px) !important; display: flex !important; flex-direction: column ; overflow: hidden; border-radius: 10px;}
#promociones .offer .offer_li .image_wrapper{width: 100% !important; margin: 0;}
#promociones .offer .offer_li .image_wrapper img{ width:100%; height:auto; }
#promociones .offer .offer_li .desc_wrapper { float: none; width: 100% !important; padding: clamp(30px,5.64vw,70px) clamp(24px,6.62vw,82px) 30px clamp(24px,3.7vw,46px); margin: 0 !important; background: url("image/imagen_bkg_promociones.webp") no-repeat center center/cover;}
#promociones .offer .offer_li .desc_wrapper *{ color: var(--blanco) !important; }
#promociones .offer .offer_li .desc_wrapper .title *{ font-size: var(--fuente_24) !important; font-weight: 700; line-height:1.5; }
#promociones .offer .slick-arrow { width: 42px;height: 42px; background-color: var(--verde) !important; border-radius: 20px !important; margin: 0 !important; top: calc(50% - 21px) !important;}
#promociones .offer .slick-arrow:hover{ background-color: var(--negro) !important; } 
#promociones .offer a.slider_prev { left: clamp(0px,1.04vw,8px);}
#promociones .offer a.slider_next { left: auto; right: clamp(0px,1.04vw,8px);}
#promociones .offer a .button_icon{ display: none !important; }
#promociones .offer a.slider_prev:after,
#promociones .offer a.slider_next:after{ content: ''; background: url("image/arrow_slider.svg") no-repeat center transparent; transform: translate(-50%, -50%); top: 50%; left: 50%; position:absolute; width:23px; height:20px; }
#promociones .offer a.slider_next:after{transform: translate(-50%, -50%) rotate(180deg);}
#promociones .offer .slider_pagination.show { display:none !important; }

@media (min-width: 960px) and (max-width: 1239px) {
	.offer .offer_li .image_wrapper img{transform: scale(1.18);}
}

@media (min-width: 960px) {
	#promociones .offer .offer_li {flex-direction: row-reverse;}
	#promociones .offer .offer_li .image_wrapper,
	#promociones .offer .offer_li .desc_wrapper { width: 50% !important;}
	#promociones .offer a.slider_prev { left: 20px;}
	#promociones .offer a.slider_next { left: auto; right: 20px;}
}


/* ------------------------
*  ------ Subheader -------
* -----------------------*/

#Subheader { padding: clamp(25px,7.5vw,72px) 0; background-attachment: fixed !important;}
#Subheader ul{}
#Subheader ul li{ font-weight:900; color:var(--blanco) !important; font-size: var(--fuente_16) !important; }
#Subheader ul li a{ font-weight:400; color:var(--blanco) !important; }
#Subheader ul li a:hover{ text-decoration: underline !important; }



.title span{ color: var(--celeste) !important; }
h1.title{ font-size: var(--fuente_60) !important; line-height:1.2; font-weight: bold;}



#home_slider .section_wrapper.mfn-wrapper-for-wraps{ max-width: initial !important; padding: 0 !important; width: 100%; }
#home_slider .content_slider.flat.description .content_slider_li{padding: 0 0 clamp(460px,70.5vw,860px) !important; position: relative;}

#home_slider .content_slider.flat.description .content_slider_li .contenido_slide{}
#home_slider .content_slider.flat.description .content_slider_li .slider_bkg{ flex-direction: column; position: absolute; z-index: 3; top: 74%; left: 50%; transform: translate(-50%, -100%); width: 100%; box-sizing: border-box; padding: 0 clamp(24px,8.6vw,105px) !important;  height: auto;}
#home_slider .content_slider.flat.description .content_slider_li .title{  display: block; color:  var(--azul); margin-bottom: 20px !important; text-align: left;}
#home_slider .content_slider.flat.description .content_slider_li .desc{ padding: 0;  margin:0 0 clamp(28px, 3.8vw, 46px) !important; text-align:left; max-width: 470px; display: block;font-size: var(--fuente_16) !important; line-height: 1.4;}
#home_slider .content_slider.flat.description .content_slider_li .button_slider{ display: inline-block;  font-size:  var(--fuente_16) !important; line-height: 1.2; background-color: var(--verde) !important; color: var(--blanco); padding:20px 36px; border-radius:6px; font-weight: bold; }
#home_slider .content_slider .slider_pagination{box-sizing: border-box; padding: 0 clamp(24px,8.6vw,105px) !important; margin: 0 auto; position: absolute; top: 80%; left: 50%; transform: translate(-50%, -100%); height: fit-content;}
#home_slider .slider_pagination .slick-active a{ background-color: var(--blanco) !important; width: 12px; height: 12px; top: 0; border-radius: 10px;}
#home_slider .slider_pagination .slick-active a::after{  display: none !important; }

.slick-slide:not(.slick-current) .content_slider_li .desc,
.slick-slide:not(.slick-current) .content_slider_li .button_slider,
.slick-slide:not(.slick-current) .content_slider_li .title{ opacity: 0; visibility: hidden; transform: translateX(-120px);}


.slick-slide.slick-current .content_slider_li .title {opacity: 1; visibility: visible; transform: translateX(0); transition: all 0.4s ease 0.6s;}
.slick-slide.slick-current .content_slider_li .desc { opacity: 1; visibility: visible; transform: translateX(0); transition: all 0.4s ease 1s;}
.slick-slide.slick-current .content_slider_li .button_slider { opacity: 1; visibility: visible; transform: translateX(0); transition: all 0.4s ease 1.4s;}

@media (max-width: 1239px) {
	#home_slider .content_slider.flat.description .content_slider_li::before { content: ''; position: absolute; background-image: linear-gradient(50deg,rgba(255,255,255,.7) 60%, transparent 100%); top: 0; left: 0; bottom: 0; right: 0;}
}

@media (max-width: 767px) {
	#home_slider .content_slider.flat.description .content_slider_li::before { content: ''; background: linear-gradient( to bottom, transparent 6%, rgba(255,255,255,0.7) 60%); position: absolute; z-index: 1; inset: 0;}
}



#burbuja{z-index: 99;}
#burbuja .mcb-wrap-inner { position: absolute; padding: 24px 32px; transform: translate(-50%, -50%); left: 50%; background-color: rgba(5, 37, 60, 0.8); overflow: hidden; top: 0; z-index: 99; border-radius: 10px; gap: 20px; mix-blend-mode: plus-darker; box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.25);}
#burbuja .mcb-wrap-inner .column{ width: fit-content !important; } 
#burbuja .column_counter{ padding:0 25px !important; flex: 1 0 min-content; }
#burbuja .column_counter .label{ color: rgba(255,255,255, 0.5) !important; }
#burbuja .column_counter .number{ line-height:1; }
#burbuja .column_visual{flex: 1 0 min(46vw,650px);}
#burbuja .column_button{flex: 1 0 200px;}
#burbuja .column_button .button{ background-color: var(--blanco) !important; color: var(--texto); text-align: center !important; font-weight: bold; }
#burbuja .column_button .button:hover{ background-color: var(--verde) !important; color: var(--blanco) !important;}




#nuestro_alcance{background-position: 50vw center; background-size: auto min(55vw, 946px);}
#nuestro_alcance .mcb-background-overlay{background-position: calc(50vw - 30px) center;  background-size: auto min(52vw,870px);}
#nuestro_alcance .image_wrapper::after { content: ''; position: absolute; z-index: 1; inset: 0; background: url(https://corporacionfaceme.com/wp-content/uploads/2025/08/imagen_alcance_recuadros.webp#29) no-repeat left/auto 90%;}
@media (min-width:960px) {
	#nuestro_alcance{background-position: 50vw 2%;}
	#nuestro_alcance .mcb-background-overlay{background-position: calc(50vw - 90px) top; margin-top: -80px;}
}





#aliados_estrategicos .title span{ display:block; }
#aliados_estrategicos .section_wrapper { padding: 0 24px !important;}
@media (max-width: 959px) {
	#aliados_estrategicos.col_izquierda_full .one-second.mcb-wrap:last-child .mcb-wrap-inner { max-width: initial !important;}
	#aliados_estrategicos .section_wrapper {flex-direction: column-reverse !important;}
	#aliados_estrategicos .section_wrapper .one-second{ width: 100% !important; }
	#aliados_estrategicos .column_visual p{ text-align:center; }
}
@media (min-width: 960px) {
	#aliados_estrategicos.col_izquierda_full .one-second.mcb-wrap:last-child .mcb-wrap-inner { max-width: 746px !important;}
}



#nuestros_servicios .mcb-background-overlay{background-position: calc(50% - 740px) center;}
#nuestros_servicios .column_photo_box .photo_box{display: flex; flex-direction: column;}
#nuestros_servicios .column_photo_box img{ border-radius: 10px; }
#nuestros_servicios .column_photo_box .title{ font-size: var(--fuente_24); line-height: 1.4; -webkit-order: 2;  order: 2; font-weight: bold; max-width: 400px; margin:0 auto 16px; padding: 0 12px;}
#nuestros_servicios .column_photo_box .desc{-webkit-order: 3;  order: 3; max-width: 400px; margin: auto; padding: 0 12px;}
@media (max-width: 767px) {
	#nuestros_servicios.full-width-ex-mobile .section_wrapper{max-width: initial !important; padding-left: 0px !important; padding-right: 0px !important;}
}



#mision_vision .column_icon_box_2{ position:relative; }
#mision_vision .column_icon_box_2 .mcb-column-inner{border-radius: 10px;border: 10px solid var(--blanco);}
#mision_vision .column_icon_box_2 .icon-wrapper{ position:absolute; transform: translate(-50%, -50%); top: 0; left: 50%; background-color: var(--blanco); border-radius:50%; width: clamp(90px,8vw,136px); height: clamp(90px,8vw,136px); text-align: center;}
#mision_vision .column_icon_box_2 .icon-wrapper img{width: 54%;  height: auto;}
#mision_vision .column_icon_box_2 .desc-wrapper{padding: clamp(60px, 9vw, 110px) clamp(20px, 3.9vw, 48px) clamp(30px, 4.7vw, 58px);}
#mision_vision .column_icon_box_2 .title{ font-size:var(--fuente_24); font-weight: bold; }
#mision_vision .column_icon_box_2 .desc{ font-size: 14px; }





body.search .sections_group .section{padding-bottom: clamp(280px,27vw,330px); padding-top: clamp(60px,7.4vw,90px);}
body.search #Subheader h1.title{ color: var(--blanco) !important; font-weight: bold !important;  text-align: left !important;}






/* ------------------------
*  ------ Footer ----------
*  ----------------------*/


#formulario_contacto{ overflow: hidden; background-color: transparent; padding-top: 74px;}
#formulario_contacto .mcb-background-overlay{ top: 286px; }
#formulario_contacto .mcb-background-overlay::after{ content:''; position: absolute; width:100%;  bottom:0; top:0; background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 16%, var(--azul_oscuro) 84%); mix-blend-mode: multiply; }




/*
*  --- formulario --
*/
.col_form {display: flex;flex-wrap: wrap; gap: 30px 20px; }
.col_form p {margin: 0; line-height: 1; width: 100%;}
.col_form label{margin: 0 0 14px; font-weight: bold;}
.col_form [class^="col"] { display: flex;  align-items: flex-end;}
.col_form span.wpcf7-form-control-wrap{ margin-bottom: 0 !important; }
.col_form input.wpcf7-form-control { padding: 24px 10px; line-height: 1.2; font-size: 16px;}
.col_form input[type="submit"]{ padding: 18px 30px; border-radius: 10px; background-color: var(--verde); }
.col_form input[type="submit"]:hover{ background-color: var(--texto); }
.col_form textarea {height: 5lh; line-height: 1.2;}


@media (min-width: 768px) {
	.col_33 {width: calc(50% - 10px);}
	.col_40 {width: calc(100%);}
	.col_66 {width: calc(100%);}
}

@media (min-width: 960px) {
	.col_form {gap: 40px 60px;}
	.col_33 {width: calc(33% - 40px);}
	.col_40 {width: calc(40% - 30px);}
	.col_66 {width: calc(66% - 30px);}
}



.mapa-sitio-lista { list-style: circle !important; color: var(--verde) !important; font-size: 30px; line-height: 1; }
.mapa-sitio-lista a { font-size: var(--fuente_24);  color: var(--texto);}
@media (min-width: 560px) {
	.mapa-sitio-lista { column-count: 2;}
}




#footer_formulario .mcb-wrap-background-overlay{left: calc(48px + 4%); top: calc(50px + 2%);}
.column_footer_logo a{ justify-content: center; }
#footer_detalles .column_icon_box_2 .icon-wrapper i{color: var(--blanco); font-size:  clamp(20px, 3.28vw, 40px);}
#footer_detalles .column_icon_box_2 .title{ font-size: var(--fuente_16); font-weight: bold; color: var(--blanco); line-height: 1.6; margin-bottom: 0;}
#footer_detalles .column_icon_box_2 .desc{font-size: var(--fuente_16); color: var(--blanco);}
#footer_detalles .column_icon_box_2 a .desc{ font-size: var(--fuente_16); color: var(--blanco); text-decoration: underline !important; }
#footer_detalles .column_icon_box_2 a:hover .desc{ text-decoration: none !important; }



#sub_footer .column_visual p{ margin-bottom:0; }
@media (max-width: 959px) {
	#sub_footer .column_visual p{ text-align:  center;}
}