:root{
  --black:#0A0A0A;
  --black-soft:#141414;
  --gold:#C9A227;
  --gold-light:#DEBC60;
  --cream:#FAFAF8;
  --ink:#1C1C1C;
  --muted:#666;
  --sans:'Poppins', Arial, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--cream);}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

/* HEADER */
header.nav{background:var(--black);position:sticky;top:0;z-index:100;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;max-width:1180px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{width:52px;height:52px;}
.brand .word{font-family:var(--sans);font-weight:700;line-height:1.05;}
.brand .word .top{color:var(--gold-light);font-size:1.15rem;letter-spacing:0.03em;display:block;}
.brand .word .bottom{color:#fff;font-size:0.68rem;letter-spacing:0.28em;font-weight:500;display:block;}
nav.links{display:flex;gap:30px;}
nav.links a{color:#fff;font-size:0.85rem;font-weight:500;letter-spacing:0.02em;}
nav.links a:hover{color:var(--gold-light);}
.btn-gold{display:inline-block;padding:13px 26px;background:linear-gradient(180deg,var(--gold-light),var(--gold));color:var(--black) !important;border-radius:26px;font-weight:700;font-size:0.82rem;letter-spacing:0.05em;text-transform:uppercase;}
.btn-gold:hover{filter:brightness(1.06);}
.btn-outline{display:inline-block;padding:12px 24px;border:1.5px solid var(--gold);color:var(--gold) !important;border-radius:26px;font-weight:700;font-size:0.82rem;letter-spacing:0.05em;text-transform:uppercase;}

/* HERO with mountain-silhouette placeholder (CSS-drawn, stand-in for real photography) */
.hero-photo{
  position:relative;min-height:640px;display:flex;align-items:center;color:#fff;overflow:hidden;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.65)),
    linear-gradient(160deg,#4a5568 0%,#2d3748 45%,#1a202c 100%);
}
.hero-photo::before{
  content:'';position:absolute;inset:0;
  background:
    polygon-gradient, 
    radial-gradient(ellipse at 30% 100%, rgba(0,0,0,0.4), transparent 60%);
}
.hero-photo .mtn{position:absolute;bottom:0;left:0;width:100%;height:55%;opacity:0.9;}
.hero-inner{position:relative;z-index:2;padding:60px 0;}
.eyebrow-gold{color:var(--gold-light);font-weight:700;letter-spacing:0.14em;font-size:0.82rem;text-transform:uppercase;}
.hero-photo h1{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:700;line-height:1.15;margin:16px 0 22px;max-width:760px;}
.hero-photo p.lead{max-width:600px;font-size:1.05rem;line-height:1.65;margin-bottom:32px;color:#EDEDED;}
.hero-cta{display:flex;align-items:center;gap:14px;}
.circle-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:1.1rem;}
.hero-cta .label{font-weight:700;letter-spacing:0.06em;font-size:0.85rem;text-transform:uppercase;}
.slide-dots{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:22px;z-index:2;font-size:0.85rem;color:rgba(255,255,255,0.55);}
.slide-dots .active{color:#fff;font-weight:700;}

/* NEWSLETTER FLOATING CARD */
.newsletter-photo{
  position:relative;padding:0 0 90px;
  background:linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.15)), linear-gradient(120deg,#5a6b7a,#2b3742);
  min-height:260px;
}
.newsletter-card{
  position:relative;z-index:2;max-width:880px;margin:0 auto;top:-70px;
  background:#fff;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,0.18);
  padding:36px 40px;text-align:center;
}
.newsletter-card h3{font-size:1.2rem;margin:0 0 20px;color:var(--ink);}
.newsletter-form{display:flex;gap:14px;flex-wrap:wrap;}
.newsletter-form input{flex:1;min-width:180px;padding:14px 16px;border:1px solid #ddd;border-radius:8px;font-family:var(--sans);}
.newsletter-form button{padding:14px 30px;background:var(--black);color:#fff;border:none;border-radius:8px;font-weight:700;letter-spacing:0.05em;font-size:0.82rem;text-transform:uppercase;cursor:pointer;}

/* ARTICLES */
.articles-section{padding:20px 0 80px;text-align:center;}
.articles-section h2{font-size:2rem;color:var(--ink);margin-bottom:14px;}
.articles-section .sub{max-width:640px;margin:0 auto 48px;color:var(--muted);line-height:1.6;}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;text-align:left;}
.art-card{border-radius:10px;overflow:hidden;background:#fff;border:1px solid #eee;}
.art-photo{height:190px;position:relative;background:linear-gradient(135deg,#4a5568,#1a202c);}
.art-badge{position:absolute;top:14px;right:14px;background:rgba(255,255,255,0.9);color:var(--ink);font-size:0.68rem;font-weight:700;letter-spacing:0.05em;padding:5px 12px;border-radius:14px;text-transform:uppercase;}
.art-card h3{font-size:1.05rem;padding:20px 20px 8px;margin:0;line-height:1.4;color:var(--ink);}
.art-card .cat{padding:0 20px;color:var(--gold);font-size:0.75rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}
.art-link{display:block;padding:0 20px 22px;color:var(--gold);font-weight:700;font-size:0.82rem;margin-top:10px;}
.art-card.featured{background:#fff;}
.art-card.featured h3{font-size:1.05rem;}

/* IMAGE + FLOATING QUOTE CARD SECTION */
.invest-photo{
  position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;padding:60px 20px;
  background:linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.35)), linear-gradient(150deg,#5b6b78,#232b33);
}
.invest-card{
  position:relative;z-index:2;max-width:820px;background:rgba(255,255,255,0.92);border-radius:14px;
  padding:52px 56px;text-align:center;
}
.invest-card h2{font-size:2rem;margin:0 0 18px;color:var(--ink);font-weight:600;}
.invest-card p{color:#444;line-height:1.7;margin-bottom:28px;}
.quote{font-style:italic;color:#555;margin-top:26px;}
.quote .who{display:block;margin-top:6px;font-size:0.85rem;color:#888;}

/* ACCORDION over photo */
.faq-photo{
  position:relative;padding:80px 0;
  background:linear-gradient(180deg, rgba(0,0,0,0.7), rgba(0,0,0,0.55)), linear-gradient(140deg,#0e2f3a,#08181d);
  color:#fff;
}
.faq-photo h2{font-size:2rem;margin-bottom:30px;}
.acc-item{border-bottom:1px solid rgba(255,255,255,0.15);}
.acc-header{display:flex;align-items:center;gap:14px;padding:20px 0;cursor:pointer;font-weight:600;}
.acc-header.open{color:var(--gold-light);}
.acc-icon{width:22px;height:22px;border:1.5px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex:none;}
.acc-body{max-height:0;overflow:hidden;transition:max-height 0.3s ease;color:#D8D8D8;line-height:1.7;font-size:0.95rem;}
.acc-item.open .acc-body{max-height:220px;padding-bottom:20px;}

/* TWO-COLUMN EDITORIAL (interior pages) */
.page-head{padding:56px 0 24px;border-bottom:1px solid #eee;}
.page-head h1{font-size:2.1rem;margin:0 0 10px;}
.page-head .sub{color:var(--muted);font-size:1.05rem;}
.two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;padding:48px 0;}
.two-col img{width:100%;border-radius:8px;display:block;}
.two-col .txt p{line-height:1.75;color:#333;margin-bottom:18px;}

/* FOOTER (placeholder — pendiente confirmar con captura real) */
footer.site{background:var(--black);color:#B9B9B9;padding:56px 0 26px;font-size:0.88rem;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:36px;}
footer.site h4{color:#fff;font-size:0.92rem;margin:0 0 14px;}
footer.site ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
footer.site a:hover{color:var(--gold-light);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;font-size:0.78rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.pending-flag{display:inline-block;background:#3a2f00;color:var(--gold-light);font-size:0.7rem;padding:2px 8px;border-radius:4px;margin-left:8px;letter-spacing:0.03em;}

@media (max-width:900px){
  .articles-grid{grid-template-columns:1fr;}
  .two-col{grid-template-columns:1fr;}
  nav.links{display:none;}
  .footer-grid{grid-template-columns:1fr;}
}

/* Form status messages */
.form-status{margin-top:12px;padding:12px 14px;border-radius:8px;font-family:Arial,sans-serif;font-size:0.9rem;line-height:1.45;}
.form-status--ok{background:#e8f7ee;color:#0f5c2e;border:1px solid #b7e4c7;}
.form-status--err{background:#fdecea;color:#8a1f11;border:1px solid #f5c2c0;}
.form-status--pending{background:#f4f6f9;color:#334;border:1px solid #dde3ea;}
button:disabled{opacity:0.7;cursor:wait;}
