/* fabricadesombrillas.com.ar — botón de WhatsApp único (30-oct-2026, decisión de Carlos).
   Todos los botones de WhatsApp del sitio, en todas las páginas, con la misma forma: verde oscuro oficial de
   WhatsApp con texto blanco (4,89:1). Rectángulo de esquinas redondeadas y no píldora: una píldora con el texto
   en dos renglones se ve ovalada («un huevo»). Las reglas llevan !important y la clase doble (.wa-boton.wa-boton) porque cada página traía su propio
   botón (.cta-wa, .btn-wa, .btn-primary, .cta, #wa-fab…) y este estilo tiene que ganarles a todos. */
:root{--wa:#008069;--wa-hover:#006b58;}

:where(a.wa-boton){display:inline-flex;}
.wa-boton.wa-boton{
  box-sizing:border-box!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  flex-shrink:0!important;height:auto!important;min-height:52px!important;max-width:100%!important;padding:14px 22px!important;
  border:0!important;border-radius:14px!important;background:var(--wa)!important;color:#fff!important;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-size:16px!important;
  font-weight:700!important;line-height:1.3!important;letter-spacing:normal!important;text-align:center!important;
  text-decoration:none!important;text-transform:none!important;white-space:normal!important;
  box-shadow:0 6px 16px -8px rgba(0,128,105,.6)!important;transition:background .15s,transform .15s!important;cursor:pointer;
}
.wa-boton.wa-boton:hover{background:var(--wa-hover)!important;transform:translateY(-1px);}
.wa-boton.wa-boton:active{transform:translateY(0);}
/* Foco visible sobre fondo claro y oscuro: anillo blanco y por fuera uno verde muy oscuro. */
.wa-boton.wa-boton:focus-visible,.wa-fab.wa-fab:focus-visible,.wa-enlace-chip.wa-enlace-chip:focus-visible,.wa-enlace.wa-enlace:focus-visible{
  outline:2px solid #fff!important;outline-offset:1px!important;box-shadow:0 0 0 5px #0b3d22!important;}
.wa-boton.wa-boton:disabled{background:#c9c9c9!important;color:#fff!important;cursor:not-allowed;box-shadow:none!important;transform:none;}
.wa-boton.wa-boton *{color:inherit!important;}
.wa-boton.wa-boton svg,.wa-boton.wa-boton img{flex:0 0 auto!important;width:20px!important;height:20px!important;aspect-ratio:1/1;}

/* Botón flotante: círculo que no se deforma (ancho = alto, no se encoge). */
.wa-fab.wa-fab{
  position:fixed!important;right:20px!important;bottom:20vh!important;z-index:9999!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;flex:0 0 auto!important;width:60px!important;height:60px!important;
  min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important;
  aspect-ratio:1/1!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:var(--wa)!important;color:#fff!important;text-decoration:none!important;
  box-shadow:0 4px 16px rgba(0,128,105,.4)!important;animation:waLatido 2.8s ease-in-out infinite!important;
}
.wa-fab.wa-fab svg,.wa-fab.wa-fab img{flex:0 0 auto!important;width:30px!important;height:30px!important;aspect-ratio:1/1;}
@keyframes waLatido{
  0%,100%{box-shadow:0 4px 16px rgba(0,128,105,.4),0 0 0 0 rgba(0,128,105,.4);}
  70%{box-shadow:0 4px 16px rgba(0,128,105,.4),0 0 0 16px rgba(0,128,105,0);}
}
@media (prefers-reduced-motion:reduce){.wa-fab.wa-fab{animation:none!important;}.wa-boton.wa-boton{transition:none!important;}}

/* Botón verde del chat de SOL: ocupa el ancho del chat. */
.sol-wa-btn.wa-boton{display:flex;}

/* Enlaces de texto a WhatsApp (Carlos, 30-oct: «es de WhatsApp, va en verde»; el naranja queda para lo que no lo es).
   Sobre fondo claro: letra verde (4,56:1 sobre #f7f7f5, 4,89:1 sobre blanco). */
.wa-enlace.wa-enlace{color:var(--wa)!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:3px;}
/* Sobre fondo oscuro o de color el verde da 3,86:1 y no se lee: etiqueta verde con letra blanca (4,89:1), en un
   renglón (no se deforma). El área que se toca llega a 44 px con el ::after, sin agrandar la franja. */
.wa-enlace-chip.wa-enlace-chip{position:relative;display:inline-block;padding:3px 10px;border-radius:8px;background:var(--wa)!important;
  color:#fff!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap;line-height:1.5;}
.wa-enlace-chip.wa-enlace-chip::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%);}