/* Ajustes específicos de la demo de fontanería. Todo se sirve desde este directorio. */
:root { color-scheme: light; }
html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
body { min-width: 320px; }
img { height: auto; }

/* El encabezado se compacta en móviles estrechos para evitar scroll horizontal. */
@media (max-width: 420px) {
  header > div {
    gap: .5rem !important;
    padding-inline: .75rem !important;
  }
  header > div > a[href="#inicio"] {
    gap: .375rem;
  }
  header > div > a[href="#inicio"] > div:last-child > span:first-child {
    font-size: .8125rem;
  }
  header > div > div:last-child {
    gap: .375rem !important;
  }
  header > div > div:last-child > button:nth-of-type(1) {
    padding-inline: .625rem;
  }
}

/* En pantallas muy estrechas, acortamos el CTA del encabezado sin perder su función. */
@media (max-width: 375px) {
  header > div > a[href="#inicio"] > div:last-child > span:first-child {
    font-size: .7rem;
    letter-spacing: -.035em;
  }
  header > div > a[href="#inicio"] > div:last-child > span:last-child {
    display: none;
  }
  header > div > div:last-child > button:nth-of-type(1) {
    font-size: 0;
    padding-inline: .5rem;
  }
  header > div > div:last-child > button:nth-of-type(1)::after {
    content: "Urgente";
    font-size: 10px;
  }
}

/* En tablet, el menú completo pasa al desplegable para no apretar la cabecera. */
@media (min-width: 1024px) and (max-width: 1100px) {
  header nav { display: none !important; }
  header > div > div:last-child > button[aria-label="Abrir menú"] {
    display: block !important;
  }
}

@media (max-width: 330px) {
  header > div {
    gap: .25rem !important;
    padding-inline: .5rem !important;
  }
  header > div > a[href="#inicio"] > div:first-child {
    width: 2rem;
    height: 2rem;
  }
  header > div > div:last-child > button:nth-of-type(1) {
    padding-inline: .375rem;
  }
}

@media (max-width: 330px) {
  section [class*="bg-slate-50/70"][class*="items-start"] {
    padding: .75rem !important;
    gap: .5rem !important;
  }
}