/* CSS Document */



.box100_azul{  box-sizing: border-box; width: 100%; background-color: #f1f5fc; overflow: hidden; } 

.fuente0{ font-size: 0px; }

.celda_benefit1{ position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; width: 30%; padding-right: 50px; }
.celda_benefit2{ position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; width: 35%; padding: 0 15px; overflow: hidden; }

.slider_benefits{ display: none !important; }


.sinpad_left{  }

.rayaroja{ width: 100%; max-width: 200px; height: 5px; background-color: #A50034; margin: 10px 0 10px 0; } 

.info_benefits{ font-size: 1.75rem; margin-bottom: 40px; }

.box_foto{ position: relative; margin-bottom: 15px; overflow: hidden; width: 391px; height: 274px; display: flex; justify-content: center; cursor: pointer; }
.box_foto img{ width: 411px; margin: auto; display: block; }

.tit_foto{ position: absolute; top: 15%; left: 10%; font-size: 24px; z-index: 2; width: 295px; overflow: hidden; }
.niebla_foto{ position: absolute; top: 0px; left: 0px; font-size: 24px; z-index: 1; width: 100%; height: 100%; background-color: #000; opacity: 0.2; }

.rayablanca{ margin-top: 8px;  width: 0px; height: 3px; background-color: #fff; z-index: 1; }

.info_foto{ margin-top: 10px; font-size: 16px; line-height: 16px; margin-left: 400px; opacity: 0; z-index: 2; width: 280px; }

.balto { display: block; width: 120px; font-size: 15px; font-weight: 400; color: #ffffff; background-color: #494949; padding: 15px 10px; transition: all 300ms ease-in-out; border: solid 2px #494949; border-radius: 3px; text-align: center; text-decoration: none; }
.balto:hover {
    background-color: transparent;
    text-decoration: none;
    color: #494949;
   /* border: solid 2px #ffffff !important;*/ 
}


/* DIAGRAMA BLOQUE */

.diagrama2{ display: none; }

.box_diagrama{  box-sizing: border-box; width: 100%; margin-top: 50px; margin-bottom: 10px; font-size: 0px; }
.box_diagrama2{  box-sizing: border-box; width: 100%; margin-top: 0px; margin-bottom: 30px; font-size: 0px; }
.box_diagrama3{  box-sizing: border-box; width: 100%; margin-top: 0px; margin-bottom: 30px; font-size: 0px; }


.fila_partner{ display: block; position: relative; font-size: 0px; margin-bottom: 40px; }
.fila_partner2{ display: block; position: relative; font-size: 0px; }

.celda_diagrama1{ box-sizing: border-box; width: 25%; display: inline-block; padding-right: 0px; font-size: 24px; vertical-align: middle; }
.celda_diagrama2{ box-sizing: border-box; width: 25%; display: inline-block; padding-right: 25px; font-size: 17px; vertical-align: top;  }

.box_puntos{ background: url("../img/pixel_raya_process.png"); background-repeat: repeat-x; background-position: left center; }
.circulo{ height:20px; width:20px; background:#A50034; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }

.celda_diagrama3{ box-sizing: border-box; width: 20px; display: inline-block; padding-right: 0px; font-size: 24px; vertical-align: top; background: url("../img/pixel_raya_process2.png"); background-repeat: repeat-y; background-position: top center; }
.celda_diagrama4{ box-sizing: border-box; width: calc(100% - 20px); display: inline-block; padding-left: 15px; font-size: 24px; vertical-align: top; }

.hueco_linea{ height: 160px; }
.tit_celda_diagrama4{ font-size: 24px; line-height: 23px; }
.info_celda_diagrama4{ font-size: 17px; margin-top: 15px; }

.flecha_diagrama{ font-size: 24px; /*rotate: 90deg;*/ }

@media screen and (max-width:865px) { 

    .hueco_linea{ height: 120px; }
    h3{ font-size: 20px !important; }

    .diagrama1{ display: none; }
    .diagrama2{ display: block; }

}

@media screen and (max-width:650px) {

    .hueco_linea{ height: 180px; }

}

@media screen and (max-width:600px) {
    
    

    .celda_diagrama1{ font-size: 20px;  }
    .celda_diagrama2{ font-size: 15px;  }

    .tit_celda_diagrama4{ font-size: 20px; line-height: 23px; }
    .info_celda_diagrama4{ font-size: 15px; }

}

/* OPINIONES */

.tex_master{ font-size: 23px; margin: 40px 0 20px 0; font-weight: bold; }

@media screen and (max-width:860px) {

    .tex_master{ font-size: 20px; }

}

.sep_carrusel{ margin-bottom: 40px; }

.slider_carrusel{ width: 100%; margin: auto; overflow: hidden; }

.com_carrusel{ position: relative; font-size: 0px; box-sizing: border-box; /*width: 33.3%;*/ overflow: hidden; }

.celda_carrusel{ font-size: 17px; width: calc(100% - 43px); display: inline-block; vertical-align: top; }

.raya_carrusel{ width: 2px; display: inline-block; height: 150px; background-color: #494949; margin:0 20px; vertical-align: top; }

.tex_note{  font-size: 14px; }

@media screen and (max-width:865px) {

    .celda_carrusel{ font-size: 15px; }
    .tex_note{  font-size: 11px; }

}

@media screen and (max-width:800px) { 

    .celda_carrusel{ width: 100%; }
    .raya_carrusel{ display: none; }

}

/* BLOQUE DE EMPLOYEES */

.box_employees{ font-size: 17px; width: 100%; margin-top: 40px; }

/* FAQs */

.h5 {
    font-family: 'Open Sans', sans-serif;
    color: #232323;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 50px;
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    /* --bs-accordion-border-color: var(--bs-border-color); */
    --bs-accordion-border-width: 0px;
    --bs-accordion-border-radius: 0px;
    /* --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width))); */
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
    margin-top: 50px;
}

.accordion-item{ margin-bottom: 20px; }

.accordion-body{ font-family: 'Open Sans', sans-serif; font-size: 18px;  }

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-button{ 

	color: #232323;
	background-color: #fff;
	font-size: 20px;
	

}

.accordion-button:not(.collapsed) {
    color: #232323;
    background-color: #fff;
	font-size: 20px;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.box_info_faq{ font-size: 0px; }

.celda_faq{ box-sizing: border-box; width: 33.3%; display: inline-block; padding-bottom: 40px; vertical-align: top; font-size: 0px; }

.celda_faq_img{ box-sizing: border-box; width: 80px; display: inline-block; padding:0 0 0 0; font-size: 17px; vertical-align: top;  }
.celda_faq_img img{ width: 100%; }

.celda_faq_text{ box-sizing: border-box; width: calc(100% - 80px); display: inline-block; padding:0 15px 0 15px; font-size: 17px; vertical-align: top;  }

/*.sep_filafaq{ width: 100%; height: 40px; }*/

@media screen and (max-width:1024px) { 

    .celda_faq{ box-sizing: border-box; width: 50%; display: inline-block; padding-right: 0px; vertical-align: top; font-size: 0px; }

}

@media screen and (max-width:865px) { 

    .celda_faq_text{ font-size: 15px; }
    .box_employees{ font-size: 15px; }

}

@media screen and (max-width:600px) { 

    .celda_faq{ box-sizing: border-box; width: 100%; display: inline-block; padding-right: 0px; vertical-align: top; font-size: 0px; }

}