/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* Base: Mobile First */
.filtro-distribuidor-wrap {
  display: flex;
  flex-direction: column; /* En móvil, todo en una columna */
  gap: 1.5rem;
}

/* Formulario */
.filtro-distribuidores-form {
  width: 100%;
  background: #fafafa;
  padding: 16px;
  box-sizing: border-box;
}

.filtro-distribuidores-form label {
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.filtro-group {
  margin-bottom: 20px;
}

.filtro-distribuidores-form select {
  border-radius: 0;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

/* Estilos para la nueva estructura de resultados */
.lista-distribuidores-por-ubicacion {
  width: 100%;
}

.ubicacion-grupo {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eaeaea;
}

.ubicacion-titulo {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  color: #CDA788;
  padding-bottom: 0.25rem;
  /*border-bottom: 2px solid #ddd;*/
}

.distribuidores-en-ubicacion {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.distribuidor-item {
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
}

.distribuidor-nombre {
  font-weight: 500;
  font-size: 1.1rem;
  display: block;
  margin-bottom: 0.25rem;
}

.distribuidor-telefono {
  font-weight: 600;
  color: #0066cc;
  text-decoration: none;
}

.distribuidor-telefono:hover {
  text-decoration: underline;
}

/* Media Query para tablets (768px+) */
@media screen and (min-width: 768px) {
  .filtro-distribuidor-wrap {
    flex-direction: row; /* Cambia a horizontal */
    align-items: flex-start;
    gap: 2rem;
  }
  
  .filtro-distribuidores-form {
    flex: 0 0 35%; /* Un poco más de espacio en tablets */
    max-width: 300px;
  }
  
  .lista-distribuidores-por-ubicacion {
    flex: 1;
  }
}

/* Media Query para desktop (992px+) */
@media screen and (min-width: 992px) {
  .filtro-distribuidor-wrap {
    gap: 2.5rem;
  }
  
  .filtro-distribuidores-form {
    flex: 0 0 30%;
  }
  
  /* Posible grid layout para distribuidores en pantallas grandes */
  .distribuidores-en-ubicacion {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
  }
  
  .distribuidor-item {
    margin-bottom: 0;
  }
}