input:focus {

  outline: none;

}



.fondo_menu_blanco {

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

}



.fondo_principal {

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

}



.uk_section_11 {

  padding-top: 11px;

  padding-bottom: 11px;

  display: flow-root;

  box-sizing: border-box;

}



.boder_radius_20 {

  border-radius: 20px;

  overflow: hidden;

}



.p_t_20 {

  padding-top: 20px;

}



.m_0 {

  margin: 0px;

}



.p_t_b_10 {

  padding-top: 10px;

  padding-bottom: 10px;

}



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

  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;

}



.fondo_header_scrol {

  position: fixed;

  top: 0;

  z-index: 3;

  transition: transform 0.3s ease-in-out;

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

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

  animation: subirYBajar 0.8s ease-in-out forwards;

}



@keyframes subirYBajar {

  0% {

    transform: translateY(0);

  }

  25% {

    transform: translateY(-100%);

  }

  50% {

    transform: translateY(-100%);

  }

  100% {

    transform: translateY(0);

  }

}



.menu_principal_header {

  transition: transform 0.3s ease-in-out;



}



.fondo_header_scrol>.menu_principal_header {

  transition: transform 0.3s ease-in-out;

}



.header_logo_redes {

  opacity: 1;

  transform: translateY(0);

  overflow: hidden;

  height: auto;

  padding: 10px;

}



.fondo_header_scrol>.header_logo_redes {

  opacity: 0;

  transform: translateY(-173px);

  max-height: 0;

  padding: 0px;

  transition:

    opacity 0.4s ease,

    transform 0.4s ease,

    max-height 0.5s ease;

}



.menu_destokp_inglesifeep .uk-dropdown.list_cursos_menu,

.menu_movile .uk-accordion-content {

  display: none;

  opacity: 0;

  visibility: hidden;

}



.menu_destokp_inglesifeep .uk-dropdown.uk-open {

  display: block;

  opacity: 1;

  visibility: visible;

}



.sub_cabecera_movile {

  align-items: center;

}



.redes_menu_he_foter {

  gap: 10px;

  display: flex;

  flex-direction: column;

}



.margin_top_50 {

  margin-top: 50px;

}



.uk-section-padding-11 {

  padding-top: 11px;

  padding-bottom: 11px;

}



/* Header */



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

  display: none;

}



.menu_movile .uk-accordion-title {

  width: 45px;

  margin: auto;

  padding: 0px;

}



.menu_destokp {

  display: flex;

  justify-content: space-between;

  width: 100%;

}



.menu_destokp_inglesifeep .uk-link,

a {

  color: var(--color-blanco);

}



#menu {

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

  color: var(--color-blanco);

  padding: 5px 10px;

}



.btn_aula_virtual {

  float: left;

  font-size: 13px;

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

  font-weight: 400;

  color: var(--color-blanco);

  min-height: 24px;

  line-height: 24px;

  padding: 12px 15px;

  text-decoration: none;

  text-transform: uppercase;

}



.btn_aula_virtual:hover {

  color: var(--color-blanco);

}



.container_btn_aula {

  float: right;

  font-weight: 700;

  margin-right: 20px;

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

  cursor: pointer;

}



.menu_destokp_inglesifeep .item_nav_li .item_nav_a:hover {

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

  color: var(--color-blanco);

  transition: background-color 0.35s ease;

}



.menu_destokp_inglesifeep .item_nav_li .item_nav_a.activo {

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

  color: var(--color-blanco);

  transition: background-color 0.35s ease;

}





.menu_destokp_inglesifeep .item_nav_a {

  padding: 13px 15px;

  transition: background-color 0.30s ease-in-out;

}



.list_cursos_menu ul li::before {

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

}



.list_cursos_menu .uk-dropdown-nav>li {

  overflow: hidden;

  border-bottom: 1px dotted rgb(12, 12, 12);

  width: 100%;

  /* position: relative; */

}



