
/* ============================================================
   CC&A StratEx — Home UX/UI Master v8.2
   Etapa 2: simplificación integral de la página principal
   ============================================================ */
.home-v82 { --hv-red:#7F0000; --hv-red-dark:#5F0000; --hv-ink:#1e1b1b; --hv-muted:#66605d; --hv-warm:#f7f3ed; --hv-line:#ded7cf; --hv-gold:#c8a35c; --hv-gold-light:#f1dfb2; --hv-dark:#191719; color:var(--hv-ink); background:#fff; }
.home-v82 *, .home-v82 *::before, .home-v82 *::after { box-sizing:border-box; }
.hv82-container { width:min(1220px,calc(100% - 48px)); margin-inline:auto; }
.hv82-section { padding:clamp(72px,8vw,112px) 0; }
.hv82-section, .hv82-hero, .hv82-proof { scroll-margin-top:96px; }
.hv82-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:15px; color:var(--hv-red); font-size:.76rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.hv82-eyebrow::before { content:""; width:30px; height:2px; background:currentColor; }
.hv82-eyebrow-light { color:#f8e8e0; }
.hv82-eyebrow-gold { color:var(--hv-gold-light); }
.hv82-section-head { max-width:790px; margin:0 auto 46px; text-align:center; }
.hv82-section-head h2, .hv82-route h2, .hv82-experience h2, .hv82-catalog h2, .hv82-final-cta h2 { margin:0; font-size:clamp(2.15rem,4.2vw,3.55rem); line-height:1.08; letter-spacing:-.045em; }
.hv82-section-head p { margin:18px auto 0; max-width:68ch; color:var(--hv-muted); font-size:1.08rem; line-height:1.7; }
.hv82-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 20px; border:1px solid transparent; border-radius:999px; font-size:.96rem; font-weight:900; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.hv82-btn:hover { transform:translateY(-2px); }
.hv82-btn-primary { color:#fff; background:var(--hv-red); box-shadow:0 12px 28px rgba(167,24,29,.22); }
.hv82-btn-primary:hover { color:#fff; background:var(--hv-red-dark); }
.hv82-btn-secondary { color:var(--hv-ink); background:#fff; border-color:#bdb4ad; }
.hv82-btn-secondary:hover { color:var(--hv-red); border-color:var(--hv-red); }
.hv82-btn-ghost { color:#fff; background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.42); }
.hv82-btn-ghost:hover { color:#fff; background:rgba(255,255,255,.16); }
.hv82-btn-gold { color:#211a0d; background:linear-gradient(135deg,#f3dfa9,#c69e4e); border-color:#b38b3d; box-shadow:0 12px 28px rgba(190,151,73,.22); }
.hv82-btn-gold:hover { color:#211a0d; filter:brightness(1.04); }
.hv82-text-link { color:var(--hv-red); font-weight:850; text-decoration:none; }
.hv82-text-link:hover { text-decoration:underline; text-underline-offset:4px; }

/* HERO */
.hv82-hero { position:relative; min-height:clamp(680px,82vh,850px); display:flex; align-items:center; overflow:hidden; background:#171416; color:#fff; }
.hv82-hero-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.44; }
.hv82-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,14,16,.96) 0%,rgba(20,16,18,.88) 48%,rgba(20,16,18,.52) 100%),linear-gradient(180deg,transparent 58%,rgba(17,14,16,.72)); }
.hv82-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.65fr); gap:clamp(48px,7vw,92px); align-items:center; padding-block:clamp(86px,10vw,130px); }
.hv82-hero-copy { max-width:770px; }
.hv82-hero h1 { margin:0; max-width:12ch; color:#fff; font-size:clamp(3.2rem,6.6vw,5.75rem); line-height:.98; letter-spacing:-.065em; text-wrap:balance; }
.hv82-hero h1 span { color:#f1c9bb; }
.hv82-hero-copy > p { margin:28px 0 0; max-width:64ch; color:#eee8e4; font-size:clamp(1.08rem,1.35vw,1.28rem); line-height:1.7; }
.hv82-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.hv82-hero-assurance { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:25px; color:#d8d0cc; font-size:.86rem; }
.hv82-hero-assurance span { display:inline-flex; align-items:center; gap:7px; }
.hv82-hero-assurance span::before { content:"✓"; color:#e6c77c; font-weight:900; }
.hv82-entry-card { align-self:end; padding:26px; background:rgba(255,255,255,.94); color:var(--hv-ink); border:1px solid rgba(255,255,255,.42); border-radius:24px; box-shadow:0 24px 70px rgba(0,0,0,.28); backdrop-filter:blur(12px); }
.hv82-entry-head { display:flex; justify-content:space-between; gap:20px; align-items:end; padding-bottom:18px; border-bottom:1px solid var(--hv-line); }
.hv82-entry-head span { color:var(--hv-muted); font-size:.76rem; font-weight:850; text-transform:uppercase; letter-spacing:.12em; }
.hv82-entry-head strong { color:var(--hv-red); font-size:1.5rem; }
.hv82-entry-steps { margin:22px 0; padding:0; list-style:none; display:grid; gap:17px; }
.hv82-entry-steps li { display:grid; grid-template-columns:36px 1fr; gap:12px; align-items:start; }
.hv82-entry-steps b { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--hv-warm); color:var(--hv-red); font-size:.75rem; }
.hv82-entry-steps strong { display:block; font-size:.98rem; }
.hv82-entry-steps span { display:block; margin-top:3px; color:var(--hv-muted); font-size:.85rem; line-height:1.45; }

/* PROOF */
.hv82-proof { position:relative; z-index:3; background:#fff; border-bottom:1px solid var(--hv-line); box-shadow:0 -10px 35px rgba(0,0,0,.04); }
.hv82-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.hv82-proof article { min-height:126px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:22px; text-align:center; border-right:1px solid var(--hv-line); }
.hv82-proof article:last-child { border-right:0; }
.hv82-proof strong { color:var(--hv-red); font-size:clamp(2rem,3.4vw,3rem); line-height:1; letter-spacing:-.04em; }
.hv82-proof span { margin-top:8px; color:var(--hv-muted); font-size:.88rem; font-weight:750; }

/* SOLUTIONS */
.hv82-solutions { background:linear-gradient(180deg,#fff 0%,#faf7f2 100%); }
.hv82-solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.hv82-solution-card { position:relative; display:flex; flex-direction:column; min-height:480px; padding:30px; background:#fff; border:1px solid var(--hv-line); border-radius:22px; box-shadow:0 14px 35px rgba(43,33,29,.06); overflow:hidden; }
.hv82-solution-card::after { content:""; position:absolute; inset:auto -40px -60px auto; width:150px; height:150px; border-radius:50%; background:rgba(167,24,29,.04); }
.hv82-solution-featured { border-color:rgba(167,24,29,.42); box-shadow:0 18px 42px rgba(167,24,29,.10); }
.hv82-card-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:var(--hv-warm); color:var(--hv-red); font-size:.75rem; font-weight:900; }
.hv82-card-tag { margin-top:22px; color:var(--hv-red); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.11em; }
.hv82-solution-card h3 { margin:10px 0 14px; font-size:clamp(1.55rem,2vw,2rem); line-height:1.15; letter-spacing:-.03em; }
.hv82-solution-card > p { color:var(--hv-muted); line-height:1.65; }
.hv82-card-result { margin:20px 0 24px; padding:16px; background:var(--hv-warm); border-left:3px solid var(--hv-gold); border-radius:0 12px 12px 0; }
.hv82-card-result span { display:block; color:var(--hv-muted); font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.hv82-card-result b { display:block; margin-top:5px; font-size:.93rem; line-height:1.45; }
.hv82-card-actions { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; gap:15px; margin-top:auto; }

/* ROUTE */
.hv82-route { background:linear-gradient(145deg,#1b181a,#262125); color:#fff; }
.hv82-route-shell { display:grid; gap:48px; }
.hv82-route-intro { max-width:860px; }
.hv82-route-intro h2 { color:#fff; max-width:15ch; }
.hv82-route-intro p { margin-top:18px; max-width:64ch; color:#d5ceca; font-size:1.08rem; line-height:1.7; }
.hv82-route-flow { display:grid; grid-template-columns:1fr auto 1.08fr auto 1fr; gap:18px; align-items:stretch; }
.hv82-route-step { position:relative; padding:28px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.15); border-radius:22px; }
.hv82-route-step-focus { background:#fff; color:var(--hv-ink); border-color:#fff; box-shadow:0 20px 55px rgba(0,0,0,.28); transform:translateY(-8px); }
.hv82-route-number { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--hv-red); color:#fff; font-weight:900; }
.hv82-route-time { margin-top:24px; color:var(--hv-gold-light); font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }
.hv82-route-step-focus .hv82-route-time { color:var(--hv-red); }
.hv82-route-step h3 { margin:8px 0 13px; color:inherit; font-size:1.55rem; }
.hv82-route-step p { color:#d6cfcb; font-size:.95rem; line-height:1.6; }
.hv82-route-step-focus p { color:var(--hv-muted); }
.hv82-route-step ul { margin:18px 0 0; padding:0; list-style:none; display:grid; gap:8px; }
.hv82-route-step li { position:relative; padding-left:18px; color:#eee8e4; font-size:.88rem; line-height:1.45; }
.hv82-route-step-focus li { color:#484241; }
.hv82-route-step li::before { content:""; position:absolute; left:0; top:.58em; width:7px; height:7px; border-radius:50%; background:var(--hv-gold); }
.hv82-route-arrow { display:grid; place-items:center; color:var(--hv-gold-light); font-size:2rem; }
.hv82-price { margin-top:22px; padding-top:17px; border-top:1px solid var(--hv-line); }
.hv82-price span { display:block; color:var(--hv-muted); font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.hv82-price strong { display:block; margin-top:4px; color:var(--hv-red); font-size:1.14rem; }
.hv82-route-cta { display:flex; justify-content:space-between; gap:28px; align-items:center; padding:24px 28px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:18px; }
.hv82-route-cta strong, .hv82-route-cta span { display:block; }
.hv82-route-cta span { margin-top:5px; color:#cfc7c3; font-size:.9rem; }

/* METHOD */
.hv82-method { background:#fff; }
.hv82-method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.hv82-method-grid article { min-height:250px; padding:26px; border-top:3px solid var(--hv-red); background:var(--hv-warm); border-radius:0 0 18px 18px; }
.hv82-method-grid span { color:var(--hv-gold); font-size:.75rem; font-weight:900; letter-spacing:.12em; }
.hv82-method-grid h3 { margin:42px 0 10px; font-size:1.45rem; }
.hv82-method-grid p { color:var(--hv-muted); line-height:1.6; }

/* EXPERIENCE */
.hv82-experience { background:#f7f3ed; }
.hv82-experience-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(40px,7vw,90px); align-items:center; }
.hv82-experience-copy p { margin:20px 0 0; color:var(--hv-muted); font-size:1.05rem; line-height:1.7; }
.hv82-sector-list { display:flex; flex-wrap:wrap; gap:9px; margin:26px 0 30px; }
.hv82-sector-list span { padding:8px 11px; background:#fff; border:1px solid var(--hv-line); border-radius:999px; color:#4f4946; font-size:.78rem; font-weight:750; }
.hv82-client-figure { margin:0; padding:20px; background:#fff; border:1px solid var(--hv-line); border-radius:22px; box-shadow:0 16px 40px rgba(43,33,29,.08); }
.hv82-client-figure img { width:100%; height:auto; display:block; border-radius:12px; }
.hv82-client-figure figcaption { margin-top:12px; color:var(--hv-muted); font-size:.75rem; line-height:1.45; }

/* CATALOG */
.hv82-catalog { overflow:hidden; background:linear-gradient(135deg,#151315 0%,#262125 65%,#352a20 100%); color:#fff; }
.hv82-catalog-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(42px,7vw,90px); align-items:center; }
.hv82-catalog h2 { color:#fff; max-width:11ch; }
.hv82-catalog-copy > p { margin:20px 0; max-width:56ch; color:#d8d0cc; font-size:1.05rem; line-height:1.7; }
.hv82-catalog-copy ul { margin:0 0 30px; padding:0; list-style:none; display:grid; gap:9px; }
.hv82-catalog-copy li { position:relative; padding-left:21px; color:#eee7e2; font-size:.9rem; }
.hv82-catalog-copy li::before { content:"✓"; position:absolute; left:0; color:var(--hv-gold-light); font-weight:900; }
.hv82-books { min-height:460px; position:relative; display:flex; justify-content:center; align-items:center; perspective:1200px; }
.hv82-book { position:absolute; width:min(250px,31%); color:#fff; text-decoration:none; transition:transform .25s ease, z-index .25s ease; }
.hv82-book img { width:100%; aspect-ratio:.70; object-fit:cover; border-radius:6px; box-shadow:0 24px 50px rgba(0,0,0,.45); }
.hv82-book span { display:block; margin-top:10px; text-align:center; font-size:.8rem; font-weight:800; }
.hv82-book-1 { left:3%; transform:rotate(-8deg) translateY(18px); z-index:1; }
.hv82-book-2 { left:34.5%; transform:translateY(-10px); z-index:3; }
.hv82-book-3 { right:3%; transform:rotate(8deg) translateY(18px); z-index:2; }
.hv82-book:hover { transform:translateY(-22px) rotate(0); z-index:5; }

/* RESOURCES */
.hv82-resources { background:#fff; }
.hv82-section-head-row { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:28px; text-align:left; }
.hv82-section-head-row h2 { max-width:17ch; }
.hv82-resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.hv82-resource-card { min-height:310px; display:flex; flex-direction:column; padding:27px; background:#fff; border:1px solid var(--hv-line); border-radius:18px; box-shadow:0 12px 28px rgba(43,33,29,.05); }
.hv82-resource-card > span { color:var(--hv-red); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }
.hv82-resource-card h3 { margin:28px 0 12px; font-size:1.35rem; line-height:1.28; }
.hv82-resource-card p { color:var(--hv-muted); line-height:1.62; }
.hv82-resource-card a { margin-top:auto; color:var(--hv-red); font-weight:850; text-decoration:none; }
.hv82-resource-card a:hover { text-decoration:underline; text-underline-offset:4px; }

/* FINAL CTA */
.hv82-final-cta { padding:clamp(70px,8vw,100px) 0; background:linear-gradient(120deg,#8f1116,#ba292c); color:#fff; }
.hv82-final-grid { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:center; }
.hv82-final-cta h2 { max-width:16ch; color:#fff; }
.hv82-final-cta p { margin:18px 0 0; max-width:66ch; color:#f4dcda; font-size:1.03rem; line-height:1.65; }
.hv82-final-actions { display:grid; gap:12px; min-width:260px; }
.hv82-final-actions .hv82-btn-primary { background:#fff; color:var(--hv-red); box-shadow:none; }
.hv82-final-actions .hv82-btn-primary:hover { color:var(--hv-red-dark); background:#fff5f3; }

@media (max-width:1050px) {
  .hv82-hero-grid { grid-template-columns:1fr; }
  .hv82-entry-card { max-width:670px; align-self:auto; }
  .hv82-solution-grid { grid-template-columns:1fr 1fr; }
  .hv82-solution-featured { grid-column:1/-1; min-height:auto; }
  .hv82-route-flow { grid-template-columns:1fr; }
  .hv82-route-arrow { transform:rotate(90deg); min-height:20px; }
  .hv82-route-step-focus { transform:none; }
  .hv82-method-grid { grid-template-columns:1fr 1fr; }
  .hv82-experience-grid, .hv82-catalog-grid { grid-template-columns:1fr; }
  .hv82-catalog h2 { max-width:16ch; }
  .hv82-books { max-width:760px; width:100%; margin-inline:auto; }
}
@media (max-width:760px) {
  .hv82-container { width:min(100% - 30px,1220px); }
  .hv82-section { padding:68px 0; }
  .hv82-hero { min-height:auto; }
  .hv82-hero-grid { padding-block:82px 64px; gap:38px; }
  .hv82-hero h1 { font-size:clamp(2.75rem,13vw,4.1rem); max-width:11ch; }
  .hv82-hero-copy > p { font-size:1.02rem; }
  .hv82-actions { flex-direction:column; align-items:stretch; }
  .hv82-actions .hv82-btn { width:100%; }
  .hv82-entry-card { padding:22px; }
  .hv82-proof-grid { grid-template-columns:1fr 1fr; }
  .hv82-proof article { min-height:108px; border-bottom:1px solid var(--hv-line); }
  .hv82-proof article:nth-child(2n) { border-right:0; }
  .hv82-solution-grid, .hv82-method-grid, .hv82-resource-grid { grid-template-columns:1fr; }
  .hv82-solution-featured { grid-column:auto; }
  .hv82-solution-card { min-height:auto; }
  .hv82-route-cta { flex-direction:column; align-items:flex-start; }
  .hv82-route-cta .hv82-btn { width:100%; }
  .hv82-experience-grid { gap:38px; }
  .hv82-books { min-height:380px; }
  .hv82-book { width:37%; }
  .hv82-book-1 { left:0; }
  .hv82-book-2 { left:31.5%; }
  .hv82-book-3 { right:0; }
  .hv82-section-head-row { display:block; }
  .hv82-section-head-row .hv82-text-link { display:inline-block; margin-top:18px; }
  .hv82-final-grid { grid-template-columns:1fr; gap:30px; }
  .hv82-final-actions { min-width:0; }
}
@media (max-width:470px) {
  .hv82-proof-grid { grid-template-columns:1fr 1fr; }
  .hv82-proof strong { font-size:1.8rem; }
  .hv82-proof span { font-size:.75rem; }
  .hv82-entry-head { align-items:start; flex-direction:column; gap:4px; }
  .hv82-books { min-height:315px; }
  .hv82-book { width:39%; }
  .hv82-book span { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .hv82-hero-media { display:none; }
  .hv82-book, .hv82-btn { transition:none!important; }
}


/* ============================================================
   CC&A StratEx — Ajustes Home v8.3 · Etapa 3
   ============================================================ */
.home-v82 { --hv-red:#7F0000; --hv-red-dark:#5F0000; --hv-red-alt:#782016; }
.hv82-section { padding:clamp(68px,7vw,96px) 0; }
.hv82-section-head { max-width:760px; margin-bottom:40px; }
.hv82-section-head h2,
.hv82-route h2,
.hv82-experience h2,
.hv82-catalog h2,
.hv82-final-cta h2 {
  max-width:22ch;
  font-size:clamp(2rem,3.25vw,2.85rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.032em !important;
}
.hv82-section-head p { font-size:1.02rem; }
.hv82-btn {
  min-height:46px;
  padding:11px 18px;
  border-radius:10px;
  font-size:.93rem;
  box-shadow:none;
}
.hv82-btn-primary { background:var(--hv-red); box-shadow:0 8px 20px rgba(127,0,0,.14); }
.hv82-btn-gold {
  color:#fff;
  background:transparent;
  border-color:rgba(241,223,178,.72);
  box-shadow:none;
}
.hv82-btn-gold:hover { color:#fff; background:rgba(241,223,178,.1); }

.hv82-hero { min-height:clamp(620px,76vh,760px); }
.hv82-hero-grid { gap:clamp(40px,6vw,76px); padding-block:clamp(72px,8vw,104px); }
.hv82-hero h1 {
  max-width:15ch;
  font-size:clamp(2.85rem,5.1vw,4.15rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}
.hv82-hero h1 span { color:#E5C8C3; }
.hv82-hero-copy > p { margin-top:22px; font-size:clamp(1.02rem,1.16vw,1.16rem); }
.hv82-actions { margin-top:28px; }
.hv82-entry-card { padding:24px; border-radius:18px; }

.hv82-proof { border-top:1px solid rgba(127,0,0,.08); }
.hv82-proof article { min-height:118px; padding:20px; }
.hv82-proof strong {
  color:var(--hv-red);
  font-size:clamp(2rem,2.8vw,2.7rem);
  font-variant-numeric:tabular-nums;
}
.hv82-proof span { font-size:.84rem; }

.hv82-solution-card { min-height:440px; padding:27px; border-radius:18px; }
.hv82-solution-featured { border-color:rgba(127,0,0,.32); box-shadow:0 16px 36px rgba(127,0,0,.075); }
.hv82-solution-card::after { background:rgba(127,0,0,.03); }
.hv82-solution-card h3 { font-size:clamp(1.45rem,1.7vw,1.78rem); }
.hv82-card-result { border-left-color:var(--hv-red-alt); }

.hv82-route-step { border-radius:18px; }
.hv82-route-number { background:var(--hv-red); }
.hv82-method-grid article { border-top-color:var(--hv-red); }

.hv82-catalog { background:linear-gradient(135deg,#171416 0%,#252124 70%,#302723 100%); }
.hv82-catalog-grid { grid-template-columns:.9fr 1.1fr; }
.hv82-catalog h2 { max-width:18ch; }
.hv82-catalog-copy > p { font-size:1rem; }
.hv82-book { width:min(235px,30%); }

.hv82-final-cta { background:linear-gradient(120deg,#5F0000,#7F0000 58%,#782016); }
.hv82-final-actions .hv82-btn-primary { color:var(--hv-red) !important; background:#fff !important; border-color:#fff !important; }

@media (max-width:760px) {
  .hv82-section { padding:62px 0; }
  .hv82-hero-grid { padding-block:68px 56px; }
  .hv82-hero h1 {
    max-width:none;
    font-size:clamp(2.25rem,10.5vw,3.15rem) !important;
    line-height:1.08 !important;
  }
  .hv82-section-head h2,
  .hv82-route h2,
  .hv82-experience h2,
  .hv82-catalog h2,
  .hv82-final-cta h2 {
    max-width:none;
    font-size:clamp(1.8rem,7.7vw,2.3rem) !important;
  }
  .hv82-proof article { min-height:102px; }
  .hv82-catalog-grid { grid-template-columns:1fr; }
}
