/* pages/home.css: solo estilos propios de la página — DANIEL PRADO · ARQUITECTO */
.scope-label{font:600 var(--text-xs)/1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin:24px 0 12px}
.meta-list dt{font:600 var(--text-xs)/1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.editorial-quote .label-secondary{color:var(--accent)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,7vw,96px);align-items:start}
.hero h1{font:500 var(--text-h1)/var(--leading-tight) var(--font-head);letter-spacing:-.02em;max-width:20ch;margin:0}
.hero-secondary{padding-top:clamp(4px,4vw,12px)}
.hero-lede{font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.55;letter-spacing:-.01em;max-width:48ch;margin:0 0 20px}
.hero-support{border-top:1px solid var(--line-light);padding-top:16px;font-size:16px;color:var(--muted);max-width:46ch;margin:0 0 24px}
@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr}
}
.hero-image{margin-top:clamp(36px,5vw,56px);aspect-ratio:21/9;overflow:hidden;border-radius:10px}
@media(max-width:640px){
  .hero-image{aspect-ratio:21/9}
}
.hero-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(0%)}
.editorial{border-top:1px solid var(--line-light)}
.editorial-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(32px,6vw,80px)}
@media(max-width:860px){
  .editorial-grid{grid-template-columns:1fr;gap:32px}
}
.editorial h2{font:500 var(--text-h2)/var(--leading-heading) var(--font-head);letter-spacing:-.01em;max-width:30ch;margin:0 0 28px}
.editorial p{font-size:17px;max-width:62ch;margin:0 0 20px}
.editorial-quote{margin:30px 0 0;max-width:46ch}
.editorial blockquote{position:relative;border-left:2px solid var(--accent);margin:0;padding-left:22px;font:400 italic clamp(1rem,1.55vw,1.2rem)/1.5 var(--font-head);letter-spacing:-.003em;color:var(--ink)}
.ambitos{background:var(--paper-alt)}
.ambitos h2{font:500 var(--text-h2)/var(--leading-heading) var(--font-head);letter-spacing:-.01em;max-width:30ch;margin:0 0 24px}
.ambitos-intro{font-size:17px;max-width:62ch;margin:0 0 36px}
.ambitos-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-light)}
@media(max-width:1024px){
  .ambitos-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .ambitos-grid{grid-template-columns:1fr}
}
.ambito{border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);padding:22px 20px;display:flex;flex-direction:column;gap:10px}
@media(max-width:1024px){
  .ambito:nth-child(2n){border-right:none}
}
@media(max-width:640px){
  .ambito{border-right:none!important}
}
.ambito-index{font:500 24px/1 var(--font-head);color:var(--accent)}
.ambito h3{font:600 var(--text-h3)/1.25 var(--font-head);letter-spacing:-.005em;margin:0}
.ambito p{font-size:var(--text-sm);line-height:1.5;color:var(--muted);margin:0}
@media(min-width:1025px){
  .ambito h3{white-space:nowrap;font-size:1rem}
}
@media(max-width:1024px){
  .ambito h3{white-space:normal}
}
.featured{border-top:1px solid var(--line-light)}
.featured-top{margin-bottom:32px;max-width:70ch}
.featured h2{font:500 var(--text-h2)/var(--leading-heading) var(--font-head);letter-spacing:-.01em;margin:0}
.featured-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,80px);align-items:stretch}
@media(max-width:900px){
  .featured-grid{grid-template-columns:1fr}
}
.featured-image{order:1;min-height:100%;width:100%;overflow:hidden;border-radius:10px}
.featured-image img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;border-radius:inherit;filter:grayscale(0%)}
@media(max-width:900px){
  .featured-image{min-height:0;width:100%;overflow:hidden;border-radius:10px}
  .featured-image img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:cover;border-radius:inherit}
}
.featured h3{font:500 clamp(1.6rem,2.6vw,2.1rem)/1.2 var(--font-head);letter-spacing:-.01em;margin:0 0 20px}
.meta-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0 0 20px;padding:16px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
@media(max-width:480px){
  .meta-list{grid-template-columns:1fr}
}
.meta-list dd{font:500 var(--text-sm)/1.5 var(--font-body);margin:0}
.featured p{font-size:var(--text-body);max-width:56ch;margin:0 0 18px}
.scope-list{list-style:none;margin:0 0 24px;padding:0;counter-reset:scopestep}
.scope-list li{counter-increment:scopestep;font:400 var(--text-sm)/1.5 var(--font-body);padding:10px 0;border-bottom:1px solid var(--line-light);display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:baseline}
.scope-list li:first-child{border-top:1px solid var(--line-light)}
.scope-list li:before{content:counter(scopestep,decimal-leading-zero);font:500 13px var(--font-head);color:var(--accent)}
.services-teaser{background:var(--paper-alt);border-top:1px solid var(--line-light)}
.services-teaser-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(32px,6vw,80px);align-items:start}
.services-teaser h2{font:500 var(--text-h2)/var(--leading-heading) var(--font-head);letter-spacing:-.01em;max-width:18ch;margin:0 0 20px}
.services-teaser p{font-size:17px;max-width:60ch;margin:0 0 24px}
.services-teaser .btn{margin-top:8px}
@media(max-width:860px){
  .services-teaser-grid{grid-template-columns:1fr}
}
.closing-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(32px,6vw,80px);align-items:start}
@media(max-width:860px){
  .closing-grid{grid-template-columns:1fr;gap:28px}
}
.closing h2{font:500 var(--text-h2)/var(--leading-heading) var(--font-head);letter-spacing:-.01em;max-width:20ch;margin:0 0 24px}
.closing p{font-size:17px;max-width:56ch;margin:0 0 28px}
.closing-micro{font:400 14px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--muted);margin-top:18px}
.closing p.closing-micro.meta-label{
  font:600 var(--text-xs)/1.2 var(--font-body);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--muted);
  margin:12px 0 0;
  max-width:none;
  white-space:normal;
  overflow-wrap:anywhere;
  text-wrap:balance
}
.editorial-quote .label-secondary{margin-bottom:12px}
.featured p.hero-support{font-size:16px;max-width:46ch;margin:0 0 24px}
.featured .scope-label{margin:32px 0 8px}

/* Ajustes responsivos: distancia eyebrow-heading y cierre */
@media(max-width:860px){
  .editorial-grid,
  .services-teaser-grid,
  .closing-grid{gap:0}
  .editorial-grid>div:first-child,
  .services-teaser-grid>div:first-child,
  .closing-grid>div:first-child{margin-bottom:var(--eyebrow-gap)}
  .hero h1{margin-top:-3px}
}
@media(max-width:640px){
  .closing p{font-size:16px;max-width:none;margin:0 0 24px}
  .closing-micro{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;margin-top:16px}
}

/* Hero: centrar eyebrow y h1 como bloque, solo en escritorio */
@media(min-width:861px){
  .hero-grid>div:first-child{
    align-self:center;
  }
}