.list_cursos_menu .uk-dropdown-nav>li>a {

  /*  position: relative; */

  float: left;

  list-style: outside none none;

  font-size: 13px;

  width: auto;

  padding: 20px;

  flex-wrap: wrap;

  color: var(--color-negro);

}



.list_cursos_menu .uk-dropdown-nav>li figure {

  position: absolute;

  right: 16px;

}



.list_cursos_menu .uk-dropdown-nav>li:hover {

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

}



.list_cursos_menu .uk-dropdown-nav>li:hover>a {

  color: var(--color-blanco);

}



.list_cursos_menu {

  padding: 0px;

  max-width: 90px !important;

  width: 90px !important;

  top: 50px !important;

  left: 0 !important;

}



header>.list_cursos_menu {}



/* header.fondo_header_scrol>.list_cursos_menu{

  top: 100%!important;

} */



.list_cursos_menu_nieto {



  left: 200px !important;

  padding: 0px;

  max-width: 50px !important;

  width: 50px !important;

}



/* Certificacion a nombre */



.fondo_certificacion {

  margin-top: 0px !important;

  margin-right: 0px !important;

  margin-bottom: 0px !important;

  margin-left: 0px !important;

}



.sub_banner {

  color: var(--color-blanco);

}



.sub_banner span {

  color: var(--color-blanco);

  font-size: 25px;

}



.sub_banner h2 {

  color: var(--color-blanco);

  font-size: 36px;

}



/* Herramientas */



.popup_herramientas_personalizado {

  max-width: 750px !important;

  border-radius: 20px;

  width: 100%;

  height: 450px;

  background-size: cover;

}



.item_d_body_herramientas .__titulo_1_herramientas {

  font-size: 30px;

  color: var(--color-blanco);

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

  font-weight: 600;

}



.item_d_body_herramientas .__titulo_2_herramientas {

  font-size: 40px;

  color: var(--color-blanco);

  font-family: Open Sans, Helvetica, Arial, sans-serif;

  font-weight: 700;

}



.item_d_body_herramientas .__texto_herramientas>* {

  font-size: 17px;

  color: var(--color-blanco);

  padding-top: 10px;

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

}



.__separator_herramientas {

  width: 92px;

  height: 7px;

  background: var(--color-amarillo);

  float: right;

}



.close_herramientas,

.close_herramientas:hover {

  color: var(--color-blanco);

}



/* Valores y Facebook */



