/* Humanoide Precios - wide-block breakout + manufacturer brand assets.
   Shipped under a NEW filename on purpose: overwriting a cached CSS file in
   place is not served to returning visitors. */

/* ---- Tables must never clip text or buttons ---- */
.hp-batch-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* On desktop the 820px prose column is too narrow for 5-8 column tables,
   so the table breaks out to the full container width. */
@media (min-width:1024px){
  .hp-article-content .hp-batch-table-scroll{
    max-width:none;
    position:relative;
    left:50%;
    width:min(1180px,calc(100vw - 48px));
    transform:translateX(-50%);
  }
}

/* Long values wrap instead of forcing a wider column; row actions stay inside. */
.hp-batch-table td,.hp-batch-table th{overflow-wrap:anywhere}
.hp-batch-table a,.hp-batch-table button{max-width:100%}

/* ---- Manufacturer brand assets: real logo + real website capture ---- */
.hp-brand-assets{max-width:1120px;margin:0 auto 64px;padding-top:8px}
.hp-brand-assets__heading{max-width:780px;margin:0 auto 27px;text-align:center}
.hp-brand-assets__heading h2{margin:5px 0 10px;color:var(--hp-navy);font-size:34px;line-height:1.2}
.hp-brand-assets__heading p:last-child{margin:0;color:var(--hp-slate)}
.hp-brand-assets__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hp-brand-assets__grid--1{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}
.hp-brand-assets figure{overflow:hidden;margin:0;border:1px solid var(--hp-line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(16,42,67,.08)}
.hp-brand-assets figure img{display:block;width:100%;height:300px;background:#fff}
.hp-brand-assets__logo img{object-fit:contain;padding:26px 30px}
.hp-brand-assets__shot img{object-fit:cover;object-position:top center}
.hp-brand-assets figcaption{padding:14px 16px;border-top:1px solid var(--hp-line);color:var(--hp-muted);font-size:12px;line-height:1.55}
.hp-brand-assets figcaption strong{color:var(--hp-navy)}
.hp-brand-assets figcaption a{color:var(--hp-teal-dark);font-weight:800;text-decoration:underline;text-underline-offset:2px}
@media (max-width:760px){
  .hp-brand-assets{margin-bottom:45px}
  .hp-brand-assets__heading h2{font-size:29px}
  .hp-brand-assets__grid{grid-template-columns:1fr}
  .hp-brand-assets figure img{height:225px}
  .hp-brand-assets__logo img{padding:20px 22px}
}