header {

  box-shadow: -1px 2px 5px -1px rgba(0, 0, 0, 0.63);

  -webkit-box-shadow: -1px 2px 5px -1px rgba(0, 0, 0, 0.63);

  -moz-box-shadow: -1px 2px 5px -1px rgba(0, 0, 0, 0.63);

  width: 100%;

}



.fondo_header_scrol {

  position: fixed;

  top: 0;

  z-index: 7;

}



.margin_top_50 {

  margin-top: 50px;

}



.uk-section-padding-11 {

  padding-top: 11px;

  padding-bottom: 11px;

}



/* Header */



.slider_principal_jjl,

.contenedor_form_principal {

  height: calc(100vh - 84.73px);

}





.fondo_menu_azul {

  background: var(--color-principal);

}



.fondo_blanco {

  background: var(--color-blanco);

}



.bg-white {

  background-color: var(--color-blanco);

}



.bg-item-slider {

  background-color: var(--color-claro);

}



.fondo-gris {

  background-color: var(--color-gris-oscuro);

}



.menu_destokp_jjloayza ul li a {

  color: var(--color-blanco);

  font-size: 16px;

  font-family: var(--font-family-poppins);

}



.menu_destokp_jjloayza ul li a:hover::after {

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  background-color: var(--color-blanco);

}



.menu_destokp_jjloayza ul li a.activo::after {

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  background-color: var(--color-marron-claro);

}



.menu_destokp_jjloayza ul li a.activo {

  color: var(--color-marron-claro);

  font-weight: bold;

}



.navegation-movil li a {

  color: var(--color-negro);

  display: flex;

  align-items: center;

}



.navegation-movil li a:hover {

  color: var(--color-principal) !important;

}



.navegation-movil li a.activo {

  color: var(--color-principal) !important;

  font-weight: bold;

}



.navegation-movil li a figure {

  margin: 0;

}



#close-toggle {

  padding: 0;

  align-self: end;

  border: none !important;

  background-color: transparent;

  display: flex;

  justify-content: end;

}



#hamburguesa {

  border: none;

  color: var(--color-blanco);

}



.logo_header img {

  max-width: 200px;

}



.redes_menu_he_foter {

  display: flex;

  align-items: center;

}



.redes_menu_movile {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 20px;

}



.uk-section-padding-11 {

  padding-top: 11px;

  padding-bottom: 11px;

}



/* Slider Principal */



.button_slider{

  display: block!important;

}



.antes,

.despues {

  color: var(--color-marron-claro);

}



.item_carrucel_home {

  padding: 50px 0;

}



.container_derecho_slider {

  justify-content: center;

}



.container_item_carrucel {

  display: flex;

  align-items: center;

  justify-content: center;

}



.item_derecho_slider {

  border-radius: 20px;

  max-width: 400px;

}



.item_derecho_slider_2 {

  border-radius: 20px;

  width: 450px;

  align-items: center;

}





.swiper_slider_galeria {



  background-position: top center;

}



.swiper_slider_galeria_2 {



  background-position: top center;

}





.swiper_slider_galeria:hover,

.swiper_slider_galeria_2:hover {

  cursor: pointer;

}



.item_derecho_slider .title_s1,

.item_derecho_slider_2 h2 {

  font-size: 38px;

  margin: 0;

  color: #000;

  font-family: var(--font-family-poppins);

}



.item_derecho_slider p {

  font-size: 23px;

  color: #000;

}



.item_derecho_slider_2 .text_1 {

  font-size: 25px;

  /*  color: #000; */

}



.item_derecho_slider_2 .text_2 {

  font-size: 20px;

  /* color: #000; */

}



.uk-margin-x-40 {

  margin-left: 40px;

  margin-right: 40px;

}



.container_video_slider {

  display: flex;

  align-items: center;

  height: 100%;

}



.container_ruedita_slider {

  position: relative;

  top: -50px;

}



/* Formulario Modal en Slider */



.container_formulario_modal {

  padding: 20px 0px;

}



