/* Smart Investors — marca 2026: azul noche, dorado mate y neutros cálidos.
   Paleta oficial del cliente:
   #0E2437 azul noche · #2E4B63 azul pizarra · #9C7A4F dorado mate · #E9E1D4 beige piedra
   #F7F4EF blanco cálido · #1F2937 carbón · #647B72 verde salvia · #FFFFFF blanco */
:root{
  --noche:#0E2437; --pizarra:#2E4B63; --dorado:#9C7A4F; --beige:#E9E1D4;
  --calido:#F7F4EF; --carbon:#1F2937; --salvia:#647B72;
  --dorado-claro:#D6A06A;     /* el dorado que se lee sobre azul noche */
  --tinta:#0E2437; --texto:#1F2937; --texto-2:#5B6370; --texto-3:#7B8089;
  --blanco:#FFFFFF; --gris:#F7F4EF; --gris-2:#EFE8DC; --linea:#E4DCCE;
  --oscuro:#0E2437; --oscuro-2:#0E2437;
  /* los nombres "verde" son historicos: ahora son el dorado de la marca */
  --verde:#9C7A4F; --verde-claro:#F2E7D7; --verde-hondo:#7E6140; --verde-suave:#F2E7D7;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'DM Sans',system-ui,-apple-system,sans-serif;
  --mono:'DM Sans',system-ui,sans-serif;
  --r:18px; --r-sm:12px; --r-lg:24px; --pill:9999px;
  --sh:0 12px 32px -16px rgba(14,36,55,.16);
  --sh-md:0 18px 42px -18px rgba(14,36,55,.22);
  --sh-lg:0 28px 60px -22px rgba(14,36,55,.3);
  --gutter:clamp(1.15rem,4vw,3rem);
  --maxw:1200px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
button,input,select,textarea{font:inherit;font-family:var(--sans);color:inherit}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--gris);color:var(--texto);
  font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.mono{font-family:var(--mono);font-feature-settings:"tnum"}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.grain{display:none}
.seal{display:block;width:var(--s,1.75rem);height:var(--s,1.75rem);border:1.5px solid currentColor;border-radius:0.375rem;position:relative}
.seal::after{content:"";position:absolute;inset:0.3125rem;border-radius:2px;background:var(--verde)}

/* ---------- tipografía ---------- */
h1,h2,h3,h4,.big,.hero-title{font-family:var(--serif);color:var(--tinta);letter-spacing:-.02em}
.hero-title{font-size:var(--t-display);font-weight:800;line-height:1.1;max-width:calc(16ch * var(--k,1))}
.big{font-size:var(--t-h2);font-weight:700;line-height:1.15;color:var(--texto)}
.big em,.hero-title em{font-style:normal;color:var(--verde)}
.big--center{text-align:center;margin-inline:auto}
.lead{font-size:1.05rem;color:var(--texto-2);max-width:calc(62ch * var(--k,1));margin-top:1rem;line-height:1.7}
.lead--center{text-align:center;margin-inline:auto}
.split{display:grid;gap:1.4rem}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:200;background:transparent;border:0;
  padding:0.875rem var(--gutter)}
.nav-inner{height:4.0rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  max-width:var(--maxw);margin-inline:auto;padding-inline:1.5rem 1rem;
  background:#171310;border-radius:var(--pill);box-shadow:0 18px 44px -20px rgba(23,19,16,.55)}
.brand{display:flex;align-items:center;gap:0.625rem}
.brand-mark{width:1.875rem;height:1.875rem;flex:0 0 auto}
.brand-name{font-family:var(--serif);font-size:1.3rem;font-weight:800;line-height:1;color:var(--tinta)}
.nav .brand-name{color:#F7F5F1}
.nav .brand-mark{content:url("logo-mark-light.svg")}
.brand-name em{font-style:normal;color:var(--verde)}
.nav-links{display:flex;gap:2rem;align-items:center}
.nav-links a,.nav-droptop{font-size:.94rem;font-weight:600;color:#B8B0A8;transition:color .2s}
/* ---- desplegable de Preguntas ---- */
.nav-drop{position:relative}
.nav-droptop{display:inline-flex;align-items:center;gap:.3rem;background:none;border:0;padding:0;
  cursor:pointer;font-family:var(--sans)}
.nav-droptop .nd-arr{width:0.9375rem;height:0.9375rem;transition:transform .25s var(--ease)}
.nav-drop:hover .nav-droptop,.nav-drop:focus-within .nav-droptop{color:#fff}
.nav-drop:hover .nd-arr,.nav-drop[data-abierto] .nd-arr{transform:rotate(180deg)}
.nav-drop--on .nav-droptop{color:#fff}
.nav-drop--on .nav-droptop::after{content:"";position:absolute;left:0;right:1.125rem;bottom:-0.4375rem;height:2px;
  border-radius:2px;background:var(--verde)}
.nav-menu{position:absolute;top:calc(100% + 0.875rem);left:-1.125rem;width:21.25rem;padding:.5rem;opacity:0;
  visibility:hidden;transform:translateY(-0.375rem);transition:opacity .22s,transform .22s,visibility .22s;
  background:#211B17;border:1px solid rgba(247,245,241,.12);border-radius:1.125rem;
  box-shadow:0 26px 60px -24px rgba(0,0,0,.7)}
.nav-menu::before{content:"";position:absolute;bottom:100%;left:0;right:0;height:1.0rem}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu,.nav-drop[data-abierto] .nav-menu{
  opacity:1;visibility:visible;transform:none}
.nav-menu a{display:block;padding:.85rem .95rem;border-radius:0.75rem;transition:background .2s}
.nav-menu a:hover{background:rgba(247,245,241,.07)}
.nav-menu strong{display:block;font-size:.95rem;font-weight:700;color:#F7F5F1}
.nav-menu span{display:block;font-size:.82rem;line-height:1.45;color:#A79F96;margin-top:.15rem}
.nav-login{font-size:.9rem;font-weight:600;color:#B8B0A8;transition:color .2s;padding:.4rem .2rem}
.nav-solo-movil{display:none}
.nav-login:hover{color:#fff}
.nav-links a:hover{color:#fff}
.nav-links a.on{color:#fff;position:relative}
.nav-links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-0.4375rem;height:2px;
  border-radius:2px;background:var(--verde)}
.nav-cta{display:flex;align-items:center;gap:.7rem}
.nav-burger{display:none;width:2.625rem;height:2.625rem;border:1px solid rgba(247,245,241,.25);border-radius:50%;
  background:transparent;cursor:pointer;align-items:center;justify-content:center}
.nav-burger span{display:block;width:1.125rem;height:2px;background:#F7F5F1;position:relative}
.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0;width:1.125rem;height:2px;background:#F7F5F1}
.nav-burger span::before{top:-0.375rem}.nav-burger span::after{top:0.375rem}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.8rem 1.5rem;border:1px solid var(--linea);border-radius:var(--pill);
  background:var(--blanco);color:var(--tinta);font-family:var(--serif);
  font-size:.98rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease)}
.btn:hover{border-color:var(--verde);color:var(--verde-hondo)}
.btn-green{background:var(--verde);border-color:var(--verde);color:#fff}
.btn-green:hover{background:var(--verde-hondo);border-color:var(--verde-hondo);color:#fff;transform:translateY(-1px)}
.btn-green{padding-right:.55rem}
.btn-green::after{content:"";flex:0 0 auto;width:1.65em;height:1.65em;border-radius:50%;
  margin-left:.45rem;background:rgba(255,255,255,.24) center/.78em no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M12 5l7 7-7 7'/%3E%3C/svg%3E");
  transition:transform .25s var(--ease),background-color .25s}
.btn-green:hover::after{transform:translateX(0.1875rem);background-color:rgba(255,255,255,.34)}
.btn-block::after{margin-left:auto}
.btn-sm{padding:.6rem 1.15rem;font-size:.9rem}
.btn-lg{padding:1rem 1.9rem;font-size:1.1rem}
.btn-block{width:100%}
.link-u{color:var(--verde-hondo);font-weight:600}
.link-u:hover{text-decoration:underline}
.ast{color:var(--verde-hondo);font-size:.7em;vertical-align:super}

/* ---------- secciones ---------- */
.section{padding-block:var(--s-section)}
.section-projects,.section-trust,.section-faq{background:var(--blanco)}
.section-testi,.section-cta{background:var(--gris)}
/* franjas oscuras a plena anchura, alternando con las claras (ritmo de Groinversia) */
.section-club,.section-process{background:var(--oscuro-2);color:#C9C1B9;
  padding-block:var(--s-section)}
.section-club h1,.section-club h2,.section-club h3,.section-club h4,.section-club .big,
.section-process h1,.section-process h2,.section-process h3,.section-process h4,.section-process .big{color:#F7F5F1}
.section-club .lead,.section-club .club-sub,.section-process .lead{color:#ADA49B}
.section-club .sec-head .label,.section-process .sec-head .label{
  color:#E08254;background:rgba(224,130,84,.16)}
.section-club .big em,.section-process .big em{color:#E08254}
/* las tarjetas blancas se quedan blancas: es justo el contraste de Groinversia */
.section-club .compare-col,.section-club .compare-note,.section-club .ideas li,
.section-process .step{box-shadow:0 22px 48px -20px rgba(0,0,0,.55)}
.sec-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}
.sec-head .idx{display:none}
.sec-head .label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:var(--verde);padding:.4rem .9rem;border-radius:var(--pill)}
.sec-head--center{justify-content:center}

/* ---------- hero ---------- */
.hero{padding-block:clamp(1rem,3vw,2.5rem) clamp(3rem,6vw,5.5rem);overflow-x:clip;background:
  radial-gradient(1000px 420px at 80% -10%,rgba(194,90,54,.11),transparent 65%),var(--gris)}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:center}
.hero-meta{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--verde);
  padding:.42rem .95rem;border-radius:var(--pill);margin-bottom:1.1rem}
.hero-meta::before{display:none}
.hero-lead{font-size:1.1rem;color:var(--texto-2);max-width:calc(52ch * var(--k,1));margin-top:1.1rem;line-height:1.7}
.hero-lead--sec{font-weight:700;color:var(--tinta);font-size:1rem}
.tm{font-size:.55em;vertical-align:.7em;letter-spacing:0}
.btn-ghost{background:transparent;border-color:rgba(23,19,16,.28);color:var(--tinta)}
.btn-ghost:hover{border-color:var(--tinta);background:rgba(23,19,16,.05);color:var(--tinta)}
.btn-ghost::after{display:none}
/* hueco del video del hero: mientras no exista el archivo se ve el cartel */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.hero-visual.con-video .hero-video{display:block}
.hero-visual.con-video .hv-ph{display:none}
/* franja de cifras, con su propio fondo */
.band-stats{background:var(--gris-2);border-block:1px solid var(--linea);padding-block:2.4rem}
.band-stats .hero-endorse--foot{margin-top:1.4rem;text-align:center}
.hero-keys{display:flex;flex-direction:column;gap:.65rem;margin-top:1.6rem}
.hero-keys li{display:flex;gap:.65rem;align-items:flex-start;font-size:.96rem;color:var(--texto-2)}
.hero-keys svg{width:1.1875rem;height:1.1875rem;color:var(--verde);flex:0 0 auto;margin-top:.15em}
.hero-keys .mono{color:var(--verde-hondo);font-weight:700}
.hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;margin-top:1.8rem}
.hero-endorse{font-size:.85rem;color:var(--texto-3)}
.hero-endorse strong{color:var(--texto);font-weight:700}
.hero-endorse--foot{margin-top:1.2rem}
/* como en Groinversia: la imagen del hero llega hasta el borde de la pantalla */
.hero-visual{position:relative;min-height:clamp(18.75rem,44vw,29.375rem);
  border-radius:var(--r-lg) 0 0 var(--r-lg);margin-right:calc(50% - 50vw);
  overflow:hidden;background:linear-gradient(150deg,#EFEBE3,#E4DED4 45%,#D6CEC2);
  display:grid;place-items:center;box-shadow:var(--sh-lg)}
.hero-visual::before,.hero-visual::after{display:none}
.hv-ph{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  color:var(--texto-2);opacity:.7;text-align:center;padding:1rem}
.hero-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:0;
  padding-top:0;border-top:0}
.hero-stats li{position:relative;display:flex;flex-direction:column;gap:.3rem;
  background:var(--blanco);border-radius:1.125rem;padding:1.15rem 1.2rem 2.1rem;box-shadow:var(--sh)}
.hero-stats li::after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:1.05rem;height:0.25rem;
  border-radius:var(--pill);background:linear-gradient(to right,var(--verde) 0 68%,rgba(23,19,16,.12) 68%)}
.hero-stats li:nth-child(2)::after{background:linear-gradient(to right,var(--verde) 0 84%,rgba(23,19,16,.12) 84%)}
.hero-stats li:nth-child(3)::after{background:linear-gradient(to right,var(--verde) 0 52%,rgba(23,19,16,.12) 52%)}
.hero-stats li:nth-child(4)::after{background:linear-gradient(to right,var(--verde) 0 76%,rgba(23,19,16,.12) 76%)}
.hero-stats li:nth-child(5)::after{background:linear-gradient(to right,var(--verde) 0 60%,rgba(23,19,16,.12) 60%)}
.hero-stats .hs-n{font-family:var(--serif);font-weight:800;font-size:var(--t-num);
  line-height:1;color:var(--tinta);letter-spacing:-.03em}
.hero-stats .hs-c{font-size:.78rem;color:var(--texto-2);line-height:1.4}

/* ---------- tarjetas de proyecto ---------- */
.projects-head{text-align:center;margin-bottom:2.2rem}
.projects-head .lead{margin-inline:auto}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.proj-card{display:grid;grid-template-rows:auto 1fr;background:var(--blanco);border:0;
  border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.proj-card:hover{box-shadow:var(--sh-lg);transform:translateY(-0.25rem)}
.proj-photo{position:relative;aspect-ratio:16/10;display:grid;place-items:center;
  padding:.9rem 1rem 1.6rem;background:linear-gradient(150deg,#EFEBE3,#D6CEC2)}
.proj-photo::after{display:none}
.proj-badge{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.36rem .8rem;border-radius:var(--pill);
  background:var(--est,#6B7280);color:#fff;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.proj-badge i{width:0.4375rem;height:0.4375rem;border-radius:50%;background:currentColor;flex:0 0 auto}
/* ---- los cinco estados ---- */
.e-reserva{--est:#2563EB}
.e-abierta{--est:#15803D}
.e-ultimas{--est:#D97706}
.e-marcha{--est:#C2410C}
.e-terminado{--est:#DC2626}
.proj-card .fin-bar span,.fc .fin-bar span{background:var(--est,var(--verde))}
.e-ultimas .proj-badge,.e-ultimas .fin-bar span{background:#EAB308}
.e-ultimas .proj-badge{color:#3B2A05}
.proj-ph{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);opacity:.75}
.proj-info .p-name{font-family:var(--serif);font-size:1.3rem;font-weight:800;color:var(--tinta);line-height:1.15;
  text-transform:uppercase;letter-spacing:-.01em}
.proj-cap .p-name{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--tinta);line-height:1.15}
.proj-cap .p-type{font-size:.86rem;color:var(--texto-2);margin-top:.15rem}
.proj-cap .p-loc{display:inline-block;font-size:.76rem;font-weight:600;color:var(--tinta);
  margin-top:.5rem;background:rgba(255,255,255,.9);border-radius:var(--pill);padding:.3rem .7rem}
.proj-info .p-type{font-size:.88rem;color:var(--texto-2);margin-top:.2rem}
.proj-info .p-loc{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--texto-2);margin-top:.45rem}
.proj-info .p-loc svg{width:0.9375rem;height:0.9375rem;color:var(--est,var(--verde));flex:0 0 auto}
/* el cuerpo blanco monta sobre la foto, con el tirador de Groinversia */
.proj-info{position:relative;z-index:2;margin-top:-1.25rem;background:var(--blanco);
  border-radius:1.375rem 1.375rem 0 0;padding:1.9rem 1.2rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}
.proj-info::before{content:"";position:absolute;top:0.6875rem;left:50%;transform:translateX(-50%);
  width:3.875rem;height:0.3125rem;border-radius:var(--pill);background:rgba(23,19,16,.15)}
.proj-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.pi-cell .k{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3)}
.pi-cell .v{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--tinta);margin-top:.1rem}
.pi-cell .v.green,.green{color:var(--verde-hondo)}
.fin-row{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--texto-2);font-weight:600}
.fin-bar{height:0.375rem;border-radius:var(--pill);background:var(--gris-2);overflow:hidden;margin:.45rem 0 .35rem}
.fin-bar span{display:block;height:100%;background:var(--verde);border-radius:var(--pill)}
.fin-left{font-size:.8rem;color:var(--texto-3)}
.proj-return{display:flex;gap:.6rem;align-items:flex-start;padding-top:.7rem;border-top:1px solid var(--linea)}
.proj-return svg{width:0.9375rem;height:0.9375rem;color:var(--verde);flex:0 0 auto;margin-top:.2rem}
.proj-return .pr-k{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--verde-hondo)}
.proj-return .pr-t{font-size:.8rem;color:var(--texto-3);line-height:1.5;margin-top:.1rem}
.proj-return .pr-t strong{color:var(--texto-2)}
.proj-cta{margin-top:auto}
.projects-more{display:flex;justify-content:center;margin-top:2rem}
.op-note-foot{margin-top:1rem;font-size:.82rem;color:var(--texto-3);text-align:center}

/* ---------- el club: comparativa ---------- */
.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.ideas li{background:var(--blanco);border:0;border-radius:var(--r);padding:1.6rem;box-shadow:var(--sh)}
.idea-n{display:block;font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--verde-hondo);margin-bottom:.6rem}
.ideas p{font-family:var(--serif);font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--tinta)}
.club-sub{font-size:1.05rem;color:var(--texto-2);max-width:calc(62ch * var(--k,1));margin-top:1rem}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.2rem;align-items:start}
.compare-col{border-radius:var(--r);padding:1.9rem 1.8rem;background:var(--blanco);border:0;box-shadow:var(--sh)}
.compare-col--sol{box-shadow:var(--sh-lg);outline:2px solid var(--verde);outline-offset:-2px}
.compare-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;font-family:var(--serif);
  font-size:1.3rem;font-weight:700;color:var(--tinta);margin-bottom:1.1rem}
.compare-col--sol .compare-h{color:var(--verde-hondo)}
.compare-h .tm{font-size:.5em;vertical-align:.7em}
.compare-h-sub{font-size:.8rem;font-weight:500;opacity:.6}
.compare-list{display:flex;flex-direction:column;gap:.6rem}
.compare-list li{display:grid;grid-template-columns:1.15rem 1fr;gap:.7rem;font-size:.94rem;
  line-height:1.55;color:var(--texto-2);max-width:calc(60ch * var(--k,1))}
.compare-list li::before{content:"";width:1.15rem;height:1.15rem;margin-top:.2em;border-radius:50%;
  background-repeat:no-repeat;background-position:center;background-size:.62rem}
.compare-col--prob li::before{background-color:var(--gris-2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C857D' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.compare-col--sol li::before{background-color:var(--verde-suave);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238F3E22' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.compare-note{margin-top:2rem;background:var(--blanco);border:0;box-shadow:var(--sh);
  border-radius:var(--r);padding:1.9rem 2rem;max-width:none}
.compare-note .cn-k{display:block;font-size:.76rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--verde-hondo);margin-bottom:.6rem}
.compare-note p{font-family:var(--serif);font-size:var(--t-h2s);font-weight:700;
  line-height:1.35;color:var(--tinta)}

/* ---------- cómo funciona ---------- */
.section-process .big{margin-bottom:2rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.step{background:var(--blanco);border:0;border-radius:var(--r);padding:1.7rem 1.6rem;box-shadow:var(--sh)}
.step-n{display:inline-block;font-family:var(--serif);font-size:.85rem;font-weight:800;color:var(--verde-hondo);
  background:var(--verde-suave);border-radius:var(--pill);padding:.25rem .7rem;margin-bottom:.8rem}
.step h4{font-family:var(--serif);font-weight:700;font-size:1.2rem;line-height:1.25;margin-bottom:.5rem;color:var(--tinta)}
.step p{color:var(--texto-2);font-size:.94rem;line-height:1.6}
.step-note{color:var(--texto-3);margin-top:.5rem;font-size:.9rem}

/* ---------- quiénes somos ---------- */
.intro-bloque{margin-top:1.2rem;max-width:none}
.intro-bloque p{font-size:1rem;line-height:1.75;color:var(--texto-2);max-width:none}
.intro-bloque p+p{margin-top:.8rem}
.intro-bloque .ib-lead{font-family:var(--serif);font-weight:700;font-size:var(--t-h2s);
  line-height:1.3;color:var(--tinta);margin-bottom:1rem}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.2rem}
.team-card{background:var(--blanco);border:0;border-radius:var(--r);padding:1.5rem 1.4rem;
  box-shadow:var(--sh);transition:box-shadow .3s var(--ease)}
.team-card:hover{box-shadow:var(--sh-md)}
.team-card .role{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--verde-hondo);margin-bottom:.55rem}
.team-card h4{font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--tinta)}
.team-card .sub{font-size:.82rem;color:var(--texto-3);margin:.1rem 0 .6rem}
.team-card p{font-size:.92rem;color:var(--texto-2);line-height:1.65}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2rem;
  padding-top:1.8rem;border-top:1px solid var(--linea)}
.stats li{display:flex;flex-direction:column;gap:.25rem}
.stats .num{font-family:var(--serif);font-weight:800;font-size:var(--t-num);
  line-height:1;color:var(--tinta)}
.stats .cap{font-size:.76rem;color:var(--texto-3);line-height:1.45}
.philosophy{margin-top:2rem;background:var(--verde-suave);border-radius:var(--r);
  padding:1.7rem 1.8rem;max-width:none;border-left:4px solid var(--verde)}
.philosophy p{font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:1.45;color:var(--tinta)}
.philosophy p+p{margin-top:.7rem}
.philosophy .who{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--verde-hondo);margin-top:.8rem;font-family:var(--sans)}
.philosophy .who--top{margin-top:0;margin-bottom:.8rem}
.trust-close{margin-top:2rem;max-width:calc(78ch * var(--k,1))}
.trust-close p{font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:1.5;color:var(--texto)}
.trust-close p+p{margin-top:.7rem}
.trust-close strong{color:var(--tinta);font-weight:800}

/* ---------- contacto / oficinas ---------- */
.contacto-t{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--texto-3);margin-top:2.4rem}
.oficinas{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin-top:1.2rem}
.oficina{background:var(--blanco);border:0;border-radius:var(--r);
  padding:1.6rem;display:flex;flex-direction:column;box-shadow:var(--sh)}
.of-t{display:flex;align-items:center;gap:.5rem;font-family:var(--serif);font-weight:700;
  font-size:1.25rem;color:var(--tinta)}
.of-t svg{width:1.125rem;height:1.125rem;color:var(--verde);flex:0 0 auto}
.of-dir{font-size:.95rem;line-height:1.55;color:var(--texto-2);margin-top:.6rem}
.of-datos{display:flex;flex-direction:column;gap:.4rem;margin-top:.7rem}
.of-datos li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--texto-2)}
.of-datos svg{width:0.9375rem;height:0.9375rem;color:var(--verde);flex:0 0 auto}
.of-mapa{margin-top:1rem;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--linea);line-height:0}
.of-mapa iframe{width:100%;height:12.5rem;border:0;display:block}
.contacto-pie{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.cp-was{display:flex;flex-wrap:wrap;gap:.7rem}
.wa{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;
  border:1px solid var(--verde);border-radius:var(--pill);padding:.55rem 1.05rem;
  font-size:.88rem;font-weight:600;color:var(--verde-hondo);transition:background .25s}
.wa:hover{background:var(--verde-suave)}
.wa svg{width:1.0rem;height:1.0rem;flex:0 0 auto}

/* ---------- acordeón ---------- */
.acc{display:flex;flex-direction:column;gap:.6rem;margin-top:1.6rem}
.acc-item{background:var(--blanco);border:0;border-radius:var(--r);box-shadow:var(--sh);
  padding-inline:1.5rem;transition:box-shadow .25s}
.acc-item:hover{box-shadow:var(--sh-md)}
.acc-item.open{box-shadow:var(--sh-md);outline:2px solid var(--verde);outline-offset:-2px}
.acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;
  padding-block:1.05rem;background:none;border:0;text-align:left;cursor:pointer;
  font-family:var(--serif);font-size:1.02rem;font-weight:700;color:var(--tinta)}
.acc-ico{flex:0 0 auto;width:1.625rem;height:1.625rem;border:1px solid var(--linea);border-radius:50%;
  position:relative;transition:background .25s,border-color .25s}
.acc-ico::before,.acc-ico::after{content:"";position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);background:var(--verde);border-radius:2px}
.acc-ico::before{width:0.6875rem;height:2px}
.acc-ico::after{width:2px;height:0.6875rem;transition:transform .3s var(--ease)}
.acc-item.open .acc-ico{background:var(--verde);border-color:var(--verde)}
.acc-item.open .acc-ico::before,.acc-item.open .acc-ico::after{background:#fff}
.acc-item.open .acc-ico::after{transform:translate(-50%,-50%) scaleY(0)}
.acc-panel{overflow:hidden;height:0;transition:height .4s var(--ease)}
.acc-panel-in{padding:0 0 1.1rem;color:var(--texto-2);font-size:.95rem;line-height:1.7;max-width:calc(80ch * var(--k,1))}
.acc-panel-in .acc-q{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--tinta);margin-bottom:.7rem}
.acc-panel-in p+p{margin-top:.6rem}
.acc-panel-in .acc-accent{margin-top:.9rem;color:var(--verde-hondo);font-weight:700}
.acc-panel-in ul{margin-top:.7rem;display:flex;flex-direction:column;gap:.4rem}
.acc-panel-in li{position:relative;padding-left:1.4rem;color:var(--texto-2)}
.acc-panel-in li::before{content:"";position:absolute;left:0;top:.6em;width:0.375rem;height:0.375rem;
  border-radius:50%;background:var(--verde)}

/* ---------- testimonios ---------- */
.testi-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2rem}
.vcard{border-radius:var(--r);overflow:hidden;background:var(--blanco);border:0;box-shadow:var(--sh)}
.vcard:hover{box-shadow:var(--sh-md)}
.vthumb{position:relative;aspect-ratio:16/10;background:linear-gradient(150deg,#EFEBE3,#D6CEC2);
  display:grid;place-items:center}
.vplay{width:3.375rem;height:3.375rem;border-radius:50%;background:var(--verde);display:grid;place-items:center;box-shadow:var(--sh-md)}
.vplay svg{width:1.25rem;height:1.25rem;color:#fff}
.vmeta{padding:1.1rem 1.2rem}
.vquote{font-family:var(--serif);font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--tinta)}
.vmeta .yt{display:block;font-size:.76rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--texto-3);margin-top:.55rem}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.4rem}
.review{background:var(--blanco);border:0;border-radius:var(--r);padding:1.5rem;box-shadow:var(--sh)}
.review-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}
.review-av{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--verde-suave);display:grid;
  place-items:center;font-weight:800;color:var(--verde-hondo);flex:0 0 auto;font-family:var(--serif)}
