/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-main-nav .g-toplevel {
  width: 100% !important;
  justify-content: flex-end !important;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
#g-mainbar {
  padding-top: 10px !important;
}
.g-main-container {
  padding-top: 0px !important;
}
h1, .page-header {
  margin-top: 5px !important;
  padding-top: 0px !important;
}
.g-main-nav .g-dropdown {
  width: 260px !important;
  min-width: 260px !important;
}
.g-main-nav .g-dropdown-column, .g-main-nav .g-dropdown-items, .g-main-nav ul.g-sublevel, .g-main-nav .g-sublevel li {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
.g-main-nav .g-sublevel li {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.g-main-nav .g-sublevel > li > .g-menu-item-container {
  padding: 12px 18px !important;
}
#g-main {
  min-height: 65vh !important;
}
#g-offcanvas, .g-offcanvas-open #g-page-surround, .g-offcanvas-left, #g-offcanvas .g-grid, #g-offcanvas ul.g-toplevel {
  background-color: #0056b3 !important;
  background: #0056b3 !important;
}
#g-offcanvas .g-menu-item-container, #g-offcanvas .g-menu-item-content {
  background-color: transparent !important;
  background: transparent !important;
  color: #ffffff !important;
}
#g-offcanvas a, #g-offcanvas .g-menu-item-title, #g-offcanvas .g-menu-parent-indicator {
  color: #ffffff !important;
}
#g-offcanvas .g-menu-item-container:hover, #g-offcanvas .g-menu-item-container.g-active, #g-offcanvas li.g-active > .g-menu-item-container {
  background-color: #004085 !important;
  color: #ffffff !important;
}
#g-offcanvas .g-sublevel, #g-offcanvas .g-sublevel .g-menu-item-container, #g-offcanvas .g-menu-item-container, #g-offcanvas .g-toplevel li {
  background-color: #0056b3 !important;
  background: #0056b3 !important;
}
#g-offcanvas .g-sublevel li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.organigrama-responsive-wrapper {
  width: 100%;
  max-width: 1250px;
  margin: 15px auto;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-bottom: 10px;
}
.organigrama-responsive-wrapper iframe {
  width: 1250px !important;
  min-width: 1250px !important;
  height: 950px !important;
  border: none;
  display: block;
}
@media (max-width: 1250px) {
  .organigrama-responsive-wrapper iframe {
    margin: 0 auto;
  }
}
.accordion-button {
  cursor: pointer;
}
.accordion-item:focus-within {
  box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 10px 10px !important;
  /* Achica el espacio entre las pestañas del menú */
}
.g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-title {
  font-size: 14px !important;
  /* Reduce la letra un punto para que quepa la flecha */
}
.contact-form, #contact-form {
  max-width: 850px !important;
  margin: 30px auto !important;
  padding: 30px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #e2e8f0 !important;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 15px !important;
  margin-top: 6px !important;
  margin-bottom: 18px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  background-color: #f8fafc !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}
.contact-form input:focus, .contact-form textarea:focus {
  border-color: #007bff !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15) !important;
  outline: none !important;
}
.contact-form label {
  font-weight: bold !important;
  color: #334155 !important;
  font-family: sans-serif !important;
  font-size: 14px !important;
}
.contact-form button[type="submit"], .contact-form .btn-primary {
  background-color: #0056b3 !important;
  color: #ffffff !important;
  padding: 12px 35px !important;
  border-radius: 6px !important;
  font-weight: bold !important;
  font-size: 15px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
  box-shadow: 0 4px 6px rgba(0, 86, 179, 0.15) !important;
}
.contact-form button[type="submit"]:hover {
  background-color: #004085 !important;
}
.contact .contact-details {
  font-family: sans-serif !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  font-size: 15px !important;
}
/* Forzar que el contenedor del captcha tenga espacio y sea visible */
.control-group-captcha, #captcha, .g-recaptcha, .cf-turnstile {
  display: block !important;
  visibility: visible !important;
  min-height: 65px !important;
  margin: 15px 0 !important;
  clear: both !important;
}
/* Ocultar la etiqueta de texto plana "Captcha" para que solo se vea el widget */
#jform_captcha-lbl, label[for="jform_captcha"] {
  display: none !important;
}
/* Forzar que el contenedor del captcha tenga dimensiones físicas y sea visible */
.control-group-captcha, #captcha, .g-recaptcha, .cf-turnstile, div[id^="captcha"] {
  display: block !important;
  visibility: visible !important;
  min-height: 80px !important;
  width: 100% !important;
  margin: 20px 0 !important;
  clear: both !important;
}
/* Ocultar la palabra repetida 'Captcha' en texto plano */
#jform_captcha-lbl, label[for="jform_captcha"], .control-label-captcha {
  display: none !important;
}
/* Blanquear el fondo envolvente general de la plantilla Helium */
body.gantry, .g-offcanvas-open #g-page-surround, #g-page-surround {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
/*# sourceMappingURL=custom_13.css.map */