/* ═══════════════════════════════════════════════
   HOME PAGE — home.css
   ═══════════════════════════════════════════════ */

/* ── HERO ── */
.hero{position:relative;height:100vh;min-height:640px;max-height:980px;display:flex;align-items:flex-end;overflow:hidden;background:var(--n)}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-media img{width:100%;height:160%;object-fit:cover;object-position:center center;filter:grayscale(5%);will-change:transform}
.hero-media-overlay{position:absolute;inset:0;background:linear-gradient(to right, rgba(8,4,4,.72) 35%, rgba(8,4,4,.2) 100%), linear-gradient(to top, rgba(8,4,4,.7) 0%, transparent 50%)}
.hero-content{position:relative;z-index:2;width:100%;padding:0 80px 80px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}
.hero-text{max-width:620px}
.hero-h1{color:var(--w);margin-bottom:0}
.hero-h1 em{font-style:italic;color:var(--r)}
.hero-lead{font-size:18px;font-weight:300;line-height:1.75;color:rgba(255,255,255,.65);max-width:480px;margin-bottom:36px}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}
.hero-data{display:flex;align-items:center;gap:32px;padding:28px 36px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-bottom:none;align-self:flex-end}
.hero-stat{text-align:center}
.hero-stat span:first-child{display:block;font-family:var(--dp);font-size:38px;font-weight:700;color:var(--r);line-height:1}
.hero-stat span:last-child{display:block;font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:4px}
.hero-stat-div{width:1px;height:48px;background:rgba(255,255,255,.12)}
.hero-scroll{position:absolute;bottom:32px;right:80px;display:flex;align-items:center;gap:12px;z-index:2}
.hero-scroll span{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35);writing-mode:vertical-rl}
.hero-scroll-line{width:1px;height:60px;background:rgba(255,255,255,.15);position:relative;overflow:hidden}
.hero-scroll-dot{position:absolute;top:-8px;left:0;width:1px;height:24px;background:var(--r);animation:scrollDot 2s ease-in-out infinite}
@keyframes scrollDot{0%{top:-24px}100%{top:100%}}

/* ── INTRO STRIP ── */
.intro-strip{background:var(--g);border-top:1px solid rgba(176,28,28,.2);border-bottom:1px solid rgba(176,28,28,.2);padding:20px 0}
.intro-strip-inner{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.intro-strip-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;letter-spacing:.06em;color:rgba(255,255,255,.55)}
.intro-strip-item svg{width:16px;height:16px;stroke:var(--r);fill:none;stroke-width:2;flex-shrink:0}
.intro-strip-sep{color:rgba(255,255,255,.15);font-size:18px}

/* ── VALORES ── */
.valores-sec{background:var(--f)}
.valores-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:flex-start}
.valor-card{display:flex;gap:20px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--h);transition:background .2s}
.valor-card:first-child{padding-top:0}
.valor-icon{width:44px;height:44px;border:1px solid var(--h);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .25s,background .25s}
.valor-icon svg{width:20px;height:20px;stroke:var(--r);fill:none;stroke-width:1.5}
.valor-card:hover .valor-icon{border-color:var(--r);background:var(--rg)}
.valor-title{font-family:var(--dp);font-size:20px;font-weight:600;color:var(--n);margin-bottom:8px}
.valor-text{font-size:14px;font-weight:300;color:var(--tm);line-height:1.7}

/* ── AREAS HOME ── */
.areas-home-sec{background:var(--fm)}
.areas-home-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px;flex-wrap:wrap}
.areas-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--h);border:1px solid var(--h);margin-top:8px}
.area-card{background:var(--w);padding:40px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:background .25s}
.area-card:hover{background:#fffafa}
.area-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--r);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.area-card:hover::before{transform:scaleX(1)}
.area-card-num{font-family:var(--dp);font-size:64px;font-weight:700;color:var(--r);opacity:.07;line-height:1;position:absolute;top:12px;right:20px;pointer-events:none}
.area-card-icon{width:40px;height:40px;margin-bottom:20px}
.area-card-icon svg{width:100%;height:100%;stroke:var(--r);fill:none;stroke-width:1.5}
.area-card-title{font-family:var(--dp);font-size:21px;font-weight:600;color:var(--n);margin-bottom:12px;line-height:1.2}
.area-card-text{font-size:14px;font-weight:300;color:var(--tm);line-height:1.7;flex:1;margin-bottom:20px}
.area-card-link{font-size:12px;font-weight:600;color:var(--r);text-decoration:none;letter-spacing:.08em;display:inline-flex;align-items:center;gap:6px;transition:gap .25s;align-self:flex-start}
.area-card-link:hover{gap:10px}

