/* RMH TRADING — actualización de superficies de marca.
   Tono muestreado del isotipo proporcionado: #612027.
   Solo fondos y bordes de controles activos: ninguna regla cambia colores de textos.
   Los fondos blancos, claros, naranja corporativo y el botón verde de WhatsApp se conservan. */
:root {
  --rmh-granate: #612027;
  --rmh-granate-sutil: rgba(97,32,39,.90);
}

/* Cabecera principal: granate con 10 % de transparencia, sobre todas las páginas.
   En inicio sigue transparente hasta hero-stripe (clase is-scrolled de site.js). */
.rmh-header,
.rmh-header.is-scrolled,
.page-home .rmh-header.is-scrolled {
  background: var(--rmh-granate-sutil);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.page-home .rmh-header:not(.is-scrolled) {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom-color: transparent;
  box-shadow: none;
}
/* Superficies grandes antes azuladas. No se alteran las propiedades color. */
.footer,
.section--dark,
.page-hero--photo,
.page-hero--portfolio,
.hero-stamp,
.btn-outline:hover,
.filter-btn:hover,
.filter-btn.is-active,
.social-link:hover,
.wa-card__top,
.portfolio-tab.is-active,
.portfolio-tab:hover,
.rmh-mobile-panel {
  background: var(--rmh-granate);
}
.portfolio-tab.is-active,
.portfolio-tab:hover { border-color: var(--rmh-granate); }

/* Ventanas y superficies oscuras que también usaban azul. */
.compare-tag {background:rgba(97,32,39,.86);}
.gallery-modal {background:rgba(97,32,39,.97);}
.gallery-modal::backdrop {background:rgba(97,32,39,.91);}
.gallery-modal__close {background:#612027;}
.gallery-modal__nav {background:#612027;}
.rmh-mobile-shade {background:rgba(97,32,39,.66);}
.mobile-overlay {background:rgba(97,32,39,.66);}

/* Imagen principal: conservamos únicamente el fondo de reserva de marca.
   Sin capas o degradados sobre las fotos de día/noche. */
.hero--architectural {background:var(--rmh-granate);}
.hero--architectural .hero__image-frame {background:var(--rmh-granate);}
.page-hero--photo::after {
  background:linear-gradient(90deg,rgba(97,32,39,.82),rgba(97,32,39,.13));
}