/* Ajustes finos: menu suspenso, menu mobile e ícones flutuantes desenhados */

.nav-dropdown-menu{
  max-height:min(70vh, 420px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(47,70,53,.45) rgba(78,105,82,.08);
}

.nav-dropdown-menu::-webkit-scrollbar{width:8px}
.nav-dropdown-menu::-webkit-scrollbar-track{background:rgba(78,105,82,.08);border-radius:999px}
.nav-dropdown-menu::-webkit-scrollbar-thumb{background:rgba(47,70,53,.45);border-radius:999px}
.nav-dropdown-menu::-webkit-scrollbar-thumb:hover{background:rgba(47,70,53,.68)}

.lock-link{
  width:42px;
  height:42px;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:50% !important;
  background:rgba(47,70,53,.08) !important;
  border:1px solid rgba(47,70,53,.16);
  color:var(--green-dark) !important;
}
.lock-link svg{width:20px;height:20px;fill:currentColor;display:block}
.lock-link:hover{background:var(--green-dark) !important;color:var(--cream) !important;transform:translateY(-1px)}

.floating-social{gap:12px}
.float-btn{
  width:62px;
  height:62px;
  border-radius:50%;
  background-image:none !important;
  background-size:auto !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border:3px solid rgba(255,255,255,.95);
  box-shadow:0 16px 35px rgba(47,70,53,.25), 0 5px 12px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
}
.float-btn::before{display:none !important}
.float-btn::after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:34px;
  height:34px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.float-btn.whatsapp{background:#25D366 !important}
.float-btn.whatsapp::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='white' d='M32 6C17.64 6 6 17.15 6 30.9c0 4.7 1.36 9.1 3.72 12.84L6.9 58l14.65-3.72A27.5 27.5 0 0 0 32 56c14.36 0 26-11.15 26-24.9S46.36 6 32 6Zm0 44.8c-3.5 0-6.9-.9-9.9-2.6l-.72-.4-8.7 2.2 1.72-8.55-.47-.72a18.68 18.68 0 0 1-3.02-9.83c0-10.88 9.46-19.72 21.09-19.72S53.09 20.02 53.09 30.9 43.63 50.8 32 50.8Z'/%3E%3Cpath fill='white' d='M43.87 36.76c-.64-.32-3.78-1.86-4.36-2.07-.59-.22-1.02-.32-1.45.32-.43.64-1.66 2.07-2.04 2.5-.37.42-.75.48-1.39.16-.64-.32-2.7-.99-5.14-3.14-1.9-1.69-3.18-3.78-3.55-4.42-.37-.64-.04-.99.28-1.3.29-.29.64-.75.96-1.12.32-.37.43-.64.64-1.07.22-.43.11-.8-.05-1.12-.16-.32-1.45-3.47-1.98-4.75-.52-1.25-1.05-1.08-1.45-1.1h-1.23c-.43 0-1.12.16-1.71.8-.59.64-2.25 2.2-2.25 5.36s2.3 6.22 2.62 6.65c.32.43 4.53 6.88 10.98 9.64 1.53.66 2.73 1.05 3.66 1.35 1.54.49 2.94.42 4.05.25 1.24-.18 3.78-1.54 4.31-3.03.53-1.49.53-2.76.37-3.03-.16-.27-.59-.43-1.23-.75Z'/%3E%3C/svg%3E")}
.float-btn.instagram{background:radial-gradient(circle at 30% 30%, #ffdf70 0%, #feda75 18%, #fa7e1e 35%, #d62976 58%, #962fbf 78%, #4f5bd5 100%) !important}
.float-btn.instagram::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='15' y='15' width='34' height='34' rx='10' ry='10' fill='none' stroke='white' stroke-width='5'/%3E%3Ccircle cx='32' cy='32' r='8.5' fill='none' stroke='white' stroke-width='5'/%3E%3Ccircle cx='43' cy='21.5' r='3' fill='white'/%3E%3C/svg%3E")}
.float-btn:hover{transform:translateY(-3px) scale(1.06)}

@media(max-width:900px){
  .main-nav{
    background:linear-gradient(145deg, rgba(255,253,247,.98), rgba(231,226,207,.98)) !important;
    border:1px solid rgba(47,70,53,.16);
    gap:8px;
  }
  .main-nav a,
  .nav-dropdown-button{
    background:rgba(78,105,82,.10) !important;
    border:1px solid rgba(47,70,53,.12);
    color:var(--green-dark) !important;
    font-weight:700;
  }
  .main-nav a:hover,
  .main-nav a:focus,
  .nav-dropdown-button:hover,
  .nav-dropdown.open .nav-dropdown-button{
    background:var(--green-dark) !important;
    color:var(--cream) !important;
  }
  .lock-link{
    width:100% !important;
    height:48px !important;
    border-radius:14px !important;
  }
  .lock-link svg{width:22px;height:22px}
  .nav-dropdown-menu{
    max-height:52vh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    background:rgba(255,253,247,.72) !important;
    border:1px solid rgba(47,70,53,.1) !important;
  }
  .nav-dropdown-menu a{
    background:rgba(47,70,53,.08) !important;
    border:1px solid rgba(47,70,53,.08);
  }
}

@media(max-width:560px){
  .float-btn{width:56px;height:56px}
  .float-btn::after{width:31px;height:31px}
}