/* ======================================================= */
/* 1. BARRA DE BÚSQUEDA: ESTILOS Y FUNCIONALIDAD (CENTRADO) */
/* ======================================================= */
@media screen and (min-width: 750px) {

  /* 1.1 Contenedor de la Barra de Búsqueda (.search-action) */
  .header__column--center .search-action {
    /* Centrado de la barra */
    margin: 0 auto !important; 
    
  border-style: solid !important;
    border-width: 1px !important; 
    border-color: #A0A0A0 !important;

    /* Estilos y Dimensiones */
    width: 600px !important; /* MANTENEMOS EL ANCHO */
    height: 40px !important;
    background-color: #D6D6D6; /* CAMBIO: Fondo Gris Claro (casi blanco) */
    border-radius: 15px;
    font-family: Montserrat;
    font-size: 12px;
    
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important; 
    
    /* Asegurar que el clic funcione */
    pointer-events: auto !important;
  }
  
  /* 1.2 Estilo del botón interno */
  .header__column--center .search-action .search-modal__button {
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important; 
      background-color: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
  }

  /* 1.3 Ícono de Lupa */
  .header__column--center .search-action .search-modal__button .svg-wrapper {
      /* Hacer la lupa visible */
      display: flex !important;
      
      /* CAMBIO: Color Gris para la Lupa (coincide con el texto) */
      color:rgb(31, 31, 31) !important; 
      margin-right: 10px; 
      width: 18px; 
      height: 18px;
  }

  /* 1.4 INYECTAR TEXTO "Buscar" */
  .header__column--center .search-action .search-modal__button::after {
      content: "Buscar.."; 
      color:rgb(101, 101, 101) !important; /* CAMBIO: Color Gris para el Texto (coincide con la imagen) */
      font-family: 'Montserrat', sans-serif !important; 
      font-size: 1.1rem !important; 
      font-weight: 500 !important;
      cursor: pointer; 
  }

  /* Asegurarse de que el menú no interfiera con el centrado */
  .header__column--center header-menu {
    margin-top: 5px; 
  }
}

/* ======================================================= */
/* 2. MENÚ INFERIOR (FILA DE ENLACES: Mantenemos tu código) */
/* ======================================================= */
.header__row--bottom {

    /* Aplicar separación al contenedor flex principal del menú */
    .overflow-menu {
        display: flex;
    }

    /* Target: Componente de Lista del Menú */
    .overflow-menu::part(list) {
        gap: 80px !important; 
        padding: 0 10px; 
    }
    
    /* Target: Estilos de los enlaces de las palabras (a o link) */
    .menu-list__link {
        font-weight: 700 !important; 
        font-size: 0.95rem; 
        color: #333333 !important; 
      
    }
}