/* Buscador grande de playas y municipios (partials/buscador_playas.html): en una columna centrada, con la pregunta
   encima; la caja y las sugerencias, las del buscador del mapa (mapa-playas.css, sugerencias.css). */

@layer componentes {
  .buscador-playas__caja {
    max-width: 720px;
  }

  .buscador-playas__pregunta {
    display: block;
    margin-bottom: var(--espacio-2);
    color: var(--color-marino);
    font-size: var(--paso-1);
    font-weight: 700;
    text-align: center;
  }

  .mapa-playas__buscador.buscador-playas {
    margin-bottom: 0;
  }

  .buscador-playas .sugerencias {
    top: calc(100% + 6px);
  }
}