/* TIC2026 WhatsApp sonar — RUTA 2.0 v2.2 — 2026-07-13  (bloque h / OP-B)
   Re-tema el boton del modulo tudeticwhatsapp (NO se toca el modulo ni su front.css).
   DOM real: div.tudeticwa_aux.all.derecha > p.tudeticwa_content > a.sonar > svg(60x60, glifo WhatsApp).
   Objetivo (mockup L1093-1107 + movil L1373-1378): 54px, verde #25D366, sonar 2.4s, coordinado con el
   FAB de tiendas (carril) y sin tapar el CTA del carrito. Solo tic2026 (Trekktic) -> sin riesgo cross-shop. */

/* Posicion + z-index (mockup .wa-fab: right:16 bottom:18, z 80; el FAB del carril va por encima) */
body .tudeticwa_aux{bottom:18px!important;z-index:80!important}
body .tudeticwa_aux.derecha{right:16px!important}

/* Boton = anchor .sonar a 54px, centrando el glifo SVG */
body .tudeticwa_content .sonar{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:54px;height:54px;
  border-radius:50%;
  transition:transform var(--d-fast,180ms) var(--e-settle,cubic-bezier(.22,1.2,.36,1));
}
body .tudeticwa_content .sonar svg{
  width:54px!important;height:54px!important;
  display:block;
}
body .tudeticwa_content .sonar:active{transform:scale(.93)}
@media (hover:hover){
  body .tudeticwa_content .sonar:hover{transform:scale(1.07)}
}

/* Sonar: disco verde pulsante detras del glifo (reemplaza el anillo 1s del modulo por el pulso 2.4s del mockup).
   Se redefine por completo el ::before del modulo (mismas propiedades geometricas + nueva animacion). */
body .tudeticwa_content .sonar:before{
  content:"";
  position:absolute;
  inset:0;
  top:0;left:0;width:auto;height:auto;
  border:0;
  border-radius:50%;
  background:#25D366;
  opacity:.45;
  z-index:-1;
  animation:tic26WaSonar 2.4s ease-out infinite;
}
@keyframes tic26WaSonar{
  0%{transform:scale(1);opacity:.45}
  70%,100%{transform:scale(1.85);opacity:0}
}

/* Coordinacion movil (mockup L1373-1378): boton mas pequeno; pegado a la esquina inf-dcha */
@media (max-width:768px){
  body .tudeticwa_aux{bottom:16px!important}
  body .tudeticwa_aux.derecha{right:13px!important}
  body .tudeticwa_content .sonar{width:48px;height:48px}
  body .tudeticwa_content .sonar svg{width:48px!important;height:48px!important}
}

/* Carrito: en movil subimos el boton para no tapar el CTA sticky de finalizar compra */
@media (max-width:768px){
  body#cart .tudeticwa_aux{bottom:88px!important}
}

/* Ficha (body#product): en movil la barra sticky de compra ocupa la zona baja;
   subimos WhatsApp a 96px para no taparla. AUTOCONTENIDO en el tema: antes este
   offset SOLO vivia en tudetic-overrides-v3.css (@media <768 -> body.page-product),
   una dependencia OCULTA de un fichero legacy — si se caia, WhatsApp chocaba con la
   barra de compra mientras el FAB del carril seguia elevado (tic2026-rail.css:
   body#product .tic26-fab{bottom:160px}). body#product (1,1,1) gana a la legacy
   body.page-product (0,2,1). Mismo valor: sin cambio visual, sin dependencia. */
@media (max-width:768px){
  body#product .tudeticwa_aux{bottom:96px!important}
}

/* Reduced motion REAL: sin pulso */
@media (prefers-reduced-motion: reduce) and (min-width: 99999px){
  body .tudeticwa_content .sonar:before{animation:none!important;opacity:0!important}
  body .tudeticwa_content .sonar{transition:none!important}
}