/* Mini video flotante (capa CRO) — ver scripts/templates/float-video.js.
   Arriba a la derecha, debajo del header: abajo a la derecha van WhatsApp y el
   botón flotante de compra, abajo a la izquierda la barra de compra. */
.acmp-float-video{
  position:fixed; right:20px; top:calc(44px + 86px + 12px); z-index:998;
  width:min(188px,40vw); text-decoration:none; color:inherit;
  transform:translate(120%,0); opacity:0; pointer-events:none;
  transition:transform .35s ease, opacity .25s ease;
}
.acmp-float-video.is-visible{ transform:translate(0,0); opacity:1; pointer-events:auto; }
.acmp-float-video.is-visible:hover{ transform:translate(0,-3px); }
.acmp-float-video.is-dismissed{ display:none !important; }

.acmp-float-video-thumb{
  position:relative; display:block; aspect-ratio:16/10; border-radius:12px; overflow:hidden;
  border:2px solid #fff; box-shadow:0 14px 36px rgba(34,43,73,.24); background:#222b49;
}
.acmp-float-video-thumb img{ width:100%; height:100%; object-fit:cover; display:block; opacity:.92; }
.acmp-float-video-play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,rgba(34,43,73,.08),rgba(34,43,73,.45)); pointer-events:none;
}
.acmp-float-video-play svg{ width:44px; height:44px; filter:drop-shadow(0 6px 16px rgba(0,0,0,.28)); }
.acmp-float-video-label{
  position:absolute; top:8px; left:8px; z-index:2; padding:5px 9px; border-radius:6px;
  background:rgba(255,255,255,.94); color:#f74604;
  font-family:"Satoshi","Poppins",system-ui,sans-serif; font-weight:800; font-size:10.5px;
  letter-spacing:.08em; text-transform:uppercase; line-height:1;
  box-shadow:0 4px 12px rgba(34,43,73,.14);
}
@media (max-width:900px){
  .acmp-float-video{ right:14px; width:min(156px,38vw); top:calc(72px + 68px + 8px); }
  .acmp-float-video-play svg{ width:36px; height:36px; }
}