@charset "UTF-8";

/* Nicaragua Travel Guide - WhatsApp flotante global.
   El componente flotante es siempre circular; los CTA de contenido quedan intactos. */
.portal-wa-float{
  position:fixed !important;
  right:calc(20px + env(safe-area-inset-right, 0px)) !important;
  bottom:calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  background:#25d366 !important;
  color:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.24) !important;
  text-decoration:none !important;
  line-height:1 !important;
  font-size:0 !important;
  z-index:2147483000 !important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

.portal-wa-float.portal-wa-with-totop{
  bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
}

.portal-wa-float img.portal-wa-icon{
  display:block !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
}

.portal-wa-float::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  background:rgba(37,211,102,.18);
  animation:portalWaGlobalPulse 2.4s ease-out infinite;
  pointer-events:none;
}

.portal-wa-float .portal-wa-tooltip{
  position:absolute;
  right:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%);
  padding:8px 11px;
  border-radius:999px;
  background:rgba(20,20,20,.88);
  color:#fff;
  font-size:12px !important;
  line-height:1.2 !important;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
}

.portal-wa-float:hover .portal-wa-tooltip,
.portal-wa-float:focus-visible .portal-wa-tooltip{
  opacity:1;
  visibility:visible;
}

.portal-wa-float:focus-visible{
  outline:3px solid rgba(37,211,102,.32) !important;
  outline-offset:3px !important;
}

@keyframes portalWaGlobalPulse{
  0%{transform:scale(.86);opacity:.5}
  75%,100%{transform:scale(1.16);opacity:0}
}

@media (hover:none), (max-width:767px){
  .portal-wa-float{
    right:calc(14px + env(safe-area-inset-right, 0px)) !important;
    bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
  }
  .portal-wa-float.portal-wa-with-totop{
    bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .portal-wa-float .portal-wa-tooltip{display:none !important}
}

@media (prefers-reduced-motion:reduce){
  .portal-wa-float::before{animation:none}
}

body.hide-whatsapp .portal-wa-float,
body.hide-whatsapp a#portal_whatsapp_float,
body.hide-whatsapp a.portal_whatsapp_float{
  display:none !important;
}