/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */

.container {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.page-wrapper {
  max-width: var(--max-bg-color);
  background: var(--color--white);
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: calc(100% - var(--content-left));
    margin-inline-end: auto;
  }
}

.main-content__container {
  padding-block-start: var(--sp3);
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp5);
  }
}

/*
 * Contextual link wrappers load without the ".contextual" CSS class, which
 * causes layout shifts. We fix this by setting this to position: absolute;
 */

[data-contextual-id]:not(.contextual) {
  position: absolute;
}

/* quitar las gotas del fondo */
body {
background-image: none !important;
}


/* ===== HEADER AZUL LIMPIO Y FUNCIONAL ===== */

/* Fondo completo azul */
.site-header,
.site-header__inner,
.region-primary-menu,
.region-secondary-menu {
  background-color: #0a4ea1 !important;
}

/* Links en blanco */
.primary-nav a {
  color: #ffffff !important;
}

/* Quitar fondo blanco del menú */
.primary-nav {
  background: transparent !important;
}

/* Logo más pequeño */
.site-logo img {
  max-height: 55px;
}

/* Espaciado general */
.site-header {
  padding: 10px 20px;
}


/* ===== HEADER AZUL LIMPIO Y FUNCIONAL ===== */

/* Fondo completo azul */
.site-header,
.site-header__inner,
.region-primary-menu,
.region-secondary-menu {
  background-color: #0a4ea1 !important;
}

/* Links en blanco */
.primary-nav a {
  color: #ffffff !important;
}

/* Quitar fondo blanco del menú */
.primary-nav {
  background: transparent !important;
}

/* Logo más pequeño */
.site-logo img {
  max-height: 55px;
}

/* Espaciado general */
.site-header {
  padding: 10px 40px;
}


/* ===== FORZAR VISIBILIDAD DEL MENÚ ===== */

/* Mostrar menú siempre */
.primary-nav__menu {
    visibility: visible !important;
  opacity: 1 !important;
}

/* Mostrar items */
.primary-nav__menu li {
  display: inline-block !important;
}

/* Ocultar botón hamburguesa */
.primary-nav__toggle {
  display: none !important;
}

/* Evitar que el menú se oculte */
.primary-nav {
  display: block !important;
}

/* Asegurar que no esté colapsado */
@media (min-width: 768px) {
  .primary-nav__menu {
    
  }
}


/* ===== RESET TOTAL MENÚ OLIVERO ===== */

/* Mostrar menú siempre */
.primary-nav__menu {
  display: flex !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}

/* Asegurar que los items estén en línea */
.primary-nav__menu li {
  display: inline-block !important;
}

/* Ocultar botón hamburguesa */
.primary-nav__toggle {
  display: none !important;
}

/* Evitar comportamiento móvil */
.primary-nav {
  position: static !important;
}

/* Quitar cualquier overlay raro */
.primary-nav__menu-wrapper {
  position: static !important;
  transform: none !important;
}