.review-who{font-weight:700;font-size:.94rem;color:var(--tinta)}
.review-when{font-size:.8rem;color:var(--texto-3)}
.review-g{margin-left:auto;font-size:.78rem;color:var(--texto-3)}
.stars{color:#8F3E22;font-size:.95rem;letter-spacing:.08em}
.review p{font-size:.92rem;color:var(--texto-2);line-height:1.65;margin-top:.4rem}

/* ---------- CTA / test ---------- */
.section-cta{text-align:center}
.cta-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}
.cta-emblem img{width:4.5rem;height:4.5rem;margin-inline:auto}
.form-note,.hint{font-size:.84rem;color:var(--texto-3);line-height:1.6}
.test{margin-top:1rem;text-align:left}
.test-count,.test-modal-title{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--verde-hondo);margin-bottom:.9rem}
.test-dur{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--texto-3);margin-top:.6rem}
.test-dur svg{width:0.9375rem;height:0.9375rem;color:var(--verde);flex:0 0 auto}
.test-intro{font-size:.95rem;line-height:1.65;color:var(--texto-2);margin-top:.6rem;max-width:calc(60ch * var(--k,1))}
.test-progress{height:0.25rem;background:var(--gris-2);border-radius:var(--pill);overflow:hidden;margin-bottom:1.4rem}
.test-progress span{display:block;height:100%;background:var(--verde);transition:width .4s var(--ease)}
.step-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--verde-hondo);margin-bottom:1rem}
.test-field{margin-bottom:1.4rem}
.test-field .q,.qk{display:block;font-size:1rem;font-weight:700;margin-bottom:.6rem;color:var(--tinta)}
.test-field .hint{margin-bottom:.5rem}
.test-field input,.test-field textarea,.test-field select{width:100%;background:var(--blanco);
  border:1px solid var(--linea);border-radius:var(--r-sm);padding:.85rem 1rem;font-size:.95rem}
.test-field input:focus,.test-field textarea:focus{outline:none;border-color:var(--verde)}
.tlab{font-size:.84rem;color:var(--texto-3);display:block;margin-bottom:.4rem}
.opts{display:flex;flex-direction:column;gap:.45rem}
.opt{cursor:pointer;display:block}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:block;border:1px solid var(--linea);border-radius:var(--r-sm);padding:.75rem 1rem;
  font-size:.94rem;color:var(--texto-2);transition:all .2s}
.opt:hover span{border-color:var(--verde)}
.opt input:checked+span{border-color:var(--verde);background:var(--verde-suave);color:var(--tinta);font-weight:600}
.opt input:disabled+span{opacity:.45;cursor:not-allowed}
.cond{margin-top:.6rem;padding-left:.9rem;border-left:3px solid var(--verde)}
.test-nav{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}
.test-err{color:#DC2626;font-size:.85rem;margin-top:.5rem}
.test-done{display:none}
.test-done.active{display:block;text-align:center}
.test-ok{display:flex;align-items:center;justify-content:center;width:4.0rem;height:4.0rem;margin:.4rem auto 0;border-radius:50%;background:var(--verde);color:#fff}
.test-ok svg{width:1.875rem;height:1.875rem}
.test-done h3{font-family:var(--serif);font-size:1.7rem;font-weight:800;color:var(--tinta);margin:1rem 0 .8rem}
.test-done p{color:var(--texto-2);max-width:calc(56ch * var(--k,1));margin:0 auto .6rem;line-height:1.7}
.test-step{display:none}
.test-step.active{display:block}

/* ---------- modales ---------- */
.modal{position:fixed;inset:0;z-index:500;display:none;align-items:flex-start;justify-content:center;
  padding:4vh 1rem;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);overflow-y:auto}
.modal.open{display:flex}
.modal-panel{width:100%;max-width:calc(760px * var(--kc,1));background:var(--blanco);border-radius:var(--r-lg);
  position:relative;margin-bottom:4vh;box-shadow:var(--sh-lg)}
.test-modal .modal-panel{max-width:calc(680px * var(--kc,1))}
.test-modal-inner{padding:2rem 1.8rem}
.modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:1px solid var(--linea);
  border-radius:50%;background:var(--blanco);cursor:pointer;z-index:2}
.modal-close:hover{background:var(--gris-2)}
.modal-hero{min-height:9.375rem;padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end;
  gap:.2rem;background:linear-gradient(150deg,#EFEBE3,#D6CEC2);border-radius:var(--r-lg) var(--r-lg) 0 0}
.modal-hero .m-status{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--verde-hondo)}
.modal-hero h3{font-family:var(--serif);font-weight:800;font-size:1.9rem;color:var(--tinta)}
.modal-hero .m-loc{font-size:.84rem;color:var(--texto-2)}
.modal-body{padding:1.8rem}
.modal-body h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--verde-hondo);margin:1.6rem 0 .7rem;font-family:var(--sans)}
.modal-body h4:first-child{margin-top:0}
.modal-body p{color:var(--texto-2);font-size:.95rem;line-height:1.7}
.data-list{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}
.data-list .d{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;font-size:.92rem;
  border-bottom:1px solid var(--linea)}
