/* ===================================================================
   AJUSTES DE LA MIGRACIÓN (Studio + Sales en owly.com.co)
   Va en las páginas actuales y en los artículos de Sales; no toca los
   CSS del sitio (así un cambio en vivo no pisa estos ajustes).
   =================================================================== */
/* los ejemplos largos (links con UTM) parten de línea en celular */
.article-content code{overflow-wrap:anywhere;word-break:break-word}
/* las ilustraciones de los artículos de Sales (svg/png) van sobre crema */
:is(.blog-card__img-wrap,.article-hero__featured-img,.blog-sidebar,.blog-featured) img:is([src^="/marca/"][src$=".svg"],[src^="/marca/"][src$=".png"]){background:#fffaf5;object-fit:contain}
/* el menú viejo queda en la página (lo buscan los scripts del portafolio) pero no se ve */
.owly-legado{display:none!important}
/* el menú nuevo en las páginas actuales: su caja (la de las páginas del Centro de Marca) */
.barra .hoja{max-width:1480px;margin:0 auto;padding:0 clamp(18px,4vw,44px);box-sizing:border-box;width:100%}
/* el menú nuevo (y su panel en el teléfono) por encima de las barras flotantes de las páginas (filtros del portafolio) */
.barra{z-index:1000}
/* las tablas de los artículos de Sales (precios, comparativas): se deslizan de lado en celular */
.article-content .tabla{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-content .tabla table{border-collapse:collapse;min-width:100%}
.article-content .tabla :is(th,td){padding:10px 14px;border-bottom:1px solid rgba(255,250,245,.12);text-align:left;vertical-align:top}
.article-layout__inner > .article-content{min-width:0}