/* ═══════════════════════════════════════════════════════════════════
   TÉCNICO v6 (30-sep-2026) — auditoría SEO técnico / accesibilidad
   Solo correcciones técnicas, sin cambiar la composición:
   1) Botones <button> de color: "button.garza-btn{color:inherit}"
      (hero-v2.css) les ganaba y dejaba texto oscuro sobre rosa/verde
      (contraste 2.8:1). Se restituye el blanco.
   2) Verde de WhatsApp un tono más profundo: el texto blanco pasa de
      ~3.6:1 a ≥4.5:1 (WCAG AA).
   3) Puntos del carrusel de opiniones: área táctil de 24×24 px
      (WCAG 2.2 · 2.5.8); el punto visible sigue midiendo 8 px.
   4) Pies de foto de Instalaciones: sombreado un poco más firme.
   ═══════════════════════════════════════════════════════════════════ */

button.garza-btn--hot,button.garza-btn--wa{color:#fff}

.garza-btn--wa,.garza-mbar__btn--wa,.garza-mini--wa,.garza-opt--wa .garza-opt__ic,
.garza-chan--wa .garza-chan__ic,.garza-m-act--wa .garza-m-act__ic,.garza-chan2__b--wa span{
  background:linear-gradient(160deg,#178346,#105f32)}

.garza-m2-dots{gap:0}
.garza-m2-dots button{position:relative;width:24px;height:24px;border-radius:0;background:none!important;transition:width .35s var(--ease)}
.garza-m2-dots button::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:8px;border-radius:8px;background:var(--rose-200);transition:background-color .3s}
.garza-m2-dots button[aria-selected="true"]{width:40px}
.garza-m2-dots button[aria-selected="true"]::before{background:var(--hot-a)}

.garza-m2-ph figcaption{background:linear-gradient(transparent,rgba(33,19,27,.86) 70%)}
.garza-fac-photo figcaption,.garza-m-fac-photo figcaption{text-shadow:0 1px 8px rgba(15,7,12,.55)}