/* ── CASA MONTAÑA — Premium Site ── */
/* Shared styles for all pages */

:root{
  --red:#A3191A;
  --red-hover:#C71F1F;
  --red-soft:rgba(163,25,26,.12);
  --red-glow:rgba(163,25,26,.2);
  --black:#0a0a0a;
  --black2:#111111;
  --card:rgba(255,255,255,.04);
  --border:rgba(255,255,255,.08);
  --text:#f5f0eb;
  --text-dim:rgba(245,240,235,.6);
  --text-muted:rgba(245,240,235,.4);
  font-family:'PT Serif',Georgia,serif;
  scroll-behavior:smooth;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--black);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(10,10,10,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
  padding:0 24px;height:56px;
  display:flex;align-items:center;justify-content:space-between;
  transition:transform .35s ease;
}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}
.nav-logo span{font-weight:700;font-size:17px;letter-spacing:.5px;color:#fff;white-space:nowrap}
.nav-links{display:flex;gap:4px;list-style:none;align-items:center}
.nav-links a{
  color:var(--text-dim);text-decoration:none;font-size:13px;padding:6px 11px;
  border-radius:6px;transition:all .2s;white-space:nowrap;
}
.nav-links a:hover{color:var(--red);background:var(--red-soft)}
.nav-links a.active{color:var(--red)}
.nav-btn{
  background:var(--red);color:#fff;text-decoration:none;
  padding:7px 18px;border-radius:100px;font-size:13px;font-weight:700;
  transition:background .2s;white-space:nowrap;
}
.nav-btn:hover{background:var(--red-hover)}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px;line-height:1}

/* ── PAGE HEADER ── */
.page-header{
  position:relative;padding:100px 24px 60px;text-align:center;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(10,10,10,.2) 0%,rgba(10,10,10,.7) 60%,var(--black) 100%),
    url('https://www.emilianobodega.com/wp-content/uploads/2026/06/7P8A0077_resultado.webp') center/cover no-repeat;
  min-height:40vh;display:flex;align-items:center;justify-content:center;
}
.page-header .ph-content{position:relative;z-index:1;max-width:640px}
.page-header h1{font-size:clamp(32px,5vw,52px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:8px}
.page-header p{font-size:16px;color:var(--text-dim);line-height:1.6}

/* ── SECTIONS ── */
.section-wrap{padding:80px 24px;position:relative}
.section-wrap.alt{background:var(--black2)}
.section-inner{max-width:1120px;margin:0 auto}
.section-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:6px}
.section-title{font-size:clamp(26px,3.5vw,40px);font-weight:700;line-height:1.12;margin-bottom:32px}
.st-centered{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}

/* ── BUTTONS ── */
.btn-red{background:var(--red);color:#fff;text-decoration:none;padding:12px 28px;border-radius:100px;font-weight:700;font-size:14px;transition:all .2s;display:inline-block;border:none;cursor:pointer;font-family:inherit}
.btn-red:hover{background:var(--red-hover);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--text);text-decoration:none;padding:12px 28px;border-radius:100px;font-weight:700;font-size:14px;border:1px solid var(--border);display:inline-block;transition:all .2s;font-family:inherit;cursor:pointer}
.btn-ghost:hover{border-color:var(--red);color:var(--red)}

/* ── FOOTER ── */
footer{border-top:1px solid var(--border);padding:36px 24px 24px;text-align:center}
footer .f-logos{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}
footer .f-logos img{height:34px;opacity:.4;transition:opacity .3s}
footer .f-logos img:hover{opacity:.7}
footer p{font-size:11px;color:var(--text-muted);line-height:1.6}
footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}
footer a:hover{color:var(--red)}
footer .f-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}
footer .f-links a{font-size:12px}

/* ── WHATSAPP ── */
.whatsapp{
  position:fixed;bottom:20px;right:20px;z-index:999;
  width:48px;height:48px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  box-shadow:0 4px 18px rgba(37,211,102,.25);
  transition:all .2s;
}
.whatsapp:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.35)}
.whatsapp svg{width:22px;height:22px;fill:white}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(22px);transition:all .55s ease}
.reveal.v{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  nav{padding:0 16px}
  .nav-links{display:none}
  .menu-toggle{display:block}
  .nav-links.open{
    display:flex;flex-direction:column;gap:4px;
    position:absolute;top:56px;left:0;right:0;
    background:rgba(10,10,10,.95);backdrop-filter:blur(24px);
    padding:16px 20px;border-bottom:1px solid var(--border);
  }
  .nav-links.open a{padding:10px 12px;font-size:14px}
  .section-wrap{padding:48px 16px}
  .section-title{margin-bottom:24px}
}
@media(max-width:480px){
  .page-header{padding:80px 16px 40px;min-height:30vh}
}