@keyframes fadeIn {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



.va_circulo_1,

.va_circulo_2,

.va_circulo_3,

.va_circulo_4,

.va_circulo_5 {

  animation: fadeIn 0.6s ease-out forwards;

  opacity: 0;

}



.va_circulo_1 {

  animation-delay: 1.2s;

}



.va_circulo_2 {

  animation-delay: 1.4s;

}



.va_circulo_3 {

  animation-delay: 1.6s;

}



.va_circulo_4 {

  animation-delay: 1.8s;

}



.va_circulo_5 {

  animation-delay: 2s;

}



.va_contenido_facebook iframe {

  width: 100%;

}



/* Convenios y Capacitaciones */



.list_convenios {

  margin-top: 60px;

}



.title_convenios h2 {

  color: var(--color-plomo);

  position: relative;

}







.quitar_icon_svg svg {

  display: none;

}



.list_convenios .uk-position-center-right.quitar_icon_svg {

  margin-right: 0px;

}



/* Convenios - Capacitaciones y Herramientas */



.list_convenios .item_convenio,

.list_herramientas .item_herramientas {

  opacity: 0;

}



.list_convenios .uk-active .item_convenio,

.list_herramientas .uk-active .item_herramientas {

  opacity: 1 !important;

}



.paddind_border {

  /* Padding left y right del carrucel de Convenios y capacitaciones */

  padding: 0px 50px;

}



.item_convenio img,

.list_herramientas img {

  cursor: pointer;

}



/* Modalidad */



.container_figure_modalidad {

  max-width: 350px;

  margin-bottom: 0;

}



.bg_gris {

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

}



.modalida_section .subtitle_modalidad {

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

  font-weight: 700;

  color: var(--color-negro);

  font-size: 35px;

}



.modalida_section .p_info_modalidad {

  color: var(--color-plomo);

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

  font-weight: 300;

  font-size: 20px;

}



.line_modalidad {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  height: 35px;

}



.line_modalidad::before,

.line_modalidad::after {

  width: 45%;

  height: 2px;

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

}



.line_modalidad::before {

  right: 401px;

  content: "";

  position: absolute;

  bottom: 50%;

  right: 0;

  border-width: 0;

  top: 50%;

}



.line_modalidad::after {

  left: 401px;

  content: "";

  position: absolute;

  bottom: 50%;

  left: 0;

  border-width: 0;

  top: 50%;

}



.line_modalidad div {

  position: relative;

  z-index: 1;

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

}



/* Contactanos */



/* Banner Contactanos */



.contac_fondo_banner {

  background-repeat: no-repeat;

  background-size: cover;

}



.contac_correo_contacto p,

.contac_direccion p,

.contac_numeros_contactos p {

  color: var(--color-blanco);

  font-size: 22px;

  line-height: 22px;

  font-weight: 400;

  letter-spacing: 0px;

  font-family: "Open Sans";

  visibility: inherit;

}



.fig_icon_contacto {

  max-width: 50px;

}





.tamaño_contenedor h2 {

  padding: 0px 0px;

  color: var(--color-plomo);

  font-size: 25px;

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

  font-weight: 900 !important;

  font-style: normal;

}



.uk-form-controls input {

  border: none;

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

  color: var(--color-negro);



}



.contenedor_form label {

  display: inline-block;

  margin-bottom: 5px;

  font-weight: bold;

}



.contenedor_centrado {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.contac_linea_separadora {

  margin-top: 10px;

  border-color: var(--color-plomo-principal);

  width: 20%;

}



/* Estilo del T���tulo Principal */

#seccion_banner_contacto h1.titulo_contactanos_personalizado {

  color: #ffffff !important;

  font-family: 'Montserrat', -apple-system, sans-serif !important;

  font-weight: 800 !important;

  font-size: 2.5rem;

  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  /* Le da un sutil relieve */

  margin: 0;

}



/* Contenedor e ���conos */

.bloque_icono_contacto {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



/* Estilo estricto para los textos de abajo (N���meros, Direcci���n, Correo) */

.textos_contacto_banner a {

  text-decoration: none !important;
  /* Quita el subrayado */

}



.textos_contacto_banner p {

  color: #ffffff !important;

  font-family: 'Montserrat', -apple-system, sans-serif !important;

  font-weight: 500 !important;

  font-size: 1.1rem !important;

  line-height: 1.5 !important;

  margin: 5px 0 0 0 !important;

  text-align: center !important;

}



/* Control para la direcci���n de Pueblo Libre (para que no se extienda infinito) */

.textos_contacto_banner {

  max-width: 280px;

  margin: 0 auto;

}



.mapa_alto {

  height: 80%;

}



#mapa_ifeep {

  height: 100%;

  width: 100%;

  max-width: 100%;

}



.contenedor_form p {

  font-size: 13px;

  font-weight: 500;

}



.boton_formulario button {

  width: 70%;

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

  color: var(--color-blanco);

  border-radius: 10px;

}





.movile_expand h2 {

  padding: 0px 0px;

  color: var(--color-plomo);

  font-size: 25px;

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

  font-weight: 900 !important;

  font-style: normal;



}





/* Footer */



footer {

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

  padding-top: 5px;

}



.section_footer {

  background-color: var(--color-negro-2);

}



.__item_i_footer {

  display: inline-flex;

  justify-content: space-between;

  color: var(--color-blanco);

}



.__item_i_footer p,

.__item_i_footer span {

  margin: 0;

  color: var(--color-blanco);

  font-size: 12px;

}



.__item_d_footer {

  display: flex;

  justify-content: end;

}



.__item_d_footer span {

  color: var(--color-blanco);

  font-size: 12px;

}



/* Conocenos */



.q_fondo_imagen {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  background-size: cover;

}



/* .q_contenedor_principal {

  display: flex;

  align-items: center;

  justify-content: center;

}

 */

.q_contenedor_quienessomos {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}



.q_titulo_quienessomos {

  color: white;

  font-weight: 700;

  font-size: 45px;



}



.q_texto_quienessomos {

  color: white;

  font-weight: 400;

  font-size: 25px;

  letter-spacing: 0px;

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

  line-height: 25px;

  text-align: justify;

}



.mv_fondo_vision {

  background-color: var(--color-celeste-turquesa);

  width: 690px;

  height: 181px;

  display: flex;

  flex-direction: column;

  border-radius: 10px;

}



.mv_fondo_mision {

  background-color: var(--color-celeste-turquesa);

  width: 690px;

  height: 181px;

  display: flex;

  flex-direction: column;

  border-radius: 10px;

  justify-content: center;

}



.mv_padding {

  padding-left: 100px;

  padding-right: 100px;

}



.mv_titulo {

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

  font-weight: 900;

  color: var(--color-blanco);

}



.mobile-version {

  display: none;

}



.mv_contenedor_principal:hover {

  transform: translateY(5px);

}



.mv_contenedor_principal {

  padding: 15px;

  transition: transform 0.2s ease-in-out;

}



.mv_contenedor_vision {

  text-align: left;

}



.mv_contenedor_vision {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}



.mv_contenedor_texto {

  flex: 1;

  text-align: left;

}



.mv_contenedor_icono_vision {

  flex-shrink: 0;

}



.mv_titulo1 {

  text-align: left;

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

  font-weight: 900;

  color: var(--color-blanco);

}



.mv_contenedor_mision {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}



.mv_contenedor_icono_mision {

  flex-shrink: 0;

}



.mv_contenedor_texto {

  flex: 1;

  text-align: right;

}



.mv_parrafo_mision {

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

  font-weight: 300;

  font-size: 25px;

  color: var(--color-blanco);

  margin: 4px;

  line-height: 24px;

  width: 100%;

}



.mv_parrafo_vision {

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

  font-weight: 300;

  font-size: 25px;

  color: var(--color-blanco);

  margin: 4px;

  line-height: 24px;

  width: 100%;

  text-align: left;

}



.mv_contenedor_mision_texto {

  display: flex;

  justify-content: flex-end;

}



.mv_contenedor_vision_texto {

  display: flex;

  justify-content: flex-start;

}



.mv_contenedor_icono_vision {

  position: relative;

  width: 110px;

  height: 110px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 3px solid black;

}



.mv_contenedor_icono_mision {

  position: relative;

  width: 110px;

  height: 110px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 3px solid black;

}



.fondo_celeste {

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

}



.va_circulo_principal {

  background-color: var(--color-celeste-turquesa);

  width: 450px;

  height: 450px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.va_contenedor_texto {

  display: flex;

  justify-content: center;

  text-align: center;

  width: 80%;

  flex-direction: column;

}



.va_texto_titulo {

  font-size: 30px;

  font-weight: bold;

  color: white;

  opacity: 1;

  transition: opacity 0.4s ease-in-out;

  margin: 10px;

}



.va_circulo_principal span {

  font-size: 20px;

  font-weight: bold;

  color: white;

  opacity: 1;

  transition: opacity 0.4s ease-in-out;

}



.card_valores {

  margin-bottom: 10px;

  background-color: var(--color-verde-oliva);

  border-radius: 8px;

  width: 100%;

}



.card_valores .title_valores {

  color: var(--color-blanco);

}



.card_valores .text_valores {

  color: var(--color-blanco);

  text-align: justify;

  margin: 0px;

}



.va_contenedor_valores {

  height: 700px;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: none;

  /* transform: scale(0.8); */

  /* transform-origin: top; */

}



.va_titulo_circulo {

  font-size: 30px !important;

}



.va_circulo_1 {

  position: absolute;

  background-color: var(--color-celeste-turquesa);

  width: 100px;

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: translate(0%, -300%);

}



.va_circulo_1:hover {

  background-color: var(--color-circulo-valores-hover);

}



.va_circulo_2 {

  position: absolute;

  background-color: var(--color-celeste-turquesa);

  width: 100px;

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: translate(290%, -80%);

}



.va_circulo_2:hover {

  background-color: var(--color-circulo-valores-hover);

}



.va_circulo_3 {

  position: absolute;

  background-color: var(--color-celeste-turquesa);

  width: 100px;

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: translate(200%, 250%);

}



.va_circulo_3:hover {

  background-color: var(--color-circulo-valores-hover);

}



.va_circulo_4 {

  position: absolute;

  background-color: var(--color-celeste-turquesa);

  width: 100px;

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: translate(-200%, 250%);

}



.va_circulo_4:hover {

  background-color: var(--color-circulo-valores-hover);

}



.va_circulo_5 {

  position: absolute;

  background-color: var(--color-celeste-turquesa);

  width: 100px;

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: translate(-290%, -80%);

}



.va_circulo_5:hover {

  background-color: var(--color-circulo-valores-hover);

}



.va_contenedor_facebook {

  box-shadow: none;

  width: 445px;



}



.va_titulo_valores {

  font-size: 30px;

  text-decoration: underline;

  display: flex;

  flex-direction: column;

  margin: 20px;

  color: var(--color-plomo);

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

  font-weight: 900 !important;

  font-style: normal;

}



.va_contenedor_titulo {

  text-align: left;

  margin-bottom: 40px;

}



.va_contenedor_valores_principal {

  width: 100%;

}



/* Registro de Certificados */



.spiner_load_ajax {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  background: #ffffffbf;

  width: 100%;

  height: 100vh;

  z-index: 9999 !important;

}



.spiner_load_ajax svg circle {

  stroke-width: 2px !important;

  stroke: var(--color-dark-cyan) !important
}



.fondo_certificado {

  background-image: url('../img/fondo_certificado.png');

  height: 724px;

  background-position: top center;

}



.titulo_busqueda {

  color: var(--color-blanco);

  font-size: 36px;

  font-weight: bold;

  width: 100%;

  max-width: 420px;



}



.casilla_input {

  width: 100%;

  max-width: 399px;

  background: var(--color-blanco);

  border-radius: 12px;

  padding: 20px 40px;

}



.casilla_input span {

  color: var(--color-gris);

  font-size: 24px;

}



.bloq_input_busque {

  display: flex;

  align-items: center;

  border-bottom: 2px solid var(--color-gris);

  padding-bottom: 4px;

  margin-top: 15px;

}



.bloq_input_busque input {

  font-size: 17px;

  color: var(--color-negro);

  border: none;

}



.bloq_input_busque button {

  width: 48px;

  height: 39px;

  background: var(--color-dark-cyan);

  border-radius: 8px;

  border: none;

  cursor: pointer;

}



.listado_radios {

  margin-top: 15px;

}



.listado_radios h2 {

  margin-bottom: 20px;

}



.listado_radios label {

  font-size: 13px;

  font-weight: 700;

}



.listado_radios label input {

  margin-right: 5px;

}



.quitar_svg_cerrar svg {

  display: none;

}



.gap_5_cat {

  gap: 5px;

}



#form_envio_certificado .error-border {

  border-bottom: 2px solid red !important;

}



#form_ifeep_contact .error-border {

  border: 1px solid red !important;

}