.container_formulario_modal .uk-input,

.container_formulario_modal .uk-select,

.container_formulario_modal .uk-textarea {

  border: 1px solid var(--color-principal);

  color: var(--color-negro);

  border-radius: 8px;

}



.container_formulario_modal .uk-input:focus,

.container_formulario_modal .uk-select:focus,

.container_formulario_modal .uk-textarea:focus {

  border-color: var(--color-marron-claro);

}



.container_credito_h label {

  color: var(--color-negro);

}



.group_checkbox {

  gap: 10px;

}



.title_subtitle {

  color: var(--color-negro);

  text-align: center;

}



/* Seccion Servicios Home */



.section_services_home .uk-container {

  position: relative;

  top: -30px;

}





/* Nosotros */



.n_fondo {

  position: relative;

  background-size: cover;

  background-position: center;

  overflow: hidden;

  width: 100%;

}



.n_fondo::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  z-index: 1;

}



.uk-text-center {

  position: relative;

  z-index: 2;

  color: white;

}



.n_titulo {

  font-family: "Breul Grotesk", "Montserrat", sans-serif;

  font-weight: 700;

  font-size: 2.5rem;

  margin-bottom: 10px;

  color: var(--color-blanco);

}



.n_subtitulo {

  font-family: "Breul Grotesk", "Montserrat", sans-serif;

  font-weight: 700;

  font-size: 1.2rem;

  max-width: 800px;

  margin: 0 auto;

  color: var(--color-blanco);

}



.n_equipo_titulo {

  font-family: var(--font-family-monserrat);

  font-weight: 700;

  font-size: 2.5rem;

  margin-bottom: 20px;

  color: var(--color-principal);

  text-align: center;

}



.n_equipo_parrafo {

  font-family: var(--font-family-nunito);

  font-weight: 700;

  font-size: 1rem;

  margin-bottom: 10px;

  color: var(--color-gris-oscuro);

}



.n_equipo_colaborador {

  background-image: url("../img/colaborador.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

  height: 75%;

}



.n_equipo_nombre {

  margin: 5px;

  font-family: "Breul Grotesk", "Montserrat", sans-serif;

  font-weight: 700;

  font-size: 1.2rem;

  max-width: 800px;

  color: var(--color-principal);

}



.n_equipo_cargo {

  margin: 5px;

  font-family: "Breul Grotesk", "Montserrat", sans-serif;

  font-weight: 700;

  font-size: 1rem;

  max-width: 400px;

  color: var(--color-principal);

}



.n_equipo_correo {

  padding: 15px;

  font-family: "Breul Grotesk", "Montserrat", sans-serif;

  font-weight: 400;

  font-size: 1rem;

  max-width: 800px;

  color: var(--color-principal);

}



.n_equipo_modal_imagen {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.n_circulo_logros {

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: var(--color-principal);

  padding: 13px;

  width: 50px;

  height: 50px;

  margin: 0px;



}



.n_imagen_logro {

  width: 65%;

  height: auto;

}



.n_modal_icono {

  margin-right: 20px;

}



/* Seccion Servicios */



.container_p_20 {

  padding-left: 80px;

  padding-right: 80px;

}



.background_page_service {

  background-image: url("/assets/img/fondo_page_servicios.webp");

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative

}



.background_page_service::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  z-index: 1;

}





.container_header_page_servicios {

  position: relative;

  width: 100%;

  z-index: 1;

}



.section_list_service .uk-accordion-title {

  color: var(--color-verde-solido);

}



.section_list_service .uk-accordion-content {

  color: var(--color-negro);

}



.informacion_extra_servicio {

  color: var(--color-negro);

}



.uk-accordion-content li {

  font-size: 18px;

}



.section_list_service .uk-accordion-title {

  font-family: var(--font-family-poppins);

  text-transform: uppercase !important;

}



.section_list_service .uk-accordion-title:hover {

  color: var(--color-principal);

}



.item_page_servicios,

.subtitle_page_servicios {

  padding-left: 20px;

  padding-right: 20px;

}



.item_page_servicios hr {

  background-color: var(--color-marron-claro);

  height: 2px;

}





.subtitle_page_servicios h3 {

  color: var(--color-negro);

  font-size: 20px;

  font-family: var(--font-family-nunito);

}



.uk-accordion-title::before {

  background-image: url("/assets/img/servicios/icon_down_green.svg");

}



.uk-open>.uk-accordion-title::before {

  background-image: url("/assets/img/servicios/icon_up_green.svg");

}



.uk-accordion-title:hover::before {

  background-image: url("/assets/img/servicios/icon_down_blue.svg");

}



.uk-open>.uk-accordion-title:hover::before {

  background-image: url("/assets/img/servicios/icon_up_blue.svg");

}



.section_list_service {

  font-family: var(--font-family-nunito);

}



.section_tabs_service .item_tab_service {

  background-color: var(--color-purpura-claro);

  border: 1px solid var(--color-principal);

  padding: 10px 15px;

  /* border-radius: 10px; */

  color: var(--color-principal);

  font-weight: bold;

  font-family: var(--font-family-poppins);

}



.uk-tab>.uk-active>.item_tab_service {

  border: 1px solid var(--color-blanco);

  color: var(--color-marron-claro);

  border-bottom: 1px solid var(--color-blanco);

  background-color: var(--color-blanco);

}



.tabs_container::before {

  border: none;

}



.informacion_extra_servicio {

  padding: 25px 20px 0px 20px;

}



/* .informacion_extra_servicio div {

  display: flex;

  align-items: center;

  gap: 5px;

} */



.scrol_tabs_movil {

  overflow: auto;

  flex-wrap: nowrap !important;

}



.icon_service {

  max-width: 15px;

  width: 100%;

  object-fit: contain;

}





/* Contactanos 2 */



.fondo_secundario_seccion {

  background-color: var(--color-claro);

}





#formulario_contacto .item_sec_contac {

  margin: 10px 0;

  gap: 12px;

}



