/* Anton autoalojada: reemplaza la peticion a fonts.googleapis.com del original.
   Licencia SIL Open Font License 1.1 (permite uso comercial y alojamiento propio).
   Archivo tomado de la carpeta 06_TIPOGRAFIAS del cliente. */
@font-face {
  font-family: 'Anton';
  src: url('../assets/fonts/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*
  IDENTIKO — hoja de estilos del sitio aprobado (17/09/2026).

  Extraida sin modificar del index.html original. El ORDEN de los bloques es
  significativo: el archivo conserva las capas sucesivas tal como estaban, asi
  que el resultado renderizado es identico. Unificarlas es un trabajo aparte,
  que necesita comparacion visual antes y despues.
*/

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --accent: #0951F5;
  --accent-light: #0643CC;
  --accent-pale: #EDF2FF;
  --white: #ffffff;
  --bg: #F7F7F5;
  --text: #0A0A0A;
  --muted: #6B7280;
  --border: #E5E5E1;
  --radius: 12px;
  --pill: 999px;
  --violet: #0951F5;
  --violet-dark: #0643CC;
}
html { scroll-behavior: smooth; overflow-x: hidden; }
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); overflow-x: hidden; }

/* ── HEADER ── */
header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255,255,255,0.95); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 32px; height: 58px;
}
.logo { font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-size: 26px; font-weight: 900; color: var(--text); letter-spacing: -1px; }
.logo span { color: var(--accent); }
.header-right { display: flex; align-items: center; gap: 12px; }
.header-wsp {
  display: flex; align-items: center; gap: 6px;
  background: #25D366; color: #fff; border: none; border-radius: var(--pill);
  padding: 8px 16px; font-size: 13px; font-weight: 700; cursor: pointer;
}
.header-wsp svg { width: 16px; height: 16px; fill: #fff; }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 6px; border: none; background: none; }
.hamburger span { display: block; width: 22px; height: 2px; background: var(--text); border-radius: 2px; }
@media(max-width:600px){ .hamburger{display:flex;} .header-wsp{display:none;} header{padding:0 20px;} }

/* ── HERO ── */
.hero {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 80px 32px 72px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}
@media(max-width:700px){
  .hero { grid-template-columns:1fr; padding:52px 20px 44px; gap:24px; }
  .hero-left { order: 2; }
  .hero-visual { order: 1; }
}
.hero-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; display:flex; align-items:center; gap:8px; }
.hero-eyebrow::before { content:''; width:24px; height:2px; background:var(--accent); }
.hero-title {
  font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;
  font-size: clamp(48px, 6.5vw, 84px);
  font-weight: 900; line-height: 0.88;
  text-transform: uppercase; letter-spacing: -2px;
  color: var(--text); margin-bottom: 22px;
}
.hero-title em { color: var(--accent); font-style: normal; display:block; }
.hero-sub { font-size: 15px; color: var(--muted); line-height: 1.65; margin-bottom: 36px; max-width: 380px; }
.hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 32px; }
.btn-primary {
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--text); color: #fff; border: none;
  border-radius: var(--pill); padding: 14px 24px;
  font-size: 14px; font-weight: 700; cursor: pointer;
  transition: background 0.18s; text-decoration: none;
}
.btn-primary:hover { background: #333; }
.btn-ghost {
  display: inline-flex; align-items: center; gap: 7px;
  background: transparent; color: var(--text);
  border: 1.5px solid var(--border); border-radius: var(--pill);
  padding: 13px 22px; font-size: 14px; font-weight: 600;
  cursor: pointer; transition: border-color 0.18s;
}
.btn-ghost:hover { border-color: var(--text); }
.hero-claim {
  display: flex; gap: 20px; flex-wrap: wrap; padding-top: 28px;
  border-top: 1px solid var(--border);
}
.hero-claim-item { font-size: 12px; font-weight: 600; color: var(--muted); display: flex; align-items: center; gap: 6px; }
.hero-claim-item::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #16A34A; flex-shrink:0; }
.hero-visual {
  background: linear-gradient(145deg,#F0F4F8,#EDF2FF);
  border-radius: 24px;
  height: 400px;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden; position: relative;
  border: 1px solid var(--border);
}
@media(max-width:700px){ .hero-visual { height: 280px; border-radius:18px; } }
.hero-visual img#heroShirt { height: 300px; width: auto; object-fit: contain; mix-blend-mode: multiply; position:relative; z-index:1; animation: shirtFloat 4s ease-in-out infinite; }
@media(max-width:700px){ .hero-visual img#heroShirt { height:200px; } }
@keyframes shirtFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.hero-visual-badge {
  position: absolute; top: 16px; left: 16px; z-index:3;
  background: var(--text); color: #fff;
  font-size: 10px; font-weight: 800; letter-spacing: 1px;
  text-transform: uppercase; padding: 5px 12px; border-radius: var(--pill);
}
.hero-price-tag {
  position: absolute; bottom: 16px; right: 16px; z-index:3;
  background: #fff; border: 1.5px solid var(--border);
  border-radius: 12px; padding: 10px 16px; text-align: right;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.hero-price-from { font-size: 10px; color: var(--muted); font-weight: 600; }
.hero-price-val { font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-size: 30px; font-weight: 900; color: var(--text); }
/* ── LOGO DRAG ANIMATION ── */
/* La tarjeta del logo empieza arriba derecha y viaja al centro de la prenda */
.hero-logo-anim {
  position: absolute; z-index: 4; pointer-events: none;
  /* posición inicial: arriba derecha del visual */
  top: 20px; left: 50%;
  transform: translateX(-50%);
  animation: logoDrag 3.8s cubic-bezier(0.4,0,0.2,1) infinite;
}
/* Mobile: sale desde arriba centro */
@media(max-width:700px){
  .hero-logo-anim { top: 16px; }
}
@keyframes logoDrag {
  0%   { top:20px;  opacity:1; transform:translateX(-50%) scale(1) rotate(0deg); }
  15%  { top:20px;  opacity:1; transform:translateX(-50%) scale(1.05) rotate(1deg); }
  60%  { top:42%;   opacity:1; transform:translateX(-50%) scale(0.78) rotate(-2deg); }
  72%  { top:44%;   opacity:1; transform:translateX(-50%) scale(0.72) rotate(-2deg); }
  80%  { top:44%;   opacity:0; transform:translateX(-50%) scale(0.55) rotate(-2deg); }
  81%  { top:20px;  opacity:0; transform:translateX(-50%) scale(1) rotate(0deg); }
  90%  { top:20px;  opacity:0; transform:translateX(-50%) scale(1) rotate(0deg); }
  100% { top:20px;  opacity:1; transform:translateX(-50%) scale(1) rotate(0deg); }
}
.hero-logo-card {
  background: #fff; border: 1.5px solid var(--border);
  border-radius: 12px; padding: 9px 14px;
  display: flex; align-items: center; gap: 9px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.14);
}
.hero-logo-card-icon {
  width: 32px; height: 32px; border-radius: 8px;
  background: var(--accent-pale); border: 1.5px dashed var(--accent);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.hero-logo-card-text { font-size: 13px; font-weight: 700; color: var(--text); }
.hero-logo-card-sub { font-size: 10px; color: var(--muted); }

/* Flash circular en el centro de la prenda al aterrizar */
.hero-drop-flash {
  position: absolute; z-index: 2; pointer-events: none;
  top: 42%; left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 70px; height: 70px; border-radius: 50%;
  background: radial-gradient(circle, rgba(27,58,92,0.2) 0%, transparent 70%);
  animation: dropFlash 3.8s cubic-bezier(0.4,0,0.2,1) infinite;
}
@keyframes dropFlash {
  0%,65%  { transform:translate(-50%,-50%) scale(0); opacity:0; }
  75%     { transform:translate(-50%,-50%) scale(1.4); opacity:0.8; }
  88%     { transform:translate(-50%,-50%) scale(1); opacity:0.3; }
  95%,100%{ transform:translate(-50%,-50%) scale(0); opacity:0; }
}

/* "Tu logo aquí" aparece en el centro cuando aterriza */
.hero-tu-logo {
  position: absolute; z-index: 5; pointer-events: none;
  top: 44%; left: 50%; transform: translate(-50%,-50%) scale(0.8);
  background: var(--accent); color: #fff;
  font-size: 11px; font-weight: 800; letter-spacing: 0.5px;
  padding: 5px 12px; border-radius: var(--pill);
  opacity: 0; animation: tuLogoShow 3.8s cubic-bezier(0.4,0,0.2,1) infinite;
  white-space: nowrap;
}
@keyframes tuLogoShow {
  0%,74%  { opacity:0; transform:translate(-50%,-50%) scale(0.8); }
  82%     { opacity:1; transform:translate(-50%,-50%) scale(1); }
  90%     { opacity:1; transform:translate(-50%,-50%) scale(1); }
  97%,100%{ opacity:0; transform:translate(-50%,-50%) scale(0.9); }
}

/* ── CATALOG STRIP ── */
.catalog-strip {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 16px 32px;
  display: flex; gap: 8px; overflow-x: auto;
  scrollbar-width: none;
}
.catalog-strip::-webkit-scrollbar { display: none; }
.strip-btn {
  white-space: nowrap; padding: 8px 16px;
  border: 1.5px solid var(--border); border-radius: var(--pill);
  background: var(--white); font-size: 13px; font-weight: 600;
  cursor: pointer; transition: border-color 0.15s, background 0.15s;
  flex-shrink: 0;
}
.strip-btn:hover, .strip-btn.active { border-color: var(--text); background: var(--text); color: #fff; }
@media(max-width:600px){ .catalog-strip { padding: 12px 16px; } }

/* ── PRODUCT GRID ── */
.catalog-section { max-width: 1100px; margin: 0 auto; padding: 40px 32px; }
@media(max-width:600px){ .catalog-section { padding: 20px 12px; } }
.catalog-section-title { font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-size: 22px; font-weight: 900; text-transform: uppercase; margin-bottom: 20px; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
@media(max-width:500px){ .product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }

.product-card {
  background: var(--white); border: 1.5px solid var(--border);
  border-radius: 14px; overflow: hidden; cursor: pointer;
  transition: border-color 0.18s, box-shadow 0.2s, transform 0.15s;
}
.product-card:hover { border-color: var(--text); box-shadow: 0 6px 24px rgba(0,0,0,0.08); transform: translateY(-2px); }
.product-card.placeholder { opacity: 0.45; cursor: default; }
.product-card.placeholder:hover { border-color: var(--border); box-shadow: none; transform: none; }

.product-card-img {
  width: 100%; height: 180px;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg); position: relative;
}
.product-card-img img { height: 140px; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.product-card-img-placeholder { font-size: 48px; color: #D1D5DB; }
.product-card-badge {
  position: absolute; top: 8px; left: 8px;
  font-size: 9px; font-weight: 800; letter-spacing: 0.5px;
  text-transform: uppercase; padding: 3px 8px; border-radius: var(--pill);
}
.badge-new { background: var(--text); color: #fff; }
.badge-soon { background: var(--border); color: var(--muted); }

.product-card-info { padding: 12px 14px 14px; }
.product-card-name { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.product-card-desc { font-size: 12px; color: var(--muted); margin-bottom: 8px; }
.product-card-price { font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-size: 18px; font-weight: 900; color: var(--accent); }
.product-card-price span { font-size: 11px; font-weight: 500; color: var(--muted); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.product-card-colors { display: flex; gap: 4px; margin-top: 6px; }
.product-card-dot { width: 11px; height: 11px; border-radius: 50%; border: 1.5px solid rgba(0,0,0,0.08); }

/* ── PRODUCT PAGE ── */
.product-page {
  display: none;
  max-width: 1100px; margin: 0 auto;
  padding: 32px 32px 60px;
  animation: fadeUp 0.3s ease;
}
.product-page.visible { display: block; }
@media(max-width:860px){ .product-page { padding: 24px 16px 48px; } }
@keyframes fadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }

.pp-back {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1.5px solid var(--border);
  border-radius: var(--pill); padding: 8px 16px;
  font-size: 13px; font-weight: 600; color: var(--muted);
  cursor: pointer; margin-bottom: 28px; transition: border-color 0.15s, color 0.15s;
}
.pp-back:hover { border-color: var(--text); color: var(--text); }

.pp-layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 40px;
  align-items: start;
}
@media(max-width:860px){ .pp-layout { grid-template-columns: 1fr; } }

/* LEFT */
.pp-left {}
.pp-product-name { font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-size: 32px; font-weight: 900; text-transform: uppercase; margin-bottom: 6px; line-height: 1; }
.pp-product-sub { font-size: 14px; color: var(--muted); margin-bottom: 24px; }

/* VISTA PREVIA */
.pp-preview-wrap {
  background: var(--white); border: 1.5px solid var(--border);
  border-radius: 16px; overflow: hidden; margin-bottom: 20px;
}
.pp-preview-tabs {
  display: flex; border-bottom: 1px solid var(--border);
  padding: 0 16px; gap: 0;
  overflow-x: auto; scrollbar-width: none;
}
.pp-preview-tabs::-webkit-scrollbar { display: none; }
.pp-preview-tab {
  padding: 12px 16px; font-size: 13px; font-weight: 600;
  color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
  white-space: nowrap;
}
.pp-preview-tab.active { color: var(--text); border-bottom-color: var(--text); }
.pp-preview-img {
  height: 300px; display: flex; align-items: center; justify-content: center;
  position: relative;
}
.pp-preview-img img { height: 240px; width: auto; object-fit: contain; mix-blend-mode: multiply; transition: opacity 0.2s; }
.pp-preview-hint { font-size: 11px; color: var(--muted); text-align: center; padding: 10px 16px; border-top: 1px solid var(--border); }

/* PERSONALIZACIÓN */
.pp-section-title { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 12px; }
.pp-card { background: var(--white); border: 1.5px solid var(--border); border-radius: 14px; padding: 18px; margin-bottom: 16px; }

.pp-customizer-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.pp-cust-btn {
  display: flex; align-items: center; gap: 12px;
  border: 2px solid var(--border); border-radius: 14px; padding: 14px 14px;
  cursor: pointer; background: var(--white);
  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s, transform 0.12s;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left;
}
.pp-cust-btn:hover { border-color: var(--accent); box-shadow: 0 2px 14px rgba(27,58,92,0.1); transform: translateY(-1px); }
.pp-cust-btn.active { border-color: var(--accent); background: var(--accent-pale); box-shadow: 0 2px 14px rgba(27,58,92,0.12); }
.pp-cust-btn-icon {
  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;
  background: var(--bg); display: flex; align-items: center; justify-content: center;
  color: var(--accent); transition: background 0.18s;
}
.pp-cust-btn.active .pp-cust-btn-icon { background: var(--white); }
.pp-cust-btn-texts { display: flex; flex-direction: column; gap: 2px; }
.pp-cust-btn-label { font-size: 14px; font-weight: 700; color: var(--text); }
.pp-cust-btn-sub { font-size: 11px; color: var(--muted); }

.pp-upload-zone {
  border: 2px dashed var(--border); border-radius: 12px;
  padding: 24px; text-align: center; cursor: pointer;
  transition: border-color 0.18s, background 0.18s;
}
.pp-upload-zone:hover { border-color: var(--accent); background: var(--accent-pale); }
.pp-upload-zone.has-file { border-color: #16A34A; background: #F0FDF4; }
.pp-upload-label { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.pp-upload-sub { font-size: 11px; color: var(--muted); }
.pp-upload-filename { font-size: 12px; color: #16A34A; font-weight: 600; margin-top: 6px; }

.pp-text-input {
  width: 100%; border: 1.5px solid var(--border); border-radius: 10px;
  padding: 12px 14px; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  outline: none; transition: border-color 0.18s;
}
.pp-text-input:focus { border-color: var(--accent); }

/* ZONA ESTAMPA */
.pp-zone-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
@media(max-width:600px){ .pp-zone-grid { grid-template-columns: repeat(2,1fr); } }
.pp-zone-opt {
  border: 1.5px solid var(--border); border-radius: 10px;
  padding: 10px 6px; text-align: center; cursor: pointer;
  font-size: 12px; font-weight: 600; transition: border-color 0.15s, background 0.15s;
}
.pp-zone-opt:hover { border-color: var(--text); }
.pp-zone-opt.active { border-color: var(--text); background: var(--text); color: #fff; }

/* TALLE GRID */
.pp-size-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.pp-size-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); }
.btn-fa-inline {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, var(--violet), var(--violet-dark));
  color: #fff; border: none; border-radius: var(--pill);
  padding: 10px 18px; font-size: 12px; font-weight: 700;
  cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  box-shadow: 0 4px 16px rgba(124,58,237,0.4);
  animation: fa-pulse 2.5s ease-in-out infinite;
  letter-spacing: 0.3px;
  transition: transform 0.15s, box-shadow 0.15s;
}
.btn-fa-inline:hover { transform: scale(1.04); box-shadow: 0 6px 22px rgba(124,58,237,0.55); }
@keyframes fa-pulse { 0%,100%{box-shadow:0 4px 16px rgba(124,58,237,0.4)} 50%{box-shadow:0 4px 24px rgba(124,58,237,0.7)} }
.btn-fa-dot { width: 6px; height: 6px; border-radius: 50%; background: #4ADE80; animation: dot-pulse 1.8s ease-in-out infinite; flex-shrink:0; }
.btn-fa-ia { background: rgba(255,255,255,0.2); border-radius: 4px; padding: 1px 6px; font-size: 10px; font-weight: 900; letter-spacing: 0.5px; }
@keyframes dot-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.7)} }

.pp-size-inputs { display: flex; flex-wrap: wrap; gap: 8px; }
.pp-size-input-wrap { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.pp-size-name { font-size: 11px; font-weight: 700; color: var(--muted); }
.pp-size-qty {
  width: 48px; height: 42px; border: 1.5px solid var(--border); border-radius: 8px;
  text-align: center; font-size: 15px; font-weight: 700;
  font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;
  outline: none; transition: border-color 0.15s;
}
.pp-size-qty:focus { border-color: var(--accent); }
.pp-total-qty { font-size: 13px; font-weight: 600; color: var(--muted); margin-top: 8px; }
.pp-total-qty strong { color: var(--text); }

/* RIGHT SIDEBAR */
.pp-right {}

/* COLORES */
.pp-color-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.pp-color-sw {
  width: 36px; height: 36px; border-radius: 50%;
  border: 2px solid transparent; cursor: pointer;
  transition: transform 0.15s, border-color 0.15s;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.pp-color-sw:hover { transform: scale(1.1); }
.pp-color-sw.active { border-color: var(--text); transform: scale(1.1); }

/* PRECIO */
.pp-price-main { display: flex; align-items: baseline; gap: 8px; margin-bottom: 4px; }
.pp-price-val { font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-size: 40px; font-weight: 900; color: var(--text); }
.pp-price-unit { font-size: 14px; color: var(--muted); font-weight: 500; }
.pp-price-breakdown { font-size: 12px; color: var(--muted); margin-bottom: 16px; }

/* TABLA PRECIOS */
.pp-price-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.pp-price-table th { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); padding: 6px 10px; text-align: left; border-bottom: 1px solid var(--border); }
.pp-price-table td { padding: 9px 8px; font-size: 13px; border-bottom: 1px solid var(--border); }
@media(max-width:600px){ .pp-price-table th { font-size: 9px; padding: 5px 6px; } .pp-price-table td { font-size: 12px; padding: 8px 6px; } }
.pp-price-table tr.active-row td { background: var(--accent-pale); font-weight: 700; }
.pp-price-table tr.active-row td:nth-child(2) { color: var(--accent); }
.pp-price-save { color: #16A34A; font-weight: 700; font-size: 13px; }

.pp-personalization-note {
  background: var(--bg); border-radius: 10px;
  padding: 12px 14px; font-size: 13px; color: var(--muted); margin-bottom: 16px;
  border-left: 3px solid var(--border);
}

/* CTAs */
.pp-btn-cart {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; background: var(--text); color: #fff; border: none;
  border-radius: var(--pill); padding: 16px;
  font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;
  font-size: 16px; font-weight: 900; letter-spacing: 1px;
  text-transform: uppercase; cursor: pointer;
  transition: background 0.18s; margin-bottom: 10px;
}
.pp-btn-cart:hover { background: #333; }
.pp-btn-wsp {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; background: transparent; color: #25D366;
  border: 1.5px solid #25D366; border-radius: var(--pill); padding: 13px;
  font-size: 14px; font-weight: 700; cursor: pointer;
  text-decoration: none; transition: background 0.18s, color 0.18s;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.pp-btn-wsp:hover { background: #25D366; color: #fff; }
.pp-btn-wsp svg { width: 16px; height: 16px; fill: currentColor; }

/* ── LOGOS STRIP ── */
.logos-section { background: var(--white); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 28px 0; overflow: hidden; }
.logos-label { text-align: center; font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); margin-bottom: 18px; }
.logos-track-wrap { overflow: hidden; mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%); -webkit-mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%); }
.logos-track { display: flex; gap: 20px; width: max-content; animation: scrollLeft 32s linear infinite; }
@keyframes scrollLeft { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.logo-pill { width: 100px; height: 48px; background: var(--bg); border: 1.5px solid var(--border); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-size: 20px; font-weight: 900; color: var(--accent); flex-shrink: 0; opacity: 0.5; }

/* ── FOOTER ── */
footer { text-align: center; padding: 32px 20px; font-size: 12px; color: var(--muted); border-top: 1px solid var(--border); margin-top: 0; }

/* ── MOBILE EDITOR FIXES ── */
@media(max-width:600px){
  .pp-back { font-size: 12px; padding: 7px 14px; margin-bottom: 16px; }
  .pp-product-name { font-size: 24px; }
  .pp-product-sub { font-size: 13px; margin-bottom: 16px; }
  .pp-preview-img { height: 220px; }
  .pp-preview-img img { height: 180px; }
  .pp-preview-tab { font-size: 12px; padding: 10px 12px; }
  .pp-card { padding: 14px; margin-bottom: 12px; }
  .pp-section-title { font-size: 10px; margin-bottom: 10px; }
  .pp-customizer-btns { grid-template-columns: 1fr 1fr; gap: 8px; }
  .pp-cust-btn { padding: 12px 10px; gap: 8px; }
  .pp-cust-btn-icon { width: 36px; height: 36px; border-radius: 10px; }
  .pp-cust-btn-label { font-size: 12px; }
  .pp-cust-btn-sub { font-size: 10px; }
  .pp-color-sw { width: 30px; height: 30px; }
  .pp-size-header { flex-wrap: wrap; gap: 8px; }
  .pp-size-inputs { gap: 6px; }
  .pp-size-input-wrap { }
  .pp-size-name { font-size: 10px; }
  .pp-size-qty { width: 42px; height: 38px; font-size: 14px; }
  .pp-price-val { font-size: 32px; }
  .pp-btn-cart { font-size: 14px; padding: 14px; }
  .btn-fa-inline { font-size: 11px; padding: 8px 12px; }
  .pp-right { margin-top: 4px; }
}

/* IDENTIKO — tienda inspirada en la estructura comercial de GLIDE */
:root{--accent:#0951f5;--accent-light:#154fd0;--accent-pale:#edf3ff;--bg:#f5f8ff;--text:#14264a;--muted:#61708a;--border:#dfe6f2;--radius:16px;--violet:#0951f5;--violet-dark:#0643cc;--yellow:#ffe819}
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}button,input,a{font-family:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffb500;outline-offset:4px}[hidden]{display:none!important}section,[id=catalogAnchor],.product-page{scroll-margin-top:85px}
header{height:78px;padding:0 max(5%,calc((100% - 1220px)/2));background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);gap:30px}.logo{display:flex;flex-shrink:0}.logo img{width:181px;height:auto}header nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:600}header nav a:hover,header nav button:hover{color:var(--accent)}header nav button{border:0;background:none;color:inherit;font-size:inherit;font-weight:inherit}.header-actions{display:flex;align-items:center;gap:10px}.header-contact{border:0;border-radius:30px;padding:12px 18px;background:var(--accent);color:white;white-space:nowrap;font-weight:600;font-size:12px}.header-contact span{margin-left:10px}.menu-toggle{display:none;border:1px solid var(--border);background:white;border-radius:8px;padding:7px 10px;font-size:22px}
.lab-bar{background:#072e96;color:#fff;padding:13px max(5%,calc((100% - 1220px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.lab-bar b{color:var(--yellow);margin-right:20px;letter-spacing:.8px;font-size:12px}.lab-bar button{color:white;border:0;background:none;font-size:12px}.lab-bar button span{margin-left:15px;color:var(--yellow)}
.shop-hero{position:relative;background:radial-gradient(ellipse at 90% 15%,#3c7cff 0%,transparent 50%),linear-gradient(115deg,#0539b4,#0951f5 65%,#0840c0);color:white;overflow:hidden}.shop-hero:after{content:'';position:absolute;right:-150px;top:-150px;width:600px;height:600px;border:1px solid #ffffff15;border-radius:50%;pointer-events:none}.hero-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;padding:50px 0 28px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--accent)}.hero-copy .eyebrow{color:#d9e6ff;font-size:10px}.hero-copy h1{font-family:inherit;font-size:clamp(46px,4.6vw,68px);font-weight:850;line-height:1.05;letter-spacing:-2.8px;margin:24px 0}.hero-copy h1 span{color:var(--yellow)}.hero-copy>p{max-width:450px;font-size:16px;line-height:1.65;color:#e2eaff;min-height:80px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.hero-tags span{border:1px solid #ffffff38;background:#ffffff13;padding:9px 16px;font-size:12px;font-weight:600;border-radius:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-action{border:0;border-radius:30px;background:var(--accent);color:white;padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.hero-action:hover{transform:translateY(-2px);background:#073cba}.hero-buttons .hero-action{background:white;color:#0739a8}.hero-secondary{border:1px solid #ffffff70;background:transparent;color:white;padding:15px 22px;border-radius:30px;font-size:13px;font-weight:600}.hero-secondary:hover{background:#ffffff18}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;color:#d5e2ff;margin-top:27px}.hero-footnote>span{font-size:22px;color:var(--yellow)}.hero-showcase{position:relative;padding:18px 30px 0}.showcase-card{background:#fff;border:10px solid #ffffff45;background-clip:padding-box;border-radius:25px;padding:24px 22px 0;position:relative;display:flex;flex-direction:column;width:100%;box-shadow:0 25px 70px #00237345;text-align:left;overflow:hidden}.showcase-badge{align-self:flex-start;position:absolute;top:15px;left:16px;font-size:9px;letter-spacing:.4px;background:var(--accent);color:white;padding:8px 10px;border-radius:7px}.showcase-card>img{width:100%;height:275px;object-fit:contain;margin:12px 0 18px}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:19px 0;border-top:1px solid var(--border);color:var(--text)}.showcase-bottom b{font-size:15px}.showcase-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.showcase-arrow{width:34px;height:34px;border-radius:50%;background:var(--accent-pale);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.showcase-note{display:block;text-align:center;font-size:11px;color:#dde7ff;margin-top:20px}.floating-note{position:absolute;z-index:2;top:-8px;right:6px;background:var(--yellow);color:#0c2363;border-radius:10px;padding:14px 18px;font-size:9px;line-height:1.6;transform:rotate(8deg);box-shadow:0 6px 16px #07235a20}.floating-note b{font-family:'Anton',Impact,sans-serif;font-size:19px;font-weight:400}.hero-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 0 23px;position:relative;z-index:2}.hero-controls>button{border:1px solid #ffffff40;background:#ffffff0f;color:white;border-radius:50%;width:30px;height:30px}.hero-controls>div{display:flex;gap:8px}.hero-dot{background:#ffffff50;border:0;border-radius:50%;width:7px;height:7px;padding:0}.hero-dot.active{width:23px;border-radius:8px;background:var(--yellow)}
.feature-strip{display:flex;justify-content:center;gap:80px;border-bottom:1px solid var(--border);background:white;padding:23px 5%;font-size:12px}.feature-strip span{display:flex;align-items:center;gap:13px}.feature-strip b{font-size:10px;color:var(--accent);background:var(--accent-pale);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center}
h2{font-family:inherit;font-size:34px;font-weight:750;line-height:1.2;letter-spacing:-1px}.catalog-intro{text-align:center;padding:56px 20px 24px}.catalog-intro h2{margin:13px 0}.catalog-intro p,.section-heading p{font-size:14px;color:var(--muted);line-height:1.75}.catalog-strip{display:flex;flex-wrap:wrap;justify-content:center;background:transparent;padding:0 5% 25px;gap:9px;border:0}.strip-btn{padding:11px 20px;border:1px solid var(--border);background:white;font-size:12px;box-shadow:0 2px 4px #12244903}.strip-btn.active,.strip-btn:hover{background:var(--accent);border-color:var(--accent);color:white}.catalog-section{max-width:1320px;padding:4px 50px 60px;margin:auto}.catalog-section-title{display:flex;justify-content:space-between;font-family:inherit;font-size:10px;font-weight:500;text-transform:none;color:var(--muted);margin:0 0 18px}.catalog-section-title>span:last-child{font-size:9px;letter-spacing:1px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--border);border-radius:15px;background:white;box-shadow:0 5px 15px #15264b05}.product-card:hover{border-color:var(--accent);box-shadow:0 10px 25px #0951f515;transform:translateY(-4px)}.product-card-img{height:235px;background:#fff}.product-card-img img{height:175px;max-width:88%;object-fit:contain}.product-card-badge{top:12px;left:12px;padding:6px 9px;font-size:8px}.badge-new{background:var(--accent-pale);color:var(--accent)}.product-card-info{border-top:1px solid #edf0f5;padding:18px}.product-card-name{font-size:14px}.product-card-desc{font-size:11px;line-height:1.5;min-height:33px}.product-card-price{font-family:inherit;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin:17px 0 11px}.product-card-price span{font-size:20px;color:var(--accent)}.product-card-colors{gap:5px}.product-card.placeholder{opacity:.65}.product-card.placeholder .product-card-img{height:160px}.product-card.placeholder .product-card-img-placeholder{font-size:35px}.product-card.placeholder:hover{border-color:var(--border);box-shadow:none;transform:none}
.process-section{background:white;padding:55px max(5%,calc((100% - 1220px)/2)) 64px}.section-heading{text-align:center}.section-heading h2{margin:13px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:38px}.process-grid article{padding:25px 22px;border:1px solid var(--border);border-radius:16px;background:#fff}.process-grid article>span{width:36px;height:36px;border-radius:50%;background:var(--accent-pale);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.process-grid h3{font-size:16px;margin:22px 0 12px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.8}.order-banner{max-width:1220px;margin:40px auto 0;border-radius:23px;padding:38px 42px;background:var(--accent);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.order-banner .eyebrow{color:#d6e2ff;font-size:9px}.order-banner h2{font-size:30px;margin:12px 0}.order-banner p{font-size:13px;color:#d8e4ff;line-height:1.6}.order-banner>div:last-child{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:15px}.order-banner .hero-action{background:var(--yellow);color:#10234a}.banner-contact{background:none;border:0;color:white;font-size:11px}.about-section{max-width:1220px;margin:auto;padding:70px 0;display:grid;grid-template-columns:.85fr 1fr;gap:70px;align-items:center}.about-art{border-radius:22px;min-height:315px;background-color:var(--yellow);background-image:linear-gradient(#0c285115 1px,transparent 1px),linear-gradient(90deg,#0c285115 1px,transparent 1px);background-size:27px 27px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:35px}.about-art img{width:65%;height:auto}.about-art span{font-size:8px;letter-spacing:1px}.about-copy h2{margin:15px 0 20px}.about-copy p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:12px}.text-link{font-size:12px;border:0;background:transparent;color:var(--accent);font-weight:700;margin-top:10px}.faq-section{background:white;border-top:1px solid var(--border);padding:55px 5%}.faq-list{max-width:820px;margin:28px auto 0}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{padding:20px 0;font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--accent);font-size:20px}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:var(--muted);line-height:1.8;padding:0 25px 20px 0}.closing-cta{text-align:center;padding:60px 20px;background:#eaf1ff}.closing-cta h2{margin:15px 0}.closing-cta p{font-size:14px;color:var(--muted);margin-bottom:25px}footer{text-align:left;padding:45px max(5%,calc((100% - 1220px)/2)) 25px;background:white;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand img{width:170px}.footer-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}.footer-grid h3{font-size:13px;color:var(--text);margin-bottom:18px}.footer-grid a,.footer-grid button{display:block;border:0;background:none;padding:0;text-align:left;font-size:12px;color:var(--muted);margin-bottom:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:30px;padding-top:22px;font-size:9px;color:var(--muted)}.floating-contact{position:fixed;right:22px;bottom:22px;width:52px;height:52px;background:var(--accent);color:white;border:3px solid white;border-radius:50%;box-shadow:0 4px 18px #00339840;z-index:120;display:flex;align-items:center;justify-content:center}.floating-contact svg{width:23px;height:23px}
.viewing-product .shop-hero,.viewing-product .feature-strip,.viewing-product .catalog-intro{display:none}.product-page{padding-top:30px}.pp-product-name,.pp-price-val,.fa-step-title{font-family:inherit;font-weight:750}.pp-btn-cart{width:100%;font-family:inherit;border:0}.pp-btn-wsp{color:var(--accent);border-color:var(--accent);background:white}.pp-btn-wsp svg{display:none}.pp-btn-wsp:hover{background:var(--accent-pale)}.pp-color-sw{min-width:30px;min-height:30px}.pp-size-input-wrap{min-width:0}.pp-size-qty{max-width:100%}.quote-note{font-size:14px;line-height:1.7;margin-bottom:20px}.fa-btn-next,.fa-btn-apply,.fa-progress-fill{background:var(--accent)}dialog{margin:auto;padding:38px;max-width:500px;width:calc(100% - 32px);border:0;border-radius:20px;background:white;color:var(--text)}dialog::backdrop{background:#10204299}dialog h2{font-size:29px;margin:20px 0}dialog p{font-size:14px;line-height:1.7;margin-bottom:23px}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:20px}
@media(max-width:1320px){.hero-inner{padding-left:5%;padding-right:5%;gap:40px}.order-banner{margin-left:5%;margin-right:5%}.about-section{padding-left:5%;padding-right:5%;gap:50px}}
@media(max-width:1050px){header{gap:20px}.logo img{width:150px}header nav{gap:14px;font-size:11px}.header-contact{font-size:11px;padding:11px 13px}.hero-copy h1{font-size:55px}.hero-inner{gap:15px}.hero-showcase{padding:18px 5px 0}.showcase-card>img{height:240px}.floating-note{right:-10px}.hero-buttons{gap:9px}.hero-action,.hero-secondary{font-size:12px;padding:14px 18px}.feature-strip{gap:40px}.catalog-section{padding-inline:5%}.product-card-img{height:200px}.product-card-img img{height:155px}.process-grid{gap:14px}.process-grid article{padding:20px 17px}.order-banner h2{font-size:26px}}
@media(max-width:760px){header{height:66px;padding-inline:5%;justify-content:space-between;gap:15px}.logo img{width:139px}.header-contact{padding:10px 13px;font-size:11px}.header-contact span{display:none}.menu-toggle{display:block}header nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;padding:20px 5%;border-bottom:1px solid var(--border);box-shadow:0 10px 20px #172f5212;flex-direction:column;align-items:stretch;font-size:14px;gap:20px}header nav.open{display:flex}header nav button{text-align:left}.lab-bar{padding:11px 5%;font-size:10px}.lab-bar b{font-size:9px;margin-right:9px}.lab-bar button{display:none}.hero-inner{grid-template-columns:1fr;padding:32px 6% 25px;gap:35px}.hero-copy h1{font-size:clamp(42px,10vw,62px);letter-spacing:-1.8px;margin:21px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.hero-copy>p{font-size:14px;line-height:1.7;max-width:450px;min-height:70px}.hero-tags{margin:18px 0 22px;gap:7px}.hero-tags span{padding:8px 13px;font-size:11px}.hero-buttons .hero-action,.hero-secondary{padding:14px 17px;font-size:11px}.hero-footnote{font-size:8px;letter-spacing:.7px;margin-top:20px}.hero-showcase{width:100%;max-width:365px;margin:auto;padding:8px 15px 0}.showcase-card{border-width:7px;padding:22px 17px 0;border-radius:21px}.showcase-card>img{height:215px}.showcase-badge{font-size:8px}.showcase-bottom{padding:15px 0}.showcase-bottom b{font-size:13px}.showcase-bottom small{font-size:9px}.floating-note{right:0;top:-10px;padding:10px 13px}.floating-note b{font-size:17px}.showcase-note{font-size:10px;margin-top:15px}.hero-controls{padding-bottom:20px}.feature-strip{padding:18px 4%;gap:15px;justify-content:space-between}.feature-strip span{font-size:9px;gap:6px;line-height:1.5}.feature-strip b{width:20px;height:20px;font-size:8px;flex-shrink:0}h2{font-size:27px;letter-spacing:-.7px}.catalog-intro{padding:37px 6% 23px}.catalog-intro .eyebrow,.section-heading .eyebrow{font-size:9px}.catalog-intro p,.section-heading p{font-size:12px}.desktop-break{display:none}.catalog-strip{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding:0 5% 23px}.strip-btn{padding:10px 17px;font-size:11px}.catalog-section{padding:0 5% 36px}.catalog-section-title{font-size:9px;gap:15px}.catalog-section-title>span:last-child{font-size:7px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card-img{height:169px}.product-card-img img{height:120px;max-width:85%}.product-card-info{padding:12px}.product-card-name{font-size:12px;line-height:1.4}.product-card-desc{font-size:10px;min-height:43px}.product-card-price{font-size:11px;margin:12px 0 8px}.product-card-badge{font-size:7px;top:9px;left:9px;padding:5px 7px}.product-card-dot{width:9px;height:9px}.process-section{padding:37px 5%}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px;gap:12px}.process-grid article{padding:18px 14px}.process-grid h3{font-size:13px;margin:18px 0 10px}.process-grid p{font-size:11px;line-height:1.7}.process-grid article>span{width:30px;height:30px;font-size:12px}.order-banner{margin-top:25px;padding:28px 23px;display:block}.order-banner h2{font-size:27px}.order-banner p{font-size:12px}.order-banner>div:last-child{align-items:flex-start;margin-top:23px}.about-section{padding-block:40px;grid-template-columns:1fr;gap:30px}.about-art{min-height:250px}.about-copy h2{font-size:30px}.about-copy p{font-size:13px}.faq-section{padding:37px 6%}.faq-list summary{font-size:13px;line-height:1.5}.faq-list p{font-size:12px}.closing-cta{padding:40px 6%}.closing-cta p{font-size:13px}footer{padding:35px 6% 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand img{width:140px}.footer-grid p,.footer-grid a,.footer-grid button{font-size:11px}.footer-grid h3{font-size:12px}.footer-bottom{font-size:8px;gap:12px;padding-bottom:30px}.floating-contact{right:14px;bottom:14px;width:47px;height:47px}.pp-layout{gap:12px}.pp-preview-tab{padding:12px 10px;font-size:11px}.pp-cust-btn{padding:11px 8px;gap:6px}.pp-cust-btn-icon{width:30px;height:30px}.pp-cust-btn-label{font-size:12px}.pp-cust-btn-sub{font-size:9px}.pp-size-header{flex-wrap:wrap;gap:12px}.pp-preview-img img{max-width:95%}dialog{padding:30px 24px}dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Hero v3: composición de productos en columnas continuas */
.ui-icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0}.header-contact .ui-icon{width:15px;height:15px}.hero-v3{background:#074bdf;background-image:radial-gradient(ellipse at 82% 45%,#2169ef 0%,transparent 58%),linear-gradient(115deg,#063cae,#0751ed);isolation:isolate}.hero-v3:after{display:none}.hero-v3 .hero-inner{max-width:1220px;grid-template-columns:1.08fr 1fr;gap:62px;padding:0;min-height:595px}.hero-v3 .hero-copy{padding:46px 0 36px;position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.5px;font-weight:600;color:#dce7ff}.kicker-line{width:26px;height:1px;background:#ffe819}.hero-v3 h1{font-size:clamp(43px,4.4vw,64px);line-height:1.055;letter-spacing:-2.6px;font-weight:800;margin:29px 0 25px;min-height:203px}.hero-v3 h1 span{color:#ffe819}.hero-v3 .hero-copy>p{font-size:16px;color:#e2eaff;line-height:1.75;max-width:445px;min-height:84px}.hero-v3 .hero-tags{margin:22px 0 30px;gap:8px}.hero-v3 .hero-tags span{padding:8px 14px;font-size:11px;border-color:#ffffff35;background:#ffffff08;font-weight:500}.hero-v3 .hero-buttons{gap:12px}.hero-v3 .hero-action{background:#ffe819;color:#0a2458;border-radius:7px;padding:17px 22px;font-size:13px;gap:20px;box-shadow:0 5px 16px #072e6320}.hero-v3 .hero-action:hover{background:#fff16c}.hero-v3 .hero-secondary{border:1px solid #ffffff55;border-radius:7px;padding:16px 22px;font-size:13px;color:white}.hero-signature{display:flex;gap:14px;margin-top:30px;color:#c4d5ff;font-size:8px;letter-spacing:1.2px}.hero-signature span+span{color:white;padding-left:14px;border-left:1px solid #ffffff40}
.hero-gallery{height:560px;position:relative;align-self:center;overflow:hidden;margin-inline:-12px;mask-image:linear-gradient(transparent,#000 13%,#000 83%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 83%,transparent)}.orbit-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:0 7px;height:100%}.orbit-column{min-width:0;position:relative}.orbit-track{display:flex;flex-direction:column;gap:19px;animation:productFlow 35s linear infinite;will-change:transform}.col-1 .orbit-track{animation-direction:reverse;animation-duration:42s}.col-2 .orbit-track{animation-duration:39s;animation-delay:-9s}.orbit-product{flex-shrink:0;position:relative;border:1px solid #fff8;background:#f3f6fd;aspect-ratio:1;width:100%;padding:0;border-radius:50%;overflow:hidden;box-shadow:0 7px 20px #052c771a;transition:box-shadow .2s;display:flex;align-items:center;justify-content:center;color:#173669}.orbit-product img{width:87%;height:87%;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.orbit-product span{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:8px;padding:4px 8px;border-radius:10px;background:#fffdf0;color:#1a315b;opacity:0;transition:opacity .2s;white-space:nowrap}.orbit-product:hover span,.orbit-product:focus-visible span{opacity:1}.orbit-product:hover{box-shadow:0 8px 28px #041a5550}.hero-gallery:hover .orbit-track,.hero-gallery:focus-within .orbit-track,.hero-gallery.paused .orbit-track{animation-play-state:paused}.gallery-caption{display:none}@keyframes productFlow{from{transform:translateY(0)}to{transform:translateY(-50%) translateY(-9.5px)}}
.hero-bottom{max-width:1220px;margin:auto;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;height:68px;position:relative;z-index:3}.hero-location{display:flex;gap:24px;font-size:8px;letter-spacing:1.1px;color:#c3d5ff}.hero-location span{color:white}.hero-v3 .hero-controls{padding:0;gap:17px;position:absolute;left:50%;transform:translateX(-50%)}.hero-v3 .hero-controls>button{width:30px;height:30px;border:0;background:none;display:flex;align-items:center;justify-content:center}.hero-v3 .hero-controls>button:hover{background:#ffffff12}.hero-controls #heroCounter{font-size:9px;letter-spacing:1px;color:#d6e2ff}.hero-v3 .hero-controls>div{gap:7px}.hero-v3 .hero-dot{width:6px;height:6px}.hero-v3 .hero-dot.active{width:22px}.motion-toggle{display:flex;align-items:center;gap:5px;color:#dce7ff;border:0;background:none;font-size:10px;padding:9px}.motion-toggle .ui-icon{width:15px;height:15px}.team-slide{background-image:radial-gradient(ellipse at 82% 45%,#225fea 0%,transparent 58%),linear-gradient(115deg,#052d90,#0747d6)}.team-slide .hero-kicker .kicker-line{width:40px}
.header-contact span .ui-icon{margin-left:0}.header-contact>span{display:inline-flex}.menu-toggle{line-height:1}.menu-toggle .ui-icon{width:23px;height:23px}.product-card-price span .ui-icon{width:16px;height:16px}.fa-close .ui-icon,.dialog-close .ui-icon{width:18px;height:18px}.pp-back{gap:7px}.viewing-product .hero-v3{display:none}
@media(max-width:1320px){.hero-v3 .hero-inner{padding-inline:5%;gap:42px}.hero-bottom{margin-inline:5%}}
@media(max-width:1050px){.hero-v3 .hero-inner{gap:28px;grid-template-columns:1.1fr 1fr;min-height:565px}.hero-v3 h1{font-size:49px;min-height:157px}.hero-v3 .hero-copy>p{font-size:14px}.hero-gallery{height:495px}.orbit-wall{gap:12px}.hero-v3 .hero-action,.hero-v3 .hero-secondary{font-size:11px;padding:15px 16px}.hero-signature{font-size:7px}.hero-v3 .hero-kicker{font-size:9px}}
@media(max-width:760px){.hero-v3 .hero-inner{grid-template-columns:1fr;gap:0;min-height:0;padding:0 6%}.hero-v3 .hero-copy{padding:34px 0 14px}.hero-v3 h1{font-size:clamp(40px,9.8vw,62px);letter-spacing:-1.7px;margin:24px 0 20px;min-height:0;line-height:1.06}.hero-v3 .hero-copy>p{font-size:14px;min-height:0;max-width:450px;line-height:1.75}.hero-v3 .hero-kicker{font-size:8px;letter-spacing:1.2px}.hero-v3 .hero-tags{margin:18px 0 24px;gap:7px}.hero-v3 .hero-tags span{font-size:10px;padding:7px 11px}.hero-v3 .hero-buttons{gap:10px;flex-wrap:wrap}.hero-v3 .hero-action,.hero-v3 .hero-secondary{font-size:11px;padding:14px 15px}.hero-v3 .hero-action{gap:12px}.hero-v3 .hero-action .ui-icon{width:16px;height:16px}.hero-signature{font-size:7px;margin-top:24px;gap:10px}.hero-signature span+span{padding-left:10px}.hero-gallery{height:340px;margin:12px -6% 0;align-self:stretch;mask-image:linear-gradient(transparent,#000 12%,#000 83%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 83%,transparent)}.orbit-wall{gap:14px;padding:0 12px}.orbit-track{gap:15px}.orbit-product img{width:88%;height:88%}.hero-bottom{height:65px;margin-inline:6%;justify-content:space-between}.hero-location{display:none}.hero-v3 .hero-controls{position:static;left:auto;transform:none;gap:13px}.hero-v3 .hero-controls>button{width:25px;height:25px}.hero-controls #heroCounter{font-size:8px}.motion-toggle{font-size:9px}.hero-v3 .hero-controls .ui-icon{width:17px;height:17px}.hero-v3 .hero-controls>div{gap:6px}}
@media(prefers-reduced-motion:reduce){.orbit-track{animation:none!important}.col-1 .orbit-track{transform:translateY(-60px)}.col-2 .orbit-track{transform:translateY(-20px)}.motion-toggle{display:none}}
@media(min-width:761px){.hero-v3 .hero-inner{min-height:540px}.hero-v3 .hero-copy{padding-top:32px;padding-bottom:28px}.hero-v3 h1{min-height:3.165em}.hero-v3 .hero-copy>p{min-height:3.5em}.hero-gallery{height:500px}.hero-bottom{height:56px}}
@media(max-width:760px){.hero-v3 h1{font-size:clamp(31px,8.6vw,52px);letter-spacing:-1.4px;line-height:1.08}.orbit-track{gap:15px}}



/* Helvetica 45 Light proporcionada por el cliente: textos de lectura. */
.hero-copy>p,.catalog-intro p,.steps-heading>p,.step-card>p,.brands-section>p,.about-copy p,.faq-list p,.closing-cta p{font-family:'Identiko Helvetica Bold','Helvetica Neue',Arial,sans-serif;font-weight:700}
.hero-v3 .hero-inner{padding-bottom:12px}.gallery-pause{position:absolute;bottom:65px;right:14px;z-index:4;border:1px solid #ffffff70;border-radius:50%;width:30px;height:30px;background:#073dafc9;color:white;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.gallery-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.hero-gallery:hover .gallery-pause,.hero-gallery:focus-within .gallery-pause{opacity:1}
.steps-home{padding:64px max(5%,calc((100% - 1220px)/2)) 66px;background:#fff;border-bottom:1px solid var(--border);scroll-margin-top:85px}.steps-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.steps-heading h2{font-size:35px;margin-top:14px}.steps-heading>p{font-size:16px;color:var(--muted);line-height:1.65}.steps-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.step-card{background:#f7f9fd;border:1px solid #e0e7f2;border-radius:18px;padding:27px 26px 23px;display:flex;flex-direction:column;min-width:0}.step-top{display:flex;align-items:center;justify-content:space-between}.step-number{font-size:35px;font-weight:700;color:var(--accent);font-family:'Identiko Helvetica Bold',Arial,sans-serif;letter-spacing:-1px}.step-label{font-size:8px;letter-spacing:1.5px;color:#53637e;font-weight:700}.step-illustration{height:163px;margin:18px 0 20px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:#e9f0ff}.step-card h3{font-size:23px;letter-spacing:-.6px;margin:0 0 13px}.step-card>p{font-size:16px;line-height:1.65;color:#465772;flex:1;margin-bottom:24px}.step-detail{font-size:9px;color:#5f6e85;line-height:1.8;min-height:33px}.step-detail span{margin:0 5px;color:#a0acc0}.step-card>button{display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #dce4f0;background:none;color:var(--accent);text-align:left;padding:17px 0 0;margin-top:10px;font-size:12px;font-weight:600}.step-card>button span{font-size:20px}.mini-shirt{width:110px;height:110px;transform:rotate(-8deg);position:absolute;left:21px;top:11px}.mini-shirt svg{width:100%;height:100%;fill:white;stroke:#1752d2;stroke-width:1.2}.mini-options{display:flex;flex-direction:column;gap:9px;position:absolute;right:40px;top:24px}.mini-options i{width:17px;height:17px;border-radius:50%;background:#0951f5;border:3px solid #fff;box-shadow:0 0 0 1px #c0d0f3}.mini-options i:nth-child(2){background:#151515}.mini-options i:nth-child(3){background:#fff}.mini-tag{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:500;padding:7px 12px;background:#fff;border-radius:20px;color:#284574;white-space:nowrap;box-shadow:0 3px 9px #34558c08}.step-design{background:#fff8cf}.design-paper{width:103px;height:108px;position:absolute;top:9px;background:#fff;transform:rotate(8deg);box-shadow:3px 5px 0 #f0df77;padding:10px 12px;color:#0951f5}.design-paper>span{font-size:7px;font-weight:800;letter-spacing:.4px}.design-paper b{display:block;font-size:22px;letter-spacing:-1px;line-height:1.05;margin-top:8px}.design-paper i{display:block;height:3px;background:#ffe819;width:35px;margin-top:8px}.step-order{background:#eaf0ff}.order-paper{position:absolute;top:12px;background:white;transform:rotate(-5deg);width:144px;height:105px;padding:12px 15px;box-shadow:4px 5px 0 #ccdaff}.order-paper>span{font-size:8px;color:#29447b;font-weight:700}.order-paper i{display:block;height:3px;background:#dde6f8;margin-top:7px;width:90%}.order-paper i:nth-of-type(2){width:65%}.order-paper b{font-size:7px;display:block;color:#0951f5;margin-top:10px}.brands-section{padding:65px 6%;text-align:center;background:#fff;border-block:1px solid var(--border)}.brands-section h2{margin:14px 0 17px;font-size:34px}.brands-section>p{color:var(--muted);font-size:17px;line-height:1.65}.brand-invitation{display:flex;align-items:center;justify-content:center;gap:28px;background:#f5f8ff;border:1px solid #e0e8f8;max-width:750px;margin:30px auto 0;padding:23px;border-radius:12px}.brand-invitation>span{font-size:14px;color:#405477}.brand-invitation button{background:none;border:0;color:#0951f5;font-size:12px;font-weight:600;display:flex;align-items:center;gap:13px}.brand-partners{max-width:1100px;margin:35px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.brand-partner{min-height:100px;display:flex;align-items:center;justify-content:center;padding:20px;color:#263e64;font-size:18px;font-weight:600}.brand-partner img{max-width:100%;max-height:65px;object-fit:contain}.viewing-product .steps-home{display:none}
@media(max-width:1000px){.step-card{padding:22px 18px}.step-card h3{font-size:21px}.step-card>p{font-size:15px}.steps-heading h2{font-size:30px}.steps-heading>p{font-size:14px}.mini-options{right:23px}.mini-shirt{left:10px}.step-detail{min-height:48px}}
@media(max-width:760px){.hero-v3 .hero-inner{padding-bottom:0}.gallery-pause{opacity:1;bottom:60px;right:20px}.steps-home{padding:37px 6% 40px}.steps-heading{display:block;margin-bottom:25px}.steps-heading h2{font-size:29px;max-width:300px;line-height:1.15}.steps-heading>p{font-size:16px;margin-top:16px}.steps-heading>p br{display:none}.steps-cards{grid-template-columns:1fr;gap:18px}.step-card{padding:24px}.step-top{margin-bottom:0}.step-number{font-size:35px}.step-card h3{font-size:25px}.step-card>p{font-size:17px;line-height:1.55;margin-bottom:20px}.step-illustration{height:150px;margin:12px 0 22px}.mini-shirt{left:35px}.mini-options{right:43px;top:25px}.step-detail{min-height:0;font-size:10px}.step-card>button{font-size:13px;margin-top:14px;padding-top:16px}.brands-section{padding:40px 6%}.brands-section h2{font-size:29px}.brands-section>p{font-size:17px}.brand-invitation{flex-direction:column;gap:16px;padding:23px 16px}.brand-invitation>span{font-size:14px}.brand-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-v3 .hero-copy>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.gallery-pause{display:none}}


/* Helvetica Neue LT Bold proporcionada por el cliente. */
@font-face{font-family:'Identiko Helvetica Bold';src:url(../assets/fonts/HelveticaNeueLTCom-Bd.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap;}

/* Jerarquía acordada: tipografía anterior como principal; LT Bold como secundaria. */
.hero-kicker,.hero-tags span,.hero-signature,.eyebrow,.step-label,.step-detail,.catalog-section-title,.product-card-desc,.showcase-note,.hero-location,.footer-bottom{font-family:'Identiko Helvetica Bold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;font-synthesis:none;}

/* Descripción del hero en Helvetica Bold. */
.hero-v3 .hero-copy>p{font-family:'Identiko Helvetica Bold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;font-synthesis:none;}
/* IDENTIKO: cuadrícula del manual, página 19. */
:root{--accent:#0b55e8;--brand-grid:#010100;--brand-blue:#0b55e8;--yellow:#ffe819}
header{background:#fff;border-bottom:1px solid #101010;height:80px;box-shadow:none;padding-inline:max(5%,calc((100% - 1220px)/2))}
header .logo img{width:185px}header nav{gap:27px}header nav a,header nav button{position:relative;padding-block:9px;color:#18263e}header nav a:after,header nav button:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}header nav a:hover:after,header nav button:hover:after{transform:scaleX(1)}.header-contact{background:#101010;border:1px solid #101010;color:white;border-radius:6px;padding:13px 18px;font-size:12px}.header-contact:hover{background:var(--accent);border-color:var(--accent)}
.lab-bar{background-color:var(--brand-blue);background-image:linear-gradient(var(--brand-grid) 1px,transparent 1px),linear-gradient(90deg,var(--brand-grid) 1px,transparent 1px);background-size:44px 44px;background-position:center top;border-bottom:1px solid #010100;padding-block:11px}.lab-bar>span{background:var(--brand-blue);padding:4px 7px}.lab-bar b{display:inline-block;background:#ffe819;color:#111;padding:5px 9px;font-size:10px;margin-right:13px;letter-spacing:.6px}.lab-bar>button{background:var(--brand-blue);padding:5px 8px;color:white}.lab-bar>button .ui-icon{color:#ffe819}
.hero-v3{background-color:var(--brand-blue);background-image:linear-gradient(var(--brand-grid) 1px,transparent 1px),linear-gradient(90deg,var(--brand-grid) 1px,transparent 1px);background-size:44px 44px;background-position:center top;border-bottom:1px solid #010100}.hero-v3 .hero-inner{gap:62px;padding-top:12px;padding-bottom:20px}.hero-v3 .hero-copy{padding-top:25px;padding-bottom:25px}.hero-v3 h1{position:relative;isolation:isolate;text-shadow:0 1px 0 #0b55e8;letter-spacing:-2.2px;line-height:1.06;margin-top:27px;margin-bottom:24px}.hero-v3 .hero-copy>p{font-family:'Identiko Helvetica Bold','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.75;color:#fff;max-width:445px;background:#0b55e8;padding:7px 10px;margin-left:-10px;border-radius:3px}.hero-kicker{color:white;display:inline-flex;background:#0b55e8;padding:6px 9px;margin-left:-9px}.hero-kicker .kicker-line{width:24px;height:2px}.hero-v3 .hero-tags{margin:20px 0 28px}.hero-v3 .hero-tags span{background:#0b55e8;border:1px solid #fff8;font-size:11px;color:white;padding:8px 14px}.hero-v3 .hero-buttons .hero-action{border:1px solid #ffe819;border-radius:5px;box-shadow:3px 3px 0 #061d55;padding:17px 23px}.hero-v3 .hero-secondary{background:#0b55e8;border-radius:5px;border-color:#fff9;padding:17px 23px}.hero-v3 .hero-secondary:hover{background:#083ba3}.hero-signature{background:#0b55e8;display:inline-flex;padding:6px 8px;margin-left:-8px;color:white;margin-top:24px}.hero-signature span+span{border-left-color:#ffffff80}.hero-gallery{height:510px}.orbit-product{background:#ffffff;border:1px solid #e2e4ec;box-shadow:none}.orbit-product img{width:87%;height:87%}.orbit-product:hover{box-shadow:0 0 0 2px #ffe819}.orbit-product span{font-family:'Identiko Helvetica Bold',Arial,sans-serif;font-weight:700}.gallery-pause{background:#101010;border-color:white;right:12px}
.steps-heading>p,.step-card>p,.catalog-intro p,.brands-section>p,.about-copy p,.faq-list p,.closing-cta p,.step-number{font-family:'Identiko Helvetica Bold','Helvetica Neue',Arial,sans-serif;font-weight:700;font-synthesis:none}.step-card>p{color:#384c6b;line-height:1.75}.steps-heading>p{color:#405477}.step-number{font-weight:700}.step-card{border-color:#d9e2f0;box-shadow:0 3px 0 #edf1f8}.step-illustration{border:1px solid #dce5f5}.step-design{border-color:#efe4a6}.steps-home{padding-top:62px}.product-card:hover{box-shadow:0 6px 18px #0951f514}.order-banner{border-radius:12px;background-color:var(--brand-blue);background-image:linear-gradient(#051f7d75 1px,transparent 1px),linear-gradient(90deg,#051f7d75 1px,transparent 1px);background-size:44px 44px}.order-banner h2,.order-banner p,.order-banner .eyebrow,.banner-contact{background:#0b55e8;box-shadow:4px 0 #0b55e8,-4px 0 #0b55e8}.order-banner .hero-action{border-radius:5px}.floating-contact{background:#101010;box-shadow:0 3px 15px #0002}.brand-invitation{border-radius:8px}
@media(max-width:1050px){header nav{gap:17px}.hero-v3 .hero-inner{gap:30px}.hero-v3 .hero-buttons .hero-action,.hero-v3 .hero-secondary{font-size:12px;padding:15px 17px}.hero-v3 .hero-copy>p{font-size:16px}}
@media(max-width:760px){header{height:68px;padding-inline:5%;gap:12px}header .logo img{width:139px}.header-contact{font-size:10px;padding:11px 12px}.header-contact>span{display:none}header nav{top:67px;gap:12px}.menu-toggle{border-color:#ccd3e0;border-radius:6px}.lab-bar{padding:6px 4%;background-size:32px 32px}.lab-bar>span{font-size:9px;padding:3px}.lab-bar b{font-size:8px;margin-right:8px;padding:5px 7px}.hero-v3{background-size:32px 32px}.hero-v3 .hero-inner{gap:0;padding-top:0;padding-bottom:8px}.hero-v3 .hero-copy{padding-top:29px;padding-bottom:10px}.hero-v3 h1{letter-spacing:-1.2px;margin-top:21px;margin-bottom:20px}.hero-v3 .hero-copy>p{font-size:16px;line-height:1.75;padding:5px 8px;margin-left:-8px}.hero-v3 .hero-tags{gap:7px;margin-top:17px;margin-bottom:23px}.hero-v3 .hero-tags span{font-size:10px;padding:7px 11px}.hero-v3 .hero-buttons{gap:10px}.hero-v3 .hero-buttons .hero-action,.hero-v3 .hero-secondary{font-size:11px;padding:14px 15px}.hero-signature{margin-top:23px}.hero-gallery{height:340px}.steps-home{padding-top:39px}.step-card>p{font-size:17px;line-height:1.65}.order-banner{background-size:32px 32px}}


/* Continuidad de la cuadrícula entre franja y portada. */
.lab-bar{height:44px;padding-block:0;border-bottom:0;box-sizing:border-box;}
.hero-kicker{font-size:10px;letter-spacing:1.2px}.hero-signature{font-size:9px;letter-spacing:.8px}
@media(max-width:760px){.lab-bar{height:32px;padding-block:0}.lab-bar>span{font-size:10px}.hero-v3 .hero-kicker{font-size:9px;letter-spacing:1px}.hero-signature{font-size:8px;letter-spacing:.6px}}


/* Movimiento sutil del fondo y contorno del título. */
.hero-v3{animation:identikoGridDrift 18s ease-in-out infinite;}
@keyframes identikoGridDrift{0%,100%{background-position:center top;}50%{background-position:calc(50% + 9px) 7px;}}
.hero-v3 h1{-webkit-text-stroke:.7px #101010;paint-order:stroke fill;text-shadow:1px 1px 0 #101010;}
.hero-v3 h1 span{-webkit-text-stroke:.7px #101010;paint-order:stroke fill;}
@media(max-width:760px){.hero-v3 h1,.hero-v3 h1 span{-webkit-text-stroke:.5px #101010;}.hero-v3 h1{text-shadow:.7px .7px 0 #101010;}}
@media(prefers-reduced-motion:reduce){.hero-v3{animation:none;}}


/* Dirección editorial: recursos originales del manual IDENTIKO. */
:root{--text:#151515;--muted:#53534f;--border:#deded7}
body{color:#151515}.eyebrow{color:#0b55e8}
.hero-kicker{background:#101010;border:1px solid #101010;padding:8px 11px;margin-left:0;letter-spacing:1.5px}
.hero-v3 .hero-copy>p{background:#0b55e8;border-left:3px solid #ffe819;border-radius:0;padding:9px 14px;margin-left:0}
.hero-v3 .hero-tags span{border-radius:3px;border-color:#101010;color:#101010;background:#ffffff;padding:7px 12px}
.hero-signature{background:none;padding:0;margin-left:0;gap:12px;align-items:center}.hero-brand-sticker{width:112px;height:auto;transform:rotate(-8deg)}.hero-signature>span{background:#0b55e8;padding:5px;font-size:7px}.hero-signature span+span{border:0}
.lab-bar>span,.lab-bar>button{border:1px solid #101010;border-radius:2px}.lab-bar>button{background:#101010}.lab-bar b{margin-right:10px}
.steps-home{background:#ffffff}.steps-heading h2,.catalog-intro h2,.brands-section h2,.about-copy h2,.closing-cta h2{color:#141414;letter-spacing:-1.2px}
.step-card{background:#fff;border:1px solid #202020;border-radius:5px;box-shadow:none;padding:27px}.step-top{border-bottom:1px solid #deded7;padding-bottom:18px}.step-number{color:#111;font-size:42px;line-height:1}.step-label{color:#111;font-size:9px;letter-spacing:1px}
.step-card>p,.steps-heading>p,.step-detail{color:#53534f}.step-card h3{color:#141414}.step-illustration{border-radius:3px;border:1px solid #deded7;background:#ffffff}.step-design{background:#fff3a3}.step-order{background:#dce8ff}.step-card>button{color:#111;border-top-color:#202020}.step-card>button:hover{color:#0b55e8}.mini-tag{border-radius:3px;border:1px solid #151515;color:#151515;box-shadow:none}.mini-shirt svg{stroke:#151515}
.catalog-intro{background:#fff}.product-card{border:1px solid #c7c7bf;border-radius:4px;box-shadow:none;overflow:hidden}.product-card:hover{border-color:#151515;box-shadow:4px 4px 0 #151515;transform:translate(-2px,-2px)}.product-card-img{background:#ffffff;border-bottom:1px solid #c7c7bf;position:relative}.product-card-img img{mix-blend-mode:multiply}.product-reference{position:absolute;bottom:11px;left:14px;font-size:7px;letter-spacing:1.3px;color:#5a5a54}.product-card-badge{border-radius:2px;background:#fff;color:#151515;border:1px solid #151515;font-size:8px}.product-card-info{background:white}.product-card-name{color:#151515}.product-card-desc{color:#53534f}.product-card-price{color:#0b55e8}
.brands-section{background:#ffffff}.brand-invitation{background:transparent;border:1px solid #202020;border-radius:3px}.brand-invitation>span{color:#151515}.brand-invitation button{color:#0b55e8}
.order-banner{border-radius:4px;border:1px solid #151515}.about-section{padding-block:85px;gap:60px}.about-copy p{color:#53534f;font-size:16px}.about-copy h2{font-size:42px;line-height:1.06}.about-copy .text-link{border-bottom:1px solid #111;color:#111;padding-bottom:12px}
.about-art.editorial-art{background:#ffffff;display:block;position:relative;border:1px solid #151515;border-radius:3px;min-height:0;padding:18px;overflow:visible}.editorial-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#151515;padding-bottom:15px;border-bottom:1px solid #151515}.editorial-topline span{font-size:8px}.editorial-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 22px}.about-art .editorial-photos img{display:block;width:100%;height:auto;aspect-ratio:221/275;object-fit:cover}.about-art .editorial-detail{margin-top:35px}.about-art .editorial-stamp{position:absolute;width:88px;height:88px;left:calc(50% - 44px);top:42%;transform:rotate(12deg)}.editorial-caption{border-top:1px solid #151515;padding-top:14px;font-size:10px;font-weight:700;letter-spacing:.5px;display:flex;flex-direction:column;gap:7px}.editorial-caption span{font-size:7px;color:#65655f}
.faq-list summary{color:#151515;font-size:16px}.faq-list p{color:#53534f}.closing-cta{background:#ffffff;border-top:1px solid #151515;position:relative;padding:60px 160px}.closing-barcode{position:absolute;width:76px;right:7%;top:50%;transform:translateY(-50%) rotate(7deg)}.closing-cta p{color:#53534f}
footer{background:#111;color:#ffffff;border-top:0}.footer-brand>img{filter:invert(1)}.footer-grid h3{color:#fff}.footer-grid p,.footer-grid a,.footer-grid button{color:#cccac4}.footer-grid a:hover,.footer-grid button:hover{color:#ffe819}.footer-lab-line{display:flex;align-items:center;gap:18px;margin-top:32px}.footer-lab-line img{width:69px;height:auto}.footer-lab-line span{font-size:8px;letter-spacing:1.3px;color:#e5e2d9}.footer-bottom{color:#aaa79e;border-color:#40403c;margin-top:23px}
@media(max-width:1050px){.step-card{padding:22px 19px}.about-copy h2{font-size:35px}.about-section{gap:30px}.hero-brand-sticker{width:90px}.hero-signature{gap:5px}}
@media(max-width:760px){.hero-signature>span{font-size:6px}.hero-brand-sticker{width:94px}.hero-v3 .hero-copy>p{padding:8px 12px}.step-card{padding:24px}.steps-heading h2{max-width:330px}.about-section{padding-block:45px;gap:35px}.about-copy h2{font-size:35px}.about-art .editorial-stamp{width:74px;height:74px;left:calc(50% - 37px)}.closing-cta{padding:40px 24px}.closing-barcode{position:static;display:block;margin:0 auto 22px;transform:rotate(6deg);width:58px}.closing-cta h2{font-size:30px}.footer-lab-line{gap:12px}.footer-lab-line span{font-size:7px}}


body,.catalog-section{background:#fff}.catalog-strip{background:#ffffff;border-block:1px solid #deded7}

/* Franja LAB integrada al encabezado; fondos neutros blancos. */
header{height:72px;gap:22px}.header-brand{display:flex;align-items:center;gap:17px;flex-shrink:0}header .logo img{width:160px}.header-lab{height:24px;width:133px;overflow:hidden;border-left:1px solid #151515;padding-left:14px;color:#151515;font-family:'Identiko Helvetica Bold',Arial,sans-serif;font-size:11px;line-height:24px;white-space:nowrap}.header-lab-track{animation:headerLabSlide 9s ease-in-out infinite}.header-lab-track>span{display:block;height:24px}.header-lab b{color:#0b55e8}.header-lab:hover .header-lab-track{animation-play-state:paused}header nav{gap:20px}.steps-home,.brands-section,.closing-cta,.catalog-section,.catalog-strip,.about-section,.about-art.editorial-art,.product-card-img,.step-illustration{background-color:#fff}.step-illustration{background-image:none}
@keyframes headerLabSlide{0%,35%{transform:translateY(0)}45%,80%{transform:translateY(-24px)}90%,100%{transform:translateY(-48px)}}
@media(max-width:1100px) and (min-width:761px){header{padding-inline:3%;gap:14px}.header-brand{gap:11px}header .logo img{width:135px}.header-lab{width:118px;padding-left:10px;font-size:10px}header nav{gap:13px}header nav a,header nav button{font-size:11px}.header-contact{padding:12px;font-size:11px}}
@media(max-width:900px) and (min-width:761px){.header-lab{width:105px;font-size:9px}.header-brand{gap:9px}header .logo img{width:115px}header nav{gap:10px}.header-contact>span{display:none}}
@media(max-width:760px){header{height:64px;padding-inline:5%;gap:10px}.header-brand{gap:12px}header .logo img{width:126px}.header-lab{width:118px;font-size:10px;padding-left:12px}.header-actions{margin-left:auto}.header-contact{display:none}header nav{top:63px}.menu-toggle{width:34px;height:34px}}
@media(max-width:360px){header .logo img{width:110px}.header-brand{gap:9px}.header-lab{width:108px;padding-left:9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.header-lab-track{animation:none}}

/* La introducción da paso a tres pasos, una sola vez y sin mover el hero. */
.hero-story{display:grid;max-width:470px;min-height:122px;margin:0;align-items:center}.hero-story-intro,.hero-story-process{grid-area:1/1;min-width:0}.hero-story-intro{font-family:'Identiko Helvetica Bold','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.75;color:#fff;background:#0b55e8;border-left:3px solid #ffe819;padding:9px 14px;margin:0;animation:heroIntroOut .55s ease 4s forwards}.hero-story-process{opacity:0;visibility:hidden;animation:heroProcessIn .55s ease 4.5s forwards;padding:9px 0 0}.hero-story-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0}.hero-story-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.hero-step-circle{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #111;border-radius:50%;background:#0b55e8;color:white;font-size:19px;font-weight:700;box-shadow:0 0 0 4px #0b55e8;animation:heroStepFill .35s ease 4.9s forwards}.hero-step-label{font-family:'Identiko Helvetica Bold',Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.3;text-align:center;background:#0b55e8;padding:3px 5px;color:white}.hero-story-steps li:not(:last-child)::before,.hero-story-steps li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 26px);top:21px;width:calc(100% - 52px);height:3px;background:#ffffff50}.hero-story-steps li:not(:last-child)::after{background:#ffe819;transform:scaleX(0);transform-origin:left;animation:heroLineFill 1.2s ease-in-out 5.2s forwards}.hero-story-steps li:nth-child(2) .hero-step-circle{animation-delay:6.4s}.hero-story-steps li:nth-child(2)::after{animation-delay:6.7s}.hero-story-steps li:nth-child(3) .hero-step-circle{animation-delay:7.9s}.hero-story-done{display:block;width:max-content;margin:9px auto 0;padding:3px 8px;background:#0b55e8;color:#ffe819;font-size:11px;font-weight:700;opacity:0;animation:heroProcessIn .4s ease 8.3s forwards}
@keyframes heroIntroOut{to{opacity:0;visibility:hidden;transform:translateY(-7px)}}
@keyframes heroProcessIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;visibility:visible;transform:translateY(0)}}
@keyframes heroStepFill{to{background:#ffe819;color:#111;box-shadow:0 0 0 4px #0b55e8}}
@keyframes heroLineFill{to{transform:scaleX(1)}}
@media(max-width:1050px){.hero-story-intro{font-size:16px}.hero-step-label{font-size:11px}}
@media(max-width:760px){.hero-story{min-height:116px}.hero-story-intro{font-size:16px;line-height:1.75;padding:8px 12px}.hero-step-label{font-size:10px;padding-inline:3px}.hero-step-circle{width:40px;height:40px;font-size:18px}.hero-story-steps li:not(:last-child)::before,.hero-story-steps li:not(:last-child)::after{top:19px;left:calc(50% + 24px);width:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){.hero-story-intro{display:none;animation:none}.hero-story-process,.hero-story-done{animation:none;opacity:1;visibility:visible}.hero-step-circle{animation:none;background:#ffe819;color:#111}.hero-story-steps li:not(:last-child)::after{animation:none;transform:scaleX(1)}}


/* Menú móvil centrado, con área táctil cómoda y estado abierto claro. */
.menu-toggle{padding:0;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border:1px solid #151515;border-radius:7px;line-height:0;color:#151515;background:#fff;box-sizing:border-box}.menu-icon{display:block;width:24px;height:24px;overflow:visible}.menu-icon path{transform-origin:12px 12px;transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] .menu-line-top{transform:translateY(5px) rotate(45deg);transform-origin:12px 7px}.menu-toggle[aria-expanded="true"] .menu-line-middle{opacity:0}.menu-toggle[aria-expanded="true"] .menu-line-bottom{transform:translateY(-5px) rotate(-45deg);transform-origin:12px 17px}.menu-toggle:focus-visible{outline:3px solid #0b55e8;outline-offset:3px}
.steps-home{background:#fff;padding-top:66px;padding-bottom:72px}.steps-cards{gap:24px}.step-card{--step-color:#0b55e8;background:#fff;border:1px solid #d3d7df;border-top:4px solid var(--step-color);border-radius:12px;padding:25px;box-shadow:none;transition:border-color .2s,transform .2s}.step-card:nth-child(2){--step-color:#e5be00}.step-card:nth-child(3){--step-color:#151515}.step-card:hover{border-color:var(--step-color);transform:translateY(-3px)}.step-top{border:0;padding-bottom:0}.step-number{display:flex;align-items:center;justify-content:center;width:57px;height:57px;font-size:27px;letter-spacing:-1px;border-radius:50%;background:#0b55e8;color:white}.step-card:nth-child(2) .step-number{background:#ffe819;color:#151515}.step-card:nth-child(3) .step-number{background:#151515;color:#ffe819}.step-label{color:#0b55e8;font-size:9px;font-weight:700;letter-spacing:1px}.step-card:nth-child(2) .step-label,.step-card:nth-child(3) .step-label{color:#151515}.step-illustration{height:168px;background:#fff;border:0;border-bottom:1px solid #e1e4e9;border-radius:0;isolation:isolate;margin:19px 0 23px}.step-illustration::before{content:'';position:absolute;z-index:-1;width:110px;height:110px;border-radius:50%;background:#0b55e8;left:calc(50% - 55px);top:9px}.step-design::before{background:#ffe819;width:130px;height:105px;border-radius:45%;left:calc(50% - 65px);transform:rotate(-12deg)}.step-order::before{background:#0b55e8;border-radius:16px;transform:rotate(8deg)}.mini-shirt{left:calc(50% - 65px);top:0;transform:rotate(-10deg)}.mini-shirt svg{stroke:#151515;stroke-width:1.5;fill:white}.mini-options{right:14px;top:20px;gap:10px}.mini-options i{width:20px;height:20px;border-width:3px}.mini-options i:nth-child(3){background:#ffe819}.mini-tag{bottom:15px;background:white;border-color:#151515;border-radius:4px;font-size:9px;font-weight:700;padding:7px 10px}.design-paper{top:3px;border:1px solid #151515;box-shadow:4px 4px 0 #151515;color:#0b55e8}.order-paper{top:10px;border:1px solid #151515;box-shadow:4px 4px 0 #ffe819}.order-paper>span{color:#151515}.order-paper b{color:#0b55e8}.step-card h3{font-size:25px;margin-bottom:12px}.step-card>p{font-size:15px;line-height:1.75;color:#454545}.step-detail{color:#0b55e8;font-size:9px;min-height:35px;font-weight:700}.step-detail span{color:#777}.step-card>button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b55e8;color:white;border:1px solid #0b55e8;border-radius:6px;padding:15px 16px;margin-top:17px;min-height:51px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.step-card:nth-child(2)>button{background:#ffe819;color:#151515;border-color:#151515}.step-card:nth-child(3)>button{background:#151515;color:white;border-color:#151515}.step-card>button:hover{color:white;box-shadow:3px 3px 0 #151515;transform:translate(-2px,-2px)}.step-card:nth-child(2)>button:hover{color:#151515}.step-card:nth-child(3)>button:hover{color:#ffe819;box-shadow:3px 3px 0 #0b55e8}.step-card>button:focus-visible{outline:3px solid #0b55e8;outline-offset:4px}.step-card>button span{font-size:23px;line-height:1}
@media(max-width:1050px){.step-card{padding:22px 18px}.step-card h3{font-size:22px}.step-card>button{font-size:11px;padding:14px 12px}}
@media(max-width:760px){.menu-toggle{display:inline-flex}.header-actions{display:flex;align-items:center}.steps-home{padding-top:42px;padding-bottom:45px}.steps-cards{gap:23px}.step-card{padding:24px}.step-card h3{font-size:26px}.step-card>p{font-size:16px}.step-card>button{font-size:13px;padding:16px;min-height:54px}.step-detail{min-height:0;font-size:10px}.step-illustration{height:164px}.step-number{width:54px;height:54px;font-size:26px}.mini-options{right:27px}}
@media(prefers-reduced-motion:reduce){.menu-icon path,.step-card,.step-card>button{transition:none}.step-card:hover,.step-card>button:hover{transform:none}}


.step-card>button{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}

/* IDENTIKO LAB: editor ordenado, con referencia y controles separados. */
.viewing-product .brands-section,.viewing-product .order-banner,.viewing-product .about-section,.viewing-product .faq-section,.viewing-product .closing-cta{display:none}.product-page{background:#fff;padding:30px 5% 65px;scroll-margin-top:15px}.editor-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:24px 0 35px}.editor-heading h2{font-size:38px;letter-spacing:-1.4px;margin-top:10px;color:#151515}.editor-heading p{font-size:13px;line-height:1.7;color:#555}.pp-back{font-family:inherit;font-weight:700;color:#151515;background:white;border:0;padding:8px 0}.pp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;max-width:1100px;margin:auto;align-items:start}.pp-left{position:sticky;top:25px;min-width:0}.pp-right{position:static;min-width:0;display:flex;flex-direction:column;gap:18px}.pp-product-name{font-size:28px;letter-spacing:-.8px;color:#151515}.pp-product-sub{font-size:13px;color:#666;margin:9px 0 20px}.pp-preview-wrap{background:#fff;border:1px solid #d7dce5;border-radius:12px;overflow:hidden}.pp-preview-tabs[hidden]{display:none!important}.pp-preview-img{height:420px;background:#fff;display:flex;align-items:center;justify-content:center;padding:30px}.pp-preview-img>img{width:100%;height:100%;max-height:360px;object-fit:contain}.editor-reference-label{font-size:11px;text-align:center;font-weight:700;color:#0b55e8;padding:12px 16px;border-top:1px solid #e2e6ed}.pp-preview-hint{padding:0 22px 20px;font-size:11px;line-height:1.6;color:#666;text-align:center}.pp-card{background:white;border:1px solid #d7dce5;border-radius:10px;padding:23px;margin:0}.pp-section-title,.pp-size-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#151515;letter-spacing:0;text-transform:none;margin-bottom:18px}.editor-step{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#0b55e8;color:#fff;font-size:12px}.pp-color-grid{display:flex;flex-wrap:wrap;gap:11px}.pp-color-sw{display:block;width:32px;height:32px;min-width:32px;border:1px solid #bbb;border-radius:50%;padding:0;cursor:pointer;position:relative}.pp-color-sw.active{outline:2px solid #0b55e8;outline-offset:3px;border-color:#fff}.pp-color-sw:focus-visible{outline:3px solid #151515;outline-offset:3px}.pp-customizer-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.pp-cust-btn{font-family:inherit;border:1px solid #d7dce5;border-radius:7px;background:#fff;color:#151515;padding:13px 10px;display:flex;align-items:center;gap:9px}.pp-cust-btn.active{background:#0b55e8;color:#fff;border-color:#0b55e8}.pp-cust-btn.active .pp-cust-btn-sub{color:#fff}.pp-cust-btn-label{font-size:12px}.pp-cust-btn-sub{font-size:9px;line-height:1.4;color:#666}.pp-upload-zone{background:white;border:1px dashed #0b55e8;border-radius:7px;padding:25px 16px;text-align:center;cursor:pointer}.pp-upload-zone:hover{border-style:solid}.pp-upload-label{color:#0b55e8;font-size:14px;font-weight:700}.pp-upload-sub{font-size:11px;line-height:1.6;margin-top:7px}.pp-upload-filename{overflow-wrap:anywhere;font-size:11px}.pp-text-input{font-family:inherit;padding:15px;border:1px solid #8e98aa;border-radius:6px;width:100%;box-sizing:border-box;font-size:15px}.editor-field-help{font-size:11px;color:#666;line-height:1.6;margin-top:10px}.editor-file-preview{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border:1px solid #d7dce5;border-radius:6px}.editor-file-preview[hidden]{display:none}.editor-file-preview img{width:55px;height:55px;object-fit:contain}.editor-file-preview>div{min-width:0;flex:1}.editor-file-preview strong{display:block;font-size:11px}.editor-file-preview span{display:block;font-size:10px;overflow-wrap:anywhere;margin-top:4px;color:#666}.editor-file-preview button{font-family:inherit;background:white;color:#151515;border:0;text-decoration:underline;font-size:11px;padding:8px}.pp-zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pp-zone-opt{font-family:inherit;border:1px solid #d7dce5;border-radius:6px;background:white;color:#151515;padding:12px 4px;font-size:11px}.pp-zone-opt.active{background:#ffe819;color:#151515;border-color:#151515}.pp-size-header{gap:12px;flex-wrap:wrap}.pp-size-label{margin-bottom:0}.btn-fa-inline{font-size:9px;background:#fff;border:1px solid #0b55e8;color:#0b55e8;padding:8px;border-radius:5px}.pp-size-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pp-size-input-wrap{width:auto;min-width:0}.pp-size-name{font-size:11px;color:#151515;padding:8px;background:#fff}.pp-size-qty{font-family:inherit;width:100%;height:43px;border:1px solid #9aa4b4;border-radius:5px;font-size:16px;text-align:center;box-sizing:border-box}.pp-total-qty{background:#fff;border-top:1px solid #d7dce5;margin-top:18px;padding-top:15px;color:#151515}.pp-total-qty strong{color:#0b55e8}.pp-personalization-note{margin:0;padding:15px;border:1px solid #d7dce5;border-radius:7px;font-size:12px;line-height:1.6;overflow-wrap:anywhere;background:white}.editor-summary-card{border:1px solid #151515;border-top:4px solid #0b55e8}.editor-summary-heading{font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.editor-summary-heading span{font-size:9px;color:#0b55e8}.editor-summary-card dl{margin:0 0 22px}.editor-summary-card dl>div{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #e5e8ed;font-size:12px;line-height:1.5}.editor-summary-card dt{color:#666}.editor-summary-card dd{margin:0;font-weight:700;overflow-wrap:anywhere}.editor-summary-card .pp-section-title{font-size:14px}.editor-summary-card .quote-note{font-size:12px;line-height:1.7;color:#666}.pp-btn-cart{background:#ffe819;color:#151515;border:1px solid #151515;border-radius:6px;font-size:13px;font-weight:700;padding:17px;width:100%;justify-content:center}.pp-btn-cart:hover{background:#ffed55}.pp-btn-wsp{display:block;text-align:center;padding:13px;margin-top:10px;background:white;border:1px solid #151515;border-radius:6px;color:#151515;font-size:12px}.pp-right button:focus-visible,.pp-upload-zone:focus-visible{outline:3px solid #0b55e8;outline-offset:3px}
@media(max-width:900px){.pp-layout{gap:24px}.pp-card{padding:18px}.pp-customizer-btns{grid-template-columns:1fr}.pp-preview-img{height:330px}.pp-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-page{padding:22px 5% 40px}.editor-heading{display:block;margin:20px 0 27px}.editor-heading h2{font-size:32px}.editor-heading p{margin-top:12px}.editor-heading p br{display:none}.pp-layout{grid-template-columns:1fr;gap:25px}.pp-left{position:static}.pp-product-name{font-size:25px}.pp-preview-img{height:280px;padding:20px}.pp-preview-img>img{max-height:245px}.pp-customizer-btns{grid-template-columns:1fr 1fr}.pp-cust-btn{padding:12px 8px}.pp-section-title{font-size:15px}.pp-right{gap:16px}.pp-card{padding:20px}.pp-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-zone-opt{padding:14px;font-size:12px}.pp-size-inputs{gap:10px}.editor-summary-heading span{font-size:8px}}


.pp-cust-btn.active .pp-cust-btn-label{color:#fff}.pp-cust-btn.active .pp-cust-btn-icon{background:#fff;color:#0b55e8}.pp-card{box-shadow:none}.pp-upload-zone.has-file{background:#fff;border-color:#0b55e8}.pp-upload-filename{color:#0b55e8}.btn-fa-inline{box-shadow:none}.btn-fa-dot{background:#0b55e8}.pp-personalization-note{display:none}.editor-field-help{display:flex;gap:12px;justify-content:space-between}.editor-field-help>span:last-child{white-space:nowrap;color:#0b55e8}.editor-qty-control{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;border:1px solid #aab3c1;border-radius:6px;overflow:hidden}.editor-qty-control button{font-family:Arial,sans-serif;width:26px;height:42px;padding:0;border:0;background:white;color:#0b55e8;font-size:19px;font-weight:700}.editor-qty-control button:hover{background:#0b55e8;color:#fff}.editor-qty-control .pp-size-qty{border:0;border-radius:0;min-width:0;height:42px;font-size:14px;padding:0;appearance:textfield;-moz-appearance:textfield}.editor-qty-control input::-webkit-inner-spin-button,.editor-qty-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editor-error{font-size:12px;line-height:1.6;color:#b42318;margin:15px 0 0;border-left:3px solid #b42318;padding-left:10px}.editor-error[hidden]{display:none}.editor-mobile-dock{display:none}#editorSummary{scroll-margin-top:25px}
@media(max-width:1000px){.pp-size-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.viewing-product{padding-bottom:76px}.editor-mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:115;background:white;border-top:1px solid #151515;padding:12px 5% max(12px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:20px}.editor-mobile-dock>div>span{display:block;color:#666;font-size:8px;letter-spacing:1px}.editor-mobile-dock strong{display:block;font-size:15px;color:#151515;margin-top:4px}.editor-mobile-dock button{font-family:inherit;background:#ffe819;color:#151515;border:1px solid #151515;border-radius:6px;font-size:12px;font-weight:700;min-height:43px;padding:10px 17px;display:flex;align-items:center;gap:16px}.editor-mobile-dock button>span{font-size:20px}.viewing-product .floating-contact{bottom:92px}.editor-qty-control button{height:44px}.editor-qty-control .pp-size-qty{height:44px}}


/* Propuesta 17/09: producto protagonista, recursos originales y fondos blancos. */
:root{--accent:#0b55e8;--text:#171717;--muted:#666;--border:#dedede}body{background:#fff}h1,h2,h3,button,input,select{font-family:'Identiko Helvetica Bold','Helvetica Neue',Arial,sans-serif}header{height:86px;max-width:none;padding-inline:max(5%,calc((100% - 1280px)/2));border-bottom:0;gap:30px}header .logo img{width:174px}.header-brand{gap:22px}.header-lab{font-size:10px;width:133px}header nav{gap:25px}header nav a,header nav button{font-size:12px;color:#171717}.header-contact{background:white;color:#171717;border:1px solid #171717;border-radius:0;font-size:11px;padding:13px 17px}.header-contact:hover{background:#0b55e8;color:white}.direction-hero{position:relative;isolation:isolate;background:#111;color:white;overflow:hidden;padding:0;margin:0;border:0;animation:none}.direction-hero-inner{max-width:1280px;margin:auto;padding:72px 0 60px;display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center;position:relative;z-index:1}.direction-copy{min-width:0}.direction-eyebrow{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.7px;color:#c1c1c1;margin-bottom:28px}.direction-eyebrow>span{height:1px;width:28px;background:#ffe819}.direction-copy h1{font-family:'Identiko Helvetica Bold',Arial,sans-serif;font-size:clamp(46px,4.45vw,69px);line-height:1.045;letter-spacing:-2.2px;margin:0;font-weight:700;color:#fff;-webkit-text-stroke:0;text-shadow:none}.direction-copy h1 em{font-style:normal;color:#2467ff}.direction-story{display:grid;align-items:center;min-height:96px;max-width:450px;margin:23px 0 20px}.direction-intro,.direction-mini-steps{grid-area:1/1}.direction-intro{font-size:15px;line-height:1.75;color:#cfcfcf;margin:0;animation:directionIntro .5s ease 5s forwards}.direction-mini-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;opacity:0;visibility:hidden;animation:directionReveal .5s ease 5.5s forwards}.direction-mini-steps li{position:relative}.direction-mini-steps li b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #575757;background:#111;font-size:11px;font-weight:700;position:relative;z-index:1;border-radius:50%;animation:directionStep .3s ease 5.7s forwards}.direction-mini-steps li span{display:block;font-size:10px;color:#d2d2d2;margin-top:11px}.direction-mini-steps li:not(:last-child):after{content:'';position:absolute;top:14px;left:37px;width:calc(100% - 45px);height:1px;background:#2467ff;transform:scaleX(0);transform-origin:left;animation:directionLine 1s ease 6s forwards}.direction-mini-steps li:nth-child(2) b{animation-delay:7s}.direction-mini-steps li:nth-child(2):after{animation-delay:7.3s}.direction-mini-steps li:nth-child(3) b{animation-delay:8.3s}.direction-actions{display:flex;gap:12px;flex-wrap:wrap}.direction-actions button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:49px;padding:15px 19px;font-size:11px;border-radius:0;transition:background .2s}.direction-primary{background:#0b55e8;color:#fff;border:1px solid #0b55e8}.direction-primary:hover{background:#2467ff}.direction-secondary{background:transparent;color:#fff;border:1px solid #666}.direction-secondary:hover{background:#252525}.direction-signoff{display:flex;gap:17px;align-items:center;color:#969696;font-size:7px;letter-spacing:1.3px;margin-top:35px}.direction-signoff span+span{border-left:1px solid #484848;padding-left:17px}.direction-product{position:relative;padding:10px 0 20px;margin-right:17px}.direction-frame{border:5px solid #0b55e8;background:white;border-radius:2px;color:#111;position:relative;box-shadow:12px 12px 0 #0b55e822}.direction-frame-top,.direction-frame-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;padding:17px 20px;background:#fff}.direction-frame-top{border-bottom:1px solid #ddd}.direction-frame-top>span:last-child{color:#0b55e8}.direction-product-image{position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff}.direction-product-image>#directionShirt{width:100%;height:100%;display:block;object-fit:cover}.direction-product-image>.direction-print{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:28%;height:auto;pointer-events:none}.direction-frame-bottom{padding:10px 17px 10px 20px;font-size:7px}.direction-frame-bottom button{border:0;background:white;color:#0b55e8;width:34px;height:30px;display:flex;align-items:center;justify-content:center}.direction-lab{position:absolute;top:-12px;left:-26px;width:102px;transform:rotate(-5deg);z-index:3}.direction-color-picker{position:absolute;right:-22px;top:38%;background:#fff;border:2px solid #0b55e8;padding:8px;display:flex;flex-direction:column;gap:8px}.direction-color-picker button{width:28px;height:28px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;background:#fff;padding:4px}.direction-color-picker button span{display:block;width:18px;height:18px;border:1px solid #aaa;border-radius:50%}.direction-color-picker button.selected{border-color:#0b55e8}.direction-art-note{display:block;font-size:8px;letter-spacing:.5px;color:#858585;margin-top:15px;text-align:right}.hero-element{position:absolute;pointer-events:none;z-index:0;object-fit:contain}.element-ring{width:260px;top:-106px;left:46%;opacity:.85}.element-arch{width:180px;bottom:1px;left:43%;transform:rotate(-30deg);opacity:.75}.element-blue{width:220px;right:-140px;top:38%;opacity:.7}.direction-hero-foot{max-width:1280px;margin:auto;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid #ffffff20;color:#929292;font-size:7px;letter-spacing:1.2px}.direction-hero-foot a{font-size:20px;color:#fff;text-decoration:none}.catalog-intro{max-width:1280px;margin:auto;background:#fff;text-align:left;padding:78px 0 24px}.catalog-intro .eyebrow,.direction-section-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#0b55e8}.catalog-intro h2{font-size:39px;letter-spacing:-1.2px;margin:16px 0}.catalog-intro p{font-size:14px;color:#666;line-height:1.6}.catalog-strip{background:#fff;border:0;max-width:1280px;margin:0 auto;padding:0 0 20px;justify-content:flex-start;gap:9px}.strip-btn{border-radius:0;border:1px solid #dedede;background:white;color:#555;padding:10px 17px;font-size:10px}.strip-btn.active{background:#0b55e8;border-color:#0b55e8;color:white}.catalog-section{max-width:1280px;margin:auto;padding:10px 0 75px;background:#fff}.product-grid{gap:23px}.product-card{border:0;border-radius:0;box-shadow:none;transition:transform .2s}.product-card:hover{border:0;box-shadow:none;transform:translateY(-4px)}.product-card-img{border:1px solid #e5e5e5;background:#fff;min-height:260px;border-radius:0}.product-card-img img{height:200px;max-width:86%;object-fit:contain}.product-card-badge{background:white;color:#555;border:0;font-size:7px;letter-spacing:1px}.product-card-info{padding:19px 0}.product-card-name{font-size:16px;margin-bottom:8px}.product-card-desc{font-size:10px;color:#777}.product-card-price{font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:13px 0 4px;color:#0b55e8;font-family:'Identiko Helvetica Bold',Arial,sans-serif}.product-card-colors{margin-top:11px;gap:6px}.product-reference{font-size:6px;color:#888}.direction-process{background:#fff;max-width:1280px;margin:auto;padding:65px 0 65px;border-top:1px solid #171717;border-bottom:1px solid #dedede}.direction-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.direction-section-heading h2{font-size:37px;line-height:1.14;letter-spacing:-1.3px;color:#151515;margin-top:17px}.direction-section-heading h2 span{color:#777}.direction-section-heading>p{font-size:12px;line-height:1.8;color:#777;max-width:320px}.direction-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:43px}.direction-process-grid article{padding:0 37px;border-right:1px solid #ddd}.direction-process-grid article:first-child{padding-left:0}.direction-process-grid article:last-child{padding-right:0;border:0}.direction-process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;height:55px}.direction-process-top>span{font-size:12px;color:#888}.direction-process-top img{width:45px;height:45px;object-fit:contain}.direction-process-grid h3{font-size:22px;letter-spacing:-.5px;margin-bottom:13px}.direction-process-grid p{font-size:13px;line-height:1.85;color:#666;max-width:300px}.direction-process-bottom{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.direction-process-bottom>span{font-size:11px;color:#777}.direction-process-bottom button{display:flex;align-items:center;gap:30px;background:white;border:0;border-bottom:1px solid #0b55e8;padding:12px 0;color:#0b55e8;font-size:11px}.brands-section[hidden]{display:none}.about-section{max-width:1280px;padding:80px 0;gap:85px;background:#fff}.about-art.editorial-art{border:0;padding:0;background:#fff}.editorial-topline{font-size:7px;padding-bottom:12px}.editorial-photos{gap:18px}.editorial-caption{font-size:10px}.about-copy .eyebrow{font-size:8px}.about-copy h2{font-size:42px;letter-spacing:-1.5px}.about-copy p{font-size:14px;line-height:1.9;max-width:440px}.about-copy .text-link{font-size:11px;margin-top:15px}.faq-section{padding:55px 5% 65px;background:#fff;border-top:1px solid #dedede}.faq-section h2{font-size:32px;letter-spacing:-1px}.faq-list summary{font-size:14px}.faq-list p{font-size:12px}.closing-cta{max-width:1280px;margin:auto;display:flex;flex-direction:column;align-items:center;background:#fff;border-block:1px solid #171717;padding:65px 160px}.closing-cta h2{font-size:44px;letter-spacing:-1.8px}.closing-cta .hero-action{background:#0b55e8;color:#fff;border-radius:0;font-size:12px;padding:16px 22px}.closing-barcode{width:58px;right:9%}.closing-cta p{font-size:13px}.closing-cta .eyebrow{font-size:8px}.closing-cta .hero-action .ui-icon{color:#fff}footer{background:#fff;color:#171717;padding-top:55px;padding-bottom:26px}.footer-brand>img{filter:none;width:170px}.footer-grid h3{color:#171717;font-size:11px}.footer-grid p,.footer-grid a,.footer-grid button{color:#777;font-size:10px}.footer-grid a:hover,.footer-grid button:hover{color:#0b55e8}.footer-lab-line span{color:#777;font-size:7px}.footer-bottom{color:#888;border-color:#ddd}.floating-contact{background:#fff;color:#111;border:1px solid #ddd;box-shadow:0 4px 20px #0001;width:46px;height:46px}.viewing-product .direction-hero{display:none}.viewing-product .direction-process{display:none}
@keyframes directionIntro{to{opacity:0;visibility:hidden;transform:translateY(-5px)}}@keyframes directionReveal{to{opacity:1;visibility:visible}}@keyframes directionLine{to{transform:scaleX(1)}}@keyframes directionStep{to{background:#0b55e8;border-color:#0b55e8;color:#fff}}
@media(max-width:1420px){.direction-hero-inner,.direction-hero-foot,.catalog-intro,.catalog-strip,.catalog-section,.direction-process,.about-section,.closing-cta{margin-inline:6%}.direction-hero-inner{gap:60px;padding-top:64px}.direction-copy h1{font-size:clamp(40px,4.4vw,64px)}.direction-product{margin-right:8px}.direction-actions button{gap:18px;font-size:10px}.direction-hero-inner{grid-template-columns:1.05fr 1fr}.product-card-img{min-height:220px}.product-card-img img{height:175px}}
@media(max-width:1050px){header{padding-inline:5%;gap:15px}.header-lab{display:none}header nav{gap:19px}.direction-hero-inner{gap:35px;padding-block:58px 42px}.direction-copy h1{font-size:43px;letter-spacing:-1.6px}.direction-eyebrow{font-size:7px;letter-spacing:1px}.direction-actions{gap:9px}.direction-actions button{padding:14px 12px;font-size:9px;gap:10px}.direction-intro{font-size:13px}.direction-lab{width:83px;left:-17px}.direction-frame-top{font-size:6px;padding:13px}.direction-frame-bottom{font-size:6px;padding:8px 12px}.direction-section-heading h2{font-size:30px}.direction-process-grid article{padding-inline:23px}.direction-process-grid h3{font-size:19px}.product-card-img{min-height:185px}.product-card-img img{height:145px}.product-card-name{font-size:14px}.about-section{gap:40px}.about-copy h2{font-size:35px}}
@media(max-width:760px){header{height:68px;padding-inline:6%}header .logo img{width:139px}.header-lab{display:block;width:105px;font-size:8px;padding-left:10px}.header-brand{gap:13px}.header-contact{display:none}header nav{top:67px}.menu-toggle{border-radius:0;width:36px;height:36px;min-width:36px}.direction-hero-inner{display:flex;flex-direction:column;align-items:stretch;margin-inline:7%;padding:39px 0 25px;gap:45px}.direction-eyebrow{font-size:6px;letter-spacing:1.15px;margin-bottom:23px}.direction-copy h1{font-size:clamp(37px,9.5vw,60px);line-height:1.06;letter-spacing:-1.3px}.direction-story{min-height:84px;margin:18px 0 17px}.direction-intro{font-size:13px;line-height:1.7}.direction-mini-steps li span{font-size:9px}.direction-actions{gap:9px;flex-wrap:nowrap}.direction-actions button{font-size:9px;padding:13px 12px;min-height:45px;gap:10px}.direction-actions .ui-icon{width:16px}.direction-signoff{margin-top:24px;font-size:6px;letter-spacing:.8px}.direction-product{width:calc(100% - 16px);max-width:440px;margin:0 auto;padding-top:0}.direction-frame{border-width:4px;box-shadow:8px 8px 0 #0b55e822}.direction-lab{width:78px;top:-20px;left:-13px}.direction-frame-top{padding:13px 15px;font-size:6px}.direction-frame-bottom{font-size:6px;padding:7px 13px}.direction-color-picker{right:-18px;padding:6px;gap:6px;top:38%}.direction-color-picker button{width:25px;height:25px}.direction-color-picker button span{width:16px;height:16px}.direction-art-note{font-size:7px;margin-top:13px}.element-ring{width:180px;top:380px;left:-110px;opacity:.65}.element-arch{width:165px;bottom:90px;left:auto;right:-95px;opacity:.65}.element-blue{display:none}.direction-hero-foot{margin-inline:7%;padding-block:17px;font-size:6px;letter-spacing:.6px}.direction-hero-foot>span:nth-child(2){display:none}.catalog-intro{padding-top:46px;margin-inline:6%;padding-bottom:20px}.catalog-intro h2{font-size:29px;letter-spacing:-1px;line-height:1.1}.catalog-intro p{font-size:12px}.catalog-strip{margin-inline:6%;padding-bottom:15px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:7px}.strip-btn{font-size:9px;padding:9px 12px;white-space:nowrap;flex-shrink:0}.catalog-section{margin-inline:6%;padding-bottom:40px}.product-grid{gap:20px 12px}.product-card-img{min-height:165px}.product-card-img img{height:128px;max-width:91%}.product-card-badge{font-size:5px;letter-spacing:.4px;left:6px;top:8px;padding:3px}.product-reference{font-size:4px;letter-spacing:.6px;left:8px;bottom:7px}.product-card-info{padding-top:13px}.product-card-name{font-size:12px;line-height:1.4}.product-card-desc{font-size:9px;line-height:1.5}.product-card-price{font-size:10px;padding-top:10px}.product-card-dot{width:9px;height:9px}.direction-process{margin-inline:6%;padding:39px 0}.direction-section-heading{display:block}.direction-section-heading h2{font-size:29px;line-height:1.12;letter-spacing:-1px}.direction-section-heading>p{font-size:12px;margin-top:18px}.direction-process-grid{display:block;margin-top:30px}.direction-process-grid article,.direction-process-grid article:first-child,.direction-process-grid article:last-child{padding:23px 0;border:0;border-top:1px solid #ddd}.direction-process-top{height:35px;margin-bottom:13px}.direction-process-top img{width:35px;height:35px}.direction-process-top>span{font-size:10px}.direction-process-grid h3{font-size:23px;margin-bottom:10px}.direction-process-grid p{font-size:13px;max-width:none;line-height:1.8}.direction-process-bottom{display:block;margin-top:14px}.direction-process-bottom>span{font-size:10px}.direction-process-bottom button{font-size:11px;margin-top:16px;gap:40px}.about-section{margin-inline:6%;padding-block:45px;gap:30px}.about-copy h2{font-size:33px}.about-copy p{font-size:13px}.faq-section{padding:40px 6%}.faq-section h2{font-size:29px}.faq-list summary{font-size:13px}.closing-cta{margin-inline:6%;padding:42px 0;display:block;text-align:left}.closing-barcode{display:none}.closing-cta h2{font-size:34px;line-height:1.1;letter-spacing:-1.3px}.closing-cta p{font-size:12px}.closing-cta .hero-action{font-size:11px}footer{padding:40px 6% 25px}.footer-grid{gap:25px 20px}.footer-brand>img{width:146px}.footer-grid h3{font-size:11px}.footer-grid a,.footer-grid button,.footer-grid p{font-size:10px}.footer-lab-line{margin-top:25px}.footer-bottom{font-size:7px}.floating-contact{width:41px;height:41px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.direction-intro{display:none;animation:none}.direction-mini-steps{opacity:1;visibility:visible;animation:none}.direction-mini-steps li b{animation:none;background:#0b55e8;border-color:#0b55e8}.direction-mini-steps li:not(:last-child):after{animation:none;transform:none}.product-card{transition:none}}

.direction-product{max-width:480px;width:100%;justify-self:end}.direction-hero-inner{padding-top:62px;padding-bottom:38px}header .logo img{height:auto}.footer-brand>img{height:auto}@media(max-width:760px){.direction-product{width:calc(100% - 16px);max-width:380px}.direction-hero-inner{padding-top:39px;padding-bottom:25px}}