.cont_form_contact label.input_2_form_extras input.error-border,
.cont_form_contact label.input_2_form_extras select.error-border {

  border: 1px solid red !important;

}



.modificar_buscador {

  padding: 40px;

  border-radius: 10px;

}



.contenedor_formu_buscar_cert {

  margin-top: 30px;

}



#numerodni-error,

#radiocate-error {

  display: none !important;

}



#error-radiocate {

  display: none;

}



#error-radiocate.aparecer_cat {

  display: block !important;

}



.titulo_new_cert {

  color: #fff;

  font-weight: 700;

  margin-bottom: 20px;

}



.btn_buscar_certificado {

  background: var(--color-dark-cyan);

  color: var(--color-blanco);

  font-size: 15px;

  padding: 15px;

  width: 150px;

  text-align: center;

  border-radius: 10px;

  font-weight: 700;

}



#tabla_resultado {

  margin-top: 20px;

}



#modal-center2 .uk-modal-dialog {

  width: 100% !important;

  max-width: 900px !important;

}



#tabla_resultado thead {

  background: var(--color-dark-cyan);

}



#tabla_resultado thead th {

  color: var(--color-blanco);

  font-weight: 700;

}



#tabla_resultado tbody tr {

  color: var(--color-negro);

  font-size: 13px;

  font-weight: 700;

}