.data-list .d .k{color:var(--texto-3)}
.data-list .d .v{color:var(--tinta);font-weight:600;text-align:right}
.m-return{border-radius:var(--r-sm);padding:1rem;background:var(--verde-suave)}
.m-return .d{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}
.m-return .d .k{color:var(--texto-2)}
.m-return .d .v{color:var(--verde-hondo);font-weight:700}
.m-return p{margin-top:.6rem;font-size:.92rem;color:var(--texto-2)}
.destino{display:flex;flex-direction:column;gap:.4rem}
.destino li{position:relative;padding-left:1.4rem;color:var(--texto-2);font-size:.94rem}
.destino li::before{content:"";position:absolute;left:0;top:.6em;width:0.375rem;height:0.375rem;border-radius:50%;background:var(--verde)}
.gate-note{margin-top:.9rem;font-size:.84rem;color:var(--texto-3);text-align:center}
.gate-note.show{color:var(--verde-hondo);font-weight:600}

/* ---------- footer ---------- */
.footer{background:#070605;color:#D8D2CB;padding-block:3rem 2rem;
  border-top:1px solid rgba(247,245,241,.09)}
/* sobre negro el naranja de marca no se lee: usamos el tono claro */
.footer .brand-name em,.foot-links a{color:#E08254}
.footer .brand-name{color:#F7F5F1}
.footer .container{max-width:var(--maxw)}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;align-items:center}
.brand--foot{display:flex;align-items:center;gap:0.625rem}
.brand--foot .brand-name{color:#fff}

.foot-tag{font-size:.85rem;color:#A79F96;max-width:calc(46ch * var(--k,1))}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;
  padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;color:#A79F96}
.foot-links{display:flex;gap:1.4rem;flex-wrap:wrap}
.foot-links a:hover{color:#fff}
.disclaimer{margin-top:1.6rem;max-width:calc(90ch * var(--k,1));font-size:.74rem;line-height:1.7;color:#8A827A}

/* ---------- página interna ---------- */
.page-head{background:var(--gris);padding-block:clamp(2.4rem,5vw,4rem);border-bottom:1px solid var(--linea)}
.page-head h1{font-size:var(--t-display);font-weight:800}
.page-head .lead{margin-top:.9rem}
.reveal,[data-reveal]{will-change:opacity,transform}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .projects,.testi-videos,.reviews,.team,.steps,.ideas{grid-template-columns:1fr 1fr}
  .hero-stats,.stats{grid-template-columns:repeat(3,1fr);gap:1.4rem 1rem}
}
@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr}
  .compare{grid-template-columns:1fr}
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:calc(100% + 0.625rem);left:0;right:0;background:#171310;
    flex-direction:column;gap:0;padding:.6rem 0;border-radius:1.375rem;box-shadow:var(--sh-md)}
  .nav-links.open a{padding:.9rem 1.5rem;color:#E7E1DA}
  /* en movil el desplegable se abre dentro del propio menu */
  .nav-links.open .nav-drop{position:static}
  .nav-links.open .nav-droptop{width:100%;justify-content:space-between;padding:.9rem 1.5rem;color:#E7E1DA}
  .nav-links.open .nav-menu{position:static;width:auto;opacity:1;visibility:visible;transform:none;
    background:transparent;border:0;box-shadow:none;padding:0 1.5rem .4rem;
    max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
  .nav-links.open .nav-drop[data-abierto] .nav-menu{max-height:16.25rem}
  .nav-links.open .nav-menu a{padding:.7rem .9rem;background:rgba(247,245,241,.05);margin-bottom:.4rem}
  /* en movil: [logo] [solicitar acceso] burger, y Login dentro del menu */
  .nav-cta .nav-login{display:none}
  .nav-solo-movil{display:block}
  .nav-cta .btn-sm{padding:.55rem .95rem;font-size:.85rem}
  .nav-cta .btn-green::after{width:1.35em;height:1.35em;margin-left:.3rem}
  .nav-links.open a.on::after{display:none}
  .nav-inner{position:relative}
  .nav-burger{display:flex}
}
@media(max-width:540px){
  .brand-name{display:none}
  .nav-inner{padding-inline:1rem .75rem;gap:.5rem}
}
@media(max-width:680px){
  .projects,.testi-videos,.reviews,.team,.steps,.ideas,.oficinas,.data-list{grid-template-columns:1fr}
  .hero-stats,.stats{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* ---------- filtros de la pagina de proyectos ---------- */
.filtros{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.4rem}
.filtro{border:1px solid var(--linea);background:var(--blanco);color:var(--texto-2);
  border-radius:var(--pill);padding:.6rem 1.15rem;font-size:.9rem;font-weight:600;cursor:pointer;
  transition:all .2s var(--ease)}
.filtro:hover{border-color:var(--tinta);color:var(--tinta)}
.filtro.on{background:var(--tinta);border-color:var(--tinta);color:#F7F5F1}
.filtro-nota{max-width:calc(70ch * var(--k,1));margin:0 auto 2.2rem;text-align:center}
.filtro-nota h3{font-family:var(--serif);font-size:1.4rem;font-weight:800;color:var(--tinta)}
.filtro-nota .sub{font-size:.95rem;font-weight:700;color:var(--verde-hondo);margin-top:.2rem}
.filtro-nota p{font-size:.95rem;color:var(--texto-2);line-height:1.7;margin-top:.5rem}
.sin-proyectos{grid-column:1/-1;text-align:center;color:var(--texto-2);padding:2.5rem 0}
.projects-more{display:flex;justify-content:center;margin-top:2.4rem}

/* ---------- ficha de detalle del proyecto ---------- */
.proj-modal .modal-panel{max-width:calc(1080px * var(--kc,1))}
.fc{padding:1.9rem}
.fc-top{display:grid;grid-template-columns:1fr 1.15fr;gap:1.8rem;align-items:start}
.fc-intro .proj-badge{position:static;margin-bottom:.9rem}
.fc-intro h3{font-family:var(--serif);font-size:var(--t-display);font-weight:800;color:var(--tinta);line-height:1.1}
.fc-sub{font-size:1.05rem;color:var(--texto-2);margin-top:.35rem}
.fc-q{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-hondo);
  margin:1.3rem 0 .6rem;padding-top:1.1rem;border-top:1px solid var(--linea)}
.fc-intro p{font-size:.92rem;line-height:1.7;color:var(--texto-2)}
.fc-intro p + p{margin-top:.7rem}
.fc-foto{position:relative;aspect-ratio:16/10;border-radius:var(--r);display:grid;place-items:center;
  background:linear-gradient(150deg,#EFEBE3,#D6CEC2);font-size:.7rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--texto-3)}
.fc-cont{position:absolute;right:.8rem;bottom:.8rem;background:rgba(23,19,16,.7);color:#fff;
  border-radius:var(--pill);padding:.25rem .7rem;font-size:.72rem;letter-spacing:0}
.fc-minis{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.6rem}
.fc-mini{aspect-ratio:4/3;border-radius:0.625rem;background:linear-gradient(150deg,#EFEBE3,#D6CEC2);
  border:2px solid transparent}
.fc-mini.on{border-color:var(--est,var(--verde))}
.fc-mas{display:grid;place-items:center;background:var(--tinta);color:#F7F5F1;font-size:.66rem;font-weight:700;text-align:center}
.fc-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.5rem;align-items:start}
.fc-box{background:var(--gris);border-radius:var(--r);padding:1.2rem 1.3rem}
.fc-box h4{font-family:var(--serif);font-size:1.15rem;font-weight:800;color:var(--tinta);margin-bottom:.6rem}
.data-list--1{grid-template-columns:1fr}
.fc-aviso{margin-top:.8rem;background:var(--verde-suave);border-radius:var(--r-sm);padding:.7rem .85rem;
  font-size:.82rem;line-height:1.5;color:var(--texto-2)}
.fc-cols--fin{grid-template-columns:1.3fr 1fr}
.fc-fin .k{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3)}
.fc-fin-row{display:flex;align-items:center;gap:1.1rem;margin-top:.2rem}
.fc-fin-row strong{font-family:var(--serif);font-size:var(--t-num);font-weight:800;color:var(--tinta);white-space:nowrap}
.fc-fin-bar{flex:1;min-width:0}
.fc-doc{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.fc-doc strong{display:block;font-size:.95rem;color:var(--tinta)}
.fc-doc span{display:block;font-size:.8rem;color:var(--texto-3);margin-top:.15rem}
.fc-cal{margin-top:1.1rem}
.fc-hitos{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative;margin-top:1.4rem}
.fc-hitos::before{content:"";position:absolute;left:8%;right:8%;top:0.375rem;height:2px;background:var(--linea)}
.fc-hitos li{position:relative;text-align:center;display:flex;flex-direction:column;gap:.15rem}
.fc-punto{width:0.875rem;height:0.875rem;border-radius:50%;background:var(--blanco);border:2px solid var(--linea);
  margin:0 auto .6rem;position:relative;z-index:1}
.fc-hitos li.hecho .fc-punto{background:var(--est,var(--verde));border-color:var(--est,var(--verde))}
.fc-f{font-size:.8rem;font-weight:700;color:var(--tinta)}
.fc-t{font-size:.85rem;font-weight:700;color:var(--texto)}
.fc-s{font-size:.76rem;color:var(--texto-3);line-height:1.4}
.fc-res{margin-top:1.1rem;background:#EDF3EC;border-radius:var(--r);padding:1.3rem}
.fc-res h4{font-family:var(--serif);font-size:1.2rem;font-weight:800;color:var(--tinta);margin-bottom:.8rem}
.fc-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.fc-res-grid strong{display:block;font-family:var(--serif);font-size:1.5rem;font-weight:800;color:#1F6E3C}
.fc-res-grid span{display:block;font-size:.8rem;color:var(--texto-2);line-height:1.45;margin-top:.15rem}
.fc-cta{margin-top:1.5rem}
@media(max-width:900px){
  .fc-top,.fc-cols,.fc-cols--fin{grid-template-columns:1fr}
  .fc-hitos{grid-template-columns:1fr 1fr}
  .fc-hitos::before{display:none}
  .fc-res-grid{grid-template-columns:1fr 1fr}
  .fc{padding:1.3rem}
  .fc-fin-row{flex-direction:column;align-items:stretch;gap:.5rem}
}
@media(max-width:560px){.fc-hitos,.fc-res-grid{grid-template-columns:1fr}.filtros{gap:.45rem}.filtro{padding:.5rem .9rem;font-size:.84rem}}


/* ---------- El Club ---------- */
.club-intro p{font-size:1.05rem;line-height:1.75;color:var(--texto-2);max-width:calc(70ch * var(--k,1))}
.club-intro p + p{margin-top:.9rem}
.club-intro strong{color:var(--tinta)}
.lista-check{display:grid;gap:.75rem;margin-top:1.6rem}
.lista-check--2{grid-template-columns:1fr 1fr;gap:.75rem 2rem}
.lista-check li{display:flex;gap:.7rem;align-items:flex-start;font-size:.98rem;color:var(--texto-2);line-height:1.55}
.lista-check svg{width:1.1875rem;height:1.1875rem;color:var(--verde);flex:0 0 auto;margin-top:.15em}
.idea-t{display:block;font-family:var(--sans);font-size:.92rem;font-weight:500;line-height:1.6;
  color:var(--texto-2);margin-top:.5rem}
.cn-cierre{margin-top:1rem;font-family:var(--serif);font-size:1.15rem;font-weight:800;color:var(--tinta)}
.page-head .label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#fff;background:var(--verde);padding:.4rem .9rem;border-radius:var(--pill);margin-bottom:.9rem}
.page-head h1 em{font-style:normal;color:var(--verde)}
.cf-cta{display:flex;justify-content:center;margin-top:2.4rem}
@media(max-width:760px){.lista-check--2{grid-template-columns:1fr}}


/* ---------- huecos de fotografía ---------- */
.foto-slot{position:relative;overflow:hidden;background:linear-gradient(150deg,#EFEBE3,#D6CEC2);
  display:grid;place-items:center}
.foto-slot img{display:none;width:100%;height:100%;object-fit:cover}
.foto-slot.con-foto img{display:block}
.foto-slot.con-foto figcaption{display:none}
.foto-slot figcaption{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--texto-3);text-align:center;padding:.6rem}
.foto-equipo{aspect-ratio:16/7;border-radius:var(--r-lg);margin:0 0 2rem;box-shadow:var(--sh)}
.foto-persona{width:6.875rem;height:6.875rem;border-radius:50%;margin:0 0 1rem}

/* ---------- reseñas de Google ---------- */
.gmaps{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.6rem;align-items:center;margin-top:2.6rem;
  background:var(--blanco);border-radius:var(--r-lg);padding:1.6rem;box-shadow:var(--sh)}
.gmaps-txt h3{font-family:var(--serif);font-size:1.5rem;font-weight:800;color:var(--tinta)}
.gmaps-txt p{font-size:.95rem;color:var(--texto-2);line-height:1.7;margin:.6rem 0 1.2rem;max-width:calc(44ch * var(--k,1))}
.gmaps-map{position:relative;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--gris-2)}
.gmaps-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:820px){.gmaps{grid-template-columns:1fr}}


/* ================= Seguridad y transparencia ================= */
.seg-hero{background:radial-gradient(900px 400px at 75% -10%,rgba(194,90,54,.12),transparent 65%),var(--gris);
  padding-block:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem)}
.seg-hero .label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#fff;background:var(--verde);padding:.4rem .9rem;border-radius:var(--pill)}
.seg-hero h1{font-size:var(--t-display);font-weight:800;line-height:1.08;margin-top:1rem;max-width:calc(20ch * var(--k,1))}
.seg-hero h1 em{font-style:normal;color:var(--verde)}
.seg-hero .lead{max-width:calc(68ch * var(--k,1))}
.seg-hero .hero-act{margin-top:1.8rem}
.seg-aviso{margin-top:1.6rem;background:var(--verde-suave);border-left:4px solid var(--verde);
  border-radius:var(--r-sm);padding:.9rem 1.1rem;font-size:.92rem;line-height:1.6;color:var(--texto-2);max-width:calc(80ch * var(--k,1))}
.seg-nav{position:sticky;top:4.875rem;z-index:120;background:rgba(247,245,241,.94);
  backdrop-filter:blur(10px);border-block:1px solid var(--linea)}
.seg-nav-in{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.6rem 0}
.seg-nav-in::-webkit-scrollbar{display:none}
.seg-nav a{white-space:nowrap;font-size:.9rem;font-weight:600;color:var(--texto-2);
  padding:.5rem .9rem;border-radius:var(--pill);transition:all .2s}
.seg-nav a:hover{background:var(--gris-2);color:var(--tinta)}
.tarjetas{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:2.2rem}
.tarjetas--3{grid-template-columns:repeat(3,1fr)}
.tarjetas article{background:var(--blanco);border-radius:var(--r);padding:1.4rem 1.5rem;box-shadow:var(--sh)}
.tarjetas h4{font-family:var(--serif);font-size:1.15rem;font-weight:800;color:var(--tinta)}
.tarjetas p{font-size:.94rem;line-height:1.65;color:var(--texto-2);margin-top:.4rem}
.tarjetas--riesgo article{border-left:4px solid var(--verde)}
.seg-cierre{max-width:calc(76ch * var(--k,1));margin:2rem auto 0;text-align:center;font-size:1rem;line-height:1.7;color:var(--texto-2)}
.seg-nota{max-width:calc(76ch * var(--k,1));margin:1.4rem auto 0;text-align:center;font-size:.88rem;line-height:1.65;color:var(--texto-3)}
.flujo{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.6rem;margin-top:2.2rem;counter-reset:f}
.flujo li{flex:1 1 9.375rem;max-width:calc(230px * var(--kc,1));background:var(--blanco);border-radius:var(--r);padding:1rem;
  box-shadow:var(--sh);text-align:center;display:flex;align-items:center;justify-content:center;position:relative}
.flujo li + li::before{content:"";position:absolute;left:-.45rem;top:50%;width:.3rem;height:2px;background:var(--linea)}
.flujo span{font-size:.92rem;font-weight:700;color:var(--tinta);line-height:1.35}
.flujo small{display:block;font-weight:500;font-size:.8rem;color:var(--texto-2);margin-top:.3rem;line-height:1.45}
.flujo--vert li{flex:1 1 100%;max-width:calc(520px * var(--kc,1));margin-inline:auto}
.flujo--vert{flex-direction:column;align-items:center}
.flujo--ej li{flex:1 1 11.25rem}
.proceso{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.2rem;counter-reset:p}
.proceso li{background:var(--blanco);border-radius:var(--r);padding:1.2rem;box-shadow:var(--sh)}
.proceso .pn{display:block;font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--verde-hondo);margin-bottom:.5rem}
.proceso .pt{font-size:.98rem;font-weight:700;color:var(--tinta);line-height:1.3}
.proceso small{display:block;font-weight:500;font-size:.86rem;color:var(--texto-2);margin-top:.35rem;line-height:1.5}
.dataroom{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2rem}
.dataroom span{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-sm);
  padding:.9rem 1rem;font-size:.9rem;font-weight:600;color:var(--tinta);text-align:center}
.pendiente{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:#8A5A00;background:#FDF3D7;border:1px solid #F0DFA8;border-radius:var(--pill);padding:.18rem .6rem;margin-left:.3rem}
.ficha-gar{max-width:calc(760px * var(--kc,1));margin:2.2rem auto 0;background:var(--blanco);border-radius:var(--r);
  padding:1.6rem;box-shadow:var(--sh)}
.ficha-gar h4{font-family:var(--serif);font-size:1.2rem;font-weight:800;color:var(--tinta);margin-bottom:.8rem}
.ficha-gar p{font-size:.92rem;line-height:1.65;color:var(--texto-2);margin-top:1rem}
.seg-riesgos{background:var(--oscuro-2);color:#C9C1B9}
.seg-riesgos .big,.seg-riesgos .big em{color:#F7F5F1}
.seg-riesgos .big em{color:#E08254}
.seg-riesgos .lead,.seg-riesgos .seg-cierre{color:#ADA49B}
.seg-riesgos .tarjetas article{background:rgba(247,245,241,.05);border-left-color:#E08254;box-shadow:none}
.seg-riesgos .tarjetas h4{color:#F7F5F1}
.seg-riesgos .tarjetas p{color:#ADA49B}
.capital{max-width:calc(640px * var(--kc,1));margin:2.2rem auto 0;background:var(--blanco);border-radius:var(--r);padding:1.6rem;box-shadow:var(--sh)}
.cap-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.cap-row span{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-3)}
.cap-row strong{font-family:var(--serif);font-size:1.8rem;font-weight:800;color:var(--tinta)}
.cap-bar{display:flex;height:1.0rem;border-radius:var(--pill);overflow:hidden;margin:.9rem 0 .8rem;background:var(--gris-2)}
.cap-si{background:var(--verde)}
.cap-inv{background:var(--tinta)}
.cap-ley{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.9rem;color:var(--texto-2)}
.cap-ley i{display:inline-block;width:0.6875rem;height:0.6875rem;border-radius:0.1875rem;margin-right:.4rem}
.i-si{background:var(--verde)}
.i-inv{background:var(--tinta)}
.capital p{font-size:.88rem;color:var(--texto-3);line-height:1.6;margin-top:1rem}
.acc--grande .acc-btn{font-size:1.06rem}
.mock-area{max-width:calc(700px * var(--kc,1));margin:2.2rem auto 0;background:var(--blanco);border-radius:var(--r);padding:1.5rem;box-shadow:var(--sh)}
.ma-top{display:flex;align-items:center;gap:.8rem;justify-content:space-between}
.ma-top strong{font-family:var(--serif);font-size:1.25rem;font-weight:800;color:var(--tinta)}
.ma-est{font-size:.78rem;font-weight:700;color:#166534;background:#DCFCE7;border-radius:var(--pill);padding:.3rem .75rem}
.ma-datos{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin:1.1rem 0 .9rem}
.ma-datos span{display:block;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--texto-3)}
.ma-datos strong{display:block;font-size:1rem;color:var(--tinta);margin-top:.15rem}
.ma-hitos{display:flex;flex-direction:column;gap:.45rem;margin-top:1.1rem;font-size:.9rem;color:var(--texto-2)}
.ma-hitos li::before{content:"\2013  ";color:var(--texto-3)}
.ma-hitos li.hecho::before{content:"\2713  ";color:var(--verde)}
.ma-acc{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.ma-acc span{font-size:.84rem;font-weight:600;color:var(--verde-hondo);background:var(--verde-suave);
  border-radius:var(--pill);padding:.4rem .8rem}
.faq-busca{max-width:calc(520px * var(--kc,1));margin:2rem auto 1.2rem}
.faq-busca input{width:100%;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--pill);
  padding:.9rem 1.3rem;font-size:1rem;color:var(--texto)}
.faq-busca input:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px rgba(194,90,54,.14)}
.faq-vacio{text-align:center;color:var(--texto-2);margin:1.5rem 0}
.seg-ctas{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2rem}
@media(max-width:980px){.tarjetas--3,.proceso{grid-template-columns:repeat(2,1fr)}.dataroom{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.tarjetas,.tarjetas--3,.proceso{grid-template-columns:1fr}
  .dataroom{grid-template-columns:repeat(2,1fr)}
  .ma-datos{grid-template-columns:1fr 1fr}
  .seg-nav{top:4.375rem}}


/* =====================================================================
   MARCA 2026: referencias del cliente (Home, El Club, Proyectos, Nosotros)
   Va al final a propósito: reescribe el aspecto de los componentes de
   arriba sin tocar su estructura, que es la que usa app.js.
   ===================================================================== */

body{font-size:16px;color:var(--texto);background:var(--calido)}
::selection{background:rgba(156,122,79,.25)}

/* ---- tipografía: serif de titulares, palabra destacada en dorado ---- */
h1,h2,h3,h4,.big,.hero-title{font-family:var(--serif);font-weight:500;letter-spacing:-.018em;color:var(--noche)}
.hero-title{font-size:var(--t-display);line-height:1.04;max-width:calc(15ch * var(--k,1))}
.big{font-size:var(--t-h2);line-height:1.06;color:var(--noche)}
.big em,.hero-title em,.page-head h1 em,.seg-hero h1 em{font-style:normal;color:var(--dorado)}
.lead,.hero-lead,.club-sub{color:var(--texto-2)}
.tm{font-family:var(--sans)}

/* ---- rótulo de sección: versalitas doradas con su raya ---- */
.sec-head .label,.hero-meta,.page-head .label,.seg-hero .label{
  display:inline-flex;align-items:center;gap:1rem;background:none;padding:0;border-radius:0;
  font-family:var(--sans);font-size:.76rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--dorado)}
.sec-head .label::after,.hero-meta::after,.page-head .label::after,.seg-hero .label::after{
  content:"";width:2.875rem;height:1px;background:currentColor;opacity:.75}
.sec-head--center .label::before{content:"";width:2.875rem;height:1px;background:currentColor;opacity:.75}
.hero-meta::before{display:none}

/* ---- navegación clara a todo lo ancho ---- */
.nav{padding:0;background:rgba(247,244,239,.94);backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--linea)}
.nav-inner{height:4.5rem;max-width:var(--maxw);padding-inline:var(--gutter);background:transparent;
  border-radius:0;box-shadow:none}
.brand-mark{width:2.0rem;height:2.0rem}
.nav .brand-mark{content:url("logo-mark.svg")}
.brand-name{font-family:var(--serif);font-weight:500;font-size:1.42rem;letter-spacing:-.01em;color:var(--noche)}
.nav .brand-name{color:var(--noche)}
.brand-name em{color:var(--dorado)}
.nav-links{gap:2.1rem}
.nav-links a,.nav-droptop,.nav-login{font-family:var(--sans);font-size:.93rem;font-weight:500;color:#4A5260}
.nav-links a:hover,.nav-login:hover,.nav-drop:hover .nav-droptop,.nav-drop:focus-within .nav-droptop{color:var(--noche)}
.nav-links a.on,.nav-drop--on .nav-droptop{color:var(--noche)}
.nav-links a.on::after,.nav-drop--on .nav-droptop::after{bottom:-0.625rem;height:2px;background:var(--dorado)}
.nav-menu{background:var(--blanco);border:1px solid var(--linea);box-shadow:var(--sh-lg)}
.nav-menu a:hover{background:var(--calido)}
.nav-menu strong{color:var(--noche);font-family:var(--serif);font-weight:500;font-size:1.05rem}
.nav-menu span{color:var(--texto-2)}
.nav-burger{border-color:rgba(14,36,55,.25)}
.nav-burger span,.nav-burger span::before,.nav-burger span::after{background:var(--noche)}

/* ---- botones: pastilla dorada con la flecha en su círculo ---- */
.btn{font-family:var(--sans);font-weight:500;border-color:var(--linea);color:var(--noche);background:var(--blanco)}
.btn:hover{border-color:var(--dorado);color:var(--noche)}
.btn-green{background:linear-gradient(180deg,#A8865A,#93724A);border:0;color:#fff;
  box-shadow:0 12px 26px -14px rgba(156,122,79,.75)}
.btn-green:hover{background:linear-gradient(180deg,#9C7A4F,#85663F);color:#fff}
.btn-ghost{background:transparent;border-color:rgba(14,36,55,.28);color:var(--noche)}
.btn-ghost:hover{background:rgba(14,36,55,.05);border-color:var(--noche)}
.link-u{color:var(--dorado)}

/* ---- secciones claras y oscuras ---- */
.section-projects,.section-trust,.section-faq{background:var(--calido)}
.section-testi,.section-cta{background:var(--calido)}
.band-stats{background:var(--blanco);border-color:var(--linea)}
.section-club,.seg-riesgos{color:#C3CCD6;
  background:radial-gradient(900px 480px at 85% 0%,rgba(46,75,99,.55),transparent 70%),
    linear-gradient(165deg,#0E2437 0%,#122E46 55%,#0E2437 100%)}
.section-club h1,.section-club h2,.section-club h3,.section-club h4,.section-club .big,
.seg-riesgos .big{color:#fff}
.section-club .big em,.seg-riesgos .big em{color:var(--dorado-claro)}
.section-club .lead,.section-club .club-sub,.seg-riesgos .lead,.seg-riesgos .seg-cierre{color:#B7C2CE}
.section-club .sec-head .label,.seg-riesgos .label{color:var(--dorado-claro);background:none}

/* tres ideas: tarjetas con el icono en un círculo dorado */
.ideas{gap:1.1rem}
.ideas li{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:center;border-radius:1.0rem;
  padding:1.5rem 1.4rem;background:var(--blanco);box-shadow:var(--sh)}
.idea-n{display:grid;place-items:center;width:3.875rem;height:3.875rem;margin:0;border-radius:50%;
  font-family:var(--serif);font-size:1.15rem;font-weight:500;letter-spacing:0;color:#fff;
  background:radial-gradient(circle at 35% 30%,#D9A56F,#A97A47 70%);box-shadow:0 10px 22px -10px rgba(169,122,71,.8)}
.idea-n svg{width:1.75rem;height:1.75rem}
.ideas p{font-family:var(--sans);font-size:1.08rem;font-weight:600;line-height:1.35;color:var(--noche)}
.ideas p em,.ideas .idea-t{font-style:normal;color:var(--dorado);font-weight:600}
.section-club .ideas li{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);
  box-shadow:none;backdrop-filter:blur(6px)}
.section-club .ideas p{color:#fff}
.section-club .ideas p em,.section-club .ideas .idea-t{color:var(--dorado-claro)}

/* comparativa: "por tu cuenta" apagada e inclinada, "con Smart Investors" en crema */
.compare{gap:1.6rem;align-items:center}
.compare-col{border-radius:1.125rem}
.compare-col--prob{background:#ECE8E2;transform:rotate(-2.2deg);box-shadow:var(--sh)}
.compare-col--prob .compare-h{color:#7D8590}
.compare-col--prob li{color:#7D8590}
.compare-col--sol{background:#FCF6EE;outline:0;border:1.5px solid #D8A46C;
  box-shadow:0 0 0 5px rgba(216,164,108,.14),0 30px 60px -26px rgba(156,122,79,.55)}
.compare-h{font-family:var(--serif);font-weight:500;font-size:var(--t-h2s)}
.compare-col--sol .compare-h{color:var(--dorado)}
.compare-list{gap:0}
.compare-list li{padding:.62rem 0;border-bottom:1px solid rgba(14,36,55,.08);grid-template-columns:1.6rem 1fr;gap:.9rem}
.compare-list li:last-child{border-bottom:0}
.compare-list li::before{width:1.6rem;height:1.6rem;margin-top:0;background-size:.8rem}
.compare-col--prob li::before{background-color:#D5D1CB;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.compare-col--sol li{color:var(--carbon)}
.compare-col--sol li::before{background-color:#E2B583;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2437' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.section-club .compare-col--prob{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 26px 50px -24px rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.section-club .compare-col--prob .compare-h{color:#D4DBE3}
.section-club .compare-col--prob li{color:#C3CCD6;border-color:rgba(255,255,255,.08)}
.section-club .compare-col--prob li::before{background-color:rgba(255,255,255,.14)}
.section-club .compare-col--sol .compare-h{color:var(--noche)}
.compare-note{background:var(--blanco);border-radius:1.125rem}
.compare-note .cn-k{color:var(--dorado)}
.compare-note p{font-weight:500}
.section-club .compare-note{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);box-shadow:none}
.section-club .compare-note p,.section-club .cn-cierre{color:#fff}
.section-club .compare-note .cn-k{color:var(--dorado-claro)}

/* ---- cómo funciona: seis pasos en tarjetas crema ---- */
.section-process{background:var(--calido);color:var(--texto)}
.section-process h1,.section-process h2,.section-process h3,.section-process h4,.section-process .big{color:var(--noche)}
.section-process .lead{color:var(--texto-2)}
.section-process .big em{color:var(--dorado)}
.section-process .sec-head .label{color:var(--dorado)}
.steps{gap:1.4rem 2.6rem}
.step{position:relative;background:rgba(255,255,255,.62);border:1px solid #ECE4D7;border-radius:1.125rem;
  padding:1.5rem 1.5rem 1.6rem;box-shadow:0 16px 36px -24px rgba(14,36,55,.22)}
.section-process .step{box-shadow:0 16px 36px -24px rgba(14,36,55,.22)}
.step-n{display:grid;place-items:center;width:3.125rem;height:3.125rem;padding:0;margin-bottom:1rem;border-radius:50%;
  font-family:var(--sans);font-size:1.02rem;font-weight:600;color:var(--noche);background:#F2E2CF}
.steps .step:nth-child(3n+2) .step-n{background:#DDE4EA}
.steps .step:nth-child(3n) .step-n{background:#E0E5E1}
.step h4{font-family:var(--serif);font-weight:500;font-size:1.5rem;letter-spacing:-.01em;color:var(--noche)}
.step p{font-size:.98rem;color:var(--texto-2)}
/* la flecha dorada entre tarjetas */
.steps .step:not(:nth-child(3n))::after{content:"";position:absolute;top:50%;right:-2.05rem;width:1.5rem;height:1.5rem;
  transform:translateY(-50%);background:center/contain no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C7A4F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17M14 6l6 6-6 6'/%3E%3C/svg%3E")}

/* ---- llamada al test ---- */
.section-cta{position:relative;overflow:hidden;padding-block:var(--s-section);
  background:radial-gradient(700px 360px at 12% 30%,rgba(156,122,79,.10),transparent 70%),
    radial-gradient(640px 340px at 92% 80%,rgba(46,75,99,.08),transparent 70%),var(--calido)}
.cta-emblem{display:none}
.section-cta .big{max-width:calc(20ch * var(--k,1))}
.section-cta .big em{display:block}
.section-cta .btn-green{padding:1.05rem .7rem 1.05rem 2rem;font-size:1.08rem}

/* ---- tarjetas de proyecto (Proyectos 1) ---- */
.projects{gap:1.5rem}
.proj-card{border-radius:1.0rem;background:#FBF9F5;border:1px solid #EEE7DB;box-shadow:0 18px 40px -26px rgba(14,36,55,.3)}
.proj-photo{aspect-ratio:16/8.2;padding:0;background:linear-gradient(150deg,#D9D2C6,#B9AF9F 55%,#9E9483)}
.proj-ph{color:rgba(255,255,255,.85)}
.proj-badge{top:.9rem;left:.9rem;right:auto;font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:0;
  padding:.36rem .8rem;box-shadow:none}
.proj-badge i{background:#fff}
.e-ultimas .proj-badge i{background:#3B2A05}
.proj-fav{position:absolute;top:.75rem;right:.75rem;z-index:2;width:2.125rem;height:2.125rem;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.9);background:rgba(14,36,55,.12);display:grid;place-items:center;
  color:#fff;cursor:pointer;transition:background .2s}
.proj-fav svg{width:1.0rem;height:1.0rem}
.proj-fav[aria-pressed="true"]{background:#fff;color:#C2410C}
.proj-info{margin-top:0;border-radius:0;background:transparent;padding:1.3rem 1.25rem 1.25rem;gap:.7rem}
.proj-info::before{display:none}
.proj-info .p-name{font-family:var(--serif);font-weight:500;font-size:1.6rem;text-transform:none;letter-spacing:-.01em;color:var(--noche)}
.proj-info .p-type{margin-top:-.4rem}
.p-cap{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.p-cap .v{font-family:var(--sans);font-size:1.55rem;font-weight:700;letter-spacing:-.01em;color:var(--noche)}
.p-cap .pct{font-size:.92rem;font-weight:700;color:var(--noche)}
.pi-cell .k{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.12em;color:var(--texto-2)}
.fin-bar{height:0.3125rem;margin:.1rem 0 .45rem;background:#E7E1D7}
.fin-left{color:var(--texto-2);line-height:1.45}
.fin-line{font-size:.86rem;color:var(--texto-2)}
.proj-grid2{grid-template-columns:1fr 1fr;gap:0;padding-top:.85rem;border-top:1px solid var(--linea)}
.proj-grid2 .pi-cell + .pi-cell{border-left:1px solid var(--linea);padding-left:1.1rem}
.pi-cell .v{font-family:var(--sans);font-weight:600;font-size:1.15rem;color:var(--noche)}
.pi-cell .v.green{font-size:1.35rem;font-weight:600;color:var(--dorado)}
.pi-note{font-size:.78rem;color:var(--texto-2);line-height:1.35;margin-top:.15rem}
.proj-cta{margin-top:.35rem;width:100%}
/* los cinco estados, con los colores de la referencia */
.e-reserva{--est:#2F6BE9}
.e-abierta{--est:#1F8A4C}
.e-ultimas{--est:#F2B705}
.e-marcha{--est:#B4642A}
.e-terminado{--est:#14304A}
.e-ultimas .proj-badge,.e-ultimas .fin-bar span{background:#F2B705}

/* barra de búsqueda y filtros de Proyectos */
.proj-tools{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin-bottom:1.1rem}
.proj-search{position:relative}
.proj-search input{width:100%;height:3.375rem;border:1px solid var(--linea);border-radius:var(--pill);background:var(--blanco);
  padding:0 1.3rem 0 3.1rem;font-size:.95rem;color:var(--texto);box-shadow:0 10px 24px -20px rgba(14,36,55,.4)}
.proj-search input:focus{outline:none;border-color:var(--dorado)}
.proj-search svg{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--texto-2)}
.proj-filtros-btn{display:inline-flex;align-items:center;gap:.55rem;height:3.375rem;padding:0 1.4rem;border:1px solid var(--linea);
  border-radius:var(--pill);background:var(--blanco);font-weight:500;color:var(--noche);cursor:pointer}
.proj-filtros-btn svg{width:1.125rem;height:1.125rem}
.proj-filtros-panel{display:none;grid-column:1/-1;gap:1rem;flex-wrap:wrap;background:var(--blanco);border:1px solid var(--linea);
  border-radius:1.0rem;padding:1rem 1.2rem}
.proj-filtros-panel.open{display:flex}
.proj-filtros-panel label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--texto-2)}
.proj-filtros-panel select,.proj-orden select{height:2.75rem;border:1px solid var(--linea);border-radius:var(--pill);background:var(--blanco);
  padding:0 2.2rem 0 1rem;font-size:.9rem;font-weight:600;color:var(--noche);text-transform:none;letter-spacing:0}
.proj-chips{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}
.filtros{justify-content:flex-start;margin:0;gap:.5rem}
.filtro{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;padding:.62rem 1rem;
  background:var(--blanco);border-color:var(--linea);color:var(--texto)}
.filtro i{width:0.5625rem;height:0.5625rem;border-radius:50%;background:var(--est,#94A3B8)}
.filtro.on{background:var(--noche);border-color:var(--noche);color:#fff}
.filtro.on i{background:#fff}
.filtro svg{width:0.875rem;height:0.875rem}
.proj-orden{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--texto-2)}
@media(max-width:700px){.proj-tools{grid-template-columns:1fr}.proj-chips{flex-direction:column;align-items:stretch}}

/* ---- ficha de proyecto (Proyectos 2) ---- */
.proj-modal .modal-panel{background:var(--calido);border-radius:1.375rem}
.modal{background:rgba(14,36,55,.55)}
.modal-close{background:var(--blanco);border-color:var(--linea)}
.fc-intro .proj-badge{background:color-mix(in srgb,var(--est) 16%,#fff);color:var(--noche)}
.fc-intro .proj-badge i{background:var(--est)}
.fc-intro h3{font-weight:500;font-size:var(--t-display);color:var(--noche)}
.fc-q{color:var(--dorado);border-color:var(--linea)}
.fc-foto{border-radius:1.0rem;background:linear-gradient(150deg,#D9D2C6,#B9AF9F 55%,#9E9483);color:rgba(255,255,255,.85)}
.fc-mini{background:linear-gradient(150deg,#D9D2C6,#B9AF9F)}
.fc-mas{background:#2A2F35}
.fc-box{background:#FBF9F5;border:1px solid #EEE7DB;border-radius:1.0rem;padding:1.3rem 1.4rem}
.fc-box h4{font-family:var(--serif);font-weight:500;font-size:1.45rem;color:var(--noche);margin-bottom:.8rem}
.data-list .d{align-items:center;padding:.62rem 0}
.data-list .d .k{display:flex;align-items:center;gap:.75rem;color:var(--texto-2)}
.data-list .d .k svg{width:1.25rem;height:1.25rem;color:var(--noche);flex:0 0 auto}
.data-list .d .v{font-weight:600;color:var(--noche)}
.fc-aviso{background:#EFE6D8;color:var(--texto-2)}
.fc-fin .k{font-family:var(--serif);font-size:1.45rem;font-weight:500;letter-spacing:-.01em;text-transform:none;color:var(--noche)}
.fc-fin-row strong{font-family:var(--sans);font-weight:700;color:var(--noche)}
.fc-hitos li .fc-punto{border:0;background:var(--h,#CBD5E1)}
.fc-hitos li:nth-child(1){--h:#2F6BE9}
.fc-hitos li:nth-child(2){--h:#1F8A4C}
.fc-hitos li:nth-child(3){--h:#EA8A1A}
.fc-hitos li:nth-child(4){--h:#E5484D}
.fc-hitos li:not(.hecho) .fc-punto{opacity:.45}
.fc-t{color:var(--noche)}
.fc-res{background:#EDF1EE}
.fc-res-grid strong{color:var(--salvia)}
.gate-note{display:flex;align-items:center;justify-content:center;gap:.5rem}

/* ---- cabeceras de página ---- */
.page-head{background:var(--calido);border-bottom:0;padding-block:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem)}
.page-head h1{font-weight:500;font-size:var(--t-display);line-height:1.05;max-width:calc(18ch * var(--k,1))}
.page-head--dark{position:relative;overflow:hidden;color:#C3CCD6;
  background:radial-gradient(800px 420px at 90% 10%,rgba(214,160,106,.16),transparent 65%),
    linear-gradient(120deg,#0E2437 0%,#11304A 60%,#173A57 100%)}
.page-head--dark h1{color:#fff}
.page-head--dark h1 em{color:var(--dorado-claro)}
.page-head--dark .lead{color:#D2DAE2}
.page-head--dark .label{color:var(--dorado-claro)}

/* ---- tarjetas genéricas, acordeón, equipo y oficinas ---- */
.team-card,.oficina,.acc-item,.review,.vcard,.tarjetas article,.proceso li,.flujo li,.capital,.mock-area,.ficha-gar,.gmaps{
  background:#FBF9F5;border:1px solid #EEE7DB;box-shadow:0 16px 36px -26px rgba(14,36,55,.28)}
.team-card .role{color:var(--dorado);letter-spacing:.14em;font-weight:600}
.team-card h4,.of-t,.acc-btn,.vquote,.gmaps-txt h3,.tarjetas h4,.ficha-gar h4,.ma-top strong{font-weight:500}
.team-card h4{font-size:1.75rem}
.acc-btn{font-family:var(--sans);font-weight:600;color:var(--noche)}
.acc-item.open{outline:0;border-color:#D8A46C;box-shadow:0 0 0 4px rgba(216,164,108,.12),0 20px 40px -24px rgba(156,122,79,.45)}
.acc-ico{border-color:var(--linea)}
.acc-item.open .acc-ico{background:var(--dorado);border-color:var(--dorado)}
.philosophy{background:#F2E7D7;border-left-color:var(--dorado)}
.stats .num,.hero-stats .hs-n{font-family:var(--sans);font-weight:700;color:var(--dorado)}
.hero-stats li::after{background:linear-gradient(to right,var(--dorado) 0 68%,rgba(14,36,55,.1) 68%)}
.hero-stats li{background:#FBF9F5;border:1px solid #EEE7DB;box-shadow:none}
.hero{background:radial-gradient(900px 420px at 85% -10%,rgba(156,122,79,.10),transparent 65%),var(--calido)}
.hero-visual{background:linear-gradient(150deg,#1A3A55,#0E2437)}
.hv-ph{color:rgba(255,255,255,.75)}
.foto-slot{background:linear-gradient(150deg,#D9D2C6,#B9AF9F 55%,#9E9483)}
.foto-slot figcaption{color:rgba(255,255,255,.85)}
.foto-persona{width:100%;height:auto;aspect-ratio:4/3.1;border-radius:0.875rem}
.of-t svg,.of-datos svg,.lista-check svg,.hero-keys svg{color:var(--dorado)}
.wa{border-color:var(--dorado);color:var(--dorado)}
.seg-nav{background:rgba(247,244,239,.94)}
.seg-hero{background:radial-gradient(900px 400px at 75% -10%,rgba(156,122,79,.12),transparent 65%),var(--calido)}
.seg-riesgos .tarjetas article{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--dorado-claro)}
.test-modal .modal-panel{background:var(--calido)}
.opt input:checked+span{background:#F2E7D7;border-color:var(--dorado)}
.test-ok{background:radial-gradient(circle at 35% 30%,#D9A56F,#9C7A4F 70%)}
.faq-busca input:focus{box-shadow:0 0 0 3px rgba(156,122,79,.16)}

/* ---- pie azul noche ---- */
.footer{color:#C9D2DC;border-top:0;padding-block:3.2rem 2.4rem;
  background:radial-gradient(800px 380px at 90% 0%,rgba(46,75,99,.45),transparent 70%),linear-gradient(180deg,#17344D,#0E2437)}
.footer .brand-name{color:#fff}
.footer .brand-name em{color:var(--dorado-claro)}
.foot-top{align-items:flex-start;padding-bottom:1.6rem}
.foot-claim{text-align:right}
.foot-tag{color:#D7DEE5;font-size:.92rem;max-width:none}
.foot-ext{display:inline-block;margin-top:.45rem;color:#fff;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.foot-ext:hover{color:var(--dorado-claro)}
.foot-row{margin-top:0;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.16);align-items:flex-start;gap:2rem}
.foot-legal{max-width:calc(62ch * var(--k,1))}
.foot-copy{display:block;color:#fff;font-size:.9rem}
.disclaimer{margin-top:.8rem;font-size:.82rem;line-height:1.65;color:#9FADBB;font-family:var(--sans)}
.foot-links{gap:1.6rem}
.footer .foot-links a{color:var(--dorado-claro);font-size:.9rem}
.footer .foot-links a:hover{color:#fff}
@media(max-width:760px){.foot-claim{text-align:left}.foot-row{flex-direction:column}}

/* ---- móvil ---- */
@media(max-width:1000px){.steps{gap:1.2rem}.steps .step::after{display:none}}
@media(max-width:860px){
  .nav-links.open{background:var(--blanco);border:1px solid var(--linea)}
  .nav-links.open a,.nav-links.open .nav-droptop{color:var(--noche)}
  .nav-links.open .nav-menu a{background:var(--calido)}
  .compare-col--prob{transform:none}
}

/* utilidades y cabecera partida (Proyectos) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gate-note svg{width:1.0rem;height:1.0rem;flex:0 0 auto}
.page-head--split{padding-block:clamp(2.6rem,5vw,4rem) clamp(1.6rem,3vw,2.4rem);overflow:hidden}
.ph-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
.ph-foto{min-height:16.25rem;border-radius:var(--r-lg) 0 0 var(--r-lg);margin-right:calc(50% - 50vw)}
.page-head .lead{max-width:calc(56ch * var(--k,1))}
.section-projects--lista{padding-top:1.2rem}
.filtro-nota{text-align:left;margin:0 0 1.6rem;max-width:calc(80ch * var(--k,1))}
.filtro-nota:empty{display:none}
.filtro-nota h3{font-family:var(--serif);font-weight:500;font-size:1.5rem;color:var(--noche)}
@media(max-width:860px){.ph-grid{grid-template-columns:1fr}.ph-foto{margin-right:0;border-radius:var(--r-lg);min-height:12.5rem}}

/* titulares grandes de las secciones de la home */
.big--xl{font-size:var(--t-h2);line-height:1.02;max-width:calc(18ch * var(--k,1))}
.section-club .big--xl{max-width:calc(20ch * var(--k,1))}
.cta-sub{font-size:1.25rem;color:var(--carbon);margin-top:-.4rem}
.section-cta .lead{color:var(--texto-2);font-size:1.12rem}
.section-cta .form-note{margin-top:1rem;font-size:.92rem;color:var(--texto-2)}
/* lista con título y subtítulo por punto ("Con Smart Investors") */
.compare-list--det li{align-items:center}
.compare-list--det li strong{display:block;font-weight:700;color:var(--noche);line-height:1.35}
.compare-list--det li span{display:block;font-size:.9rem;color:var(--texto-2);line-height:1.4;margin-top:.05rem}
/* icono de cada paso, arriba a la derecha */
.step-ico{position:absolute;top:1.25rem;right:1.25rem;display:grid;place-items:center;width:3.625rem;height:3.625rem;border-radius:50%;
  background:#F2E6D6;color:var(--dorado)}
.steps .step:nth-child(3n+2) .step-ico{background:#E3E8ED;color:var(--pizarra)}
.steps .step:nth-child(3n) .step-ico{background:#E5E9E6;color:var(--salvia)}
.step-ico svg{width:1.625rem;height:1.625rem}
.step h4{padding-right:4rem}
.cf-cta{margin-top:2.6rem}

/* ajustes tras revisar la home */
.compare-list--det li{grid-template-columns:1.6rem 1fr;grid-template-rows:auto auto;column-gap:.95rem;row-gap:0}
.compare-list--det li::before{grid-row:1/3;align-self:center}
.compare-list--det li strong,.compare-list--det li span{grid-column:2}
.section-club .big--xl{max-width:calc(24ch * var(--k,1))}
.proj-info{flex:1}
.proj-cta{margin-top:auto}
.proj-grid2{margin-bottom:.5rem}
.hero-act .btn-lg{padding-block:.9rem;font-size:1.02rem}
.section-process .sec-head .label,.section-club .sec-head .label{background:none;padding:0}
.section-process .big--xl{max-width:none;font-size:var(--t-h2)}
.section-cta .big{max-width:calc(28ch * var(--k,1));font-size:var(--t-h2)}
.page-head--split h1{max-width:calc(22ch * var(--k,1));font-size:var(--t-display)}
.proj-chips{flex-wrap:nowrap}
.proj-orden select{width:10.0rem}
@media(max-width:1180px){.proj-chips{flex-wrap:wrap}}
.filtros{flex-wrap:nowrap;gap:.4rem}
.filtro{padding:.55rem .85rem;font-size:.79rem;white-space:nowrap}
@media(max-width:1180px){.filtros{flex-wrap:wrap}}
/* ficha: ajustes tras compararla con la referencia */
.p-loc{display:flex;align-items:center;gap:.4rem}
.p-loc svg{width:1.0rem;height:1.0rem;flex:0 0 auto;color:var(--est,var(--dorado))}
.fc-intro .p-loc{margin-top:.9rem;font-size:.95rem;color:var(--texto-2)}
.fc-sub{font-size:1.28rem;line-height:1.35;color:var(--texto-2);max-width:calc(26ch * var(--k,1))}
.fc-q{font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.16em}
.btn-block{position:relative;justify-content:center}
.btn-block::after{position:absolute;right:.6rem;margin:0}
.fc-cta .btn-block{padding-block:1.05rem;font-size:1.15rem}
.fc-doc .btn{white-space:nowrap;padding:.6rem 1.1rem}
.fc-doc .btn svg{width:0.9375rem;height:0.9375rem}
.fc-hitos li:not(.hecho) .fc-punto{opacity:1}


/* ---------- El Club (referencias El Club 1 y 2) ---------- */
.club-hero{padding-block:clamp(3.4rem,7vw,6rem)}
.club-hero h1{font-size:var(--t-display);max-width:calc(12ch * var(--k,1))}
.club-hero .lead{font-size:1.35rem}
.ph-foto--dark{background:linear-gradient(150deg,#2A4A66,#183450 60%,#0F2A40)}
.ph-foto--dark figcaption{color:rgba(255,255,255,.6)}
.club-dos{display:grid;grid-template-columns:1.25fr .9fr;gap:3rem;align-items:start;margin-bottom:3rem}
.club-intro p{font-size:1.04rem;line-height:1.75;color:var(--texto-2)}
.club-intro strong{color:var(--noche);font-weight:700}
.club-res{border-left:1px solid var(--linea);padding-left:2.4rem}
.club-res-k{display:block;font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dorado)}
.club-res h2{font-size:var(--t-h2);line-height:1.18;margin-top:.7rem;padding-bottom:1.2rem;position:relative}
.club-res h2::after{content:"";position:absolute;left:0;bottom:0;width:2.875rem;height:1px;background:var(--dorado)}
.club-cifras{display:grid;grid-template-columns:repeat(3,auto);gap:0;margin-top:1.2rem}
.club-cifras li{padding-right:1.1rem;margin-right:1.1rem;border-right:1px solid var(--linea)}
.club-cifras li:last-child{border:0;margin:0;padding:0}
.club-cifras strong{display:block;font-family:var(--sans);font-size:1.75rem;font-weight:600;color:var(--dorado);line-height:1.1}
.club-cifras span{display:block;font-size:.88rem;line-height:1.4;color:var(--texto-2);margin-top:.3rem;max-width:calc(12ch * var(--k,1))}
.beneficios{background:#EFE6DA;border-radius:1.375rem;padding:clamp(1.6rem,3vw,2.2rem)}
.beneficios .big{margin-bottom:1.4rem}
.ben-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.ben-grid li{display:flex;gap:1.3rem;align-items:center;background:rgba(255,255,255,.55);border-radius:1.0rem;padding:1.1rem 1.3rem}
.ben-ico{flex:0 0 auto;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:50%;background:#F3E3D2;color:var(--dorado)}
.ben-ico svg{width:1.875rem;height:1.875rem}
.ben-grid h3{font-family:var(--serif);font-weight:500;font-size:1.32rem;color:var(--noche);line-height:1.2}
.ben-grid p{font-size:.98rem;line-height:1.45;color:var(--texto-2);margin-top:.15rem}
.club-alineados{background:radial-gradient(700px 420px at 92% 20%,rgba(214,160,106,.14),transparent 70%),
  linear-gradient(120deg,#0E2437 0%,#11304A 60%,#183B58 100%)}
.compare-list li b{color:var(--noche);font-weight:700}
.prioridad{background:linear-gradient(90deg,#F2E8DB,#EFE4D6);padding-block:clamp(2.6rem,5vw,3.6rem)}
.prioridad-in{display:flex;align-items:center;gap:2.4rem}
.prioridad-ico{position:relative;flex:0 0 auto;display:grid;place-items:center;width:6.5rem;height:6.5rem;border-radius:50%;
  background:#E7D3BD;color:var(--dorado)}
.prioridad-ico svg{width:3.25rem;height:3.25rem}
.prioridad-ico .prioridad-check{position:absolute;width:1.75rem;height:1.75rem}
.prioridad-k{display:block;font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dorado)}
.prioridad h2{font-size:var(--t-h2);line-height:1.12;margin-top:.4rem;max-width:calc(26ch * var(--k,1))}
.prioridad h2 em{font-style:normal;color:var(--dorado)}
.prioridad p{font-size:1.1rem;color:var(--texto-2);margin-top:.5rem}
@media(max-width:900px){.club-dos{grid-template-columns:1fr}.club-res{border:0;padding:0}.ben-grid{grid-template-columns:1fr}}
@media(max-width:600px){.prioridad-in{flex-direction:column;align-items:flex-start;gap:1.2rem}.club-cifras{grid-template-columns:1fr 1fr 1fr}}
.prioridad h2{max-width:calc(32ch * var(--k,1))}


/* ---------- Sobre nosotros (referencias Sobre Nosotros 1 y 2) ---------- */
.nos-hero{padding-block:clamp(3rem,6vw,4.6rem) 0}
.nos-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:end}
.nos-grid > div{padding-bottom:clamp(2.6rem,5vw,4rem)}
.nos-hero h1{font-size:var(--t-display);max-width:calc(13ch * var(--k,1))}
.nos-sub{font-family:var(--serif);font-size:var(--t-lead);line-height:1.25;color:#fff;margin:1.6rem 0 1.1rem;max-width:calc(26ch * var(--k,1))}
.nos-hero p:not(.nos-sub){color:#D6DEE6;font-size:1rem;line-height:1.7;max-width:calc(56ch * var(--k,1))}
.nos-hero p + p:not(.nos-sub){margin-top:.9rem}
.nos-foto{align-self:stretch;min-height:26.25rem;border-radius:var(--r-lg) var(--r-lg) 0 0;
  background:linear-gradient(150deg,#2A4A66,#183450 60%,#0F2A40)}
.nos-foto figcaption{color:rgba(255,255,255,.6)}
.nos-equipo{padding-top:clamp(2rem,4vw,3rem)}
.team{margin-top:0;gap:1.2rem}
.team-card{padding:1.2rem 1.2rem 1.6rem;border-radius:1.125rem}
.team-card .foto-persona{margin-bottom:1.3rem}
.team-card .role{font-size:.72rem;line-height:1.6}
.team-card .sub{font-size:.95rem;margin-bottom:0;padding-bottom:1.1rem;position:relative}
.team-card .sub::after{content:"";position:absolute;left:0;bottom:0;width:2.875rem;height:1.5px;background:var(--dorado)}
.team-card p:last-child{margin-top:1.1rem;font-size:.98rem;line-height:1.65}
.nos-detras{background:linear-gradient(180deg,var(--calido),#F1EBE2);padding-top:clamp(1rem,2vw,2rem)}
.acc-btn--grande{align-items:flex-start;padding-block:1.5rem 1rem}
.acc-btn--grande span:first-child{font-family:var(--serif);font-weight:500;font-size:var(--t-h3);color:var(--noche);line-height:1.15}
.acc-btn--grande small{display:block;font-family:var(--sans);font-size:.88rem;font-weight:400;color:var(--texto-2);margin-bottom:.4rem}
.acc-panel-in{max-width:none}
.acc-panel-in p{font-size:1rem;color:var(--carbon)}
.acc-panel-in .acc-accent{color:var(--dorado)}
.nos-visitar{margin-top:1.4rem;border:1.5px solid var(--dorado);background:transparent;color:var(--noche);font-weight:600}
.nos-visitar svg{width:1.125rem;height:1.125rem}
.nos-exp-t{font-family:var(--serif);font-weight:500;font-size:1.5rem;color:var(--noche);
  margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--linea)}
.nos-exp{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2.4rem;margin-top:1rem}
.acc-panel-in .nos-exp li{display:flex;gap:.7rem;align-items:flex-start;padding:0;font-size:1rem;color:var(--carbon)}
.acc-panel-in .nos-exp li::before{display:none}
.nos-exp li svg{width:1.25rem;height:1.25rem;flex:0 0 auto;color:#A98154;margin-top:.15rem}
.nos-exp b{color:var(--noche)}
.nos-contacto-k{margin-top:2.6rem}
.nos-contacto-k .label{font-size:.72rem}
.oficinas{margin-top:.6rem}
.trayectoria{display:grid;grid-template-columns:1.25fr .75fr;gap:0;margin-top:2rem;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(120deg,#0E2437,#132F48)}
.tray-txt{padding:clamp(1.8rem,4vw,2.8rem);border-right:1px solid rgba(214,160,106,.5);margin-block:1.6rem}
.tray-txt .label{display:inline-flex;align-items:center;gap:1rem;font-size:.74rem;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:#D7DEE5}
.tray-txt .label::after{content:"";width:2.5rem;height:1px;background:var(--dorado-claro)}
.tray-txt h2{color:#fff;font-size:var(--t-h2);line-height:1.15;margin-top:.9rem}
.tray-txt h2 em{font-style:normal;color:var(--dorado-claro)}
.tray-txt p{color:#C9D2DC;margin-top:.9rem;line-height:1.65}
.tray-txt b{color:#fff}
.tray-foto{min-height:100%;background:linear-gradient(150deg,#3A4A55,#22323E)}
.tray-foto figcaption{color:rgba(255,255,255,.55)}
@media(max-width:900px){.nos-grid,.trayectoria{grid-template-columns:1fr}.nos-exp{grid-template-columns:1fr}
  .tray-txt{border-right:0}.tray-foto{min-height:13.75rem}.nos-foto{min-height:16.25rem;border-radius:var(--r-lg)}}
.acc-panel-in .nos-exp{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 2.4rem}
.nos-equipo{padding-bottom:1.6rem}
.nos-detras{padding-top:1rem}
@media(max-width:900px){.acc-panel-in .nos-exp{grid-template-columns:1fr}}
.page-head h1{max-width:calc(22ch * var(--k,1))}
.stars{color:var(--dorado)}
.review-av{background:#F2E7D7;color:var(--dorado)}

/* ---------- fotos reales de los proyectos (las sube el admin) ---------- */
.proj-photo.con-foto,.fc-foto.con-foto,.fc-mini{background-size:cover;background-position:center}
.proj-photo.con-foto .proj-ph{display:none}
.fc-foto{overflow:hidden}
.fc-mini{border:2px solid transparent;cursor:pointer;padding:0}
.fc-mini.on{border-color:var(--est,var(--dorado))}
.fc-mas{position:relative;color:#fff;font-size:.8rem;font-weight:600}
.fc-mas span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,24,30,.6);border-radius:0.5rem}
.fc-flecha{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:50%;border:0;
  background:rgba(255,255,255,.92);color:var(--noche);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.fc-flecha svg{width:1.25rem;height:1.25rem}
.fc-ant{left:.9rem}
.fc-sig{right:.9rem}


/* =====================================================================
   HOME v2: calcada de las referencias Home, Home 2 ... Home 6
   ===================================================================== */

/* titulares de sección: Newsreader 600, como en las referencias */
h1,h2,h3,h4,.big{font-weight:600;letter-spacing:-.012em}

/* ---- rótulo con la raya delante ---- */
.h-eyebrow{display:inline-flex;align-items:center;gap:1.0rem;font-family:var(--sans);font-size:.76rem;font-weight:500;
  letter-spacing:.3em;text-transform:uppercase;color:#D9DFE6}
.h-eyebrow::before{content:"";width:2.25rem;height:1px;background:#B98B5E}
.h-eyebrow--oscuro{color:#A9784A;font-weight:600}
.h-porque .h-eyebrow{color:#D69A62;font-weight:600}
.h-porque .h-eyebrow::before{background:#D69A62}

/* ---- botones ---- */
.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;height:3.375rem;padding:0 2.125rem;border-radius:62.4375rem;
  font-family:var(--sans);font-size:1rem;font-weight:500;cursor:pointer;border:0;transition:background .25s,transform .25s,border-color .25s;white-space:nowrap}
.h-btn svg{width:1.125rem;height:1.125rem;flex:0 0 auto}
.h-btn--oro{background:linear-gradient(180deg,#AA8150,#956F42);color:#fff;box-shadow:0 14px 30px -16px rgba(149,111,66,.9)}
.h-btn--oro:hover{background:linear-gradient(180deg,#9C7546,#84613A);transform:translateY(-1px)}
.h-btn--linea{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.75)}
.h-btn--linea:hover{background:rgba(255,255,255,.08)}
.h-btn--borde{background:rgba(255,255,255,.4);color:var(--noche);border:1.5px solid #B98B5E;height:3.125rem;padding:0 2.75rem}
.h-btn--borde:hover{background:#fff}
.h-btn--borde svg{color:#A9784A}
.h-btn--grande{height:4.0rem;padding:0 0.75rem 0 2.5rem;font-size:1.15rem;gap:1.25rem}
.h-btn-circ{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(255,255,255,.22)}
.h-btn-circ svg{width:1.125rem;height:1.125rem}
.h-centro{display:flex;justify-content:center}

/* ---- menú sobre la cabecera oscura de la home ---- */
.pagina-home .nav{position:absolute;top:0;left:0;right:0;background:transparent;border:0;backdrop-filter:none}
.pagina-home .nav-inner{height:6.0rem}
.pagina-home .brand-mark{content:url("logo-mark-light.svg")}
.pagina-home .nav .brand-name{color:#fff;font-size:1.6rem}
.pagina-home .nav .brand-name em{color:#C9A27A}
.pagina-home .nav-links a,.pagina-home .nav-droptop,.pagina-home .nav-login{color:#fff;font-size:.96rem}
.pagina-home .nav-links a:hover,.pagina-home .nav-login:hover{color:#E9D3B6}
.pagina-home .nav-cta .btn-green{height:3.125rem;padding:0 1.5rem;font-size:1rem}
.pagina-home .nav-cta .btn-green::after{background-color:transparent;width:1.2em;margin-left:.2rem}
.pagina-home .nav-burger{border-color:rgba(255,255,255,.5)}
.pagina-home .nav-burger span,.pagina-home .nav-burger span::before,.pagina-home .nav-burger span::after{background:#fff}

/* ---- Home 1: cabecera ---- */
.h-hero{position:relative;overflow:hidden;color:#fff;background:#0E2437;min-height:max(41.25rem,46vw);
  display:flex;align-items:center;padding:7.5rem 0 4.0rem}
.h-hero-foto{position:absolute;inset:0;background:none right center/auto 100% no-repeat}
.h-hero::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,#0E2437 0%,#0F2538 30%,rgba(14,36,55,.9) 42%,rgba(14,36,55,.55) 54%,rgba(14,36,55,.12) 66%,rgba(14,36,55,0) 76%),
    linear-gradient(0deg,rgba(14,36,55,.35),transparent 30%)}
.h-hero-in{position:relative;z-index:2;width:100%}
.h-hero h1{font-weight:500;color:#F4F1EB;font-size:var(--t-display);line-height:1.04;max-width:calc(14.5ch * var(--k,1));margin-top:1.5rem;letter-spacing:-.01em}
.h-hero h1 em{font-style:normal;color:#C9A27A}
.h-hero-lead{margin-top:1.4rem;max-width:36rem;font-size:1.05rem;line-height:1.55;color:#C9D1DA}
.h-claves{display:flex;flex-wrap:wrap;gap:1.125rem 0;margin-top:2rem}
.h-claves li{display:flex;align-items:center;gap:0.875rem;font-size:.92rem;line-height:1.4;color:#fff;padding-right:1.625rem;margin-right:1.625rem;
  border-right:1px solid rgba(255,255,255,.18)}
.h-claves li:last-child{border:0;margin:0;padding:0}
.h-clave-ico{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:rgba(46,75,99,.6);
  border:1px solid rgba(255,255,255,.08);color:#C9A27A;flex:0 0 auto}
.h-clave-ico svg{width:1.625rem;height:1.625rem}
.h-claves .ast{color:#C9A27A}
.h-hero-act{display:flex;flex-wrap:wrap;gap:1.125rem;margin-top:2.2rem}

/* ---- Home 2: cifras ---- */
.h-cifras{background:#EEE9E1;padding:2.625rem 0 1.875rem}
.h-cifras-lista{display:grid;grid-template-columns:repeat(5,1fr);gap:1.125rem}
.h-cifras-lista li{background:#F8F6F2;border-radius:0.625rem;padding:1.625rem 1.875rem 1.75rem;box-shadow:0 14px 30px -20px rgba(40,30,20,.35)}
.h-cifras-lista strong{display:block;font-family:var(--serif);font-weight:600;font-size:var(--t-num);line-height:1;
  color:var(--noche);letter-spacing:-.02em}
.h-cifras-lista li > span{display:block;margin-top:.55rem;font-size:1rem;line-height:1.35;color:#2A2F36}
.h-respaldo{text-align:center;margin-top:1.625rem;font-size:.88rem;color:#6B7079}
.h-respaldo strong{color:var(--noche);font-weight:600}

/* ---- cabecera de sección ---- */
.h-cab h2{font-size:var(--t-h2);line-height:1.02;margin-top:1rem;color:var(--noche)}
.h-cab h2 em{font-style:normal;color:#A9784A}
.h-cab p{margin-top:1rem;font-size:1.22rem;line-height:1.45;color:#5E6670}
.h-cab--centro{text-align:center}
.h-cab--centro .h-eyebrow{justify-content:center}

/* ---- Home 3: proyectos ---- */
.h-proyectos{padding:3.5rem 0 3.75rem;
  background:radial-gradient(900px 500px at 10% 30%,rgba(255,255,255,.75),transparent 70%),
    radial-gradient(700px 500px at 95% 15%,rgba(233,225,212,.7),transparent 70%),#F5F1EB}
.h-proyectos .h-cab h2{font-size:var(--t-h2)}
.h-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1.0rem;margin:1.875rem 0 1.625rem}
.h-chips .filtro{min-width:12.5rem;justify-content:center;gap:0.625rem;height:2.625rem;padding:0 1.6rem;font-size:.95rem;font-weight:400;
  background:rgba(255,255,255,.55);border:1px solid #E2DBD0;color:#2A2F36}
.h-chips .filtro.on{background:#14304A;border-color:#14304A;color:#fff}
.h-chips .filtro svg{width:1.0rem;height:1.0rem}
.h-ver-todos{display:flex;justify-content:center;margin-top:1.625rem}

/* ---- Home 4: por qué ---- */
.h-porque{position:relative;overflow:hidden;color:#fff;padding:2.875rem 0 4.375rem;background:#13304A}
.h-porque .container{position:relative;z-index:1}
.h-porque h2{color:#fff;font-size:var(--t-h2);line-height:1.02;margin-top:1rem;max-width:none}
.h-porque h2 em{font-style:normal;color:#D69A62}
.h-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:1.375rem;margin-top:2.2rem}
.h-tres li{display:flex;align-items:center;gap:1.625rem;min-height:10.625rem;padding:1.5rem 1.875rem;border-radius:0.875rem;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(4px)}
.h-oro-ico{display:grid;place-items:center;width:5.25rem;height:5.25rem;border-radius:50%;flex:0 0 auto;color:#fff;
  background:radial-gradient(circle at 35% 30%,#E0A871,#A9743F 72%);box-shadow:0 12px 26px -12px rgba(201,140,80,.9)}
.h-oro-ico svg{width:2.375rem;height:2.375rem}
.h-tres p{font-size:1.4rem;font-weight:600;line-height:1.3;color:#fff}
.h-tres p em{font-style:normal;color:#E0A06A}
.h-tres p em.h-peq{font-size:1.2rem}
.h-compara{display:grid;grid-template-columns:41fr 51fr;gap:0;align-items:center;margin-top:1.875rem}
.h-cuenta{position:relative;z-index:1;transform:rotate(-3deg);margin-right:-2px;border-radius:1.125rem;padding:2.25rem 2.5rem 2.625rem;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.h-cuenta h3{font-size:var(--t-h2s);color:#C9D1D9;font-weight:600}
.h-cuenta ul{margin-top:1.3rem;display:flex;flex-direction:column;gap:0.875rem}
.h-cuenta li{display:grid;grid-template-columns:2.125rem 1fr;gap:1.0rem;align-items:center;font-size:1.1rem;line-height:1.3;color:#DCE2E8}
.h-cuenta li::before{content:"";width:2.125rem;height:2.125rem;border-radius:50%;background:rgba(255,255,255,.9) center/14px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23324558' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.h-con{position:relative;z-index:2;border-radius:1.25rem;padding:1.875rem 2.5rem 1.875rem;background:#FDF5EB;color:var(--noche);
  border:2px solid #E7A562;box-shadow:0 0 0 5px rgba(231,165,98,.18),0 0 34px 6px rgba(231,165,98,.45)}
.h-con h3{font-size:var(--t-h2s);color:var(--noche);font-weight:600}
.h-con ul{margin-top:.6rem}
.h-con li{display:grid;grid-template-columns:2.625rem 1fr;column-gap:1.375rem;align-items:center;padding:0.75rem 0;border-bottom:1px solid #EADFD0}
.h-con li:last-child{border:0}
.h-con li::before{content:"";grid-row:1/3;width:2.625rem;height:2.625rem;border-radius:50%;background:#DDAA72 center/18px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2437' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.h-con li strong{grid-column:2;font-size:1.1rem;font-weight:700;line-height:1.3;color:#0E2437}
.h-con li span{grid-column:2;font-size:1rem;line-height:1.35;color:#3E4650}

/* ---- Home 5: cómo funciona ---- */
.h-pasos{padding:2.875rem 0 4.0rem;
  background:radial-gradient(800px 500px at 90% 10%,rgba(255,255,255,.8),transparent 70%),
    linear-gradient(160deg,#F6F2EC,#EFE9E1)}
.h-pasos .h-cab h2{font-size:var(--t-h2)}
.h-pasos-rejilla{margin-top:1.875rem}
.h-pasos .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 4.375rem}
.h-pasos .step{background:rgba(255,255,255,.55);border:1px solid #EAE2D6;border-radius:1.0rem;padding:1.375rem 1.75rem 1.75rem;
  box-shadow:0 18px 40px -30px rgba(14,36,55,.35);min-height:14.375rem}
.h-pasos .step-n{width:3.375rem;height:3.375rem;font-size:1.25rem;font-weight:500;background:#EED8C2}
.h-pasos .steps .step:nth-child(3n+2) .step-n{background:#D8E0E8}
.h-pasos .steps .step:nth-child(3n) .step-n{background:#DCE2DD}
.h-pasos .step-ico{width:4.625rem;height:4.625rem;top:1.125rem;right:1.25rem;background:#F1E4D5}
.h-pasos .step-ico svg{width:1.875rem;height:1.875rem}
.h-pasos .step h4{font-size:1.8rem;margin-top:.2rem;margin-bottom:.5rem;padding-right:4.5rem}
.h-pasos .step p{font-size:1.08rem;line-height:1.42;color:#56606B}
.h-pasos .steps .step:not(:nth-child(3n))::after{right:-3.125rem;width:1.875rem;height:1.875rem}
.h-conector{display:block;width:calc(100% + 2.5rem);height:5.375rem;margin:-2.625rem -2.5rem -1.875rem 0;overflow:visible;position:relative;z-index:0}
.h-pasos .steps{position:relative;z-index:1}
.h-pasos .h-centro{margin-top:1.875rem}

/* ---- Home 6: llamada al test ---- */
.h-test{position:relative;overflow:hidden;text-align:center;padding:clamp(5rem,10vw,8.5rem) 0 clamp(4.5rem,8vw,6.5rem);
  background:linear-gradient(180deg,#F4EEE7,#EFE8E0)}
.h-test::before,.h-test::after{content:"";position:absolute;pointer-events:none;mix-blend-mode:multiply}
.h-test::before{left:0;top:0;bottom:0;width:22%;background:none left top/cover no-repeat;
  -webkit-mask:linear-gradient(90deg,#000 55%,transparent);mask:linear-gradient(90deg,#000 55%,transparent)}
.h-test::after{right:0;bottom:0;width:30%;height:62%;background:none right bottom/cover no-repeat;
  -webkit-mask:linear-gradient(270deg,#000 50%,transparent);mask:linear-gradient(270deg,#000 50%,transparent)}
.h-test-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.h-test h2{font-size:var(--t-h2);line-height:1.04;color:var(--noche)}
.h-test h2 em{font-style:normal;color:#A9784A}
.h-test-sub{margin-top:.8rem;font-size:1.45rem;color:#2A3038}
.h-test-lead{margin:1.6rem 0 2rem;font-size:1.22rem;line-height:1.5;color:#4C545E}
.h-test-dur{margin-top:1.2rem;font-size:1rem;color:#6B7079}

/* ---- tarjetas de proyecto: placeholder de la referencia y colores ---- */
.proj-photo:not(.con-foto){background:linear-gradient(180deg,#E7E0D5,#DDD5C8)}
.proj-photo:not(.con-foto) .proj-ph{display:flex;flex-direction:column;align-items:center;gap:0.625rem;color:#9C958A;
  font-size:.72rem;letter-spacing:.3em;font-weight:500}
.proj-photo:not(.con-foto) .proj-ph::before{content:"";width:2.125rem;height:2.125rem;opacity:.7;background:center/contain no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C958A' stroke-width='1.4'%3E%3Cpath d='M4 21V9h7v12M11 21V4h9v17M2 21h20M7 12h1M7 15h1M14 7h1M17 7h1M14 10h1M17 10h1M14 13h1M17 13h1M14 16h1M17 16h1'/%3E%3C/svg%3E")}
.proj-card{background:#FBF8F4;border:1px solid #ECE4D8;border-radius:1.0rem}
.proj-photo{aspect-ratio:2.35/1}
.proj-info .p-name{font-weight:600;font-size:1.65rem}
.pi-cell .v.green{color:#B26E3C}
.proj-cta{background:linear-gradient(180deg,#A47548,#93683E)}

/* ---- móvil ---- */
@media(max-width:1000px){
  .h-cifras-lista{grid-template-columns:repeat(3,1fr)}
  .h-tres{grid-template-columns:1fr}
  .h-compara{grid-template-columns:1fr;gap:1.75rem}
  .h-cuenta{transform:none}
  .h-pasos .steps{grid-template-columns:1fr 1fr;gap:1.25rem}
  .h-pasos .steps + .steps{margin-top:1.25rem}
  .h-conector{display:none}
}
@media(max-width:700px){
  .h-hero{padding-top:6.875rem;min-height:auto}
  .h-hero::before{background:linear-gradient(90deg,rgba(14,36,55,.95),rgba(14,36,55,.75))}
  .h-claves{flex-direction:column}
  .h-claves li{border:0;padding:0;margin:0}
  .h-cifras-lista{grid-template-columns:1fr 1fr}
  .h-pasos .steps{grid-template-columns:1fr}
  .h-chips .filtro{min-width:0}
  .h-test::before,.h-test::after{opacity:.5}
  .h-btn{white-space:normal;text-align:center}
}

/* ajustes tras comparar la home con las referencias */
:root{--maxw:100%}
.h-hero h1{max-width:none;font-size:var(--t-display)}
.h-conector{height:3.5rem;margin:0.25rem -2.5rem 0.375rem 0}
.h-test{background:#F2ECE4}
.h-test::before{-webkit-mask:linear-gradient(90deg,#000 45%,transparent);mask:linear-gradient(90deg,#000 45%,transparent)}
.h-test::after{-webkit-mask:radial-gradient(ellipse at 100% 100%,#000 40%,transparent 72%);mask:radial-gradient(ellipse at 100% 100%,#000 40%,transparent 72%)}
.h-cifras-lista strong{font-size:var(--t-num);white-space:nowrap}
.h-cifras-lista li{padding:1.5rem 1.625rem 1.625rem}

/* ---------- interiores v2: fotos de las referencias ---------- */
.h-pasos .h-btn--grande{min-width:26.875rem;justify-content:space-between}
/* Proyectos: el edificio arriba a la derecha, fundido con el crema */
.page-head--split{position:relative}
.ph-foto--img{background-size:cover;background-position:right center;min-height:18.75rem;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 30%);mask:linear-gradient(90deg,transparent 0,#000 30%)}
/* El Club: foto a la derecha bajo un degradado azul noche */
.club-hero,.club-alineados{position:relative;overflow:hidden}
.ph-bg{position:absolute;top:0;right:0;bottom:0;width:62%;background-size:cover;background-position:center;z-index:0;
  -webkit-mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 18%,#000 42%);mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 18%,#000 42%)}
.club-hero .container,.club-alineados .container{position:relative;z-index:1}
.club-hero .ph-grid{grid-template-columns:1fr}
.club-hero{min-height:27.5rem;display:flex;align-items:center;background:linear-gradient(90deg,#0E2437 0%,#0F2740 40%,#122E48 100%)}
.club-hero h1{font-size:var(--t-display)}
.ph-bg--casa{width:58%;opacity:.95}
.club-alineados{background:linear-gradient(90deg,#0E2437 0%,#0F2740 45%,#132F49 100%)}
.club-alineados .ideas li{background:rgba(14,36,55,.55)}
/* Nuestra prioridad: la planta a la derecha */
.prioridad{position:relative;overflow:hidden}
.prioridad-planta{position:absolute;right:0;top:0;bottom:0;width:22%;background:none right center/cover no-repeat;
  mix-blend-mode:multiply;-webkit-mask:linear-gradient(270deg,#000 40%,transparent);mask:linear-gradient(270deg,#000 40%,transparent)}
.prioridad-in{position:relative;z-index:1}
/* Sobre nosotros: el edificio de la trayectoria */
.tray-foto--img{background-size:cover;background-position:center;min-height:100%}
/* Sobre nosotros: menú oscuro, como en su referencia */
.pagina-oscura .nav{background:#0E2437;border-bottom-color:rgba(255,255,255,.08)}
.pagina-oscura .brand-mark{content:url("logo-mark-light.svg")}
.pagina-oscura .nav .brand-name{color:#fff}
.pagina-oscura .nav .brand-name em{color:#C9A27A}
.pagina-oscura .nav-links a,.pagina-oscura .nav-droptop,.pagina-oscura .nav-login{color:#E3E8EE}
.pagina-oscura .nav-links a.on,.pagina-oscura .nav-links a:hover{color:#fff}
.pagina-oscura .nav-burger{border-color:rgba(255,255,255,.4)}
.pagina-oscura .nav-burger span,.pagina-oscura .nav-burger span::before,.pagina-oscura .nav-burger span::after{background:#fff}
@media(max-width:860px){.ph-bg{width:100%;opacity:.35}.ph-foto--img{-webkit-mask:none;mask:none;border-radius:var(--r-lg)}}
.club-hero h1{font-size:var(--t-display);line-height:1.04}
.club-hero .lead{font-size:1.3rem;margin-top:.6rem}
.club-cifras strong{white-space:nowrap}
.ph-bg{width:64%}

/* ---- menú en una línea entre tablet y escritorio, como en las referencias ---- */
.brand-name,.nav-links a,.nav-droptop,.nav-login,.nav-cta .btn{white-space:nowrap}
@media(min-width:861px) and (max-width:1240px){
  .nav-links{gap:1.25rem}
  .nav-links a,.nav-droptop,.nav-login{font-size:.82rem}
  .nav-inner{gap:1rem}
  .nav .brand-name{font-size:1.15rem}
  .nav-cta .btn-sm{padding:.55rem .95rem;font-size:.82rem}
}
/* El Club 1: hero más bajo y bloque de texto más compacto */
.club-hero{min-height:25.0rem}
.club-hero + .section{padding-top:2.6rem}
.club-intro p{font-size:.97rem;line-height:1.6}
.club-res h2{font-size:var(--t-h2);line-height:1.15}

/* ---- El Club 2: intereses alineados ---- */
.club-alineados{padding:3.5rem 0 2.5rem}
.club-alineados .big--xl{font-size:var(--t-h2);line-height:1.1;max-width:14em;margin-top:.2rem}
.club-alineados .ideas{margin-top:2.25rem;gap:0.875rem}
.club-alineados .ideas li{grid-template-columns:3.875rem 1fr;gap:1.0rem;padding:1.375rem 1.25rem;border-radius:0.625rem;
  background:rgba(12,32,50,.62);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(3px)}
.club-alineados .idea-n{width:3.875rem;height:3.875rem;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 35% 30%,#EDC08E,#C98A50 60%,#A86E3A);box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}
.club-alineados .idea-n svg{width:1.875rem;height:1.875rem}
.club-alineados .ideas p{font-size:1.02rem;font-weight:600;line-height:1.3;color:#fff}
.club-alineados .ideas p em{color:#E3A86C;font-weight:600}
.ph-bg--casa{width:62%;-webkit-mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 16%,#000 40%);mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 16%,#000 40%)}

/* ---- El Club 2: por qué invertir (tarjeta gris inclinada y tarjeta dorada) ---- */
.club-ventajas{padding:2.125rem 0 1.875rem}
.club-ventajas .big{margin-top:.1rem}
.club-ventajas .compare{display:grid;grid-template-columns:51fr 49fr;gap:0;align-items:center;margin-top:1.125rem}
.club-ventajas .compare-col{border-radius:0.875rem;box-shadow:none}
.club-ventajas .compare-col--prob{transform:rotate(-3deg);margin-right:-0.25rem;padding:1.75rem 1.625rem 1.875rem;
  background:linear-gradient(180deg,#E7E4DF,#E1DDD7);border:1px solid #DAD5CE;box-shadow:0 26px 40px -30px rgba(14,36,55,.45)}
.club-ventajas .compare-col--sol{position:relative;z-index:2;padding:1.375rem 1.375rem 1.125rem;background:#FFFBF5;
  border:2px solid #EFC394;box-shadow:0 0 0 4px rgba(239,195,148,.22),0 0 30px 4px rgba(226,160,96,.35)}
.club-ventajas .compare-h{font-family:var(--serif);font-weight:500;font-size:var(--t-h2s);line-height:1.1;margin-bottom:.6rem}
.club-ventajas .compare-col--prob .compare-h{color:#8E98A3}
.club-ventajas .compare-col--sol .compare-h{color:#9C6A3E}
.club-ventajas .compare-list{display:flex;flex-direction:column;gap:0}
.club-ventajas .compare-list li{display:grid;grid-template-columns:1.5rem 1fr;gap:1.0rem;align-items:center;
  font-size:.86rem;line-height:1.38;padding:0.5625rem 0;border-bottom:1px solid rgba(0,0,0,.06);margin:0;background:none}
.club-ventajas .compare-list li:last-child{border:0}
.club-ventajas .compare-col--prob li{color:#8B9198}
.club-ventajas .compare-col--sol li{color:#2A3038;border-bottom-color:#EFE4D6}
.club-ventajas .compare-list li::before{content:"";position:static;width:1.5rem;height:1.5rem;border-radius:50%;transform:none;margin:0}
.club-ventajas .compare-col--prob li::before{background:#D6D2CC center/10px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.club-ventajas .compare-col--sol li::before{background:radial-gradient(circle at 35% 30%,#EDBE86,#D29457) ;
  -webkit-mask:none}
.club-ventajas .compare-col--sol li{position:relative}
.club-ventajas .compare-col--sol li::after{content:"";position:absolute;left:0.375rem;top:50%;width:0.75rem;height:0.75rem;margin-top:-0.375rem;
  background:center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2937' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.club-ventajas .compare-list li b{color:#0E2437;font-weight:700}
@media(max-width:860px){.club-ventajas .compare{grid-template-columns:1fr;gap:1.375rem}.club-ventajas .compare-col--prob{transform:none;margin:0}}

/* ---- El Club 2: nuestra prioridad ---- */
.prioridad{padding-block:36px}
.prioridad-in{gap:2.6rem;padding-left:1.75rem}
.prioridad-ico{width:6.25rem;height:6.25rem;background:radial-gradient(circle at 40% 35%,#EADBC8,#DCC6AD)}
.prioridad-ico svg{width:3.125rem;height:3.125rem;color:#B07A45}
.prioridad h2{font-size:var(--t-h2);line-height:1.12;max-width:24em}
.prioridad p{font-size:1rem;margin-top:.45rem;color:#3E4650}
.prioridad-planta{width:26%}
/* ajustes El Club 2 tras comparar */
.club-alineados .split,.club-ventajas .split{gap:0}
.club-alineados .sec-head,.club-ventajas .sec-head{margin-bottom:.5rem}
.club-alineados .ideas{margin-top:1.875rem}
.club-alineados .idea-n svg{width:2.5rem;height:2.5rem}
.club-alineados .ideas li{padding:1.375rem 1.125rem 1.375rem 1.25rem}
.club-ventajas .compare{margin-top:1.375rem}
.club-ventajas .compare-col--prob{transform:none;rotate:-3deg}
.club-ventajas .compare-list li{padding:0.4375rem 0;font-size:.84rem}
.club-ventajas .compare-col--prob .compare-list li{padding:0.5rem 0}
.prioridad h2{max-width:19em}
.prioridad-ico svg{width:4.875rem;height:4.875rem}
.prioridad-ico .prioridad-check{width:2.5rem;height:2.5rem}
@media(max-width:860px){.club-ventajas .compare-col--prob{rotate:none}}
/* pie como en las referencias: legal a la izquierda, enlaces y redes a la derecha */
.foot-row{flex-wrap:nowrap}
.foot-legal{max-width:calc(560px * var(--kc,1))}
.foot-tag{font-size:.84rem}
.foot-ext{font-size:.84rem}
.foot-copy{font-size:.84rem}
.footer .disclaimer{font-size:.76rem;line-height:1.55}
.footer .foot-links a{font-size:.84rem}
.foot-der{display:flex;flex-direction:column;gap:1.3rem}
.foot-social{display:flex;gap:1.1rem}
.foot-social a{color:#fff;display:grid;place-items:center;width:1.625rem;height:1.625rem;transition:color .2s}
.foot-social a:hover{color:var(--dorado-claro)}
.foot-social svg{width:1.5rem;height:1.5rem}
@media(max-width:760px){.foot-row{flex-wrap:wrap}}
/* El Club: últimos retoques */
.club-ventajas .compare-col--prob .compare-list li{font-size:.9rem}
.club-ventajas .compare-col--prob li::before{background-color:#CDC9C3;background-size:11px}
.prioridad h2{max-width:17.5em}
.prioridad h2{max-width:none}
@media(max-width:700px){br.solo-escritorio{display:none}}
.foot-legal{flex:1 1 auto}
.foot-der{flex:0 0 auto}
.foot-links{flex-wrap:nowrap}
@media(max-width:760px){.foot-links{flex-wrap:wrap}}
.footer{background:linear-gradient(180deg,#10283D,#0C2134)}

/* ---- Proyectos 1: cabecera compacta con el edificio arriba a la derecha ---- */
.ph-proyectos{padding:2.125rem 0 1.875rem;min-height:0}
.ph-proyectos .ph-grid{grid-template-columns:1fr}
.ph-proyectos .ph-foto--img{position:absolute;top:0;right:0;bottom:0;width:31%;min-height:0;margin:0;border-radius:0;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 38%);mask:linear-gradient(90deg,transparent 0,#000 38%)}
.ph-proyectos .container{position:relative;z-index:1}
.ph-proyectos h1{max-width:none;font-size:var(--t-display);line-height:1.02;margin-top:.5rem}
.ph-proyectos .lead{margin-top:.8rem;font-size:1.12rem;line-height:1.45}
/* buscador + filtros a la izquierda, ordenar a la derecha */
.section-projects--lista{padding-top:1.5rem}
.proj-tools{grid-template-columns:minmax(0,1fr) auto;max-width:calc(100% - 160px);margin-bottom:.6rem}
.proj-search input,.proj-filtros-btn{height:2.875rem}
.proj-search input{font-size:.92rem}
.proj-chips{margin-top:-1.3rem}
.proj-chips .filtros{padding-top:1.3rem}
@media(max-width:860px){.proj-tools{max-width:none}.proj-chips{margin-top:0}.proj-chips .filtros{padding-top:0}
  .ph-proyectos .ph-foto--img{position:relative;width:auto;height:11.25rem;margin-top:1.2rem;border-radius:var(--r-lg);-webkit-mask:none;mask:none}}
/* tarjetas más compactas, como en Proyectos 1 */
.proj-info{gap:.55rem;padding:1.1rem 1.15rem 1.1rem}
.proj-info .p-name{font-size:1.55rem}
.pi-note{font-size:.76rem;line-height:1.3}
.proj-cta{padding-block:.62rem;font-size:.92rem}
.proj-orden select{width:9.375rem;font-size:.86rem}
.proj-chips .filtro{padding:.5rem .85rem;font-size:.8rem}
.proj-chips .filtros{flex:1 1 auto;min-width:0}
.proj-orden{flex:0 0 auto}
.proj-orden select{width:9.875rem;padding-left:1rem;padding-right:2rem}
.proj-chips .filtro svg{display:inline-block;width:0.8125rem;height:0.8125rem;margin-right:.45rem;flex:0 0 auto}
.proj-chips .filtro{display:inline-flex;align-items:center}

/* ---- Proyectos 2: ficha del proyecto ---- */
.fc-top{grid-template-columns:345fr 532fr;gap:1.75rem}
.fc-galeria{margin-top:2.5rem}
.fc-foto{aspect-ratio:532/345}
.fc-minis{gap:0.5rem;margin-top:0.875rem}
.fc-mini{aspect-ratio:1/1.04;border-radius:0.5rem}
.fc .fc-intro .proj-badge{font-size:.86rem;padding:.42rem .95rem}
.fc .fc-intro h3{font-size:var(--t-display);font-weight:600}
.fc .fc-sub{font-size:1.2rem;line-height:1.35;max-width:calc(22ch * var(--k,1));margin-top:.5rem}
.fc .fc-intro .p-loc{font-size:.95rem}
.fc-box .d .k svg{width:1.25rem;height:1.25rem;flex:0 0 auto}
.fc-flecha{width:2.5rem;height:2.5rem;background:#fff;color:var(--noche)}
.fc-cont{font-size:.82rem;padding:.3rem .65rem;border-radius:0.375rem}
.fc-doc{justify-content:flex-start}
.fc-doc-ico{flex:0 0 auto;color:var(--noche)}
.fc-doc-ico svg{width:2.125rem;height:2.125rem}
.fc-doc-txt{flex:1 1 auto;min-width:0}
.fc-doc strong{font-family:var(--serif);font-weight:600;font-size:1.08rem;color:var(--noche)}
@media(max-width:860px){.fc-top{grid-template-columns:1fr}.fc-galeria{margin-top:0}}
.fc-box .d{font-size:.86rem;padding-block:.62rem}
.fc-box .d .v{font-size:.86rem}
.fc-doc{gap:.9rem}
.fc-doc strong{font-size:1rem;white-space:nowrap}
.fc-doc span{font-size:.8rem}
.fc-doc .btn{padding:.5rem .9rem;font-size:.78rem}

/* ---- Sobre Nosotros 1: texto a la izquierda, foto del equipo fundida a la derecha ---- */
.nos-hero{position:relative;overflow:hidden;padding:3.5rem 0 2.125rem}
.nos-hero .nos-grid{display:block}
.nos-hero .nos-grid > div{position:relative;z-index:1;max-width:calc(560px * var(--kc,1))}
.nos-hero h1{font-size:var(--t-display);line-height:1.05;max-width:none}
.nos-hero .nos-sub{font-family:var(--serif);font-size:var(--t-lead);line-height:1.25;color:#fff;margin:1.4rem 0 1.2rem;max-width:none}
.nos-hero p{font-size:.95rem;line-height:1.6}
.nos-hero .nos-grid > div > p + p{margin-top:1rem}
.nos-foto{position:absolute;top:0;right:0;bottom:0;width:52%;margin:0;border-radius:0;min-height:0;aspect-ratio:auto;border:0;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 34%);mask:linear-gradient(90deg,transparent 0,#000 34%);
  background:radial-gradient(420px 320px at 62% 38%,rgba(214,154,98,.30),transparent 70%),
    radial-gradient(260px 200px at 85% 85%,rgba(214,154,98,.14),transparent 70%),
    linear-gradient(160deg,#1B3550,#0F263A 60%,#0B1F31)}
.nos-foto::before{content:"";position:absolute;left:50%;top:40%;width:9.375rem;height:9.375rem;transform:translate(-30%,-50%);
  background:url(logo-mark-light.svg) center/contain no-repeat;opacity:.16}
.nos-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nos-foto figcaption{position:absolute;left:auto;right:1.75rem;bottom:1.375rem;top:auto;transform:none;color:rgba(255,255,255,.4)}
@media(max-width:860px){.nos-foto{position:relative;width:auto;height:15.0rem;margin-top:1.6rem;border-radius:var(--r-lg);-webkit-mask:none;mask:none}}
/* tarjetas del equipo algo más compactas */
.nos-equipo{padding-top:1.5rem}
.team-card h4{font-size:1.65rem}
.team-card p{font-size:.92rem;line-height:1.5}
.nos-hero .nos-sub{font-size:var(--t-lead)}

/* ---- Sobre Nosotros 2: acordeón sobre fondo oscuro que se funde con el crema ---- */
.nos-detras{padding-top:1.75rem;background:linear-gradient(180deg,#0E2437 0,#183048 30%,#3C4652 52%,#E9E1D6 68%,#F4EFE8 76%)}
.nos-detras .acc-item.open{border:2px solid #D9A26A;box-shadow:0 0 0 4px rgba(217,162,106,.18),0 20px 50px -20px rgba(0,0,0,.55);background:#F7F1EA}
.nos-detras .acc-panel-in p{font-size:.95rem;line-height:1.5;margin-top:.45rem}
.nos-detras .acc-accent{margin-top:.9rem !important}
.nos-detras .nos-visitar{margin-top:1.1rem;padding:.65rem 1.2rem;font-size:.9rem}
.nos-exp-t{font-size:1.3rem;margin-top:1.4rem;padding-top:1.4rem}
.nos-exp{display:block;columns:2;column-gap:2.75rem;margin-top:.7rem}
.nos-exp li{break-inside:avoid;margin:0 0 .45rem;font-size:.95rem;line-height:1.4}
.nos-detras .acc-item + .acc-item{margin-top:0.625rem}
.nos-contacto-k{margin-top:1.8rem}
.oficina{padding:1.25rem 1.375rem}
.of-t{font-size:1.15rem}
.of-mapa{height:9.375rem}
.of-mapa iframe{height:9.375rem}
@media(max-width:700px){.nos-exp{columns:1}}
.acc-panel-in .nos-exp{display:block;columns:2;column-gap:2.75rem}
.acc-panel-in .nos-exp li{break-inside:avoid;margin:0 0 .5rem;font-size:.95rem;line-height:1.4}
@media(max-width:900px){.acc-panel-in .nos-exp{columns:1}}
.nos-detras{background:linear-gradient(180deg,#0E2437 0,#183048 240px,#3C4652 470px,#E9E1D6 640px,#F4EFE8 760px)}
/* trayectoria como en Sobre Nosotros 2 */
.tray-txt{padding:1.4rem 2.4rem 1.4rem 2.3rem;margin-block:1.6rem}
.tray-txt h2{font-size:var(--t-h2);line-height:1.12}
.tray-txt p{font-size:.95rem;line-height:1.55}
.tray-foto--img{-webkit-mask:linear-gradient(90deg,transparent 0,#000 30%);mask:linear-gradient(90deg,transparent 0,#000 30%)}
@media(max-width:900px){.tray-foto--img{-webkit-mask:none;mask:none}}
@media(max-width:700px){.h-pasos .h-btn--grande{min-width:0;width:100%}}