/* ======================
   BUSCADOR
====================== */

.search-container{
 position:relative;
 width:260px;
 z-index:50;
}

#searchInput{
 width:100%;
 padding:10px 15px;
 border-radius:20px;
 border:2px solid #0d2c54;
 outline:none;
 font-size:16px; /* evita zoom en iPhone */
}

#resultados{
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 background:white;
 border-radius:10px;
 box-shadow:0 10px 20px rgba(0,0,0,.2);
 display:none;
 max-height:250px;
 overflow-y:auto;
 z-index:50;
}

.resultado-item{
 padding:12px;
 cursor:pointer;
}

.resultado-item a{
 text-decoration:none;
 color:#0d2c54;
 display:block;
 width:100%;
}

.resultado-item:hover{
 background:#f2f2f2;
}

.sin-resultados{
 padding:12px;
 color:#666;
}

/* ======================
   AJUSTE MÓVIL
====================== */

@media (max-width:768px){
 .search-container{
   width:100%;
 }
}

/* 🔥 FIX DEFINITIVO BUSCADOR MÓVIL */

@media (max-width:768px){

  header,
  .elementor,
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-wrap,
  .elementor-widget-search-form,
  .search-container{
    overflow: visible !important;
  }

  #resultados{
    position: absolute !important;
    z-index: 50 !important;
  }

}

/* ======================
   AJUSTE VISUAL MÓVIL HEADER
====================== */

@media (max-width:768px){

  /* Reduce espacio del header */
  header,
  .elementor-section,
  .elementor-container{
    padding-top: -10px !important;
    padding-bottom: 0px !important;
  }

  /* Ajusta contenedor del buscador */
  .search-container{
    margin-top: -30px !important;
    margin-bottom: 0px !important;
  }

}