/* ── QUOTE SECTION ── */
.quote-sec{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden}
.quote-bg-img{position:absolute;inset:0}
.quote-bg-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%)}
.quote-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,4,4,.78) 0%,rgba(8,4,4,.52) 100%)}
.quote-inner{position:relative;z-index:2;padding-top:96px;padding-bottom:96px}
.quote-content{max-width:680px;position:relative}
.quote-mark{font-family:var(--dp);font-size:160px;color:var(--r);opacity:.25;line-height:1;position:absolute;top:-40px;left:-20px;pointer-events:none}
.quote-text{font-family:var(--dp);font-size:clamp(22px,2.8vw,38px);font-style:italic;font-weight:300;color:rgba(255,255,255,.9);line-height:1.5;position:relative;z-index:1;padding-left:16px}
.quote-cite{display:flex;flex-direction:column;gap:4px;margin-top:32px;padding-left:16px}
.quote-name{font-family:var(--sn);font-size:14px;font-weight:600;color:var(--r);letter-spacing:.1em;text-transform:uppercase}
.quote-role{font-size:13px;color:rgba(255,255,255,.4);font-weight:300}

/* ── CASO REFERENCIA (subtle, light bg) ── */
.caso-home-sec{background:var(--fm)}
.caso-home-subtle{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0}
.caso-subtle-left{}
.caso-subtle-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--r);border:1px solid rgba(176,28,28,.25);padding:5px 12px;margin-bottom:0}
.caso-subtle-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--r);text-decoration:none;letter-spacing:.06em;margin-top:24px;transition:gap .2s}
.caso-subtle-link:hover{gap:10px}
.caso-subtle-right{border-left:1px solid var(--h);padding-left:56px}
.caso-subtle-quote{font-family:var(--dp);font-size:clamp(20px,2.2vw,28px);font-style:italic;font-weight:400;color:var(--n);line-height:1.55;position:relative;padding-left:20px}
.caso-subtle-mark{font-family:var(--dp);font-size:64px;color:var(--r);opacity:.25;line-height:1;position:absolute;left:-4px;top:-16px}
.caso-subtle-cite{display:block;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--tl);margin-top:20px;padding-left:20px}

/* ── PARALLAX CSS helper ── */
.hero-media img{transition:none}

/* ── CTA BOTTOM ── */
.cta-bottom-sec{background:var(--r);padding:80px 0}
.cta-bottom-inner{display:grid;grid-template-columns:1fr auto;gap:64px;align-items:center}
.cta-bottom-title{color:var(--w)}
.cta-bottom-sec .body-text{color:rgba(255,255,255,.72)}
.cta-bottom-acts{display:flex;flex-direction:column;gap:14px;min-width:200px}
.cta-bottom-sec .btn-r{background:var(--w);color:var(--r);justify-content:center}
.cta-bottom-sec .btn-r:hover{background:var(--f)}
.cta-bottom-sec .btn-ghost{justify-content:center;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.3)}
.cta-bottom-sec .btn-ghost:hover{border-color:#fff;color:#fff}

/* ── RESPONSIVE HOME ── */
@media(max-width:1024px){
  .hero-content{padding:0 40px 60px}
  .hero-data{display:none}
  .hero-scroll{right:40px}
  .valores-layout{grid-template-columns:1fr;gap:48px}
  .areas-home-grid{grid-template-columns:1fr 1fr}
  .caso-home-layout{grid-template-columns:1fr}
  .cta-bottom-inner{grid-template-columns:1fr}
}
@media(max-width:640px){
  .hero-content{padding:0 24px 48px}
  .hero-scroll{display:none}
  .areas-home-grid{grid-template-columns:1fr}
  .areas-home-header{flex-direction:column;align-items:flex-start}
  .intro-strip-sep{display:none}
  .cta-bottom-sec{padding:64px 0}
}