.listado_radios h2 {

  color: #23a1d8;

  font-weight: 800;

  font-size: 15px;

}




/* *************** SLIDER CSS NUEVO *************** */
.slider_principal {
  height: 400px !important;
  width: 100%;
  max-width: -webkit-fill-available;
}

.slider_fondo_ingles {
  max-height: 400px;
  overflow: hidden;
  height: 400px;
  max-width: none !important;
}

.banner_certificacion_linea {
  background-color: #ffffff;
  text-align: center;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.texto_certificacion_banner {
  color: #3d3363;
  font-family: var(--font-famili);
  font-size: 26px;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

.slider_principal .uk-slidenav-previous,
.slider_principal .uk-slidenav-next {
  top: 172.5px !important;
  transform: translateY(-50%) scale(1.5) !important;
}

@media (max-width: 961px) {
  .texto_certificacion_banner {
    font-size: 20px;
  }
}

@media (max-width: 568px) {
  .texto_certificacion_banner {
    font-size: 14px;
    letter-spacing: 0.2px;
  }
}

.contenedor_letras {}

.slider_fondo {
  height: 30rem;
}

.margin_top_15 {
  margin-top: 20px !important;
}

/* CSS PORTUGUES */
.slider_modalidad {
  width: 300px !important;
}

.slider_titulo_curso_4 {
  width: 230px !important;
  margin-top: 20px !important;
}

.slider_titulo_avamzado_4 {
  width: 250px !important;
  margin-top: 5px !important;
}

.slider_titulo_portugues_4,
.slider_titulo_basi_inter_avanzado_4 {
  width: 340px !important;
  margin-top: 5px !important;
}

.slider_alumno {
  max-width: 360px;
}

.slider_titulo_cursos,
.slider_titulo_ingles {
  width: 140px !important;
  margin-top: 5px !important;
}

.slider_titulo_ingles_2,
.slider_titulo_institutos_2 {
  width: 460px !important;
  margin-top: 4px;
}

.slider_titulo_niveles,
.slider_titulo_titutlacion {
  width: 420px !important;
}

.contenedor_letras_1 {
  padding-left: 0px !important;
  padding-right: 40px !important;
}

/* CSS INSTITUTOS */
.slider_titulo_niveles_2 {
  width: 250px !important;
}

/* CSS BASICO - INTERMEDIO - AVANZADO  */
.slider_titulo_ingles_3 {
  width: 370px !important;
  margin-top: 5px !important;
}

.slider_titulo_intermedio_3 {
  width: 350px !important;
  margin-top: 5px !important;
}

.slider_titulo_avamzadp_3 {
  width: 260px !important;
  margin-top: 5px !important;
}

.slider_titulo_boton_3 {
  margin-top: 28px;
  width: 273px;
}

.slider_titulo_niveles_2 {
  margin-top: 3px;
}

/* CURSO EXTRA INSTITUCIONAL */
.slider_titulo_cursos_5 {
  margin-top: 20px !important;
}

.slider_titulo_hoja_5 {
  margin-top: 10px !important;
  width: 400px !important;
}

.slider_titulo_extra_5 {
  margin-top: 5px !important;
}

/* CURSO DE GESTION Y MANEJO DE ARCHIVOS */

.slider_titulo_gestion_1 {
  width: 450px !important;
}

.slider_titulo_gestion_2 {
  width: 420px !important;
  margin-top: 10px !important;
}

.slider_inicio_gestion {
  width: 290px !important;
  margin-top: 11px !important;
}

.slider_principal {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* CURSO EXCEL */
.slider_titulo_excel_6 {
  width: 370px !important;
  margin-top: 5px !important;
}

.slider_titulo_cursos_6 {
  width: 200px !important;
}

/* CURSO DE REDACCION DE DOCUMENTOS ADMINISTRATIVOS CON INTELIGENCIA ARTIFICIAL */
.slider_titulo_redaccion_1 {
  width: 230px !important;
  margin-top: 5px !important;
}

.slider_titulo_redaccion_2 {
  width: 460px !important;
  margin-top: 5px !important;
}

.slider_inicio_redaccion {
  width: 460px !important;
  margin-top: 5px !important;
}

.slider_inicio_redaccion_boton {
  width: 290px !important;
  margin-top: 10px !important;
}

/* CURSO DE ACTAS */
.slider_elaboracion_de_actas {
  width: 470px !important;
  margin-top: 10px !important;
}

.slider_importancia_en_la_investigacion {
  width: 485px !important;
}

.slider_titulo_preliminar_del_delito {
  width: 300px !important;
  margin-top: 5px !important;
}

.slider_inicio_actas {
  width: 300px !important;
  margin-top: 10px !important;
}

/* #SLIDER_2030{
  display: none;
} */
.uk-slidenav-previous,
.uk-slidenav-next {
  color: #2b384c !important;
  /* Color azul marino */
  stroke-width: 4px !important;
  transform: scale(1.5) !important;
  /* Agrandar un 50% las flechas */
}



/* ESTILOS PARA FORMULARIOS */



/* Formularios */

.error-border {
  border: 1px solid red !important;
}

.cont_form_contact label.input_2_form_extras input,
.cont_form_contact label.input_2_form_extras select {
  width: 100%;

  box-sizing: border-box;

  padding: 15px 20px;

  border-radius: 12px;

  background: var(--color-blanco);

  border: none;

  font-size: 20px;

  line-height: 111%;

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

select {
  height: auto !important;
}

.container_remove_margin>* {
  margin: 0px;
}

.input_2_form_check {
  display: flex;

  align-items: start;
}

.input_2_form_check input {
  margin-top: 6px;
}

.input_2_form_check p {
  color: var(--color-negro);
}

.title_formulario_personalizado {
  color: var(--color-dark-cyan);

  margin-bottom: 0px;

  display: inline-block;

  border-bottom: 4px solid var(--color-cyan);

  padding-bottom: 2px;

  font-weight: 800;

  font-size: 30px;
}

.subtitulo_formulario_personalizado {
  color: var(--color-negro);

  margin-top: 0px;

  margin-bottom: 0px;
}

/* NUEVOS ESTILOS PARA FORMULARIO PERSONALIZADO DE CATEGORIA 1 */

.fondo_contacto_form {
  background-color: var(--fondo-contcto) !important;
  padding: 60px 0 !important;
}

.title_formulario_personalizado {
  color: var(--color-dark-cyan) !important;
  font-family: var(--font-famili) !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  text-transform: uppercase !important;
  border-bottom: 4px solid var(--color-cyan) !important;
  padding-bottom: 8px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  display: inline-block !important;
  margin-bottom: 15px !important;
}

.subtitulo_formulario_personalizado {
  color: #333333 !important;
  font-family: var(--font-famili) !important;
  font-size: 16px !important;
  margin-top: 10px !important;
  font-weight: normal !important;
}

.cont_form_contact label.input_2_form_extras input.border_gray200_g_b_4 {
  border: none !important;
  border-bottom: none !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.cont_form_contact label.input_2_form_extras input::placeholder {
  color: #a0a0a0 !important;
  font-family: var(--font-famili) !important;
  font-size: 18px !important;
}

.btn_enviar_form {
  background-color: var(--color-dark-cyan) !important;
  color: var(--color-blanco) !important;
  font-family: var(--font-famili) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  padding: 12px 60px !important;
  border-radius: 12px !important;
  border: none !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  transition: background-color 0.3s ease !important;
}

.btn_enviar_form:hover {
  background-color: var(--color-azul-principal) !important;
}



/* CSS DE FLECHAS SLIDER Y SLIDER */


/* Estilos premium para las flechas del slider */
.flecha-slider {
  color: #ffffff !important;
  background-color: rgba(0, 0, 0, 0.45) !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, transform 0.2s ease, opacity 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  opacity: 1 !important;
}

.flecha-slider:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: #ffffff !important;
  transform: scale(1.1) translateY(-50%);
  /* Ajuste ya que puede estar posicionado a la mitad */
  /* En realidad uk-position-center-left/right usa transform: translateY(-50%) por defecto de UIkit */
}

/* Corregir el transform en hover para no romper el centrado vertical de UIkit */
.uk-position-center-left.flecha-slider:hover {
  transform: translateY(-50%) scale(1.1) !important;
}

.uk-position-center-right.flecha-slider:hover {
  transform: translateY(-50%) scale(1.1) !important;
}

/* Ajuste estricto de altura del slider para Tablet y Celular */
@media (max-width: 961px) {

  /* Forzar altura en el contenedor principal y en cada slide (hijos directos) */
  .slider_principal .uk-slideshow-items,
  .slider_principal .uk-slideshow-items>* {
    min-height: 700px !important;
    height: 700px !important;
  }

  .slider_principal {
    min-height: 700px !important;
    height: 700px !important;
  }

  /* Asegurar que el fondo también tome la nueva altura */
  .slider_fondo_ingles {
    min-height: 700px !important;
    height: 100% !important;
  }

  .contenedor_persona {
    display: flex !important;
    align-items: flex-start !important;
  }

  .contenedor_letras {
    padding-top: 30px !important;
  }

  .contenedor_letras_1 {
    padding-top: 30px !important;
  }
}

@media (max-width: 640px) {

  .slider_principal .uk-slideshow-items,
  .slider_principal .uk-slideshow-items>* {
    min-height: 570px !important;
    height: 570px !important;
  }

  .slider_principal {
    min-height: 570px !important;
    height: 570px !important;
  }

  .slider_fondo_ingles {
    min-height: 570px !important;
    height: 100% !important;
  }

  .contenedor_persona {
    display: flex !important;
    align-items: flex-start !important;
  }

  .contenedor_letras_1 {
    padding-top: 30px !important;
  }

  .contenedor_letras {
    padding-top: 30px !important;
  }
}

/* Fuerza el borde rojo en caso de error para inputs y selects del formulario general */
.cont_form_contact label.input_2_form_extras input.border_gray200_g_b_4.error-border,
.cont_form_contact label.input_2_form_extras select.border_gray200_g_b_4.error-border {
  border: 1px solid red !important;
}