/* tamanos-mx.css (07-10) — prioridad a la cubeta de 19 L y al galón. 1 L y 10 L siguen a la venta: debajo y más chicos. */
.gt-opt__vals.lc-prio,#pedir .gt-opt__vals.lc-prio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lc-prio>.gt-pill{width:100%;margin:0;min-width:0}
.lc-prio>.gt-pill>span{width:100%;justify-content:center}
.lc-prio>.gt-pill.lc-top>span{min-height:52px;font-size:1.04em}
.lc-prio>.gt-pill.lc-otra>span{min-height:38px;padding-block:6px;font-size:.88em}
.lc-prio .lc-otras-t{grid-column:1/-1;margin:6px 0 -2px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.72}
/* en el teléfono, las dos principales con el nombre arriba y el precio abajo (no «Cubeta / 19 L» partido) */
@media(max-width:480px){.lc-prio>.gt-pill.lc-top>span{flex-direction:column;gap:3px;line-height:1.15;padding-block:8px;white-space:nowrap}
  .lc-prio>.gt-pill.lc-top .gt-pill__p{border-left:0;padding-left:0;margin-left:0}}
/* ficha transparente: renglones grandes para 19 L y galón; 10 L y 1 L en dos columnas, más bajos */
.lf-promos.lc-prio>.pack.lc-top{grid-column:1/-1}
.lf-promos.lc-prio>.pack.lc-top>span{min-height:56px;font-size:1.05em}
.lf-promos.lc-prio>.pack.lc-otra>span{min-height:40px;padding:7px 14px;font-size:.9em;justify-content:space-between}
.lf-promos.lc-prio>.pack.lc-otra b{font-size:15px}
/* «¿Cuánto necesitas?»: 19 L y galón marcados como los principales */
.lc-tam-top{outline:2px solid #002DA2;outline-offset:-2px;box-shadow:0 18px 40px -22px rgba(0,45,162,.55)}
.lc-tam-otra{opacity:.86}
.lc-tam-sello{position:absolute;top:12px;left:12px;z-index:2;background:#002DA2;color:#fff;font-size:11px;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;transform:skew(-10deg)}
.c-tam__c{position:relative}
/* «¿Transparente o de color?»: la foto de cada uno arriba de su columna */
.fx-tabla--comp thead th .lc-comp-foto{display:flex;justify-content:center;align-items:flex-end;height:200px;margin:2px 0 10px;padding:4px;background:#fff;border-radius:12px;box-sizing:border-box}
.fx-tabla--comp thead th .lc-comp-foto{min-width:0;overflow:hidden}
.fx-tabla--comp{table-layout:fixed}
.fx-tabla--comp thead th:first-child{width:16%}
@media(max-width:600px){.fx-tabla--comp thead th:first-child{width:27%}}
.lc-comp-foto img{height:100%;width:auto;max-width:100%;object-fit:contain}
/* las tres de color se reparten el ancho de la columna (no la ensanchan: en el teléfono la tabla se salía) */
.lc-comp-foto--tres img{width:34%;height:auto;max-height:80%;max-width:none;margin-inline:-3%}
.lc-comp-foto--tres img:nth-child(2){width:42%;max-height:100%;position:relative;z-index:1}
.fx-tabla--comp thead th{vertical-align:bottom}
@media(max-width:600px){.fx-tabla--comp thead th .lc-comp-foto{height:110px;padding:2px}}
/* Impermeabilizantes · banner de José (2000×696) a todo el ancho */
.gh__banner.lc-banner{display:block;position:relative}
.gh__banner.lc-banner img{display:block;width:100%;height:auto;aspect-ratio:2000/696}
.lc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}