/* RC6: presentation-only polish. Never changes Marga data or behaviour. */

/* Price/Includes: old inline orange/green table headers become VMON brand. */
.vmon-marga-page #precioIncluye table th,
.vmon-marga-page #precioIncluye table thead th,
.vmon-marga-page #precioIncluye table th[style*="background"]{
  background:var(--brand-grad)!important;
  background-color:var(--brand)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.vmon-marga-page #precioIncluye table th :where(span,strong,a),
.vmon-marga-page #precioIncluye table th a:visited{color:#fff!important;text-decoration-color:rgba(255,255,255,.65)!important}
.vmon-marga-page #precioIncluye table{border:1px solid rgba(var(--brand-rgb),.14)!important;box-shadow:0 10px 30px rgba(11,24,56,.045)!important}

/* Direct Mundo Durundo listing/dimension pages get an editorial header while
   the actual result cards remain the untouched Marga island below. */
.vmon2026 .vmon-rc6-listing{background:#f6f8fc}
.vmon2026 .vmon-rc6-listing-hero{padding:clamp(58px,7vw,96px) 0 clamp(42px,5vw,70px);background:#fff;border-bottom:1px solid rgba(11,24,56,.09)}
.vmon2026 .vmon-rc6-listing-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(32px,6vw,80px);align-items:center}
.vmon2026 .vmon-rc6-listing-hero__copy h1{max-width:900px;margin:8px 0 0;font-family:var(--display);font-size:clamp(3.3rem,6.8vw,6.8rem);font-weight:950;line-height:.9;letter-spacing:-.065em;color:var(--ink);text-wrap:balance}
.vmon2026 .vmon-rc6-listing-hero__lead{max-width:760px;margin:24px 0 0;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.65;color:#52627a}
.vmon2026 .vmon-rc6-listing-hero__count{display:inline-flex;margin-top:22px;padding:9px 13px;border-radius:999px;background:rgba(var(--brand-start-rgb),.12);color:var(--brand-deep);font-size:.78rem;font-weight:900}
.vmon2026 .vmon-rc6-listing-hero__media{margin:0;aspect-ratio:1.2/1;overflow:hidden;border-radius:24px;box-shadow:0 22px 54px rgba(11,24,56,.13);transform:rotate(1.2deg)}
.vmon2026 .vmon-rc6-listing-hero__media img{width:100%;height:100%;object-fit:cover;display:block}
.vmon2026 .vmon-rc6-listing-results{padding:clamp(40px,5vw,66px) 0 90px}
.vmon2026 .vmon-rc6-listing-results .cth-marga-island{width:100%}
.vmon2026 .vmon-rc6-listing-results .md-template{width:100%!important;margin:0!important;padding:0!important}
.vmon2026 .vmon-rc6-listing-results .vmon-rc6-source-title{display:none!important}

@media(max-width:820px){
  .vmon2026 .vmon-rc6-listing-hero__grid{grid-template-columns:1fr}
  .vmon2026 .vmon-rc6-listing-hero__media{max-width:560px;transform:none}
}

/* RC6.3: every trip tab owns the full product column. Marga sometimes wraps
   the tabs in a legacy h-col-* width; presentation must not inherit it. */
.vmon-marga-page .md-template [class*="h-col-"]:has(.h-tabs),
.vmon-marga-page .md-template .h-column:has(> .h-tabs){
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.vmon-marga-page .md-template :where(.h-tabs,.h-tabs-navigation,.h-tabs-item-content,.h-tabs-content){
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.vmon-marga-page .h-tabs-item-content table,
.vmon-marga-page .h-tabs-item-content table.table{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Brand-token normalization for all structural table headers in trip tabs.
   It deliberately targets THEAD/header cells only: status values such as
   Completo, warnings and availability colours in TBODY keep their meaning. */
.vmon-marga-page .h-tabs-item-content table thead :where(th,td),
.vmon-marga-page .h-tabs-item-content table[summary] thead :where(th,td),
.vmon-marga-page #precioIncluye table thead :where(th,td){
  background:var(--brand-grad)!important;
  background-color:var(--brand)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.vmon-marga-page .h-tabs-item-content table thead :where(th,td) :where(span,strong,a),
.vmon-marga-page .h-tabs-item-content table[summary] thead :where(th,td) :where(span,strong,a),
.vmon-marga-page #precioIncluye table thead :where(th,td) :where(span,strong,a){
  color:#fff!important;
  text-decoration-color:rgba(255,255,255,.68)!important;
}

/* RC6.4 — harden the trip tab width against nested Colibri wrappers. The
   source HTML can contain h-column/h-column__inner layers around the tabs and
   tables with align/float/width inline styles. The product column owns 100%. */
.vmon-marga-page .md-template :where(.h-row-container,.h-row,.h-column,.h-column-container,.h-column__inner,.h-column__content):has(#precioIncluye){
  width:100%!important;max-width:none!important;min-width:0!important;float:none!important;box-sizing:border-box!important;
}
.vmon-marga-page .md-template :where(.h-column,.h-column-container):has(#precioIncluye){flex:0 0 100%!important}
.vmon-marga-page .md-template .h-row:has(#precioIncluye){display:block!important;margin-left:0!important;margin-right:0!important}
.vmon-marga-page .md-template :where(.h-tabs,.h-tabs-navigation,.h-tabs-item-content,.h-tabs-content,#precioIncluye,#precioIncluye>.w-100,#precioIncluye>.w-100>div){
  width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
}
.vmon-marga-page #precioIncluye table,
.vmon-marga-page #precioIncluye table.table,
.vmon-marga-page #precioIncluye table[align],
.vmon-marga-page #precioIncluye>div>div{float:none!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

/* Every structural header in the price/includes tab is brand-owned. Legacy
   red/orange/green backgrounds are presentational only; semantic body states
   (Completo, warnings, errors, availability) remain untouched. */
.vmon-marga-page #precioIncluye table thead tr>th,
.vmon-marga-page #precioIncluye table thead tr>td{
  background:var(--brand-grad)!important;background-color:var(--brand)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;
}
.vmon-marga-page #precioIncluye table thead tr>th :where(span,strong,a),
.vmon-marga-page #precioIncluye table thead tr>td :where(span,strong,a){color:#fff!important;text-decoration-color:rgba(255,255,255,.7)!important}