/* Capa editorial local. Cargar después de atmosfera.css y recorrido.css. */
:root{--ed-rule:rgba(151,211,224,.27);--ed-text:#d6e5ed;--ed-muted:#b5cbd6}
#servicios,#metodologia,#porque,#contacto{isolation:isolate}
#servicios .rv-head,#metodologia .rv-head,#porque .rv-head,#comando .rv-head{max-width:980px}
#servicios .sec-lead,#metodologia .sec-lead,#comando .sec-lead{max-width:67ch;color:var(--ed-text)}

/* Tres capítulos de servicio, con detalle operativo en una columna propia. */
#servicios{background:radial-gradient(ellipse 44% 48% at 100% 20%,rgba(17,121,139,.12),transparent 78%),#070f1b}
#servicios .services-grid{display:block;margin-top:clamp(54px,7vw,94px);border-top:1px solid var(--ed-rule)}
#servicios .service-card,#servicios .services-grid>.service-card:first-child{display:grid;grid-template-columns:minmax(80px,.2fr) minmax(220px,.8fr) minmax(210px,.8fr) minmax(240px,1.1fr);grid-template-rows:auto;align-items:start;gap:clamp(18px,2.5vw,42px);min-height:0;padding:clamp(28px,4vw,54px) 0;border:0;border-bottom:1px solid var(--ed-rule);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:none!important;will-change:auto}
#servicios .service-card::after{display:none}
#servicios .service-card:hover{border-color:var(--ed-rule);box-shadow:none}
#servicios .service-card .ic,#servicios .services-grid>.service-card:first-child .ic{grid-column:1;grid-row:1;width:56px;height:56px;border-radius:50%;background:rgba(145,233,240,.07);border:1px solid var(--ed-rule);color:#a7eff3}
#servicios .service-card .badge,#servicios .services-grid>.service-card:first-child .badge{grid-column:2;grid-row:1;font-size:12px;letter-spacing:.18em;color:#aee5eb;padding-top:9px}
#servicios .service-card h3,#servicios .services-grid>.service-card:first-child h3{grid-column:2;grid-row:1;margin:34px 0 0;font-size:clamp(27px,2.7vw,43px);font-weight:400;line-height:1.04;letter-spacing:-.045em}
#servicios .service-card h3 em{font-weight:600}
#servicios .service-card>p,#servicios .services-grid>.service-card:first-child>p{grid-column:3;grid-row:1;margin:6px 0 0;max-width:37ch;font-size:clamp(15px,1.15vw,17px);line-height:1.65;color:var(--ed-text)}
#servicios .service-items,#servicios .services-grid>.service-card:first-child .service-items{grid-column:4;grid-row:1;align-self:start;margin:0;padding:0}
#servicios .service-items li{font-size:13px;line-height:1.45;padding:9px 0;color:#c4d9e4}
#servicios .service-items li:first-child{border-top:0}

/* El ciclo se lee como una secuencia continua, no como cinco bloques aislados. */
#metodologia{background:linear-gradient(160deg,#0a1321,#07101d 72%)}
#metodologia .fly-grid{display:block;margin-top:clamp(50px,7vw,90px);border-top:1px solid var(--ed-rule)}
#metodologia .fly-grid::before,#metodologia .fly-return{display:none}
#metodologia .fly-step{display:grid;grid-template-columns:minmax(105px,.23fr) minmax(180px,.7fr) minmax(0,1fr);gap:clamp(20px,4vw,70px);align-items:start;min-height:0;padding:clamp(28px,4vw,47px) 0;border:0;border-bottom:1px solid var(--ed-rule);border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
#metodologia .fly-step .num{grid-column:1;grid-row:1;font-size:12px;color:#b4e8ed}
#metodologia .fly-step .gl{grid-column:2;grid-row:1;font-size:20px;color:#c5a9d0;opacity:.8}
#metodologia .fly-step h3{grid-column:2;grid-row:1;margin:38px 0 0;font-size:clamp(25px,2.55vw,39px);font-weight:400;letter-spacing:-.04em;line-height:1.04}
#metodologia .fly-step p{grid-column:3;grid-row:1;max-width:56ch;margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.65;color:var(--ed-text)}
#metodologia .fly-note{margin-top:40px;padding:24px 0 0;max-width:70ch;border:0;border-top:1px solid rgba(232,160,223,.5);border-radius:0;background:none;box-shadow:none}
#metodologia .fly-note p{font-size:17px;line-height:1.7;color:var(--ed-text)}

/* Una tesis destacada y cuatro razones como índice editorial. */
#porque .why-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(38px,5vw,84px);align-items:start;margin-top:clamp(54px,7vw,95px)}
#porque .why-highlight{padding:clamp(30px,4vw,58px);border:1px solid var(--ed-rule);border-radius:0;background:linear-gradient(145deg,rgba(16,49,65,.56),rgba(11,20,34,.68));box-shadow:none;gap:19px}
#porque .why-highlight h3{font-size:clamp(29px,3.5vw,50px);line-height:1.05;max-width:17ch}
#porque .why-highlight p{font-size:15px;line-height:1.67;color:var(--ed-text)}
#porque .why-highlight .cta-pill{align-self:flex-start}
#porque .why-cards{display:block;border-top:1px solid var(--ed-rule)}
#porque .diff-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 18px;padding:26px 0;border:0;border-bottom:1px solid var(--ed-rule);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
#porque .diff-card .sym{grid-column:1;grid-row:1/3;font-size:21px;color:#9eeaf0}
#porque .diff-card h4{grid-column:2;grid-row:1;font-size:clamp(18px,1.5vw,23px);font-weight:500;line-height:1.2}
#porque .diff-card p{grid-column:2;grid-row:2;font-size:14px;line-height:1.6;color:var(--ed-text)}

/* La imagen de Comando es protagonista; módulos en un inventario de dos columnas. */
#comando .comando-cinema{margin-top:clamp(48px,6vw,82px)}
#comando .mods-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;border-left:0;margin-top:0}
#comando .mod-card{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:8px 24px;min-height:240px;padding:clamp(25px,3vw,42px);border:0;border-bottom:1px solid var(--ed-rule);border-radius:0;background:rgba(8,21,33,.8);box-shadow:none;backdrop-filter:none}
#comando .mod-card:nth-child(odd){border-right:1px solid var(--ed-rule)}
#comando .mod-card::before{width:100%;opacity:.32}
#comando .mod-card .chip{grid-column:1;grid-row:1;font-size:12px;padding:0;color:#b8e9ed}
#comando .mod-card .gl{grid-column:1;grid-row:2;font-size:24px;margin:12px 0 0}
#comando .mod-card h3{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:450}
#comando .mod-card p{grid-column:2;grid-row:3;margin:4px 0 0;max-width:45ch;font-size:14px;line-height:1.6;color:var(--ed-text)}
#comando .comando-cta{padding-top:30px;border-top:1px solid var(--ed-rule);margin-top:0}
#comando .comando-cta .note{color:var(--ed-muted);line-height:1.5}

/* Cierre claro y formulario con foco visible. */
#contacto{background:radial-gradient(ellipse 50% 60% at 0 40%,rgba(17,115,129,.16),transparent 80%),#07101c}
#contacto .contact-layout{grid-template-columns:minmax(0,1fr) minmax(340px,470px);gap:clamp(40px,7vw,110px);align-items:start}
#contacto .contact-info h2{font-size:clamp(47px,5.5vw,78px);max-width:11ch;line-height:.98}
#contacto .contact-info .sec-lead{max-width:48ch;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--ed-text)}
#contacto .contact-meta{grid-template-columns:1fr;gap:0;max-width:none;padding-top:0}
#contacto .contact-meta .row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--ed-rule)}
#contacto .contact-meta .row .lbl{margin:3px 0 0;color:#aac9d4}
#contacto .contact-meta .row .val{overflow-wrap:anywhere;color:#e4f2f5}
#contacto .form-card{padding:clamp(26px,3vw,42px);border:1px solid rgba(145,233,240,.34);border-radius:0;background:linear-gradient(160deg,rgba(17,38,52,.95),rgba(8,18,31,.96));box-shadow:0 34px 80px rgba(0,0,0,.22)}
#contacto :is(a,button,input,select):focus-visible,#porque a:focus-visible,#comando a:focus-visible{outline:2px solid #c8fcff;outline-offset:4px}

@media(max-width:1100px){
  #servicios .service-card,#servicios .services-grid>.service-card:first-child{grid-template-columns:65px minmax(190px,.8fr) minmax(0,1fr);gap:20px 28px}
  #servicios .service-items,#servicios .services-grid>.service-card:first-child .service-items{grid-column:3;grid-row:2}
  #servicios .service-card>p,#servicios .services-grid>.service-card:first-child>p{grid-column:3;grid-row:1}
  #porque .why-layout{grid-template-columns:1fr;gap:38px}
}
@media(max-width:760px){
  #servicios .service-card,#servicios .services-grid>.service-card:first-child{grid-template-columns:50px minmax(0,1fr);gap:15px 18px;padding:34px 0}
  #servicios .service-card .ic,#servicios .services-grid>.service-card:first-child .ic{width:44px;height:44px}
  #servicios .service-card .badge,#servicios .services-grid>.service-card:first-child .badge,#servicios .service-card h3,#servicios .services-grid>.service-card:first-child h3{grid-column:2;grid-row:1}
  #servicios .service-card h3,#servicios .services-grid>.service-card:first-child h3{margin-top:31px;font-size:clamp(26px,6vw,36px)}
  #servicios .service-card>p,#servicios .services-grid>.service-card:first-child>p{grid-column:2;grid-row:2;margin:0}
  #servicios .service-items,#servicios .services-grid>.service-card:first-child .service-items{grid-column:2;grid-row:3}
  #metodologia .fly-step{grid-template-columns:72px minmax(0,1fr);gap:7px 18px;padding:27px 0}
  #metodologia .fly-step .num{grid-column:1;grid-row:1}
  #metodologia .fly-step .gl{display:none}
  #metodologia .fly-step h3{grid-column:2;grid-row:1;margin:0;font-size:clamp(24px,5vw,34px)}
  #metodologia .fly-step p{grid-column:2;grid-row:2;font-size:15px}
  #comando .mods-grid{grid-template-columns:1fr}
  #comando .mod-card:nth-child(odd){border-right:0}
  #comando .mod-card{min-height:0;padding:27px 12px;grid-template-columns:46px minmax(0,1fr)}
  #comando .mod-card h3{font-size:25px}
  #contacto .contact-layout{grid-template-columns:1fr}
}
@media(max-width:460px){
  #servicios .service-card,#servicios .services-grid>.service-card:first-child{grid-template-columns:1fr}
  #servicios .service-card .ic,#servicios .services-grid>.service-card:first-child .ic{display:none}
  #servicios .service-card .badge,#servicios .services-grid>.service-card:first-child .badge,#servicios .service-card h3,#servicios .services-grid>.service-card:first-child h3,#servicios .service-card>p,#servicios .services-grid>.service-card:first-child>p,#servicios .service-items,#servicios .services-grid>.service-card:first-child .service-items{grid-column:1}
  #servicios .service-card .badge,#servicios .services-grid>.service-card:first-child .badge,#servicios .service-card h3,#servicios .services-grid>.service-card:first-child h3{grid-row:1}
  #servicios .service-card>p,#servicios .services-grid>.service-card:first-child>p{grid-row:2}
  #servicios .service-items,#servicios .services-grid>.service-card:first-child .service-items{grid-row:3}
  #porque .why-highlight{padding:27px 22px}
  #contacto .contact-meta .row{grid-template-columns:83px minmax(0,1fr);gap:8px}
}
@media(prefers-reduced-motion:reduce){#servicios .service-card{transition:none}}