/* ORO BOX · cabecera y pie compartidos por todas las páginas. */
.site-header .brand img { height: 30px; width: auto; }

/* Botón de menú: solo aparece en celular y si hay JavaScript. Sin JS, el menú queda visible como enlaces. */
.menu-btn { display: none; }
.hamb {
  display: inline-block; width: 18px; height: 12px; vertical-align: middle; margin-right: 8px;
  background:
    linear-gradient(currentColor, currentColor) top / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) bottom / 100% 2px no-repeat;
}
.site-header .nav a.btn--wa { color: #0b2a16; padding: 8px 16px; min-height: 40px; }
.site-header .nav a.btn--wa:hover { color: #0b2a16; }

@media (max-width: 960px) {
  .js .menu-btn {
    display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px;
    border: 1px solid var(--oro); border-radius: 999px; background: transparent;
    color: var(--texto, #F5EFE3); font: inherit; font-size: .95rem; cursor: pointer;
  }
  .js .site-header .nav { display: none; flex-direction: column; align-items: stretch; gap: 0; width: 100%; }
  .js .site-header .nav.abierto { display: flex; }
  .js .site-header .nav a { padding: 12px 2px; border-bottom: 1px solid var(--borde); font-size: 1rem; }
  .js .site-header .nav a.btn--wa { margin-top: 14px; border-bottom: 0; justify-content: center; }
}

/* Botón "Escribinos por WhatsApp": solo en celular, debajo de la cabecera (no tapa el logo ni está en el menú). */
.wa-conserje { display: none; }
@media (max-width: 960px) {
  .wa-conserje {
    display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0 16px 12px;
    padding: 10px 16px; border-radius: 999px; background: #25D366; color: #0b2a16; font-weight: 700; text-decoration: none;
  }
}

/* Pie: seis columnas en pantalla ancha, tres en tablet, una en celular. */
@media (min-width: 700px) { .site-footer .footer-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .site-footer .footer-grid { grid-template-columns: repeat(6, 1fr); } }
@media (max-width: 600px) { .site-footer .wrap { padding-inline: 16px; } }