/* =========================================================
   PORTAL URBANO v16 — ICONOS FLOTANTES UNIFICADOS
   Único objetivo: mismo tamaño/posición en TODO el sitio
   + WhatsApp verde oficial.
   ========================================================= */

/* Evita el set flotante antiguo de la portada si quedó cacheado/duplicado. */
body[data-page="inicio"] .home-floating-socials{
  display:none!important;
}

/* Mismo contenedor para inicio y páginas interiores. */
.floating-actions.floating-actions-v9{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  top:auto!important;
  left:auto!important;
  z-index:1055!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  transform:none!important;
  margin:0!important;
}

.floating-socials-v9{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 1px!important;
}

/* Facebook / Instagram / TikTok: idénticos en todas las páginas. */
.floating-socials-v9 .float-social-v9{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  padding:0!important;
  margin:0!important;
  border:2px solid rgba(255,255,255,.96)!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:1rem!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 4px 13px rgba(7,30,55,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.floating-socials-v9 .float-social-v9 i{
  font-size:1rem!important;
  line-height:1!important;
  margin:0!important;
}
.floating-socials-v9 .float-social-v9:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 7px 17px rgba(7,30,55,.23)!important;
}
.facebook-v9{background:#1877F2!important;background-image:none!important}
.instagram-v9{
  background:radial-gradient(circle at 30% 110%,#feda75 0 15%,#fa7e1e 28%,#d62976 52%,#962fbf 72%,#4f5bd5 100%)!important;
}
.tiktok-v9{
  background:#090909!important;
  background-image:none!important;
  box-shadow:2px 0 0 rgba(37,244,238,.45),-2px 0 0 rgba(254,44,85,.38),0 4px 13px rgba(7,30,55,.18)!important;
}

/* Botones inferiores del mismo grupo. */
.floating-actions-v9 .float-btn{
  width:45px!important;
  height:45px!important;
  min-width:45px!important;
  min-height:45px!important;
  max-width:45px!important;
  max-height:45px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  font-size:1.08rem!important;
  line-height:1!important;
  box-shadow:0 5px 15px rgba(6,31,69,.17)!important;
}
.floating-actions-v9 .float-btn i{
  font-size:1.08rem!important;
  line-height:1!important;
  margin:0!important;
}

/* WhatsApp oficial: VERDE en TODO Portal Urbano. */
.floating-actions-v9 .whatsapp-btn,
.whatsapp-btn,
.float-whatsapp,
.floating-whatsapp,
.mobile-whatsapp-above-bar{
  background:#25D366!important;
  background-color:#25D366!important;
  background-image:none!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 18px rgba(37,211,102,.30)!important;
}
.floating-actions-v9 .whatsapp-btn:hover,
.whatsapp-btn:hover,
.float-whatsapp:hover,
.floating-whatsapp:hover,
.mobile-whatsapp-above-bar:hover{
  background:#1EBE5D!important;
  background-color:#1EBE5D!important;
  background-image:none!important;
  color:#fff!important;
}

/* Flecha arriba: discreta y del mismo tamaño en todas las vistas. */
.floating-actions-v9 .scroll-top-btn{
  background:#11161c!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.45)!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:.18s ease!important;
}
.floating-actions-v9 .scroll-top-btn.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}

/* Si aparece el comparador, el grupo completo sube sin deformarse. */
body.has-compare-bar .floating-actions-v9{
  bottom:92px!important;
}

@media (max-width:767.98px){
  .floating-actions.floating-actions-v9{
    right:12px!important;
    bottom:12px!important;
    gap:7px!important;
  }
  .floating-socials-v9{
    gap:6px!important;
  }
  .floating-socials-v9 .float-social-v9{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    min-height:35px!important;
    max-width:35px!important;
    max-height:35px!important;
    font-size:.91rem!important;
  }
  .floating-socials-v9 .float-social-v9 i{font-size:.91rem!important}
  .floating-actions-v9 .float-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    font-size:1rem!important;
  }
  body.has-compare-bar .floating-actions-v9{
    bottom:148px!important;
  }
}