/* .title_subtitle_contacto {

  text-align: center;

}



.title_subtitle_contacto span {

  color: var(--color-verde-solido);

  font-weight: bold;

}



.title_subtitle_contacto h2 {

  color: var(--color-principal);

  font-weight: bold;

} */



.container_formulario_contactos {

  padding: 20px 0;

  background: white;

  padding: 30px;

  border-radius: 20px;

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.17);



  /* añadido */

  margin: auto;

  width: 100%;

  max-width: 800px;

}



.medios_contacto {

  display: flex;

}





/* .t_c{

  font-weight: bold;

  color: var(--color-principal);

} */



/* .medios_contacto a{

  color: var(--color-negro);

}



.medios_contacto a:hover{

  color: var(--color-negro);

} */



.container_tyc {

  margin-top: 25px;

}



.tyc {

  color: var(--color-principal);

  display: inline-flex!important;



}



.tyc:hover {

  color: var(--color-marron-claro);

}



.container_formulario_contactos .uk-input,

.container_formulario_contactos .uk-select,

.container_formulario_contactos .uk-textarea {

  border: none;

  border-bottom: 1px solid var(--color-principal);

  color: var(--color-negro);

  border-radius: 0px;

}



.container_formulario_contactos .uk-input:focus,

.container_formulario_contactos .uk-textarea:focus {

  border: 1px solid;

  border-color: var(--color-marron-claro);



}





/*Contactanos Formulario*/



.list_detalle_contacto {

  color: var(--color-negro);

  gap: 12px;

}



.list_detalle_contacto a {

  font-size: 20px;

}



.list_detalle_contacto a:hover {

  color: var(--color-negro);

}



/* .contenedor_form_principal {

  background-color: var(--color-claro);

} */





.datos_form p {

  color: var(--color-negro);

}



.item_detalle_contacto {

  display: flex;

  align-items: center;

  gap: 12px;

}



.detalle_detalle p {

  color: var(--color-principal);

  text-decoration: none;

}





.icon-contact {

  max-width: 25px;

}