/* VCTF4.0 · final brand hardening on top of CONTUHIJO CORE 1.0.9. */
body.cth-brand--vctf{--vctf-blue:#0B74D1;--vctf-deep:#071B33}

/* Trip pages: one canvas. No inherited Colibri column may halve the tabs. */
body.cth-brand--vctf.vmon-marga-page .md-template :where(.cth-trip-tabs-shell,.cth-trip-tabs,.cth-trip-tab-panel){width:100%!important;max-width:none!important;min-width:0!important;float:none!important;box-sizing:border-box!important}
body.cth-brand--vctf.vmon-marga-page .md-template :where(.h-column,.h-column-container).cth-trip-tabs-shell{flex:0 0 100%!important;flex-basis:100%!important}
body.cth-brand--vctf.vmon-marga-page .md-template .h-row.cth-trip-tabs-shell{display:block!important;margin-left:0!important;margin-right:0!important}
@supports selector(.md-template:has(#imagenes)){
  body.cth-brand--vctf.vmon-marga-page .md-template :where(.h-row-container,.h-row,.h-column,.h-column-container,.h-column__inner,.h-column__content):has(:is(#itinerario,#imagenes,#alojamiento,#precioIncluye)){width:100%!important;max-width:none!important;min-width:0!important;float:none!important;box-sizing:border-box!important}
  body.cth-brand--vctf.vmon-marga-page .md-template :where(.h-column,.h-column-container):has(:is(#itinerario,#imagenes,#alojamiento,#precioIncluye)){flex:0 0 100%!important;flex-basis:100%!important}
  body.cth-brand--vctf.vmon-marga-page .md-template .h-row:has(:is(#itinerario,#imagenes,#alojamiento,#precioIncluye)){display:block!important;margin-left:0!important;margin-right:0!important}
}
body.cth-brand--vctf.vmon-marga-page .md-template :where(.h-tabs,.h-tabs-navigation,.h-tabs-content,.h-tabs-item-content,#itinerario,#imagenes,#alojamiento,#precioIncluye){width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
body.cth-brand--vctf.vmon-marga-page #imagenes :where(.h-row,.row,.h-column,.h-column-container,.w-100){width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
body.cth-brand--vctf.vmon-marga-page #imagenes :where(img,picture,figure,video){max-width:100%!important;height:auto}
body.cth-brand--vctf.vmon-marga-page #alojamiento :where(.h-row,.row,.h-column,.h-column-container,.w-100){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

/* Tabs remain usable on small screens without compressing labels into a tiny column. */
@media(max-width:767px){
  body.cth-brand--vctf.vmon-marga-page .h-tabs-navigation{display:flex!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin}
  body.cth-brand--vctf.vmon-marga-page .h-tabs-navigation-item{flex:0 0 auto!important;white-space:nowrap!important}
}

/* Editorial copy: readable measure, images never inherit old fixed dimensions. */
body.cth-brand--vctf .cth-native-editorial__content :where(img,video,iframe){max-width:100%;}
body.cth-brand--vctf .cth-native-editorial__content p{hyphens:auto;text-wrap:pretty}

/* Accessibility / interaction polish inherited from the latest Core. */
body.cth-brand--vctf :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(11,116,209,.34)!important;outline-offset:3px}
