/* ===========================================================================
   estilos/tienda2026.css - LA TIENDA ECAMISETAS (la-tienda.asp)    31/10/2026
   (k1384) Todo bajo .lt26. El granate del boton del menu (cabecera.asp). Bloques a ~44 px, con fotos y sin huecos:
   las tarjetas del catalogo (includes/_tarjeta26.asp) en tantas columnas como dividan a cuantas hay (--c, --ct).
   (k1430) La tienda de Totana: su contacto (.lt-con), con lo de Panel > Horarios y telefonos.
   =========================================================================== */
.lt26{--lt-g:#8b1e2e;--lt-g2:#6e1723;--lt-gf:#fbf1f2;--lt-tx:#1e293b;--lt-mu:#5b6576;--lt-bd:#e5e7eb;
      color:var(--lt-tx);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;margin:6px 0 30px}
.lt26 *{box-sizing:border-box}
.lt26 h1,.lt26 h2{text-wrap:balance}

/* portada */
.lt26 .lt-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:16px;overflow:hidden;background:var(--lt-g);color:#fff;min-height:300px}
/* la foto ocupa la mitad derecha sin marcar el alto: lo marca el texto */
.lt26 .lt-hero-img{position:absolute;top:0;right:0;width:49%;height:100%;object-fit:cover;display:block}
.lt26 .lt-hero-txt{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.lt26 .lt-eye{display:inline-block;align-self:flex-start;font:700 11.5px/1 'Inter',sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}
.lt26 .lt-hero h1{margin:0 !important;font:800 40px/1.08 'Inter',sans-serif !important;letter-spacing:-.02em;color:#fff !important;text-transform:none !important}
.lt26 .lt-hero p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.92);max-width:62ch}
.lt26 .lt-badges{display:flex;flex-wrap:wrap;gap:8px}
.lt26 .lt-badges span{font:600 12.5px/1 'Inter',sans-serif;padding:7px 11px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff}
.lt26 .lt-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.lt26 .lt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:9px;font:700 14px/1 'Inter',sans-serif !important;text-decoration:none !important;background:#fff;color:var(--lt-g) !important;border:1px solid #fff}
.lt26 .lt-btn:hover{background:var(--lt-gf)}
.lt26 .lt-btn-2{background:transparent;color:#fff !important;border-color:rgba(255,255,255,.55)}
.lt26 .lt-btn-2:hover{background:rgba(255,255,255,.1)}

/* bloques */
.lt26 .lt-sec{margin-top:40px;scroll-margin-top:90px}
.lt26 .lt-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:14px;border-bottom:2px solid var(--lt-gf);padding-bottom:10px}
.lt26 .lt-cab h2{margin:0 !important;font:800 25px/1.15 'Inter',sans-serif !important;color:var(--lt-tx) !important;position:relative;padding:0 0 0 18px !important;text-transform:none !important}   /* (k1507) la letra, separada de su barra */
.lt26 .lt-cab h2:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:3px;background:var(--lt-g)}
.lt26 .lt-cab p{margin:0;flex:1 1 420px;color:var(--lt-mu);font-size:14.5px;line-height:1.5}

/* las tarjetas del catalogo, como siempre (k1385): 8 por fila; 6, 4, 3 o 2 segun el ancho (como las landings).
   (k1447) Sin huecos: en filas (flex) con la ultima, si es corta, centrada; y se ven 2 filas (3 en el movil): el resto,
   con "Ver los N" (.lt-abierta). --lt-c = cuantas por fila. */
