/* ==========================================================================
   Bariloche Experience — estilos base compartidos (home + paginas internas)
   Sistema de diseno: ver PROYECTO-BE.md seccion 3
   ========================================================================== */
:root{
  --be-verde: #50A597;
  --be-verde-oscuro: #1F3A2E;
  --be-hueso: #F7F6F1;
  --be-negro: #22201B;
  --be-lago: #4A7A8C;
  --be-verde-oscuro-rgb: 31,58,46;
  --topbar-h: 42px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Rubik', sans-serif;
  color:var(--be-negro);
  background:#fff;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,.display-font{
  font-family:'Poppins', sans-serif;
  font-weight:600;
  letter-spacing:-0.01em;
}
.eyebrow{
  font-family:'Rubik', sans-serif;
  font-weight:700;
  font-size:0.8rem;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--be-lago);
}

/* ===== BOTONES ===== */
.btn-be{
  background:var(--be-verde);
  color:#fff;
  font-weight:700;
  border:none;
  padding:.85rem 1.9rem;
  border-radius:5px;
  letter-spacing:.02em;
  transition:.25s ease;
}
.btn-be:hover{background:var(--be-verde-oscuro); color:var(--be-verde);}
.btn-be:disabled{background:#e4e2da; color:#a8a49a; cursor:not-allowed;}
.btn-outline-be{
  border:1.5px solid rgba(255,255,255,.6);
  color:#fff;
  font-weight:600;
  padding:.8rem 1.7rem;
  border-radius:5px;
  transition:.25s ease;
}
.btn-outline-be:hover{background:#fff; color:var(--be-verde-oscuro);}

/* ===== TOP BAR (estructura comun; color de fondo lo define cada pagina) ===== */
.top-bar{
  height:var(--topbar-h);
  color:rgba(255,255,255,.9);
  font-size:.8rem;
  align-items:center;
  position:relative; z-index:1001;
}
.top-bar .container{max-width:1500px; padding-left:2rem; padding-right:2rem;}
.top-bar a{color:rgba(255,255,255,.9); text-decoration:none; transition:.2s ease;}
.social-icons-top a{font-size:.9rem;}
.lang-dropdown a.dropdown-toggle{font-weight:600;}
.lang-dropdown .dropdown-menu{font-size:.85rem; min-width:9rem; padding:.4rem;}
.lang-dropdown .dropdown-item{color:var(--be-negro); border-radius:4px; padding:.4rem .7rem;}
.lang-dropdown .dropdown-item:hover{background:var(--be-hueso); color:var(--be-verde-oscuro);}
@media(max-width:767px){ .top-bar{display:none !important;} }

/* ===== NAVBAR: piezas comunes (carrito, cuenta) ===== */
#mainNav .dropdown-item{text-transform:uppercase; font-size:.78rem; font-weight:500;}
#mainNav .logo-img{height:61px;}
.cart-badge{
  position:absolute; top:-6px; right:-8px;
  background:var(--be-verde); color:#fff;
  font-size:.65rem; font-weight:700; line-height:1;
  width:17px; height:17px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.account-group{gap:.6rem;}
.account-group .nav-link{margin:0;}

/* ===== FOOTER ===== */
footer.be-footer{background:#fff; color:#6b6a63; border-top:1px solid #f0efe9;}
footer.be-footer h6{color:var(--be-negro); font-weight:700; font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; margin-bottom:1.2rem;}
footer.be-footer a{color:#6b6a63; text-decoration:none; transition:.2s;}
footer.be-footer a:hover{color:var(--be-verde-oscuro);}
footer.be-footer .footer-logo{height:55px; margin-bottom:1rem;}
.social-circle{
  width:38px; height:38px; border-radius:50%; border:1px solid #e4e2da;
  display:flex; align-items:center; justify-content:center; color:var(--be-verde-oscuro);
  transition:.2s ease;
}
.social-circle:hover{background:var(--be-verde); border-color:var(--be-verde); color:#fff;}

/* ===== BOTONES FLOTANTES ===== */
.whatsapp-float{
  position:fixed; bottom:24px; right:24px; z-index:998;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:1.7rem;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  transition:.25s ease;
}
.whatsapp-float:hover{transform:scale(1.08); color:#fff;}

.scroll-top-btn{
  position:fixed; bottom:94px; right:24px; z-index:998;
  width:44px; height:44px; border-radius:50%;
  background:var(--be-verde-oscuro); color:#fff; border:none;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem;
  box-shadow:0 8px 22px rgba(0,0,0,.2);
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:.3s ease;
}
.scroll-top-btn.show{opacity:1; visibility:visible; transform:translateY(0);}
.scroll-top-btn:hover{background:var(--be-verde); color:#fff;}