/* Tema visual NimbusRh: cielo y nubes, azul navy y verde del árbol.
   Solo cambia colores, fondos y botones. La estructura y el contenido no se tocan.
   Las reglas llevan el prefijo #page-container para ganarle a los estilos de Divi, que cargan después. */

:root{
  --nb-navy:#1b3a5c;
  --nb-azul:#2a5d8f;
  --nb-azul-claro:#ffffff;
  --nb-verde:#2f6420;
  --nb-verde-hover:#24501a;
  --nb-texto:#2b3f55;
  /* Alto mínimo de cada slide del carrusel */
  --nb-slide-h:560px;
  /* Árbol con manos en el encabezado, a la izquierda del logo */
  /* Leyenda sobre la etiqueta verde: una línea centrada en pantalla */
  --nb-ley-fs:clamp(14px,2vw,24px);
}
@media (max-width:767px){
  :root{
    --nb-ley-fs:13px;
  }
  /* En móvil el logo no debe ser más ancho que la pantalla */
  #page-container .et_pb_menu__logo img{
    max-width:200px;
    height:auto;
  }
}

/* ---------- Hero: el carrusel empieza justo debajo del encabezado fijo (120px) ---------- */
#page-container .et_pb_section_1.et_pb_with_background{
  background-color:#ffffff!important;
  background-image:none!important;
  padding-top:120px!important;
  position:relative;
  /* Crea contexto de apilado: la imagen de fondo queda detrás del texto */
  isolation:isolate;
  overflow:hidden;
}
/* El carrusel empieza justo debajo de la franja (Divi le pone 110px de margen superior) */
#page-container .et_pb_section_1 .et_pb_slider{
  margin-top:0!important;
}
#page-container .et_pb_section_1 .et_pb_slide{
  background-color:transparent!important;
}
/* Fondo de cada slide: foto de oficina original, con capa azul oscura para que el texto blanco se lea */
#page-container .et_pb_section_1 .et_pb_slide_0{
  background-image:linear-gradient(rgba(12,35,58,.35),rgba(12,35,58,.35)),url("wp-content/uploads/2022/01/slide1.jpg")!important;
  background-size:cover!important;
  background-position:center!important;
}
#page-container .et_pb_section_1 .et_pb_slide_1{
  background-image:linear-gradient(rgba(12,35,58,.35),rgba(12,35,58,.35)),url("wp-content/uploads/2022/02/slide2.jpg")!important;
  background-size:cover!important;
  background-position:center!important;
}
#page-container .et_pb_section_1 .et_pb_slide_2{
  background-image:linear-gradient(rgba(12,35,58,.35),rgba(12,35,58,.35)),url("wp-content/uploads/2022/02/slide3.jpg")!important;
  background-size:cover!important;
  background-position:center!important;
}
/* Quita el alto fijo de 629px de Divi: el texto sube y queda debajo de la leyenda */
#page-container .et_pb_section_1 .et_pb_container,
#page-container .et_pb_section_1 .et_pb_slider_container_inner,
#page-container .et_pb_section_1 .et_pb_slide{
  height:auto!important;
  min-height:0!important;
}
#page-container .et_pb_section_1 .et_pb_slide_description{
  padding-top:0!important;
  padding-bottom:0!important;
  transform:none!important;
}
/* Tamaño fijo del carrusel: todos los slides se apilan en la misma celda y ocupan la altura del más alto.
   Los que no están activos quedan ocultos pero ocupan su lugar, así el fondo no cambia de tamaño al rotar. */
#page-container .et_pb_section_1 .et_pb_slides{
  display:grid!important;
  min-height:0;
}
#page-container .et_pb_section_1 .et_pb_slide{
  grid-area:1 / 1;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  position:relative!important;
  height:auto!important;
  min-height:var(--nb-slide-h)!important;
  visibility:hidden;
}
#page-container .et_pb_section_1 .et_pb_slide.et-pb-active-slide{
  visibility:visible;
}
#page-container .et_pb_section_1 .et_pb_slide h3,
#page-container .et_pb_section_1 .et_pb_slide_content,
#page-container .et_pb_section_1 .et_pb_slide_content h3,
#page-container .et_pb_section_1 .et_pb_slide_content span{
  color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.75);
}
#page-container .et_pb_section_1 .et_pb_slide_content span[style*="color: #ffffff"]{
  color:#fff!important;
}

/* ---------- Etiqueta verde: a todo el ancho, con la leyenda en una línea centrada ---------- */
#page-container .et_pb_section_2{
  margin-top:2px!important;
}
#page-container .et_pb_section_2 .et_pb_row{
  margin-top:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  width:100%!important;
  max-width:none!important;
}
#page-container .et_pb_section_2 .et_pb_column{
  padding-left:0!important;
  padding-right:0!important;
}
#page-container .et_pb_section_2 .et_pb_text_0{
  margin-top:0!important;
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  background:#ffffff!important;
  /* Sin texto, la franja queda con 25 % de su alto anterior (reducción del 75 %) */
  height:10px!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden;
  text-align:center;
}
#page-container .et_pb_section_2 .et_pb_text_0 .et_pb_text_inner{
  min-height:0!important;
  height:100%;
}
#page-container .et_pb_section_2 .et_pb_text_0 h1,
#page-container .et_pb_section_2 .et_pb_text_0 h1 span,
#page-container .et_pb_section_2 .et_pb_text_0 span{
  color:#0f2236!important;
}
#page-container .nb-leyenda{
  display:block;
  margin:20px 0 0;
  padding:12px 12px 10px;
  background:#fff;
  white-space:nowrap;
  text-align:center;
  font-size:var(--nb-ley-fs);
  font-weight:800;
  line-height:1.3;
  color:#1f2f5c!important;
  text-shadow:none;
}

