/* =========================================================
   Tienda · «propuesta 2» (dueño, 20 oct 2026: «me gusta la propuesta 2,
   llévala a la tienda de verdad»). Inspirada en las tiendas grandes:
   cabecera oscura con el buscador al centro, barra de secciones, banner
   de UN solo color que cambia de mensaje, tarjetas de cuatro encima,
   fotos sobre blanco y paneles blancos sobre fondo gris claro.
   Se carga DESPUÉS del <style> de store/base.html y le gana.
   ========================================================= */
:root{--t2-noche:#131C33;--t2-barra:#22304F;--t2-banner:#1A2744;--t2-banner2:#24365F;--t2-fondo:#EAEDF0;
  --t2-oro:#F5A623;--t2-oro2:#FFB938;--t2-enlace:#22508C;--t2-gris:#5B6170;--t2-verde:#1F6B4A}
.lc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Franja de aviso ── */
.lc-promise{background:#0D1426;font-size:12.5px;padding:7px 16px}

/* ── Cabecera ── */
.lc-hd{background:var(--t2-noche);border-bottom:0}
.lc-hd-main{max-width:1440px;gap:12px;padding:10px 16px}
.lc-hd-logo{padding:4px 6px;border-radius:8px;border:1px solid transparent}
.lc-hd-logo:hover{border-color:rgba(255,255,255,.6)}
.lc-hd-logo img{height:40px;background:#fff;border-radius:10px;padding:3px}
.lc-hd-logo-name{color:#fff;font-size:17px}
.lc-hd-logo-sub{color:var(--t2-oro)}
.lc-hd-entrega{display:flex;align-items:flex-end;gap:5px;color:#fff;flex-shrink:0;padding:4px 6px}
.lc-hd-entrega i{font-size:17px;margin-bottom:2px}
.lc-hd-entrega span{display:flex;flex-direction:column;line-height:1.15}
.lc-hd-entrega small{font-size:12px;color:#C9CED6}
.lc-hd-entrega b{font-size:14px}

.lc-hd-search{display:flex;align-items:stretch;max-width:none;flex:1;height:46px;border-radius:10px;background:#fff;
  box-shadow:0 0 0 0 var(--t2-oro);transition:box-shadow .15s}
.lc-hd-search:focus-within{box-shadow:0 0 0 3px var(--t2-oro)}
.lc-hd-search i{position:static;transform:none;color:inherit}
.lc-hd-sec{flex:0 0 auto;max-width:150px;border:0;border-right:1px solid #D5D9DE;border-radius:10px 0 0 10px;
  background:#EEF0F3;color:var(--t2-noche);font:inherit;font-size:13px;font-weight:700;padding:0 8px 0 12px;cursor:pointer}
.lc-hd-sec:hover{background:#E1E4E8}
.lc-hd-search input{flex:1;min-width:0;width:auto;border:0;border-radius:0;padding:0 14px;font-size:15.5px;background:#fff}
.lc-hd-search input:focus{outline:none;background:#fff}
.lc-hd-go{flex:0 0 56px;border:0;border-radius:0 10px 10px 0;background:var(--t2-oro);color:var(--t2-noche);
  font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.lc-hd-go:hover{background:var(--t2-oro2)}

.lc-hd-cart{background:transparent;padding:4px 8px;border-radius:8px;border:1px solid transparent;gap:6px;align-items:flex-end}
.lc-hd-cart:hover{background:transparent;border-color:rgba(255,255,255,.6)}
.lc-hd-cart-ic{position:relative;font-size:30px;line-height:1}
.lc-hd-cart .lc-cart-badge{top:-8px;right:-10px;background:var(--t2-oro);color:var(--t2-noche);border:2px solid var(--t2-noche)}
.lc-hd-cart-txt{font-size:14px;font-weight:800}

/* ── Barra de secciones ── */
.lc-deptnav{background:var(--t2-barra);border-top:0}
.lc-deptnav-wrap{max-width:1440px}
.lc-deptnav a{color:#fff;font-weight:600;border-bottom:2.5px solid transparent;padding:10px 12px}
.lc-deptnav a:hover{color:var(--t2-oro)}
.lc-deptnav a.active{color:var(--t2-oro);border-bottom-color:var(--t2-oro)}
.lc-deptnav-fl{color:#fff}
.lc-deptnav-fl.izq{background:linear-gradient(90deg,var(--t2-barra) 55%,rgba(34,48,79,0))}
.lc-deptnav-fl.der{background:linear-gradient(270deg,var(--t2-barra) 55%,rgba(34,48,79,0))}
.lc-deptnav-fl:hover{color:var(--t2-oro)}

/* ── Tarjeta de producto: foto sobre blanco, precio grande, botón dorado ── */
.lc-product-card{border:0;border-radius:8px;box-shadow:none;background:#fff}
.lc-product-card:hover{transform:none;box-shadow:0 10px 28px -14px rgba(19,28,51,.35);border-color:transparent}
.lc-product-img{background:#fff;aspect-ratio:1}
.lc-product-img img{object-fit:contain;mix-blend-mode:multiply;padding:6px}
.lc-product-name{font-weight:500;color:#131C33;font-size:14px;line-height:1.3}
.lc-price-usd{font-size:21px;font-weight:700;color:#131C33}
.lc-llega{font-size:12.5px;font-weight:700;color:var(--t2-verde)}
.lc-add-btn.lc-add,.lc-product-footer .lc-add-btn{background:var(--t2-oro);color:var(--t2-noche);border:0;border-radius:999px;font-weight:800}
.lc-add-btn.lc-add:hover{background:var(--t2-oro2)}
.lc-product-footer .lc-add-btn[disabled]{background:#E5E7EB;color:#6B7280}
.lc-stepper{border-radius:999px}

/* ── Portada ── */
.lc-banner{position:relative;background:linear-gradient(180deg,var(--t2-banner) 0%,var(--t2-banner2) 60%,var(--t2-fondo) 100%);color:#fff}
.lc-banner-in{max-width:1440px;margin:0 auto;padding:40px 88px 200px;box-sizing:border-box;min-height:470px}
.lc-slide{display:flex;flex-wrap:nowrap;align-items:center;gap:32px}
.lc-slide[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){
  .lc-slide{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
  .lc-slide.on{opacity:1;transform:none}
}
.lc-slide-txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.lc-slide-eti{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--t2-oro)}
.lc-slide-tit{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.03em;font-weight:800;max-width:660px;color:#fff}
.lc-slide-sub{margin:0;font-size:16px;line-height:1.5;color:#D5DAE5;max-width:560px}
.lc-slide-btn{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;
  background:var(--t2-oro);color:var(--t2-noche);text-decoration:none;font-weight:800;font-size:15px;transition:background .15s}
.lc-slide-btn:hover{background:var(--t2-oro2);color:var(--t2-noche)}
.lc-slide .lc-hero2-actions{margin-top:6px}
.lc-slide .lc-hoy{margin-top:8px}
.lc-slide-prod{flex:0 0 auto;display:flex;align-items:center;gap:16px;margin-right:40px;color:#fff;text-decoration:none}
.lc-slide-foto{width:210px;height:210px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.45);transition:transform .25s ease}
.lc-slide-prod:hover .lc-slide-foto{transform:scale(1.03)}
.lc-slide-foto img{width:140px;height:140px;object-fit:contain;mix-blend-mode:multiply}
.lc-slide-pnom{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#D5DAE5;max-width:170px}
.lc-slide-pnom b{font-size:30px;color:#fff;letter-spacing:-.02em}
.lc-banner-fl{position:absolute;top:120px;width:52px;height:120px;border:0;border-radius:12px;background:transparent;color:#fff;
  font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lc-banner-fl:hover{background:rgba(255,255,255,.08)}
.lc-banner-fl.izq{left:12px}.lc-banner-fl.der{right:12px}
.lc-banner-puntos{position:absolute;left:0;right:0;bottom:192px;display:flex;justify-content:center;gap:8px}
.lc-banner-puntos button{width:8px;height:8px;padding:0;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer;
  transition:width .3s ease,background .3s ease}
.lc-banner-puntos button[aria-current="true"]{width:28px;background:var(--t2-oro)}

.lc-portada{background:var(--t2-fondo);padding:0 0 32px}
.lc-portada>*{max-width:1440px;margin-left:auto;margin-right:auto}
.lc-portada{display:flex;flex-direction:column;gap:20px;padding-left:16px;padding-right:16px}
.lc-cuatro{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:-180px;position:relative;width:100%}
.lc-panel{background:#fff;border-radius:6px;padding:20px;width:100%;box-sizing:border-box}
.lc-panel-tit{margin:0 0 12px;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#131C33}
.lc-panel-link{font-size:13.5px;font-weight:700;color:var(--t2-enlace);text-decoration:none}
.lc-panel-link:hover{color:#8A5A16;text-decoration:underline}
.lc-cuatro-card{display:flex;flex-direction:column}
.lc-cuatro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}
.lc-cuatro-it{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:#131C33}
.lc-foto{display:block;aspect-ratio:1;background:#fff}
.lc-foto img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.lc-cuatro-nom{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lc-cuatro-pre{font-size:14px;font-weight:800}
.lc-cuatro-it:hover .lc-cuatro-nom{color:#8A5A16}
.lc-cuatro-card .lc-panel-link{margin-top:auto}
.lc-portada .lc-aisle{margin:0}
.lc-portada .lc-aisle-head{align-items:baseline;justify-content:flex-start;gap:14px}
.lc-portada .lc-aisle-head .lc-panel-tit{margin:0}
.lc-portada .lc-aisle-sub{color:var(--t2-gris)}
.lc-portada .lc-aisle-row{grid-auto-columns:200px;gap:16px}
.lc-portada .lc-dept-tile{border:0;border-radius:8px;box-shadow:none;background:#F7F8FA}
.lc-pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.lc-paso{display:flex;gap:12px;align-items:center}
.lc-paso i{font-size:24px;color:var(--t2-banner)}
.lc-paso b{display:block;font-size:15px;color:#131C33}
.lc-paso span{font-size:13px;color:var(--t2-gris)}
.lc-arriba{display:block;background:var(--t2-barra);color:#fff;text-align:center;padding:15px;font-size:13.5px;font-weight:700;text-decoration:none}
.lc-arriba:hover{background:#2B3B60;color:#fff}
body:has(.lc-portada) .lc-footer{margin-top:0;background:var(--t2-noche)}
body:has(.lc-portada){background:var(--t2-fondo)}

/* ── Móvil ── */
@media (max-width:1060px){.lc-slide-prod{display:none}}
@media (max-width:900px){
  .lc-hd-entrega{display:none}
  .lc-banner-in{padding:28px 20px 222px;min-height:0}
  .lc-slide-prod{display:none}
  .lc-banner-fl{display:none}
  .lc-banner-puntos{bottom:198px}
}
@media (max-width:640px){
  .lc-hd-main{flex-wrap:wrap}
  .lc-hd-search{order:3;flex-basis:100%}
  .lc-hd-sec{max-width:92px;font-size:12px}
  .lc-hd-cart-txt{display:none}
  .lc-hd-cart{margin-left:auto}
  .lc-portada .lc-panel-tit{font-size:18px}
  .lc-cuatro{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lc-cuatro-card{padding:12px}
  .lc-cuatro-card .lc-panel-tit{font-size:16px}
  .lc-cuatro-grid{gap:8px}
  .lc-portada{padding-left:10px;padding-right:10px;gap:12px}
  .lc-portada .lc-aisle-row{grid-auto-columns:160px}
  .lc-panel{padding:14px}
  .lc-price-usd{font-size:18px}
}

/* =========================================================
   Revisión de diseño (20 oct 2026, dueño: «ese cartel de agotado no va,
   no está en línea con los amarillos»). Una sola familia de colores:
   azul noche + dorado. Sin rojo de marca (los errores siguen en rojo).
   ========================================================= */
:root{--lc-red:#1A2744;--lc-red-dark:#131C33}
.lc-btn-primary,.lc-cart-btn{background:var(--t2-oro);color:var(--t2-noche);border-color:var(--t2-oro)}
.lc-btn-primary:hover,.lc-cart-btn:hover{background:var(--t2-oro2);color:var(--t2-noche)}
.lc-nav-link:hover,.lc-nav-link.active,.lc-cat-card:hover,.lc-cat-card.active{background:#FCEFD3}
.lc-add-btn:hover:not(:disabled){background:var(--t2-oro2)}

/* Etiquetas de las tarjetas: misma forma, mismo tamaño, misma línea */
.lc-agotado,.lc-tag-oferta,.lc-tag-libreta,.lc-quedan{position:absolute;font-size:11px;font-weight:800;letter-spacing:.02em;
  line-height:1;padding:5px 10px;border-radius:999px;border:0;box-shadow:none;text-transform:none;white-space:nowrap}
.lc-agotado{top:8px;left:8px;background:#fff;color:var(--t2-gris);box-shadow:inset 0 0 0 1px #E3E6EA}
.lc-tag-oferta{top:8px;left:8px;background:var(--t2-noche);color:var(--t2-oro)}
.lc-tag-libreta{top:8px;right:8px;background:#FCEFD3;color:#8A5A16}
.lc-quedan{bottom:8px;left:8px;background:#FFF4DA;color:#8A5A16}
.lc-combo-rebaja{background:#FCEFD3;color:#8A5A16}
.lc-dim{opacity:.5;filter:grayscale(.5)}

/* Texto de la tarjeta: la marca discreta, el precio no se corta */
.lc-product-cat{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--t2-gris);min-height:15px}
.lc-price-dual{flex-wrap:wrap;row-gap:0}
.lc-product-footer .lc-add-btn[disabled]{background:#EEF0F3;color:var(--t2-gris);cursor:default}

/* Filtros del catálogo */
.lc-filtro{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;
  background:#fff;box-shadow:inset 0 0 0 1px #E3E6EA;color:var(--t2-noche);font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.lc-filtro small{font-size:12px;color:var(--t2-gris);font-weight:700}
.lc-filtro:hover{box-shadow:inset 0 0 0 1px var(--t2-noche);color:var(--t2-noche)}
.lc-filtro.on{background:var(--t2-noche);color:#fff;box-shadow:none}.lc-filtro.on small{color:#C9CED6}