/* Optimizaciones móviles específicas del index */
@media (max-width: 768px) {
  /* Hero móvil optimizado (usar ID real del markup) */
  #hero {
    padding: 80px 16px 24px; /* dejar espacio para header fijo (~70-80px) */
    min-height: calc(100vh - 80px);
  }
  
  .search-card {
    margin: 0 1rem;
    width: calc(100% - 2rem);
  }
}