/* Editorial pages only. Inicio, Etapa, the shared header and advisor remain untouched. */
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) {
  --inner-paper:#f7f4ed;
  --inner-limestone:#e6dcc8;
  --inner-pine:#302f2b;
  --inner-ink:#302f2b;
  --inner-clay:#b96f55;
  background:var(--inner-paper);
}
body[data-page="modelos"] { --inner-hero:url("/assets/sustania/modelo-b-fachada.png"); }
body[data-page="ubicacion"] { --inner-hero:url("/assets/sustania/ubicacion-zona-norte.png"); }
body[data-page="disponibilidad"] { --inner-hero:url("/assets/sustania/masterplan-aereo.png"); }
body[data-page="planes"] { --inner-hero:url("/assets/sustania/planta-baja-render.png"); }
body[data-page="inversion"] { --inner-hero:url("/assets/sustania/masterplan-aereo.png"); }
body[data-page="preguntas"] { --inner-hero:url("/assets/sustania/experiencia-comunidad.png"); }

body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content {
  overflow:clip;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero {
  min-height:clamp(470px,62svh,660px);
  background:var(--inner-pine);
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero-bg.visual-hold-hero {
  background-image:linear-gradient(90deg,rgba(36,35,31, .91),rgba(36,35,31, .72) 46%,rgba(36,35,31, .28)),linear-gradient(0deg,rgba(36,35,31, .58),transparent 66%),var(--inner-hero);
  background-position:center;
  background-size:cover;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero-bg::after {
  display:none;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero-grid {
  min-height:clamp(470px,62svh,660px);
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(28px,6vw,95px);
  align-items:end;
  padding-top:clamp(145px,18vh,190px);
  padding-bottom:clamp(55px,7vw,82px);
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero .eyebrow {
  margin-bottom:22px;
  color:#e6dcc8;
  font-size:11px;
  letter-spacing:.2em;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero .page-title {
  max-width:13ch;
  color:#f7f4ed;
  font-size:clamp(50px,6.4vw,88px);
  line-height:1;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero .page-lead {
  max-width:43ch;
  color:#f7f4ed;
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.65;
}
body[data-page="concepto"] .page-hero.video-page-hero { min-height:100svh; }

body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content > .section {
  padding-block:clamp(72px,8vw,120px);
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content > .section:nth-of-type(even):not(.dark):not(.process):not(.location) {
  background:#e6dcc8;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .section::before {
  display:none;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .kicker {
  color:#8a4b36;
  font-size:11px;
  letter-spacing:.19em;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .title {
  max-width:19ch;
  font-size:clamp(37px,4.4vw,64px);
  line-height:1.1;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .lead {
  max-width:60ch;
  color:#4b4740;
  font-size:clamp(15px,1.2vw,18px);
  line-height:1.7;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.residences-head,.explore-head,.subbrands-head) {
  align-items:end;
  gap:clamp(25px,6vw,80px);
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.feature-card,.timeline-card,.inventory-card,.brand-row,.pillar,.model-card) {
  border:1px solid rgba(48,47,43, .16);
  border-radius:0;
  box-shadow:none;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.feature-card,.timeline-card,.inventory-card,.brand-row) {
  background:#f7f4ed;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.feature-grid,.timeline-grid,.inventory-grid,.model-card-grid,.process-grid) {
  gap:14px;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.feature-card,.timeline-card,.inventory-card) {
  min-height:225px;
  padding:clamp(24px,3vw,36px);
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.feature-card,.timeline-card,.inventory-card) h3 {
  margin:26px 0 13px;
  font-size:clamp(26px,2.5vw,36px);
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.feature-card,.timeline-card,.inventory-card) p {
  color:#4b4740;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .process {
  color:#f7f4ed;
  background:linear-gradient(120deg,rgba(36,35,31, .97),rgba(48,47,43, .94)),url("/assets/sustania/experiencia-comunidad.png") center/cover;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .process :is(.title,.kicker,.process-step h3) {
  color:#f7f4ed;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .process-step {
  min-height:245px;
  border:1px solid rgba(247,244,237, .25);
  border-radius:0;
  background:rgba(247,244,237, .07);
  box-shadow:none;
}
body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .process-step p {
  color:#f7f4ed;
}

body[data-page="disponibilidad"] #main-content .process .hero-cta-row .btn {
  border-color:#e6dcc8;
  color:#302f2b;
  background:#e6dcc8;
  box-shadow:0 8px 18px rgba(36,35,31, .2);
}
body[data-page="disponibilidad"] #main-content .process .hero-cta-row .btn.primary,
body[data-page="disponibilidad"] #main-content .process .hero-cta-row .btn.dark-action {
  border-color:#95533e;
  color:#f7f4ed;
  background:#95533e!important;
}
body[data-page="disponibilidad"] #main-content .process .hero-cta-row .btn:hover,
body[data-page="disponibilidad"] #main-content .process .hero-cta-row .btn:focus-visible {
  border-color:#cbd2c1;
  color:#302f2b;
  background:#cbd2c1;
  transform:translateY(-2px);
}
body[data-page="disponibilidad"] #main-content .process .hero-cta-row .btn.primary:hover,
body[data-page="disponibilidad"] #main-content .process .hero-cta-row .btn.dark-action:hover {
  border-color:#d89a76;
  color:#302f2b;
  background:#d89a76!important;
}

/* A broader, calmer model catalog; the existing data and page anchors stay intact. */
body[data-page="modelos"] .model-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:clamp(30px,4vw,55px); }
body[data-page="modelos"] .model-card { min-height:0; background:#f7f4ed; }
body[data-page="modelos"] .model-card.featured { background:#302f2b; }
body[data-page="modelos"] .model-card .card-media { height:clamp(220px,27vw,340px); min-height:0; }
body[data-page="modelos"] .model-card h3 { margin-top:15px; font-size:clamp(26px,2.5vw,35px); }
body[data-page="modelos"] .model-card p { color:#4b4740; }
body[data-page="modelos"] .model-card.featured p { color:#f7f4ed; }
body[data-page="modelos"] #asesoria-modelos { display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4vw,55px); color:#f7f4ed; border-color:rgba(149,83,62, .46); background:radial-gradient(circle at 88% 14%,rgba(230,220,200, .05),transparent 24%),linear-gradient(145deg,#9a523b,#7e4938 86%); box-shadow:none; transform:none; transition:none; }
body[data-page="modelos"] #asesoria-modelos.model-card:is(:hover,:focus-within) { border-color:rgba(149,83,62, .46); background:radial-gradient(circle at 88% 14%,rgba(230,220,200, .05),transparent 24%),linear-gradient(145deg,#9a523b,#7e4938 86%); box-shadow:none; transform:none; }
body[data-page="modelos"] #asesoria-modelos h3 { color:#f7f4ed; }
body[data-page="modelos"] #asesoria-modelos p { color:#f7f4ed; }
body[data-page="modelos"] #asesoria-modelos h3 { margin-top:18px; }
body[data-page="modelos"] .model-plan-band { background:#e6dcc8; }
body[data-page="modelos"] .model-plan-strip { gap:16px; }
body[data-page="modelos"] .image-panel { border-radius:0; }
body[data-page="modelos"] #main-content #comparar.process { color:#302f2b; background:#e6dcc8; }
body[data-page="modelos"] #main-content #comparar.process :is(.title,.process-step h3) { color:#302f2b; }
body[data-page="modelos"] #main-content #comparar.process .kicker { color:#95533e; }
body[data-page="modelos"] #main-content #comparar.process .process-step { border-color:rgba(48,47,43, .16); background:#f7f4ed; }
body[data-page="modelos"] #main-content #comparar.process .process-step p { color:#4b4740; }

/* Location and availability keep their factual map and live inventory separate from the visual gallery. */
body[data-page="ubicacion"] .location { background:#302f2b; }
body[data-page="ubicacion"] .location :is(.title,.kicker) { color:#f7f4ed; }
body[data-page="ubicacion"] #main-content .location .kicker { color:#e6dcc8; }
body[data-page="ubicacion"] .location .lead { color:#f7f4ed!important; }
body[data-page="ubicacion"] .location-card { border:1px solid rgba(247,244,237, .28); border-radius:0; background:rgba(247,244,237, .08); }
body[data-page="ubicacion"] .location-card p { color:#f7f4ed; }
body[data-page="ubicacion"] .map { min-height:clamp(400px,45vw,620px); border-radius:0; }
body[data-page="disponibilidad"] .content-grid { align-items:center; }
body[data-page="disponibilidad"] .map { min-height:clamp(360px,40vw,550px); border-radius:0; }
body[data-page="disponibilidad"] .live-inventory { background:#e6dcc8; }
body[data-page="disponibilidad"] .live-inventory-card { border-radius:0; background:#f7f4ed; }
body[data-page="disponibilidad"] .live-inventory-note { max-width:85ch; color:#4b4740; }

/* Brand, progress and investment: image-led bands with high-contrast text. */
body[data-page="concepto"] .intro-grid { align-items:start; }
body[data-page="concepto"] .intro-quote { max-width:14ch; font-size:clamp(40px,4.7vw,65px); }
body[data-page="concepto"] .section-note { border-radius:0; }
body[data-page="concepto"] .brand-row { padding:22px 27px; }
body[data-page="concepto"] .dark { background:#302f2b; }
body[data-page="concepto"] .dark :is(.title,.kicker,.pillar h3) { color:#f7f4ed; }
body[data-page="concepto"] #main-content .dark .kicker { color:#e6dcc8; }
body[data-page="concepto"] #main-content .dark .pillar { border-color:rgba(247,244,237, .24); background:rgba(247,244,237, .08); }
body[data-page="concepto"] #main-content .dark .pillar h3 { color:#f7f4ed; }
body[data-page="concepto"] .dark .pillar p { color:#f7f4ed; }
body[data-page="concepto"] .subbrand { border-radius:0; }
body[data-page="concepto"] .subbrand-grid { gap:14px; }
/* Concepto: the brand roles are information cards, not text over a repeated render. */
body[data-page="concepto"] #main-content .brand-table {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
body[data-page="concepto"] #main-content .brand-row {
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:176px;
  padding:clamp(22px,2.4vw,30px);
  border:1px solid rgba(48,47,43, .18);
  background:#f7f4ed;
  backdrop-filter:none;
}
body[data-page="concepto"] #main-content .brand-row > * { padding:0; }
body[data-page="concepto"] #main-content .brand-row strong { color:#8a4b36; }
body[data-page="concepto"] #main-content .brand-row p { color:#302f2b; }
body[data-page="inversion"] .timeline-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-page="inversion"] .timeline-card { border-top:4px solid #b96f55; }
body[data-page="inversion"] .timeline-card span { color:#8a4b36; }
body[data-page="inversion"] .invest { background:#e6dcc8; }
body[data-page="inversion"] .invest-card { border-radius:0; }
body[data-page="inversion"] .feature-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-page="planes"] .page-hero .hero-cta-row { margin-top:20px; }
body[data-page="planes"] #main-content .process { min-height:600px; }
body[data-page="preguntas"].faq-enhanced .faq-grid { display:none; }
body[data-page="preguntas"] #main-content > .section { background:#f7f4ed; }

@media (max-width:1050px) {
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero-grid { grid-template-columns:1fr; gap:20px; align-content:end; }
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero .page-title { font-size:clamp(48px,7vw,76px); }
}
@media (max-width:760px) {
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero,
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero-grid { min-height:clamp(500px,78svh,650px); }
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero-grid { padding-top:120px; padding-bottom:48px; }
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero .page-title { font-size:clamp(43px,11vw,64px); }
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero .page-lead { font-size:15px; line-height:1.55; }
  body[data-page="modelos"] .model-card-grid,
  body[data-page="inversion"] .timeline-grid,
  body[data-page="inversion"] .feature-grid.two { grid-template-columns:1fr; }
  body[data-page="modelos"] .model-card .card-media { height:250px; }
  body[data-page="ubicacion"] .map,
  body[data-page="disponibilidad"] .map { min-height:380px; }
  body[data-page="concepto"] .subbrand-grid { grid-template-columns:1fr; }
  body[data-page="concepto"] #main-content .brand-table { grid-template-columns:1fr; }
  body[data-page="concepto"] #main-content .brand-row { min-height:0; }
  body[data-page="concepto"] .video-page-hero .page-hero-grid { padding-top:120px; }
}
@media (max-width:420px) {
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) .page-hero .page-title { font-size:clamp(39px,10.3vw,46px); }
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content .title { font-size:clamp(35px,9vw,43px); }
}
@media (prefers-reduced-motion:reduce) {
  body:is([data-page="modelos"],[data-page="ubicacion"],[data-page="disponibilidad"],[data-page="concepto"],[data-page="planes"],[data-page="avance"],[data-page="inversion"],[data-page="preguntas"]) #main-content :is(.model-card,.feature-card,.timeline-card,.inventory-card) { transition:none!important; transform:none!important; }
}

/* Etapa 2: sin numeraciones decorativas. Un filete terracota sustituye al "01–04". */
.process-step h3 { margin-top: 0; }
.process-step::before,
.pillar::before { content: ""; display: block; width: 40px; height: 2px; margin-bottom: 28px; background: var(--ds-terra, #b96f55); }
.pillar { min-height: 0; justify-content: flex-start; }