/* ---------- Secciones azules (antes #4e66a9) ---------- */
#page-container .et_pb_section_4,
#page-container .et_pb_section_6,
#page-container .et_pb_section_7,
#page-container .et_pb_section_9,
#page-container .et_pb_section_12{
  background-color:var(--nb-azul)!important;
}

/* ---------- Encabezado y menú ---------- */
#page-container .et_pb_section_0{
  box-shadow:0 2px 14px rgba(27,58,92,.12);
}
#page-container .et_pb_fullwidth_menu .et-menu > li > a,
#page-container .et_pb_fullwidth_menu .et-menu li li a{
  color:var(--nb-navy)!important;
}
#page-container .et_pb_fullwidth_menu .et-menu > li > a:hover{
  color:var(--nb-verde)!important;
}

/* ---------- Fondo de cielo suave en secciones claras ---------- */
#page-container .et_pb_section_3,
#page-container .et_pb_section_10,
#page-container .nb-faq{
  background-image:none!important;
  background-color:#ffffff!important;
}

/* ---------- Títulos y textos sobre fondo claro ---------- */
/* Enlaces "Ver más" de secciones claras: el azul brillante de Divi no se lee bien sobre fondo claro */
#page-container .et_pb_section_3 p,
#page-container .et_pb_section_5 p{
  color:var(--nb-navy)!important;
}
/* Textos índigo de Funciones y Totalmente desarrollado: pasan a índigo oscuro (igual que la leyenda) */
#page-container .et_pb_section_3 [style*="4e66a9" i],
#page-container .et_pb_section_5 [style*="4e66a9" i]{
  color:#1f2f5c!important;
}
#page-container .et_pb_section_3 a,
#page-container .et_pb_section_5 a{
  color:var(--nb-navy)!important;
}

/* Tarjetas de Seguridad: fondo índigo antiguo, ahora azul oscuro de la paleta */
#page-container .et_pb_section_8 .et_pb_module.et_pb_text_7,
#page-container .et_pb_section_8 .et_pb_module.et_pb_text_8{
  background-color:var(--nb-azul)!important;
}

#page-container .et_pb_section_3 h1,
#page-container .et_pb_section_3 h2,
#page-container .et_pb_section_3 h3,
#page-container .et_pb_section_3 h6,
#page-container span[style*="8398cf" i],
#page-container .et_pb_section_5 h1,
#page-container .et_pb_section_5 h2,
#page-container .et_pb_section_5 h3,
#page-container .et_pb_section_5 h6,
#page-container .et_pb_section_10 h1,
#page-container .et_pb_section_10 h2,
#page-container .et_pb_section_10 h3,
#page-container .et_pb_section_10 h6{
  color:var(--nb-navy)!important;
}

/* Tarjetas de Seguridad: van sobre fila azul, el texto queda blanco */
#page-container .et_pb_section_8 .et_pb_row_8 h1,
#page-container .et_pb_section_8 .et_pb_row_8 h2,
#page-container .et_pb_section_8 .et_pb_row_8 h3,
#page-container .et_pb_section_8 .et_pb_row_8 h6{
  color:#fff!important;
}

/* ---------- Preguntas frecuentes ---------- */
#page-container .nb-faq{
  background:#ffffff!important;
}
#page-container .nb-faq h2,
#page-container .nb-faq-item summary{
  color:var(--nb-navy)!important;
}
#page-container .nb-faq-item p{
  color:var(--nb-texto)!important;
}
#page-container .nb-faq-item{
  border-bottom-color:#c9d8e6!important;
}

/* ---------- Botones: verde del árbol ---------- */
#page-container .et_pb_button{
  background-color:var(--nb-verde)!important;
  border-color:var(--nb-verde)!important;
  color:#fff!important;
  border-radius:30px!important;
}
#page-container .et_pb_button:hover,
#page-container .et_pb_contact_submit.et_pb_button:hover{
  background-color:var(--nb-verde-hover)!important;
  border-color:var(--nb-verde-hover)!important;
}
/* Mismo selector que usa Divi en el formulario de contacto, para ganarle por orden */
body #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button{
  background-color:var(--nb-verde)!important;
  border-color:var(--nb-verde)!important;
}

/* ---------- Pie ---------- */
#page-container .et_pb_section_12{
  border-top:4px solid var(--nb-verde);
}

/* ---------- Lista de funciones: bullets más juntos ---------- */
#page-container #app-de-empleados .et_pb_blurb_description h4{
  margin:0!important;
  padding:0!important;
  line-height:1;
}
/* Legajo, Adelantos y Asistencia: cada viñeta es un <p> y Divi le deja un padding de 16px abajo */
#page-container .nb-lista-compacta p{
  margin:0!important;
  padding:0!important;
}

/* ---------- Párrafo de cierre (automatiza tareas): interlineado cómodo, sin el padding de Divi ---------- */
#page-container .nb-parrafo-cierre h4{
  margin:0!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1.5!important;
  font-weight:400;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.25);
}