.contenidoprincipal .lt26 .lt-prod{--lt-c:8;--lt-gap:14px}
.contenidoprincipal .lt26 .lt-prod .results-grid{display:flex !important;flex-wrap:wrap;justify-content:center;gap:var(--lt-gap) !important;margin:0 !important}
.contenidoprincipal .lt26 .lt-prod .results-grid>*{flex:0 0 calc((100% - (var(--lt-c) - 1) * var(--lt-gap)) / var(--lt-c));max-width:calc((100% - (var(--lt-c) - 1) * var(--lt-gap)) / var(--lt-c));min-width:0}
.lt26 .lt-sec:not(.lt-abierta) .lt-prod .results-grid>*:nth-child(n+17){display:none !important}
@media (max-width:1499px){.contenidoprincipal .lt26 .lt-prod{--lt-c:6}.lt26 .lt-sec:not(.lt-abierta) .lt-prod .results-grid>*:nth-child(n+13){display:none !important}}
@media (max-width:1099px){.contenidoprincipal .lt26 .lt-prod{--lt-c:4}.lt26 .lt-sec:not(.lt-abierta) .lt-prod .results-grid>*:nth-child(n+9){display:none !important}}
@media (max-width:819px){.contenidoprincipal .lt26 .lt-prod{--lt-c:3}.lt26 .lt-sec:not(.lt-abierta) .lt-prod .results-grid>*:nth-child(n+7){display:none !important}}
@media (max-width:599px){.contenidoprincipal .lt26 .lt-prod{--lt-c:2;--lt-gap:10px}.lt26 .lt-sec:not(.lt-abierta) .lt-prod .results-grid>*:nth-child(n+7){display:none !important}}
.lt26 .lt-mas-p{margin:14px 0 0;text-align:center}
.lt26 .lt-mas{border:1px solid var(--lt-g);background:#fff;color:var(--lt-g);border-radius:999px;padding:9px 20px;font:700 14px/1.1 'Inter',sans-serif;cursor:pointer}
.lt26 .lt-mas:hover{background:var(--lt-g);color:#fff}
/* (k1447) las tarjetas, mas limpias (la maqueta): la foto con sus esquinas, el nombre centrado, sin la ruta de la categoria */
.contenidoprincipal .lt26 .lt-prod .result-card{border:0 !important;box-shadow:none !important;background:transparent !important}
.contenidoprincipal .lt26 .lt-prod .result-img-box{border-radius:14px !important;overflow:hidden;background:#f4f5f7 !important}
.contenidoprincipal .lt26 .lt-prod .result-info{text-align:center}
.contenidoprincipal .lt26 .lt-prod .result-fam{display:none !important}
.contenidoprincipal .lt26 .lt-prod .result-colors{justify-content:center}

/* (k1447) las categorias de arriba, como la maqueta: foto grande, su nombre y "desde"; cuantas por fila, sin huecos
   (--lt-d ordenador, --lt-t tableta, --lt-m movil: las pone la pagina segun cuantas haya) */
.lt26 .lt-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 16px;margin:30px 0 4px;--lt-cc:var(--lt-d,8)}
.lt26 .lt-cat{flex:0 0 calc((100% - (var(--lt-cc) - 1) * 16px) / var(--lt-cc));max-width:calc((100% - (var(--lt-cc) - 1) * 16px) / var(--lt-cc));display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;text-decoration:none !important;color:var(--lt-tx) !important;min-width:0}
.lt26 .lt-cat-f{width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#f4f5f7;display:block}
.lt26 .lt-cat-f img{width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;display:block;transition:transform .3s}
.lt26 .lt-cat:hover .lt-cat-f img{transform:scale(1.04)}
.lt26 .lt-cat-n{font:700 14.5px/1.25 'Inter',sans-serif;margin-top:6px}
.lt26 .lt-cat-p{font-size:13px;color:var(--lt-mu)}.lt26 .lt-cat-p b{color:var(--lt-tx)}
@media (max-width:1099px){.lt26 .lt-cats{--lt-cc:var(--lt-t,4)}}
@media (max-width:599px){.lt26 .lt-cats{--lt-cc:var(--lt-m,2);gap:16px 10px}.lt26 .lt-cat-n{font-size:13.5px}}

/* a medida: las tres paginas, con su foto */
.lt26 .lt-medida{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.lt26 .lt-m{display:flex;flex-direction:column;border:1px solid var(--lt-bd);border-radius:12px;overflow:hidden;text-decoration:none !important;color:var(--lt-tx) !important;background:#fff;transition:box-shadow .15s,border-color .15s}
.lt26 .lt-m:hover{border-color:var(--lt-g);box-shadow:0 6px 18px rgba(139,30,46,.12)}
.lt26 .lt-m img{width:100% !important;height:150px !important;aspect-ratio:auto;object-fit:cover;display:block}   /* (k1385) a su alto */
.lt26 .lt-m-t{padding:12px 14px 2px;font:800 16px/1.2 'Inter',sans-serif;color:var(--lt-g)}
.lt26 .lt-m-t:after{content:" \203A"}
.lt26 .lt-m-d{padding:2px 14px 10px;font-size:13.5px !important;line-height:1.45;color:var(--lt-mu) !important}
/* (k1385) el boton de cada una, que se vea */
.lt26 .lt-m-b{align-self:flex-start;margin:auto 14px 14px;padding:8px 14px;border-radius:8px;background:var(--lt-g);color:#fff;font:700 13px/1.1 'Inter',sans-serif;transition:background .15s}
.lt26 .lt-m:hover .lt-m-b{background:var(--lt-g2)}

/* como se compra */
.lt26 .lt-pasos ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:lt}
.lt26 .lt-pasos li{counter-increment:lt;display:flex;flex-direction:column;gap:4px;background:#f8fafc;border:1px solid var(--lt-bd);border-radius:12px;overflow:hidden;padding-bottom:14px}
.lt26 .lt-pasos li img{width:100% !important;height:150px !important;aspect-ratio:auto;object-fit:cover;display:block;margin-bottom:8px}   /* (k1385) */
.lt26 .lt-pasos li b{padding:0 14px;font:800 15.5px/1.25 'Inter',sans-serif}
.lt26 .lt-pasos li b:before{content:counter(lt);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--lt-g);color:#fff;font-size:12.5px}
.lt26 .lt-pasos li span{padding:0 14px;font-size:13.5px;line-height:1.45;color:var(--lt-mu)}

/* la tienda de Totana */
.lt26 .lt-tienda{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--lt-bd);background:var(--lt-gf)}
.lt26 .lt-tienda-txt{padding:28px 30px;display:flex;flex-direction:column;gap:8px}
.lt26 .lt-eye-g{background:var(--lt-g);color:#fff}
.lt26 .lt-tienda h2{margin:0 !important;font:800 25px/1.15 'Inter',sans-serif !important;color:var(--lt-tx) !important;text-transform:none !important}
.lt26 .lt-tienda p{margin:0;font-size:14.5px;line-height:1.5;color:var(--lt-tx)}
.lt26 .lt-dir{margin-top:4px !important}
.lt26 .lt-hor{color:var(--lt-mu) !important}
.lt26 .lt-tel a{font:700 15px/1 'Inter',sans-serif !important;color:var(--lt-g) !important;text-decoration:none !important;white-space:nowrap}
/* (k1430) el contacto preferente: el correo (granate) y el WhatsApp, de Panel > Horarios y telefonos */
.lt26 .lt-con{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:6px 0 4px;scroll-margin-top:90px}
.lt26 .lt-con-a{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid var(--lt-g);background:var(--lt-g);color:#fff !important;text-decoration:none !important;transition:background .15s,border-color .15s}
.lt26 .lt-con-a:hover{background:var(--lt-g2)}
.lt26 .lt-con-a svg{flex:0 0 auto;width:24px;height:24px}
.lt26 .lt-con-a span{display:flex;flex-direction:column;gap:3px;min-width:0;font:700 15px/1.2 'Inter',sans-serif;overflow-wrap:anywhere}
.lt26 .lt-con-a small{font:600 12px/1.1 'Inter',sans-serif;opacity:.85}
.lt26 .lt-con-wa{background:#fff;border-color:var(--lt-bd);color:var(--lt-tx) !important}
.lt26 .lt-con-wa:hover{background:#fff;border-color:#25d366}
.lt26 .lt-con-wa svg{color:#25d366}
/* (k1430) los enlaces de .contenidoprincipal se ponen azules al pasar el raton (estilos2026.css, con !important): aqui, no */
.contenidoprincipal .lt26 .lt-btn:hover{color:var(--lt-g) !important}
.contenidoprincipal .lt26 .lt-btn-2:hover{color:#fff !important}
.contenidoprincipal .lt26 .lt-tienda .lt-btn:hover{color:#fff !important}
.contenidoprincipal .lt26 .lt-tienda .lt-btn-2:hover{color:var(--lt-g) !important}
.contenidoprincipal .lt26 .lt-con-a:hover{color:#fff !important}
.contenidoprincipal .lt26 .lt-con-wa:hover{color:var(--lt-tx) !important}
.contenidoprincipal .lt26 .lt-m:hover{color:var(--lt-tx) !important}
.contenidoprincipal .lt26 .lt-tel a:hover{color:var(--lt-g2) !important}
.lt26 .lt-tienda .lt-btn{background:var(--lt-g);color:#fff !important;border-color:var(--lt-g)}
.lt26 .lt-tienda .lt-btn:hover{background:var(--lt-g2)}
.lt26 .lt-tienda .lt-btn-2{background:#fff;color:var(--lt-g) !important;border-color:var(--lt-g)}
.lt26 .lt-tienda .lt-btn-2:hover{background:var(--lt-gf)}
.lt26 .lt-mapa{min-height:320px}
.lt26 .lt-mapa{position:relative}
.lt26 .lt-mapa iframe{position:absolute;inset:0;width:100% !important;height:100% !important;min-height:320px;border:0;display:block}

/* tableta y movil */
@media (max-width:1099px){
  .lt26 .lt-hero h1{font-size:33px !important}
  .lt26 .lt-hero-txt{padding:26px 24px}
}
@media (max-width:819px){
  .lt26 .lt-hero{grid-template-columns:1fr}
  .lt26 .lt-hero-img{position:static;width:100%;height:190px !important;order:-1}
  .lt26 .lt-medida,.lt26 .lt-pasos ol{grid-template-columns:1fr}
  .lt26 .lt-m{display:grid;grid-template-columns:38% 1fr;grid-template-rows:auto auto 1fr}
  .lt26 .lt-m img{grid-row:1 / 4;width:100% !important;height:100% !important;min-height:110px;aspect-ratio:auto}
  .lt26 .lt-m-b{grid-column:2;align-self:end;margin:0 12px 12px;justify-self:start}
  .lt26 .lt-m-t,.lt26 .lt-m-d{padding-left:12px}
  .lt26 .lt-pasos li{display:grid;grid-template-columns:34% 1fr;grid-template-rows:auto 1fr;padding-bottom:0;gap:0 2px}
  .lt26 .lt-pasos li img{grid-row:1 / 3;height:100% !important;min-height:100px;aspect-ratio:auto;margin:0}
  .lt26 .lt-pasos li b{padding-top:12px}
  .lt26 .lt-pasos li span{padding-bottom:12px}
  .lt26 .lt-tienda{grid-template-columns:1fr}
  .lt26 .lt-sec{margin-top:30px}
}
@media (max-width:599px){
  .lt26 .lt-hero h1{font-size:28px !important}
  .lt26 .lt-hero p{font-size:14.5px}
  .lt26 .lt-cab h2,.lt26 .lt-tienda h2{font-size:21px !important}
  .lt26 .lt-tienda-txt{padding:22px 18px}
  .lt26 .lt-btn{flex:1 1 auto}
}