/* ============================================================================
   Casalia — capa de accesibilidad global (contraste + tamaño de toque)
   Se carga en todo el sitio, la última, y usa !important para ganar a la cascada
   de Avada sin depender del orden de carga.

   1) CONTRASTE (WCAG AA): el naranja de marca #F54C01 daba 3.54:1 sobre blanco
      (falla el 4.5:1 de AA). Se sustituye por #C33C00 (4.9:1) — el mismo naranja
      quemado, un punto más oscuro — en TODO uso de la paleta color4 de Avada:
      variable var(--awb-color4), utilidad de texto y utilidad de fondo. Los
      botones (SABER MÁS, Contáctanos…) heredan color4 vía --button_gradient_top_color.
   2) ICONOS SOCIALES de compartir: área de toque ≥24px + separación (target-size)
      y foco visible. El nombre accesible (aria-label) lo pone casalia-a11y.js.
   ========================================================================== */

/* --- 1) Contraste: repinta el naranja de marca (Avada color4) --- */
:root { --awb-color4: #C33C00 !important; }
.has-awb-color-4-color { color: #C33C00 !important; }
.has-awb-color-4-background-color { background-color: #C33C00 !important; }

/* --- 2) Iconos sociales de compartir (facebook / twitter / instagram) --- */
.btn_wrap .container > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  padding: 4px;
  margin: 0 2px;
  border-radius: 6px;
  -webkit-tap-highlight-color: transparent;
}
.btn_wrap .container > a:focus-visible {
  outline: 2px solid #C33C00;
  outline-offset: 2px;
}