/* Ajustes de las secciones públicas. */
@media(max-width:900px) {
  .contact-layout { gap:4%; }
}
@media(max-width:680px) {
  .public-reviews { grid-template-columns:1fr; }
  .review-form-wrap,.contact-layout { grid-template-columns:1fr; }
  .contact-aside { min-height:320px; }
  .contact-form .form-row { grid-template-columns:1fr; }
  .whatsapp-float { right:12px; bottom:12px; }
}

/* Correcciones de navegación y lectura para pantallas pequeñas. */
@media(max-width:760px) {
  .hero { grid-template-columns:1fr; min-height:auto; padding-top:48px; }
  .hero-art { min-height:260px; margin-top:30px; }
  .hero h1 { font-size:clamp(64px,17vw,112px); }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
  .product-image { height:auto; aspect-ratio:4/5; }
  .product-placeholder { min-height:0; }
  .product-info { display:block; }
  .price { display:block; margin-top:9px; }
  .section { padding-top:72px; padding-bottom:72px; }
  .catalog-tools { align-items:stretch; flex-direction:column; }
  .search-box input { width:100%; }
  .steps { grid-template-columns:repeat(2,1fr); }
  .steps article:nth-child(2) { border-right:0; }
  .steps article:nth-child(3) { padding-left:0; }
  .feature-strip { grid-template-columns:1fr; }
  .feature-copy { padding:30px 0 10px; }
  .about-section { grid-template-columns:1fr; gap:24px; }
  .site-footer { grid-template-columns:1fr 1fr; }
  .footer-end { text-align:left; }
}
@media(max-width:430px) {
  .product-grid { grid-template-columns:1fr; }
  .product-info { display:flex; }
  .hero-meta { gap:10px; flex-wrap:wrap; margin-top:38px; }
  .section-heading { display:block; }
  .section-heading>p { margin-top:16px; }
  .newsletter { display:block; }
  .newsletter h2 { margin:25px 0; }
}

/* El resumen de medidas y precio se apila en móviles para conservar legibilidad. */
@media(max-width:560px) {
  .design-quote { grid-template-columns:1fr; }
  .design-quote > div { padding:14px; }
  .design-quote .design-quote-total { grid-column:1; }
}

@media (max-width:1180px){.main-nav a,.nav a,header nav a{font-size:11px;letter-spacing:.04em}}

/* Auditoría 09/11/2026: el menú se pisaba con los botones en anchos intermedios */
@media (min-width: 681px) and (max-width: 1100px) {
  .main-nav { flex-wrap: wrap; justify-content: center; gap: 6px 12px; font-size: 10px; letter-spacing: .02em; max-width: 46vw; }
  .site-header { gap: 10px; }
}

/* Auditoría 09/11/2026: celulares angostos (≤520 px). Nada se sale de la pantalla y la cabecera entra completa. */
@media (max-width: 520px) {
  main * { min-width: 0; }
  .about-copy, .about-copy > * { max-width: 100%; }
  h1, h2, h3 { overflow-wrap: anywhere; }
  .about-copy h2 { font-size: clamp(32px, 11vw, 60px) !important; }
}
@media (max-width: 400px) {
  .site-header { gap: 6px !important; padding-inline: 12px !important; }
  .brand img { width: 104px !important; }
  #accountBtn, #cartBtn, #menuToggle { padding-inline: 7px !important; min-width: 0 !important; font-size: 9px !important; letter-spacing: .02em !important; }
}
