/* Botón de WhatsApp propio (30-sep-2026). v2: Fer pidió que se sienta "más WhatsAppezco": botón verde grande
   "Escríbenos por WhatsApp" y, al abrir, una ventanita con la cara de WhatsApp (encabezado verde, fondo beige de
   chat, burbujas con piquito y hora, barra para escribir con el botón redondo de enviar).
   Logo: el oficial de simple-icons (assets/whatsapp-oficial.svg), nunca uno dibujado a mano. */
.ac-wa{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:9990;
  display:inline-flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:#1DA851;color:#fff!important;text-decoration:none!important;
  font-family:"Albert Sans","Poppins",system-ui,sans-serif;box-shadow:0 18px 40px -14px rgba(18,140,74,.75),0 3px 10px rgba(0,0,0,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.ac-wa:hover{transform:translateY(-2px) scale(1.02);background:#189447;box-shadow:0 24px 48px -16px rgba(18,140,74,.8),0 3px 10px rgba(0,0,0,.14)}
.ac-wa:focus-visible{outline:3px solid #1670F9;outline-offset:3px}
.ac-wa-foto{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:none;border:3px solid #fff;background:#fff}
.ac-wa-txt{display:flex;flex-direction:column;line-height:1.12}
.ac-wa-txt small{font-size:13px;font-weight:600;color:rgba(255,255,255,.92)}
.ac-wa-txt b{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em}
.ac-wa-logo{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:none}
.ac-wa-logo svg{width:32px;height:32px;fill:#fff}
/* anillo que late una vez, para llamar la atención sin molestar */
.ac-wa::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:acWaAnillo 2.4s ease-out 1.2s 3;pointer-events:none}
@keyframes acWaAnillo{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
/* Teléfono: círculo verde grande con el logo y la carita de Leo asomándose */
@media (max-width:639px){
  .ac-wa{padding:0;width:64px;height:64px;justify-content:center;gap:0}
  .ac-wa-txt{display:none}
  .ac-wa-logo svg{width:36px;height:36px}
  .ac-wa-foto{position:absolute;left:-12px;top:-12px;width:32px;height:32px;border-width:2px}
}
.ac-wa .ac-wa-punto{position:absolute;top:-12px;right:-12px;min-width:21px;height:21px;border-radius:99px;background:#E5484D;color:#fff;
  font:700 12px/21px "Albert Sans",system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff;display:none}
@media (max-width:639px){ .ac-wa .ac-wa-punto{top:-15px;right:-15px} }
.ac-wa.con-aviso .ac-wa-punto{display:block;animation:acWaLatido 1.6s ease-in-out 2}
@keyframes acWaLatido{50%{transform:scale(1.18)}}
@keyframes acWaSube{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body:has(#ac-nav.ac-abierto) .ac-wa,body:has(#ac-nav.ac-abierto) .ac-wa-globo,body:has(#ac-nav.ac-abierto) .ac-wa-panel{display:none}

/* Globito: como una notificación de WhatsApp */
.ac-wa-globo{position:fixed;z-index:9991;right:max(18px,env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 36px));
  background:#fff;border-radius:16px;padding:10px 14px 13px;cursor:pointer;
  box-shadow:0 24px 50px -18px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.08);animation:acWaSube .35s ease;font-family:"Albert Sans","Poppins",system-ui,sans-serif}
.ac-wa-globo-app{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1DA851;margin-bottom:7px}
.ac-wa-globo-app svg{width:14px;height:14px;fill:#25D366}
.ac-wa-globo-app span{color:#8696A0;font-weight:500}
.ac-wa-globo-fila{display:flex;gap:11px;align-items:flex-start}
.ac-wa-globo img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
.ac-wa-globo p{margin:0;font-size:14.5px;line-height:1.42;color:#111B21}
.ac-wa-globo p .nom{display:block;font-size:14px;color:#111B21;font-weight:700;margin-bottom:1px}
.ac-wa-globo button{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;background:none;color:#8696A0;font-size:19px;line-height:1;cursor:pointer;border-radius:50%}
.ac-wa-globo button:hover{background:#F0F2F5}

/* Ventanita: la cara de WhatsApp */
.ac-wa-panel{position:fixed;z-index:9992;right:max(18px,env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 36px));
  max-height:calc(100vh - 124px);display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#EFEAE2;
  box-shadow:0 32px 72px -24px rgba(0,0,0,.5);animation:acWaSube .3s ease;font-family:"Albert Sans","Poppins",system-ui,sans-serif}
.ac-wa-cab{display:flex;align-items:center;gap:11px;background:#008069;color:#fff;padding:12px 14px}
.ac-wa-cab img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff}
.ac-wa-cab b{display:block;font-size:16.5px;font-weight:700;line-height:1.2}
.ac-wa-cab small{display:block;font-size:12.5px;line-height:1.3;opacity:.9;margin-top:1px}
.ac-wa-cab .est{color:#FFD166}
.ac-wa-cab .ac-wa-cab-logo{margin-left:auto;display:flex;align-items:center}
.ac-wa-cab .ac-wa-cab-logo svg{width:22px;height:22px;fill:#fff;opacity:.9}
.ac-wa-cab button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:20px;line-height:1;cursor:pointer;flex:none}
.ac-wa-cuerpo{padding:14px 12px 10px;display:flex;flex-direction:column;gap:6px;overflow:auto;
  background-color:#EFEAE2;background-image:radial-gradient(rgba(0,0,0,.035) 1.2px,transparent 1.6px),radial-gradient(rgba(0,0,0,.025) 1px,transparent 1.4px);
  background-size:22px 22px,13px 13px;background-position:0 0,7px 9px}
.ac-wa-dia{align-self:center;background:#fff;color:#54656F;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13);margin-bottom:4px;text-transform:uppercase;letter-spacing:.02em}
.ac-wa-msj{position:relative;max-width:86%;align-self:flex-start;background:#fff;border-radius:0 9px 9px 9px;padding:7px 10px 18px;font-size:14.5px;line-height:1.42;color:#111B21;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.ac-wa-msj::before{content:"";position:absolute;top:0;left:-7px;border-width:0 8px 9px 0;border-style:solid;border-color:transparent #fff transparent transparent}
.ac-wa-msj+.ac-wa-msj{border-radius:9px}
.ac-wa-msj+.ac-wa-msj::before{display:none}
.ac-wa-msj .hora{position:absolute;right:9px;bottom:4px;font-size:11px;color:#667781}
.ac-wa-pie{display:block;padding:10px 12px 12px;background:#F0F2F5}
.ac-wa-etq{display:block;margin:0 4px 6px;font-size:12.5px;font-weight:700;color:#3B4A54}
.ac-wa-etq span{font-weight:500;color:#667781}
.ac-wa-pie textarea{display:block;width:100%;box-sizing:border-box;min-height:44px;max-height:150px;overflow-y:auto;resize:none;border:0;outline:none;border-radius:16px;padding:11px 14px;background:#fff;
  font:500 14.5px/1.4 "Albert Sans","Poppins",system-ui,sans-serif;color:#111B21;box-shadow:0 1px .5px rgba(11,20,26,.1)}
.ac-wa-pie textarea:focus{box-shadow:0 0 0 2px #25D366}
/* El botón de enviar: grande, a todo lo ancho, imposible de no ver (Fer: "muy anti-tontos") */
.ac-wa-enviar{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;min-height:58px;padding:0 18px;border-radius:999px;
  background:#1DA851;color:#fff!important;text-decoration:none!important;font:800 18.5px/1 "Albert Sans","Poppins",system-ui,sans-serif;letter-spacing:-.01em;
  box-shadow:0 12px 24px -10px rgba(18,140,74,.85);animation:acWaEnviar 1.4s ease-in-out .5s 2;transition:background .15s,transform .15s}
.ac-wa-enviar:hover{background:#189447;transform:translateY(-1px)}
.ac-wa-enviar:focus-visible{outline:3px solid #1670F9;outline-offset:3px}
.ac-wa-enviar svg{width:24px;height:24px;fill:#fff;flex:none}
.ac-wa-enviar svg:last-child{width:20px;height:20px;margin-left:2px}
@keyframes acWaEnviar{0%,100%{transform:scale(1);box-shadow:0 12px 24px -10px rgba(18,140,74,.85),0 0 0 0 rgba(37,211,102,.5)}50%{transform:scale(1.03);box-shadow:0 12px 24px -10px rgba(18,140,74,.85),0 0 0 10px rgba(37,211,102,0)}}
.ac-wa-nota{margin:9px 4px 0;font-size:12.5px;color:#54656F;text-align:center;line-height:1.4}
.ac-wa-nota b{color:#111B21}
.ac-wa-msj b,.ac-wa-globo p b{font-weight:700;color:#111B21}
@media (prefers-reduced-motion:reduce){ .ac-wa,.ac-wa-globo,.ac-wa-panel{animation:none;transition:none} .ac-wa::after{animation:none} .ac-wa-enviar{animation:none} .ac-wa.con-aviso .ac-wa-punto{animation:none} }
/* Celular: la ventanita centrada con el mismo margen de los dos lados, y la barra a 16 px para que iPhone NO haga zoom al tocarla */
@media (max-width:639px){
  .ac-wa-panel,.ac-wa-globo{left:12px;right:12px;width:auto}
  .ac-wa-pie textarea{font-size:16px}
}

/* La equis: Elementor pinta de rosa (#c36) todo button:hover/focus; se blinda aquí (30-sep, Fer: "la equis se ve fea") */
.ac-wa-cab button,.ac-wa-globo button{display:grid;place-items:center;padding:0;margin:0;box-shadow:none;text-transform:none;letter-spacing:0;min-height:0}
.ac-wa-cab button svg,.ac-wa-globo button svg{display:block}
.ac-wa-cab button:hover,.ac-wa-cab button:focus,.ac-wa-cab button:active{background:rgba(255,255,255,.26);color:#fff;border:0}
.ac-wa-globo button{background:none}
.ac-wa-globo button:hover,.ac-wa-globo button:focus,.ac-wa-globo button:active{background:#F0F2F5;color:#54656F;border:0}
.ac-wa-cab button:focus-visible,.ac-wa-globo button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ac-wa-globo button:focus-visible{outline-color:#008069}