/* ====== VARIABLES Y BASE ====== */
:root{
  --ink:#934747;
  --muted:#666;
  --bg:#faf7f9;
  --brand:#8e2e54;
  --brand-dark:#8c3a59;
  --radius:16px;
  --shadow:0 8px 18px rgba(0,0,0,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:"Montserrat",sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}

/* ====== HEADER  ====== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:#fff;border-bottom:1px solid #eee;
}
.navbar{
  max-width:1200px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.logo-img{height:56px;width:auto;display:block}

/* Checkbox oculto */
.nav-checkbox{display:none}

/* Botón  */
.nav-button{
  display:none;
  font-size:1.8rem;
  line-height:1;
  cursor:pointer;
  user-select:none;
  padding:6px 10px;
  border-radius:12px;
  border:1px solid transparent;
}

/* Links */
.nav-links{
  list-style:none;display:flex;gap:22px;
}
.nav-links a{
  text-decoration:none;
  color:var(--ink);
  font-weight:600;
}
.nav-links a:hover{color:var(--brand)}

/* ====== MOBILE ====== */
@media (max-width:900px){
  .nav-button{display:block}
  .nav-links{
    position:absolute;right:24px;top:64px;
    display:none;
    flex-direction:column;gap:12px;
    background:#fff;border:1px solid #eee;border-radius:var(--radius);
    box-shadow:var(--shadow);padding:12px;width:220px;z-index:110;
  }
  .nav-checkbox:checked ~ .nav-links{
    display:flex;
  }
}

/* ====== FOOTER ====== */
.site-footer{
  border-top:1px solid #eee;
  text-align:center;
  padding:20px;
  color:var(--muted)
}
/* ====== BOTÓN FLOTANTE WHATSAPP ====== */

html, body { overflow-x: hidden; }
.whatsapp-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25D366;
  color: white;
  font-size: 28px;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  z-index: 200;
  transition: transform 0.2s ease, filter 0.2s ease;
}
.whatsapp-fab:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}