/* Mueve la flecha al extremo derecho */
.antucodev-dept .antucodev-dept-list .antucodev-dept-btn{
  display:flex;               /* forzamos layout */
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
}

/* La flecha va a la derecha sí o sí */
.antucodev-dept .antucodev-dept-list .antucodev-dept-btn .antucodev-dept-arrow{
  margin-left:auto;
  opacity:.85;
  font-weight:700;
}

/* Si la flecha es ::after en vez de un span (por si acaso) */
.antucodev-dept .antucodev-dept-list .antucodev-dept-btn::after{
  /* content: "→";  <- descomenta si el plugin usa pseudo-elemento */
  margin-left:auto;
}

/* Último recurso si algo la pisa: (quita luego) */
/* .antucodev-dept .antucodev-dept-list .antucodev-dept-btn{display:flex !important;} */

/* === Créditos de Awna Digital ===
   Posiciona el crédito dentro del pie de página sin incrementar su altura.
   La clase .site-footer se establece en posición relativa para que el elemento
   .awna-credit se posicione absolutamente respecto a ella.  Ajusta bottom
   según sea necesario para evitar superponerse a otros elementos. */

/* Asegura que el contenedor del pie de página es el contexto de posicionamiento */
.site-footer{
  position: relative;
}

/* Estilo del crédito de Awna Digital */
.awna-credit{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  z-index: 2;
  font-size: 14px;
  color: #fff;
  opacity: .9;
  white-space: nowrap;
}

/* Ajustes responsivos para pantallas pequeñas */
@media (max-width: 480px){
  .awna-credit{
    font-size: 12px;
    bottom: 8px;
  }
}

/* ==============================================================
 * Estilos del formulario de búsqueda en la barra principal
 * ==============================================================
 * Estos estilos controlan la animación de apertura y cierre del
 * buscador.  Por defecto, el campo de búsqueda ocupa sólo el ancho
 * necesario para mostrar el icono de la lupa.  Al activar la
 * clase `.is-open` (vía JavaScript), el formulario se expande para
 * permitir la entrada de texto.  La transición es suave para un
 * efecto más agradable.
 */
.search-form{
  position: relative;
  /* El ancho inicial se reduce a la anchura del icono de la lupa.
     Así sólo se ve la lupa cuando el buscador está cerrado. */
  width: 1.8rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: width .3s ease;
}
.search-form.is-open{
  /* Anchura cuando el formulario está abierto.  Ajusta según el diseño de Figma */
  width: 12rem;
}
.search-form .search-field{
  flex: 1;
  padding: 0.25rem 0.5rem;
  /* Eliminamos bordes y fondo para integrarse con el diseño del header */
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.875rem;
  line-height: 1.2;
}
.search-form .search-submit{
  display: flex;
  align-items: center;
  justify-content: center;
  /* Eliminamos bordes y fondo para que solo se vea la lupa */
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
}

/* Aseguramos que el contenido de las páginas de resultados y la 404 no quede
   debajo del encabezado fijo.  Ajusta el padding según la altura total del header */
.search-results-page,
.error-404{
  padding-top: 3rem;
}

/*
 * =====================================================================
 * Ajustes de espacio entre la barra de navegación y los banners tipo hero
 * =====================================================================
 *
 * En varias plantillas el banner principal (hero) aparece por debajo de la
 * barra de navegación principal. El diseño original incluía un borde
 * inferior gris en la barra (.mainbar) y un padding/margen superior en
 * las secciones de tipo banner, lo que generaba una pequeña franja de
 * color gris entre el menú y el hero.  Para las páginas que utilizan
 * Advanced Custom Fields para administrar su encabezado (ver lista de
 * plantillas en la descripción del ticket), esta franja se debe eliminar
 * por completo.  A continuación se definen reglas que suprimen el borde
 * inferior de la barra y el espacio superior de los banners específicos.
 */

/* Eliminar el borde inferior de la barra principal en las páginas con hero
   administrado mediante ACF.  Utilizamos clases del body generadas por
   WordPress (page-template-*) para acotar los estilos únicamente a
   aquellas plantillas que necesitan el ajuste. */
.page-template-page-quienes-somos .mainbar,
.page-template-page-organigrama-municipal .mainbar,
.page-template-page-consejo-municipal .mainbar,
.page-template-page-atencion .mainbar,
.page-template-page-normativa-municipal .mainbar,
.page-template-page-vive-cultura .mainbar,
.page-template-page-deportes .mainbar,
.page-template-page-ciudadania .mainbar,
.page-template-page-informacion-turistica .mainbar,
.page-template-page-contacto-m .mainbar,
.page-template-page-historia-patrimonio .mainbar,
.page-template-page-galeria-eventos .mainbar,
.page-template-page-agenda-actividades .mainbar,
.page-template-page-normativa-simple .mainbar {
  border-bottom: none !important;
}

/* Suprimir el margen y el padding superior de los banners para que queden
   pegados al menú.  Se seleccionan todas las variantes de banners
   utilizados en las distintas plantillas. */
.qs-banner,
.or-banner,
.cm-banner,
.atc-banner,
.ci-banner,
.nm-banner,
.it-banner,
.hp-banner,
.vc-banner,
.dp-banner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}