/* Chely B2B. Colores tomados del prototipo aprobado; se pueden ajustar a los globales de Elementor. */
.chely-b2b{
	--ch-navy:#16265E; --ch-navy-deep:#0F1B44; --ch-navy-soft:#243673;
	--ch-accent:#B4532A; --ch-accent-dark:#8F3F1D; --ch-accent-soft:#FBF1EC;
	--ch-ink:#151A24; --ch-700:#414A5C; --ch-500:#697487; --ch-400:#8C95A7;
	--ch-300:#C6CCD8; --ch-200:#DEE3EC; --ch-100:#EDF0F6; --ch-paper:#F5F7FB;
	--ch-ok:#1B7A4B; --ch-ok-soft:#E9F5EE; --ch-r:6px;
	--ch-ease:cubic-bezier(.23,1,.32,1);
	color:var(--ch-ink);
}
.chely-b2b *,.chely-b2b *::before,.chely-b2b *::after{box-sizing:border-box}
.chely-btn{background:var(--ch-accent,#B4532A);color:#fff;border:0;border-radius:4px;padding:12px 20px;font-weight:700;cursor:pointer;font:inherit;font-weight:700}
.chely-btn:hover{background:var(--ch-accent-dark,#8F3F1D);color:#fff}
.chely-btn[disabled]{opacity:.6;cursor:wait}
.chely-link{background:none;border:0;color:var(--ch-500);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}

/* ---------- precio "desde" en rejilla ---------- */
.chely-desde{font-size:.95em;color:#414A5C}
.chely-desde strong{font-size:1.25em;color:#16265E}
.chely-desde small{color:#8C95A7}

/* ---------- escala de la ficha ---------- */
.chely-escala{border:1.5px solid var(--ch-200);background:var(--ch-paper);border-radius:var(--ch-r);padding:18px 20px;margin:16px 0}
/* Panel de precio calcado del prototipo que aprobó el cliente: rótulo pequeño, cifra grande,
   la nota del IVA y, separada por una línea, la escala por importe de pedido. */
.chely-escala__desde{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-500)}
.chely-escala__cifra{margin:4px 0 0;display:flex;align-items:baseline;gap:9px}
/* WooCommerce envuelve el importe en <span class="woocommerce-Price-amount">, y ese span trae su
   propio tamaño (14px) que gana al del <strong>: sin nombrarlo, el precio grande se queda enano. */
.chely-escala__cifra strong,
.chely-escala__cifra strong .woocommerce-Price-amount,
.chely-escala__cifra strong .woocommerce-Price-currencySymbol{font-size:40px;line-height:1;color:var(--ch-navy);font-weight:700;font-family:"Archivo Narrow","Archivo","Segoe UI",system-ui,sans-serif}
.chely-escala__cifra span{font-size:14px;color:var(--ch-700);font-weight:600}
.chely-escala__iva{margin:6px 0 0;font-size:12.5px;color:var(--ch-500)}
.chely-escala__iva b{color:var(--ch-accent-dark)}
.chely-escala__tramos{margin-top:14px;border-top:1px solid var(--ch-200);padding-top:14px}
.chely-escala__tramos h3{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ch-500);font-weight:700}
/* El tema y los bloques de WordPress pintan las tablas con un fondo gris en cada celda y un borde
   alrededor de la cabecera. En el prototipo esta tabla no tiene ni fondo ni recuadro: va suelta
   sobre la caja clara, con una línea fina como única separación entre filas. */
.chely-escala__tabla{width:100%;border-collapse:collapse;margin-top:9px;font-size:13.5px;background:none;border:0}
.chely-escala__tabla th,
.chely-escala__tabla td{background:none!important;border:0;border-radius:0}
.chely-escala__tabla tr{background:none!important}

/* Los tres puntos con la marca verde, debajo de la caja */
.chely-ventajas{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px;font-size:13.8px;color:var(--ch-700)}
.chely-ventajas li{display:flex;gap:9px;align-items:flex-start}
.chely-ventajas svg{width:17px;height:17px;stroke:var(--ch-ok);fill:none;stroke-width:2.4;flex:none;margin-top:2px}
.chely-ventajas b{color:var(--ch-ink)}

/* Resumen de la moldura y sello de fabricación, justo debajo del título */
.chely-refg{font-size:13px;color:var(--ch-500);margin:7px 0 0}
.chely-refg b{color:var(--ch-700)}
.chely-sello{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;color:var(--ch-500)}
.chely-sello__estrellas{color:var(--ch-accent);letter-spacing:2px;font-size:15px}
/* la cabecera va sin ninguna línea: el tema le pone un borde con más peso que el nuestro */
.chely-escala__tabla th{text-align:left;font-size:12px;color:var(--ch-500);font-weight:600;padding:0 0 5px;border:0!important}
.chely-escala__tabla td{padding:5px 0;border-top:1px solid var(--ch-200);color:var(--ch-700)}
.chely-escala__tabla td:last-child,.chely-escala__tabla th:last-child{text-align:right}
.chely-escala__tabla strong,
.chely-escala__tabla strong .woocommerce-Price-amount,
.chely-escala__tabla strong .woocommerce-Price-currencySymbol{color:var(--ch-navy);font-size:14.5px}
.chely-escala__tabla small{color:var(--ch-400)}
.chely-escala__nota{margin:10px 0 0;font-size:13px;color:var(--ch-500)}
.chely-ahorro{display:inline-block;background:var(--ch-ok-soft);color:var(--ch-ok);border-radius:3px;padding:1px 6px;font-size:11.5px;font-weight:700}
.chely-aviso-precios{background:var(--ch-accent-soft);border:1px solid var(--ch-accent);border-radius:var(--ch-r);padding:12px 16px;margin:0 0 14px}

/* ---------- tabla de referencias ---------- */
.chely-tabla{margin:32px 0 48px;clear:both}
.chely-tabla__titulo{margin:0 0 14px}
.chely-tabla__filtros,.chely-rapido__barra{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;background:var(--ch-paper);border:1px solid var(--ch-200);border-radius:var(--ch-r);padding:12px 14px}
.chely-tabla__filtros select,.chely-rapido__barra select,.chely-rapido__barra input{min-width:180px;padding:9px 12px;border:1.5px solid var(--ch-300);border-radius:4px;background:#fff;font:inherit}
.chely-tabla__cuenta,.chely-rapido__cuenta{margin-left:auto;color:var(--ch-500);font-size:13.5px}
.chely-aviso-tramo{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:12px;border:1.5px solid var(--ch-accent);background:var(--ch-accent-soft);border-radius:var(--ch-r);padding:11px 15px;font-size:14px;color:var(--ch-700)}
.chely-aviso-tramo[hidden]{display:none}
.chely-aviso-tramo b{color:var(--ch-accent-dark)}
.chely-aviso-tramo__falta{margin-left:auto;color:var(--ch-500)}
.chely-chapa{background:var(--ch-accent);color:#fff;border-radius:3px;padding:3px 10px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.chely-tabla__env{margin-top:12px;border:1px solid var(--ch-200);border-radius:var(--ch-r);overflow:auto;max-height:640px}
table.chely-refs{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;margin:0;min-width:1100px}
table.chely-refs th{position:sticky;top:0;z-index:2;background:var(--ch-100);color:var(--ch-700);font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:10px;text-align:center;border-bottom:1px solid var(--ch-200);white-space:nowrap}
table.chely-refs th.chely-esc{background:#FCEFE6;color:var(--ch-accent-dark);line-height:1.3}
table.chely-refs th.chely-esc b{display:block}
table.chely-refs td{padding:8px 10px;border-bottom:1px solid var(--ch-100);text-align:center;background:#fff;vertical-align:middle}
table.chely-refs td.chely-izq{text-align:left}
table.chely-refs tr.is-sel td{background:var(--ch-accent-soft)}
.chely-t0 td.chely-pr0,.chely-t1 td.chely-pr1,.chely-t2 td.chely-pr2,.chely-t3 td.chely-pr3{background:#FFF6EF!important;box-shadow:inset 0 0 0 2px var(--ch-accent);color:var(--ch-accent-dark);font-weight:700}
.chely-cod{color:var(--ch-navy);font-weight:700;white-space:nowrap}
.chely-cod small{display:block;font-weight:400;color:var(--ch-400);font-size:11px}
.chely-subtot small{display:block;color:var(--ch-400);font-size:11px}
.chely-nowrap{white-space:nowrap}
.chely-qty{display:inline-flex;align-items:center;border:1.5px solid var(--ch-300);border-radius:4px;overflow:hidden;background:#fff}
.chely-qty button{width:30px;height:34px;border:0;background:#fff;color:var(--ch-navy);font-size:17px;cursor:pointer;padding:0;line-height:1}
.chely-qty button:hover{background:var(--ch-100)}
/* El campo ocupaba 199 px y estiraba toda la columna a 308; en el prototipo son 56 y 30. */
.chely-refs .chely-qty{display:inline-flex;align-items:center;width:auto}
.chely-refs .chely-qty input{width:56px;flex:none;text-align:center}
.chely-refs .chely-qty button{width:30px;flex:none}
.chely-refs td:has(.chely-qty){white-space:nowrap}
.chely-qty input{width:58px;height:34px;border:0;border-left:1px solid var(--ch-200);border-right:1px solid var(--ch-200);text-align:center;padding:0;font:inherit;-moz-appearance:textfield}
.chely-qty input::-webkit-outer-spin-button,.chely-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---------- pedido rápido ---------- */
.chely-rapido__pegar{border:1.5px dashed var(--ch-300);background:var(--ch-paper);border-radius:var(--ch-r);padding:16px 18px;margin-bottom:16px}
.chely-rapido__pegar textarea{width:100%;margin:10px 0;padding:10px 12px;border:1.5px solid var(--ch-300);border-radius:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.chely-rapido__resultado{margin:8px 0 0;font-size:13px;color:var(--ch-700)}

/* ---------- barra flotante ---------- */
.chely-barra{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#fff;border-top:1px solid var(--ch-200);box-shadow:0 -8px 30px -18px rgba(22,38,94,.5);transform:translateY(110%);transition:transform .28s var(--ch-ease)}
.chely-barra.is-visible{transform:none}
.chely-barra__fila{max-width:1360px;margin:0 auto;padding:12px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.chely-barra__abre{background:none;border:0;color:var(--ch-navy);font:inherit;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px;padding:0}
.chely-barra__abre svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.6;transition:transform .2s var(--ch-ease)}
.chely-barra.is-abierta .chely-barra__abre svg{transform:rotate(180deg)}
.chely-barra__total{margin:0 0 0 auto;display:flex;align-items:baseline;gap:10px}
.chely-barra__tramo{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-500)}
.chely-barra__total strong{font-size:28px;color:var(--ch-accent);line-height:1}
.chely-barra__total small{color:var(--ch-500)}
.chely-barra__detalle{display:none;max-height:260px;overflow:auto;border-bottom:1px solid var(--ch-200)}
.chely-barra.is-abierta .chely-barra__detalle{display:block}
.chely-barra__detalle table{width:100%;max-width:1360px;margin:0 auto;border-collapse:collapse;font-size:13.5px}
.chely-barra__detalle th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--ch-500);padding:9px 12px;background:var(--ch-paper)}
.chely-barra__detalle td{padding:8px 12px;border-top:1px solid var(--ch-100)}
.chely-barra__detalle button{background:none;border:0;font-size:18px;color:var(--ch-400);cursor:pointer}
.chely-barra__msg{max-width:1360px;margin:0 auto;padding:0 22px 10px;font-size:13.5px}
.chely-barra__msg:empty{display:none}

/* ---------- mega-menú ---------- */
.chely-navcat{position:relative;background:var(--ch-navy)}
.chely-navcat__barra{display:flex;align-items:stretch;min-height:46px;gap:2px;flex-wrap:wrap}
.chely-navcat__barra > a,.chely-navcat__barra > button{display:flex;align-items:center;padding:0 15px;color:rgba(255,255,255,.9);background:none;border:0;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s var(--ch-ease)}
.chely-navcat__barra > a:hover,.chely-navcat__barra > button:hover{background:var(--ch-navy-soft);color:#fff}
.chely-navcat__abre{gap:8px;background:var(--ch-navy-deep)!important;color:#fff!important}
.chely-navcat__abre svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.8;transition:transform .2s var(--ch-ease)}
.chely-navcat.is-abierto .chely-navcat__abre{background:#fff!important;color:var(--ch-navy)!important}
.chely-navcat.is-abierto .chely-navcat__abre svg{transform:rotate(180deg)}
.chely-navcat__pedido{margin-left:auto;background:var(--ch-accent)!important;color:#fff!important}
.chely-navcat__panel{position:absolute;left:0;right:0;top:100%;z-index:9980;background:#fff;box-shadow:0 26px 50px -24px rgba(15,27,68,.45);border-bottom:1px solid var(--ch-200);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s var(--ch-ease),transform .18s var(--ch-ease),visibility 0s linear .18s}
.chely-navcat.is-abierto .chely-navcat__panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s var(--ch-ease),transform .18s var(--ch-ease),visibility 0s}
/* Panel en columnas: una por familia y todas a la vista a la vez, como el prototipo que aprobó el
   cliente. Las fotos son las curadas de assets/img/cat, no las de chelysiglo con texto que pidió
   quitar en la reunión del 22-sep-2026. */
.chely-navcat__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:0;padding:18px 10px 14px}
.chely-col{padding:0 12px;border-right:1px solid var(--ch-100)}
.chely-col:last-child{border-right:0}

.chely-col__cab{display:block;text-decoration:none;color:inherit}
.chely-col__foto{display:block;aspect-ratio:1;background:#fff;border:1px solid var(--ch-200);border-radius:var(--ch-r);overflow:hidden;transition:border-color .15s var(--ch-ease),box-shadow .15s var(--ch-ease)}
.chely-col__foto img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ch-ease)}
.chely-col__cab:hover .chely-col__foto{border-color:var(--ch-accent);box-shadow:0 10px 20px -14px rgba(15,27,68,.5)}
.chely-col__cab:hover .chely-col__foto img{transform:scale(1.05)}
.chely-col__nombre{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px;padding-bottom:8px;border-bottom:1px solid var(--ch-200)}
.chely-col__nombre b{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-navy);line-height:1.25}
.chely-col__cab:hover .chely-col__nombre b{color:var(--ch-accent-dark)}
.chely-col__nombre small{color:var(--ch-400);font-size:11.5px;flex:none}

.chely-col__lista{list-style:none;margin:8px 0 0;padding:0}
.chely-col__lista a{display:flex;align-items:center;gap:9px;padding:5px 4px;border-radius:5px;text-decoration:none;color:var(--ch-700);transition:background .14s var(--ch-ease)}
.chely-col__lista a:hover{background:var(--ch-paper)}
.chely-col__mini{flex:none;width:34px;height:34px;background:#fff;border:1px solid var(--ch-200);border-radius:4px;overflow:hidden}
.chely-col__mini img{width:100%;height:100%;object-fit:cover;display:block}
.chely-col__txt{flex:1;min-width:0;font-size:13px;line-height:1.3}
.chely-col__lista a:hover .chely-col__txt{color:var(--ch-accent-dark)}
.chely-col__lista small{flex:none;color:var(--ch-400);font-size:11px}
.chely-col__todo{display:inline-block;margin-top:10px;color:var(--ch-accent-dark);font-size:12.5px;font-weight:700;text-decoration:none}

.chely-navcat__pie{display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 22px 16px;border-top:1px solid var(--ch-200);font-size:13px;color:var(--ch-500)}
.chely-navcat__pie a{color:var(--ch-accent-dark);font-weight:700;text-decoration:none}

/* ---------- filtros de categoría ---------- */
.chely-filtros{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;background:var(--ch-paper);border:1px solid var(--ch-200);border-radius:var(--ch-r);padding:12px 14px;margin:0 0 20px}
.chely-filtros__campo{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ch-500)}
.chely-filtros__campo select{min-width:170px;padding:9px 12px;border:1.5px solid var(--ch-300);border-radius:4px;background:#fff;font:inherit;font-size:14px;color:var(--ch-ink)}
.chely-filtros__precio-in{display:flex;align-items:center;gap:6px}
.chely-filtros__precio-in input{width:82px;padding:9px 10px;border:1.5px solid var(--ch-300);border-radius:4px;background:#fff;font:inherit;font-size:14px;color:var(--ch-ink)}
.chely-filtros__precio-in span{color:var(--ch-400)}
.chely-filtros .chely-btn{padding:9px 16px;font-size:13.5px;align-self:center}
.chely-filtros__limpiar{margin-left:auto;align-self:center;color:var(--ch-500);font-size:13.5px}
.chely-siniva{margin:0 0 18px;padding:10px 14px;border-left:3px solid var(--ch-accent);background:var(--ch-paper);border-radius:0 var(--ch-r) var(--ch-r) 0;font-size:13.5px;line-height:1.5;color:var(--ch-500)}
.chely-siniva strong{color:var(--ch-ink)}
/* «Precio SIN IVA» debajo del precio de cada producto de la rejilla y en las columnas de tramo (Xing, 21-sep-2026) */
.chely-iva{display:block;margin-top:2px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--ch-500)}
.chely-esc i{display:block;font-style:normal;font-weight:500;font-size:10.5px;color:var(--ch-400)}
/* Rótulo que agrupa las cuatro columnas de precio, con el descuento máximo a la derecha */
.chely-esc__titulo{text-align:left!important;white-space:normal!important;font-size:11px;letter-spacing:.04em}
/* La cabecera va a dos alturas y las dos filas son sticky. Sin decirle a la segunda dónde pararse,
   se pega también arriba del todo y tapa a la primera: es lo que hacía que al bajar apareciesen los
   escalones encima del título y asomara una fila de datos. El alto real de la primera fila lo mide
   el JS y lo deja en --ch-cab1, porque cambia con el ancho de la pantalla. */
.chely-refs thead tr:nth-child(2) th{top:var(--ch-cab1,55px)}
.chely-tope{display:inline-block;margin-left:6px;background:var(--ch-accent);color:#fff;border-radius:3px;padding:2px 7px;font-size:10.5px;font-weight:700;letter-spacing:.04em;vertical-align:middle}
/* Añadir solo esta referencia, sin esperar a la barra de abajo */
/* El tema pinta todos los <button> con su propio relleno de 8px 16px y le gana a una sola clase:
   hay que nombrarlo desde el cuerpo para tener más peso que él. */
body.chely-con-marco .chely-refs .chely-add,
.chely-add{margin-left:7px;vertical-align:middle;width:36px;min-width:36px;height:36px;flex:none;padding:0;border:0;border-radius:var(--ch-r);background:var(--ch-navy);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.chely-add svg{width:16px;height:16px;display:block;margin:0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.chely-con-marco .chely-refs .chely-add:disabled,
.chely-add:disabled{background:var(--ch-300);cursor:not-allowed;opacity:1}
body.chely-con-marco .chely-refs .chely-add:not(:disabled):hover,
.chely-add:not(:disabled):hover{background:var(--ch-navy-soft)}
.chely-escala__tabla th small{display:block;font-weight:500;color:var(--ch-400)}

@media (max-width:1024px){
	.chely-navcat__cols{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}
	.chely-navcat__rapida{display:none!important}
}
@media (max-width:700px){
	.chely-navcat__cols{grid-template-columns:1fr 1fr;max-height:74vh;overflow:auto;padding:14px 8px}
	.chely-col{border-right:0;border-bottom:1px solid var(--ch-100);padding-bottom:12px;margin-bottom:12px}
	.chely-col__foto{display:none}
	.chely-barra__total{margin-left:0}
	.chely-aviso-tramo__falta{margin-left:0}
}

/* ---------- selector de demostración visitante / cliente ---------- */
.chely-vista{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:#0F1B44;color:#fff;border-radius:6px;padding:10px 14px;margin:0 0 18px;font-size:14px}
.chely-vista__et{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,.72)}
.chely-vista__op{color:#fff!important;text-decoration:none;border:1.5px solid rgba(255,255,255,.35);border-radius:99px;padding:6px 14px;font-weight:600}
.chely-vista__op:hover{border-color:#fff}
.chely-vista__op.is-activa{background:#B4532A;border-color:#B4532A}
.chely-vista small{margin-left:auto;color:rgba(255,255,255,.6)}

/* ---------- motivo para crear cuenta ---------- */
.chely-cta-cuenta{border:1.5px solid var(--ch-accent);background:var(--ch-accent-soft);border-radius:var(--ch-r);padding:16px 18px;margin:0 0 14px}
.chely-cta-cuenta__titulo{margin:0 0 6px;font-weight:700;color:var(--ch-navy);font-size:16px}
.chely-cta-cuenta ul{margin:0 0 12px;padding-left:18px;color:var(--ch-700);font-size:14px}
.chely-cta-cuenta__botones{margin:0;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.chely-cta-cuenta__botones .chely-btn{text-decoration:none}

/* ---------- condiciones ---------- */
.chely-condiciones{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--ch-200);display:grid;gap:8px;font-size:13.5px}
.chely-condiciones div{display:grid;grid-template-columns:150px 1fr;gap:10px}
.chely-condiciones dt{margin:0;font-weight:700;color:var(--ch-700)}
.chely-condiciones dd{margin:0;color:var(--ch-500)}

/* ---------- vista con fotos, idea de la app de chelysiglo ---------- */
.chely-vistas{display:inline-flex;border:1.5px solid var(--ch-300);border-radius:4px;overflow:hidden}
.chely-vistas button{background:#fff;border:0;padding:8px 14px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ch-700);cursor:pointer}
.chely-vistas button.is-activa{background:var(--ch-navy);color:#fff}
.chely-tabla__env[hidden],.chely-rejilla[hidden]{display:none}
.chely-rejilla{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.chely-tarjeta{border:1px solid var(--ch-200);border-radius:var(--ch-r);background:#fff;padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.chely-tarjeta.is-sel{border-color:var(--ch-accent);background:var(--ch-accent-soft)}
.chely-tarjeta__foto{aspect-ratio:1/.85;background:var(--ch-paper);border-radius:4px;overflow:hidden;margin-bottom:6px}
.chely-tarjeta__foto img{width:100%;height:100%;object-fit:contain}
.chely-tarjeta p{margin:0}
.chely-tarjeta__ref{font-weight:700;color:var(--ch-navy)}
.chely-tarjeta__meta,.chely-tarjeta__packs{font-size:12.5px;color:var(--ch-500)}
.chely-tarjeta__precio b{font-size:18px;color:var(--ch-accent-dark)}
.chely-tarjeta__precio small{color:var(--ch-400)}
.chely-tarjeta__qty{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.chely-tarjeta .chely-subtot{font-size:13px;color:var(--ch-navy)}
.chely-tarjeta .chely-subtot small{display:inline;margin-left:4px}

@media (max-width:1024px){.chely-rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
	.chely-rejilla{grid-template-columns:1fr 1fr}
	.chely-condiciones div{grid-template-columns:1fr}
	.chely-vista small{margin-left:0}
}

/* ---------- v0.2: barra del mega-menú centrada con el ancho del contenido ---------- */
.chely-navcat__barra{display:block;min-height:0}
.chely-navcat__in{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:stretch;min-height:46px;gap:2px}
.chely-navcat__in > a,.chely-navcat__in > button,.chely-navcat__der > a{display:flex;align-items:center;padding:0 15px;color:rgba(255,255,255,.9);background:none;border:0;border-radius:0;font:inherit;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s var(--ch-ease),color .15s var(--ch-ease)}
.chely-navcat__in > a:hover,.chely-navcat__in > button:hover,.chely-navcat__der > a:hover{background:var(--ch-navy-soft);color:#fff}
.chely-navcat__in > .chely-navcat__abre{background:var(--ch-accent)!important;color:#fff!important}
.chely-navcat__in > .chely-navcat__abre:hover{background:var(--ch-accent-dark)!important;color:#fff!important}
.chely-navcat.is-abierto .chely-navcat__in > .chely-navcat__abre{background:#fff!important;color:var(--ch-navy)!important}
.chely-navcat__der{margin-left:auto;display:flex;align-items:stretch}
.chely-navcat__der > a{color:#AEBBDF}
.chely-navcat__der > .chely-navcat__pedido{margin-left:6px;background:var(--ch-accent-dark)!important;color:#fff!important}
.chely-navcat__der > .chely-navcat__pedido:hover{background:var(--ch-accent)!important}
.chely-navcat__cols,.chely-navcat__pie{max-width:1280px;margin-left:auto;margin-right:auto}
@media (max-width:1180px){.chely-navcat__der > a:not(.chely-navcat__pedido){display:none}}
@media (max-width:1024px){.chely-navcat__in{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 12px}}

/* ---------- página /pedido-rapido/ ---------- */
.chely-pagina__wrap{max-width:1280px;margin:0 auto;padding:36px 24px 140px}
.chely-pagina__titulo{margin:0 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.1;color:var(--ch-navy)}
.chely-pagina__intro{margin:0 0 22px;max-width:70ch;color:var(--ch-700);font-size:16px}

/* =====================================================================
 * Ficha de producto: mismo reparto que el prototipo aprobado
 *
 * WooCommerce parte la ficha en dos mitades de 547 px y cuelga las miniaturas debajo de la foto.
 * El prototipo daba la foto casi el doble de ancha (892) con una tira de miniaturas vertical a la
 * izquierda, y un panel de datos estrecho (380) a la derecha, que es lo que hace que el precio y
 * la escala se lean de un vistazo. Aquí se rehace ese reparto sin tocar la plantilla de Woo.
 * ===================================================================== */
@media (min-width:1000px){
	/* el kit de Elementor limita el contenido a 1140 px en toda la web; la ficha necesita los
	   1320 del prototipo para que la foto respire al lado del panel de datos. Solo aquí. */
	body.chely-con-marco.single-product .site-main{max-width:1320px}
	body.chely-con-marco .woocommerce-product-gallery{width:66%!important}
	body.chely-con-marco .summary.entry-summary{width:31%!important}
}
/* la foto grande y la tira de miniaturas, en dos columnas dentro de la galería */
body.chely-con-marco .woocommerce-product-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start;position:relative}
body.chely-con-marco .woocommerce-product-gallery .flex-viewport,
body.chely-con-marco .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper{grid-column:2;grid-row:1;margin:0}
body.chely-con-marco .woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0;max-height:640px;overflow-y:auto}
body.chely-con-marco .woocommerce-product-gallery .flex-control-thumbs li{width:100%!important;margin:0!important;float:none!important}
body.chely-con-marco .woocommerce-product-gallery .flex-control-thumbs img{width:100%;height:auto;display:block;border:1px solid var(--ch-200);border-radius:4px;opacity:1}
body.chely-con-marco .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
body.chely-con-marco .woocommerce-product-gallery .flex-control-thumbs img:hover{border-color:var(--ch-navy)}
/* la lupa, fuera de la rejilla para que no ocupe celda */
body.chely-con-marco .woocommerce-product-gallery__trigger{position:absolute;top:10px;right:10px;z-index:3}

/* el título, al tamaño del prototipo: a 40 px se comía la columna */
body.chely-con-marco .summary.entry-summary .product_title{font-size:30px;line-height:1.2}

@media (max-width:999px){
	body.chely-con-marco .woocommerce-product-gallery{grid-template-columns:1fr}
	body.chely-con-marco .woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:2;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));max-height:none}
	body.chely-con-marco .woocommerce-product-gallery .flex-viewport,
	body.chely-con-marco .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper{grid-column:1;grid-row:1}
}