/* CS Integrador · Oferta comercial pública v1.2.11
   Solo presentación comercial: precios de referencia, tiempos, comprador objetivo
   y planes de continuidad. No modifica lógica funcional del portal. */

.commercial-snapshot-section{
  padding:0 0 24px;
  background:#fff;
}
.commercial-snapshot-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--line,#d9e3ea);
  border-radius:16px;
  background:var(--line,#d9e3ea);
}
.commercial-snapshot-item{
  min-width:0;
  padding:18px 20px;
  background:#fff;
}
.commercial-snapshot-item span,
.commercial-snapshot-item strong,
.commercial-snapshot-item small{display:block;min-width:0;overflow-wrap:anywhere}
.commercial-snapshot-item span{
  color:var(--muted,#66788a);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.commercial-snapshot-item strong{
  margin-top:7px;
  color:var(--primary-900,#0e3a56);
  font-size:1rem;
}
.commercial-snapshot-item small{
  margin-top:5px;
  color:var(--muted,#66788a);
  line-height:1.45;
}
.commercial-snapshot-note{
  margin:9px 2px 0;
  color:var(--muted,#66788a);
  font-size:.76rem;
  line-height:1.45;
}

.commercial-offer-meta,
.commercial-stage-reference{
  display:grid;
  gap:3px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #e6edf1;
}
.commercial-offer-meta strong,
.commercial-stage-reference strong{
  color:var(--primary-900,#0e3a56);
  font-size:.94rem;
}
.commercial-offer-meta small,
.commercial-stage-reference span{
  color:var(--muted,#66788a);
  font-size:.79rem;
  line-height:1.4;
}
.commercial-stage-reference-inline{margin:0 0 14px}

.commercial-section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:clamp(24px,5vw,60px);
  align-items:end;
  margin-bottom:24px;
}
.commercial-section-heading h2,
.commercial-section-heading h3{margin:8px 0 0;color:var(--primary-900,#0e3a56)}
.commercial-section-heading>p{margin:0;color:var(--muted,#66788a);line-height:1.55}

.continuity-plan-section{
  margin-top:18px;
  padding:clamp(24px,4vw,36px);
  border:1px solid var(--line,#d9e3ea);
  border-radius:18px;
  background:#fff;
}
.continuity-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.continuity-plan-card{
  min-width:0;
  padding:22px;
  border:1px solid #dce6eb;
  border-radius:16px;
  background:#fbfcfd;
}
.continuity-plan-card.is-featured{
  border-color:#9bcfd2;
  background:#f6fbfb;
  box-shadow:0 0 0 2px rgba(15,154,168,.05);
}
.continuity-plan-name{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  background:#edf5f7;
  color:#246979;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.continuity-plan-card>strong{
  display:block;
  margin:14px 0 8px;
  color:var(--primary-900,#0e3a56);
  font-size:1.05rem;
  overflow-wrap:anywhere;
}
.continuity-plan-card p{margin:0;color:var(--muted,#66788a);line-height:1.5}
.continuity-plan-card ul{margin:15px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.continuity-plan-card li{position:relative;padding-left:17px;color:#405b6e;font-size:.84rem;line-height:1.4}
.continuity-plan-card li::before{content:"✓";position:absolute;left:0;color:var(--tech,#168f96);font-weight:900}

.buyer-fit-section{padding-top:58px;padding-bottom:58px}
.buyer-fit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.buyer-fit-grid article{
  min-width:0;
  padding:18px;
  border-top:1px solid var(--line,#d9e3ea);
}
.buyer-fit-grid strong{display:block;color:var(--primary-900,#0e3a56);font-size:.94rem}
.buyer-fit-grid span{display:block;margin-top:6px;color:var(--muted,#66788a);font-size:.84rem;line-height:1.48}

.investment-contract-section{padding-top:58px;padding-bottom:58px}
.investment-contract-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.investment-contract-grid article{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:20px;
  border:1px solid var(--line,#d9e3ea);
  border-radius:15px;
  background:#fff;
}
.investment-contract-grid article>span{
  color:var(--tech,#168f96);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.investment-contract-grid article>strong{
  margin-top:12px;
  color:var(--primary-900,#0e3a56);
  font-size:1.04rem;
  overflow-wrap:anywhere;
}
.investment-contract-grid article>p{margin:10px 0;color:var(--muted,#66788a);font-size:.85rem;line-height:1.5}
.investment-contract-grid article>small{margin-top:auto;padding-top:9px;color:#536d7f;font-weight:700;line-height:1.4}
.investment-contract-note{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;
  gap:16px 24px;
  align-items:center;
  margin-top:16px;
  padding:18px 20px;
  border-left:3px solid var(--tech,#168f96);
  border-radius:12px;
  background:#f7fbfc;
}
.investment-contract-note>strong{color:var(--primary-900,#0e3a56)}
.investment-contract-note>p{margin:0;color:var(--muted,#66788a);font-size:.84rem;line-height:1.5}
.investment-contract-note .actions{justify-content:flex-end;margin:0}

@media(max-width:980px){
  .commercial-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .investment-contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .investment-contract-note{grid-template-columns:1fr}
  .investment-contract-note .actions{justify-content:flex-start}
}
@media(max-width:760px){
  .commercial-snapshot-section{padding-bottom:14px}
  .commercial-snapshot-grid,
  .continuity-plan-grid,
  .buyer-fit-grid,
  .investment-contract-grid,
  .commercial-section-heading{grid-template-columns:1fr}
  .commercial-snapshot-item{padding:15px 16px}
  .continuity-plan-section{padding:18px}
  .buyer-fit-section,.investment-contract-section{padding-top:40px;padding-bottom:40px}
  .buyer-fit-grid article{padding:14px 2px}
  .investment-contract-note{padding:16px}
  .investment-contract-note .actions{width:100%}
  .investment-contract-note .actions .button{width:100%}
}

/* FIX18 · ajuste de precios de entrada + densidad visual.
   Mantiene la lógica comercial y funcional existente; solo reduce altura y fricción visual. */

/* Home: resumen comercial más compacto */
.home-compact .commercial-snapshot-section{
  padding-bottom:12px;
}
.home-compact .commercial-snapshot-item{
  padding:13px 16px;
}
.home-compact .commercial-snapshot-item strong{
  margin-top:4px;
  font-size:.96rem;
}
.home-compact .commercial-snapshot-item small{
  margin-top:3px;
  line-height:1.35;
}
.home-compact .commercial-snapshot-note{
  margin-top:6px;
}

/* Servicios: compactar la ruta completa sin eliminar contenido */
.services-commercial-compact .service-catalog-hero{
  padding-top:42px;
  padding-bottom:30px;
}
.services-commercial-compact .commercial-journey-section{
  padding-top:34px;
  padding-bottom:34px;
}
.services-commercial-compact .service-model-intro{
  margin-bottom:15px;
}
.services-commercial-compact .service-model-intro h2{
  margin-top:5px;
  margin-bottom:6px;
}
.services-commercial-compact .journey-step-grid{
  gap:10px;
  margin-bottom:22px;
}
.services-commercial-compact .journey-step-card{
  padding:17px 18px;
}
.services-commercial-compact .journey-step-number{
  width:30px;
  height:30px;
  margin-bottom:10px;
}
.services-commercial-compact .journey-step-card p{
  margin-top:6px;
  line-height:1.4;
}
.services-commercial-compact .journey-step-card .text-link{
  margin-top:10px;
}
.services-commercial-compact .commercial-offer-meta,
.services-commercial-compact .commercial-stage-reference{
  margin-top:9px;
  padding-top:9px;
}
.services-commercial-compact .commercial-stage-block{
  margin-top:18px;
  padding:22px 24px;
}
.services-commercial-compact .commercial-stage-block.is-diagnostic{
  gap:28px;
}
.services-commercial-compact .continuity-card{
  margin-top:18px;
  padding:22px 24px;
  gap:28px;
}
.services-commercial-compact .continuity-feature-grid{
  gap:7px;
}
.services-commercial-compact .continuity-feature-grid span{
  padding:8px 10px;
}
.services-commercial-compact .continuity-plan-section{
  margin-top:12px;
  padding:20px;
}
.services-commercial-compact .commercial-section-heading{
  gap:24px;
  margin-bottom:15px;
}
.services-commercial-compact .commercial-section-heading h2,
.services-commercial-compact .commercial-section-heading h3{
  margin-top:5px;
}
.services-commercial-compact .continuity-plan-grid{
  gap:9px;
}
.services-commercial-compact .continuity-plan-card{
  padding:16px;
}
.services-commercial-compact .continuity-plan-card>strong{
  margin:9px 0 5px;
}
.services-commercial-compact .continuity-plan-card ul{
  margin-top:9px;
  gap:4px;
}
.services-commercial-compact .buyer-fit-section,
.services-commercial-compact .investment-contract-section{
  padding-top:34px;
  padding-bottom:34px;
}
.services-commercial-compact .buyer-fit-grid{
  gap:6px;
}
.services-commercial-compact .buyer-fit-grid article{
  padding:12px 14px;
}
.services-commercial-compact .buyer-fit-grid span{
  margin-top:4px;
  line-height:1.38;
}
.services-commercial-compact .investment-contract-grid{
  gap:8px;
}
.services-commercial-compact .investment-contract-grid article{
  padding:15px;
}
.services-commercial-compact .investment-contract-grid article>strong{
  margin-top:7px;
}
.services-commercial-compact .investment-contract-grid article>p{
  margin:6px 0;
  line-height:1.4;
}
.services-commercial-compact .investment-contract-grid article>small{
  padding-top:6px;
}
.services-commercial-compact .investment-contract-note{
  margin-top:10px;
  padding:14px 16px;
}
.services-commercial-compact .seo-topic-section,
.services-commercial-compact .service-contract-path-v1167{
  padding-top:34px;
  padding-bottom:34px;
}

@media(max-width:760px){
  .services-commercial-compact .service-catalog-hero,
  .services-commercial-compact .commercial-journey-section,
  .services-commercial-compact .buyer-fit-section,
  .services-commercial-compact .investment-contract-section,
  .services-commercial-compact .seo-topic-section,
  .services-commercial-compact .service-contract-path-v1167{
    padding-top:28px;
    padding-bottom:28px;
  }
  .services-commercial-compact .commercial-stage-block,
  .services-commercial-compact .continuity-card,
  .services-commercial-compact .continuity-plan-section{
    padding:16px;
  }
  .services-commercial-compact .commercial-section-heading{
    gap:10px;
    margin-bottom:12px;
  }
}

/* RC1 FIX19 — continuidad coherente con los tres planes comerciales. */
.services-commercial-compact .continuity-plan-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.services-commercial-compact .continuity-plan-quick-grid span{display:grid;align-content:start;gap:4px}
.services-commercial-compact .continuity-plan-quick-grid span strong{color:#0c3551;font-size:.84rem}
.services-commercial-compact .continuity-plan-quick-grid span small{color:#61788a;font-size:.76rem;font-weight:520;line-height:1.35}
@media(max-width:900px){.services-commercial-compact .continuity-plan-quick-grid{grid-template-columns:1fr}}

/* RC1 FIX20 — continuidad unificada y página de servicios más compacta. */
.services-commercial-compact .continuity-plan-section-unified{
  margin-top:18px;
}
.services-commercial-compact .continuity-unified-heading{
  align-items:start;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
}
.services-commercial-compact .continuity-unified-heading > div:first-child > p,
.services-commercial-compact .continuity-unified-summary > p{
  margin:7px 0 0;
  color:var(--muted,#66788a);
  line-height:1.5;
}
.services-commercial-compact .continuity-unified-summary{
  display:grid;
  gap:12px;
  align-content:start;
}
.services-commercial-compact .continuity-unified-summary .commercial-capability-actions{
  margin:0;
}
@media(max-width:900px){
  .services-commercial-compact .continuity-unified-heading{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .services-commercial-compact .continuity-unified-summary{
    gap:9px;
  }
  .services-commercial-compact .continuity-unified-summary .button{
    width:100%;
  }
}