/* Singles con Hijos · Homogeneous Editorial Layout 2.0.1
   Goal: one visual grammar for brand pages, legacy pages and articles.
   Marga routes and functional islands are intentionally excluded. */

.sch-wow-2 :is(.vmon-editorial,.vmon-somos-campaign){
  --sch-canvas:1180px;
  --sch-reading:820px;
  --sch-gutter:clamp(18px,3.2vw,34px);
}

/* 1. One canvas. No inherited Colibri offsets on editorial/brand content. */
.sch-wow-2 :is(.vmon-editorial,.vmon-somos-campaign) .vmon-shell{
  box-sizing:border-box;
  width:min(calc(100% - (var(--sch-gutter) * 2)),var(--sch-canvas));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}

/* 2. Editorial heroes: same rhythm on every normal page/article. */
.sch-wow-2 .vmon-editorial-hero{
  padding:clamp(58px,7vw,92px) 0;
  overflow:hidden;
}
.sch-wow-2 .vmon-editorial-hero__grid{
  gap:clamp(30px,5vw,66px);
  align-items:center;
}
.sch-wow-2 .vmon-editorial-hero__copy{min-width:0}
.sch-wow-2 .vmon-editorial-hero h1,
.sch-wow-2 .vmon-editorial--page .vmon-editorial-hero h1{
  max-width:15ch;
  margin:0;
  font-size:clamp(3rem,5.6vw,6rem);
  line-height:.9;
  letter-spacing:-.06em;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.sch-wow-2 .vmon-editorial-hero__lead{
  max-width:62ch;
  margin-top:24px;
  font-size:clamp(1.04rem,1.25vw,1.18rem);
  line-height:1.68;
}
.sch-wow-2 .vmon-editorial-hero__media{
  width:100%;
  max-width:560px;
  min-height:0;
  aspect-ratio:4/3;
  border-radius:24px;
  overflow:hidden;
}
.sch-wow-2 .vmon-editorial-hero__media:before{display:none}
.sch-wow-2 .vmon-editorial-hero__media img{
  width:100%;height:100%;min-height:0;max-height:none;
  object-fit:cover;border-radius:0;
}

/* 3. Native Gutenberg/classic pages get a readable column, with controlled wide media. */
.sch-wow-2 .cth-native-editorial{padding:clamp(48px,6vw,82px) 0;background:#f6f8fc}
.sch-wow-2 .cth-native-editorial__content{
  width:min(100%,var(--sch-reading));
  max-width:none;
  margin-inline:auto;
  color:#33445d;
  font-size:clamp(1.02rem,1vw + .1rem,1.1rem);
  line-height:1.78;
  overflow-wrap:normal;
  word-break:normal;
}
.sch-wow-2 .cth-native-editorial__content :where(h2,h3,h4){
  color:#071a3e;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.sch-wow-2 .cth-native-editorial__content h2{margin:1.35em 0 .42em;font-size:clamp(2.25rem,4.2vw,4rem);line-height:.98}
.sch-wow-2 .cth-native-editorial__content h3{margin:1.45em 0 .42em;font-size:clamp(1.55rem,2.7vw,2.4rem);line-height:1.02}
.sch-wow-2 .cth-native-editorial__content p{margin:0 0 1.35em}
.sch-wow-2 .cth-native-editorial__content :where(ul,ol){padding-left:1.25em;margin:0 0 1.5em}
.sch-wow-2 .cth-native-editorial__content li{margin:.45em 0}
.sch-wow-2 .cth-native-editorial__content :where(img,video){display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;border-radius:20px}
.sch-wow-2 .cth-native-editorial__content figure{max-width:100%;margin:1.8em 0}
.sch-wow-2 .cth-native-editorial__content figcaption{margin-top:.65em;color:#6a7890;font-size:.86rem;line-height:1.45;text-align:center}
.sch-wow-2 .cth-native-editorial__content blockquote{
  margin:2em 0;padding:24px 28px;border:0;border-left:5px solid var(--brand,#2f6cff);
  border-radius:0 18px 18px 0;background:#fff;color:#1e304b;
  font-family:var(--display);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;line-height:1.25;
}
.sch-wow-2 .cth-native-editorial__content table{border:1px solid rgba(7,26,62,.1);border-radius:14px;background:#fff}

/* 4. Legacy Colibri content: content only. Its old geometry must never become page geometry. */
.sch-wow-2 :is(.vmon380-story__copy,.vmon-editorial__content--legacy-safe) :where(
  .h-section,.h-section-grid-container,.h-row-container,.h-row,.h-column,.h-column-container,
  .h-column__inner,.h-column__content,.h-y-container,.h-x-container,.h-x-container-inner,
  .h-heading,.h-heading__outer,.h-text,.h-text-component
){
  position:static!important;
  float:none!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  min-height:0!important;height:auto!important;
  margin-left:0!important;margin-right:0!important;
  transform:none!important;
  box-shadow:none!important;
}
.sch-wow-2 :is(.vmon380-story__copy,.vmon-editorial__content--legacy-safe) :where([style*="width"],[style*="margin-left"],[style*="left:"]){
  max-width:100%!important;
}
.sch-wow-2 :is(.vmon380-story__copy,.vmon-editorial__content--legacy-safe) :where(img,video,iframe){max-width:100%!important;height:auto!important}
.sch-wow-2 .vmon380-story__grid{grid-template-columns:minmax(0,1.06fr) minmax(280px,.72fr);max-width:1100px;gap:clamp(34px,5.5vw,68px)}
.sch-wow-2 .vmon380-story__frame{max-width:920px}
.sch-wow-2 .vmon380-story__copy{max-width:820px}
.sch-wow-2 .vmon380-story__copy p{max-width:72ch!important}

/* 5. Brand / Quienes somos: same canvas and less poster-like excess. */
.sch-wow-2 .vmon-somos-campaign{overflow:clip;background:#fff}
.sch-wow-2 .vmon-somos-hero{padding:clamp(64px,8vw,104px) 0}
.sch-wow-2 .vmon-somos-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:clamp(34px,6vw,76px);align-items:center}
.sch-wow-2 .vmon-somos-hero h1{max-width:14ch;font-size:clamp(3.15rem,6vw,6.6rem);line-height:.89}
.sch-wow-2 .vmon-somos-hero__aside{max-width:560px}
.sch-wow-2 .vmon-somos-history,
.sch-wow-2 .vmon-somos-section,
.sch-wow-2 .vmon-somos-final{padding:clamp(62px,7.5vw,104px) 0}
.sch-wow-2 .vmon-somos-history__grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.18fr);gap:clamp(34px,6vw,72px)}
.sch-wow-2 .vmon-somos-history__poster{min-height:420px}
.sch-wow-2 .vmon-somos-head{grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);gap:clamp(28px,5vw,58px)}
.sch-wow-2 .vmon-somos-history__copy h2,
.sch-wow-2 .vmon-somos-section h2{font-size:clamp(2.55rem,4.7vw,4.9rem);line-height:.94}
.sch-wow-2 .vmon-somos-do{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:22px}
.sch-wow-2 .vmon-somos-do article{min-height:290px;padding:28px}
.sch-wow-2 .vmon-somos-do span{margin-bottom:54px}
.sch-wow-2 .vmon-somos-team{gap:16px}
.sch-wow-2 .vmon-somos-person{min-height:280px}
.sch-wow-2 .vmon-somos-groups{grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:clamp(34px,6vw,74px)}
.sch-wow-2 .vmon-somos-photo{min-height:clamp(360px,48vw,620px)}

/* 6. Archive/index/article pages follow the same card and reading grammar. */
.sch-wow-2 .cth-card-grid{width:min(calc(100% - 40px),1180px);margin-inline:auto}
.sch-wow-2 .cth-card{border-radius:20px;overflow:hidden;border:1px solid rgba(7,26,62,.09);background:#fff;box-shadow:0 12px 34px rgba(7,26,62,.045)}
.sch-wow-2 .cth-card img{aspect-ratio:16/10;object-fit:cover}
.sch-wow-2 .vmon-editorial--post .vmon380-story__copy{max-width:780px}

/* 7. Hard responsive guardrails. */
@media(max-width:900px){
  .sch-wow-2 .vmon-editorial-hero__grid,
  .sch-wow-2 .vmon-somos-hero__grid,
  .sch-wow-2 .vmon-somos-history__grid,
  .sch-wow-2 .vmon-somos-head,
  .sch-wow-2 .vmon-somos-groups,
  .sch-wow-2 .vmon380-story__grid{grid-template-columns:1fr}
  .sch-wow-2 .vmon-editorial-hero__media{justify-self:start;max-width:720px}
  .sch-wow-2 .vmon-somos-do{grid-template-columns:1fr}
  .sch-wow-2 .vmon-somos-groups__statement{position:static}
}
@media(max-width:620px){
  .sch-wow-2 :is(.vmon-editorial,.vmon-somos-campaign){--sch-gutter:16px}
  .sch-wow-2 .vmon-editorial-hero{padding:44px 0 52px}
  .sch-wow-2 .vmon-editorial-hero h1,
  .sch-wow-2 .vmon-editorial--page .vmon-editorial-hero h1{font-size:clamp(2.55rem,12.5vw,4rem);line-height:.92}
  .sch-wow-2 .vmon-editorial-hero__media{aspect-ratio:16/11;border-radius:18px}
  .sch-wow-2 .cth-native-editorial{padding:34px 0 50px}
  .sch-wow-2 .cth-native-editorial__content{font-size:1rem;line-height:1.7}
  .sch-wow-2 .cth-native-editorial__content h2{font-size:clamp(2rem,9.5vw,3rem)}
  .sch-wow-2 .vmon-somos-hero{padding:50px 0 58px}
  .sch-wow-2 .vmon-somos-hero h1{font-size:clamp(2.7rem,12vw,4.25rem)}
  .sch-wow-2 .vmon-somos-history,
  .sch-wow-2 .vmon-somos-section,
  .sch-wow-2 .vmon-somos-final{padding:50px 0}
  .sch-wow-2 .vmon-somos-history__poster{min-height:340px}
  .sch-wow-2 .vmon-somos-person{grid-column:1/-1!important;min-height:300px}
  .sch-wow-2 .vmon-somos-photo{min-height:360px}
  .sch-wow-2 :where(.cth-native-editorial__content,.vmon380-story__copy,.vmon-editorial__content--legacy-safe) :where(table,pre){max-width:100%;overflow-x:auto}
}