.elementor-kit-4359{--e-global-color-primary:#00E64D;--e-global-color-secondary:#0A0A0A;--e-global-color-text:#0A0A0A;--e-global-color-accent:#00A63A;--e-global-color-c0c08b1:#F4F4F4;--e-global-color-036a97a:#EDEDED;--e-global-color-b189e0b:#FFFFFF;--e-global-color-83808a6:#E5E5E5;--e-global-color-7e13bd8:#D4D4D4;--e-global-color-2de1e3d:#3A3A3A;--e-global-color-f5e9e77:#6B6B6B;--e-global-color-014ab63:#9A9A9A;--e-global-color-4e0e7ad:#000000;--e-global-color-3398c34:#B8B8B8;--e-global-color-5d6c0b8:#D6FBE1;--e-global-color-911a77e:#00A63A;--e-global-color-92c21a6:#E8A200;--e-global-color-0d130a6:#D63131;--e-global-color-2f43108:#2B6EF2;--e-global-color-6e9f2ac:#25D366;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.1;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:30px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"VT323-Regular";--e-global-typography-accent-font-size:30px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-font-style:normal;background-color:var( --e-global-color-c0c08b1 );color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4359 button,.elementor-kit-4359 input[type="button"],.elementor-kit-4359 input[type="submit"],.elementor-kit-4359 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;text-transform:none;line-height:1;letter-spacing:0px;color:var( --e-global-color-4e0e7ad );box-shadow:0px 8px 24px 0px rgba(0, 230, 76.99999999999991, 0.28);border-style:none;border-radius:10px 10px 10px 10px;padding:12px 20px 12px 20px;}.elementor-kit-4359 button:hover,.elementor-kit-4359 button:focus,.elementor-kit-4359 input[type="button"]:hover,.elementor-kit-4359 input[type="button"]:focus,.elementor-kit-4359 input[type="submit"]:hover,.elementor-kit-4359 input[type="submit"]:focus,.elementor-kit-4359 .elementor-button:hover,.elementor-kit-4359 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-text );border-style:none;border-radius:12px 12px 12px 12px;}.elementor-kit-4359 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4359 a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h1{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4359 h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4359 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4359 h6{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4359 img{border-radius:10px 10px 10px 10px;transition-duration:200s;}.elementor-kit-4359 img:hover{border-radius:10px 10px 10px 10px;}.elementor-kit-4359 label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-4359 input:not([type="button"]):not([type="submit"]),.elementor-kit-4359 textarea,.elementor-kit-4359 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );accent-color:var( --e-global-color-accent );background-color:var( --e-global-color-b189e0b );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7e13bd8 );border-radius:10px 10px 10px 10px;transition:120ms;padding:12px 14px 12px 14px;}.elementor-kit-4359 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4359 textarea:focus,.elementor-kit-4359 .elementor-field-textual:focus{box-shadow:0px 0px 0px 3px rgba(0, 230, 76.99999999999991, 0.18);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:1336px){.elementor-kit-4359{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 a{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h3{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h4{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h5{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h6{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 label{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-4359 input:not([type="button"]):not([type="submit"]),.elementor-kit-4359 textarea,.elementor-kit-4359 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-kit-4359{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 a{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h3{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h4{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h5{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h6{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 label{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-4359 input:not([type="button"]):not([type="submit"]),.elementor-kit-4359 textarea,.elementor-kit-4359 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4359{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 a{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4359 h3{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h4{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h5{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 h6{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-4359 label{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-4359 input:not([type="button"]):not([type="submit"]),.elementor-kit-4359 textarea,.elementor-kit-4359 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================================
   LUCAS INNOVACIONES — DESIGN SYSTEM PARA ELEMENTOR + WOOCOMMERCE
   ---------------------------------------------------------------------
   Fuente: handoff de Claude Design (lucas-innovaciones-design-system).
   Tienda local de tecnología — Villa Santa Rosa, Córdoba (AR).
   ADN visual: verde "encendido" sobre negro + cursor pixel retro.

   DÓNDE PEGAR ESTE CSS:
     1) Elementor Pro:  WP Admin → Elementor → Custom Code → "Add New"
        Location: <head>, todas las páginas. Pegá el bloque <style>...</style>.
     2) Sin Elementor Pro: Apariencia → Personalizar → CSS adicional
        (pegá sólo el contenido CSS, sin las etiquetas <style>).
     3) Recomendado además: encolar como CSS hijo en el child theme.

   ORDEN DE CARGA: este archivo debe cargar ANTES que cualquier override.
   Las variables van en :root para poder usarlas en cualquier widget.
   ===================================================================== */

/* ---------- Webfonts (Google Fonts) -------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=VT323&display=swap');

/* =====================================================================
   1. TOKENS — Variables CSS globales
   ===================================================================== */
:root {
  /* COLORES — Paleta core (del logo) */
  --li-black:        #0A0A0A;   /* Superficie primaria: hero, nav, power moments */
  --li-green:        #00E64D;   /* Verde "encendido". CTAs, precio cuotas, stock OK */
  --li-green-hover:  #00C944;
  --li-green-press:  #00A63A;
  --li-green-soft:   #D6FBE1;   /* Bg banners "12 cuotas" */
  --li-white:        #FFFFFF;   /* SOLO cards / surfaces elevadas */
  --li-bg:           #F4F4F4;   /* Fondo de página (warm grey, no blanco puro) */
  --li-bg-alt:       #EDEDED;
  --li-border:       #E5E5E5;
  --li-border-strong:#D4D4D4;

  /* COLORES — Texto */
  --li-fg-1:         #0A0A0A;
  --li-fg-2:         #3A3A3A;
  --li-fg-3:         #6B6B6B;   /* specs, meta, "Desde $" */
  --li-fg-4:         #9A9A9A;
  --li-fg-invert:    #FFFFFF;
  --li-fg-invert-2:  #B8B8B8;

  /* COLORES — Semánticos */
  --li-success:      #00A63A;
  --li-success-bg:   #E6F9EC;
  --li-warn:         #E8A200;
  --li-warn-bg:      #FFF4D6;
  --li-danger:       #D63131;
  --li-danger-bg:    #FCE8E8;
  --li-info:         #2B6EF2;
  --li-whatsapp:     #25D366;

  /* Precios — patrón signature de la marca */
  --li-price:        #0A0A0A;   /* Precio contado */
  --li-price-cuotas: #00A63A;   /* Cuotas — AA sobre blanco */
  --li-discount:     #D63131;   /* Tachado */

  /* TIPOGRAFÍA */
  --li-font-sans:    'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --li-font-display: 'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --li-font-pixel:   'VT323', 'Courier New', monospace;
  --li-font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ESCALA TIPOGRÁFICA */
  --li-fs-display:   clamp(2.5rem, 4.5vw + 1rem, 4.75rem);   /* 40–76px hero */
  --li-fs-h1:        2.25rem;   /* 36 */
  --li-fs-h2:        1.75rem;   /* 28 */
  --li-fs-h3:        1.25rem;   /* 20 */
  --li-fs-lead:      1.125rem;  /* 18 */
  --li-fs-body:      1rem;      /* 16 */
  --li-fs-sm:        0.875rem;  /* 14 */
  --li-fs-xs:        0.75rem;   /* 12 — labels, chips */

  --li-lh-tight:     1.1;
  --li-lh-snug:      1.25;
  --li-lh-body:      1.55;

  --li-tracking-tight: -0.02em;
  --li-tracking-label: 0.08em;

  /* ESPACIADO (grid base 4px) */
  --li-sp-1:  4px;  --li-sp-2:  8px;  --li-sp-3:  12px; --li-sp-4:  16px;
  --li-sp-5:  20px; --li-sp-6:  24px; --li-sp-8:  32px; --li-sp-10: 40px;
  --li-sp-12: 48px; --li-sp-16: 64px; --li-sp-20: 80px;

  /* RADIOS */
  --li-radius-sm:   6px;
  --li-radius:      10px;   /* botones, inputs */
  --li-radius-lg:   16px;   /* cards de producto */
  --li-radius-xl:   24px;   /* hero, banners grandes */
  --li-radius-pill: 999px;

  /* SOMBRAS */
  --li-shadow-xs:    0 1px 2px rgba(10,10,10,0.04);
  --li-shadow-sm:    0 1px 3px rgba(10,10,10,0.06), 0 1px 2px rgba(10,10,10,0.04);
  --li-shadow-md:    0 4px 16px rgba(10,10,10,0.08);
  --li-shadow-lg:    0 12px 32px rgba(10,10,10,0.12);
  --li-shadow-green: 0 8px 24px rgba(0, 230, 77, 0.28);

  /* MOVIMIENTO */
  --li-ease:      cubic-bezier(0.2, 0.8, 0.2, 1);
  --li-ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --li-dur-fast:  120ms;
  --li-dur:       200ms;
  --li-dur-slow:  320ms;

  /* LAYOUT */
  --li-container:  1200px;
}

/* =====================================================================
   2. RESET MUY LIGERO + BASE BODY
   (Elementor ya hace su normalización; sólo ajustamos lo brand-critical)
   ===================================================================== */
html { color-scheme: light; }

body {
  font-family: var(--li-font-sans);
  font-size: var(--li-fs-body);
  line-height: var(--li-lh-body);
  color: var(--li-fg-1);
  background: var(--li-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: var(--li-green); color: var(--li-black); }

/* Focus ring accesible — verde */
*:focus-visible {
  outline: 2px solid var(--li-green);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Container centrado 1200 — usar en secciones que quieras forzar */
.li-container {
  max-width: var(--li-container);
  margin-inline: auto;
  padding-inline: var(--li-sp-6);
}

/* =====================================================================
   3. TIPOGRAFÍA — clases utilitarias
   (Usar en widget Heading / Text Editor / HTML de Elementor)
   ===================================================================== */
.li-display {
  font-family: var(--li-font-display);
  font-size: var(--li-fs-display);
  line-height: var(--li-lh-tight);
  letter-spacing: var(--li-tracking-tight);
  font-weight: 700;
}
.li-h1 {
  font-family: var(--li-font-display);
  font-size: var(--li-fs-h1);
  line-height: var(--li-lh-tight);
  letter-spacing: var(--li-tracking-tight);
  font-weight: 700;
}
.li-h2 {
  font-family: var(--li-font-display);
  font-size: var(--li-fs-h2);
  line-height: var(--li-lh-snug);
  letter-spacing: var(--li-tracking-tight);
  font-weight: 700;
}
.li-h3 {
  font-family: var(--li-font-sans);
  font-size: var(--li-fs-h3);
  line-height: var(--li-lh-snug);
  font-weight: 600;
}
.li-lead       { font-size: var(--li-fs-lead); line-height: var(--li-lh-body); color: var(--li-fg-2); }
.li-body-text  { font-size: var(--li-fs-body); line-height: var(--li-lh-body); color: var(--li-fg-2); }
.li-small      { font-size: var(--li-fs-sm);  color: var(--li-fg-3); }
.li-eyebrow    {
  font-size: var(--li-fs-xs);
  letter-spacing: var(--li-tracking-label);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--li-fg-3);
}
.li-pixel      { font-family: var(--li-font-pixel); letter-spacing: 0.02em; }
.li-mono       { font-family: var(--li-font-mono); }

/* =====================================================================
   4. BOTONES — patrón maestro
   (Aplicar como CLASE CSS en el botón de Elementor: Advanced → CSS Classes)
   ===================================================================== */
.li-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--li-sp-2);
  font-family: var(--li-font-sans);
  font-weight: 600;
  border-radius: var(--li-radius);
  cursor: pointer;
  border: 1px solid transparent;
  transition: all var(--li-dur) var(--li-ease);
  white-space: nowrap;
  text-decoration: none;
  padding: 12px 20px;
  font-size: 15px;
  line-height: 1;
}
.li-btn:hover { transform: translateY(-1px); }
.li-btn:active { transform: scale(0.98); }

/* Tamaños */
.li-btn--sm { padding: 8px 14px; font-size: 13px; border-radius: 8px; }
.li-btn--lg { padding: 16px 28px; font-size: 17px; }

/* Variantes */
.li-btn--primary {
  background: var(--li-green);
  color: var(--li-black);
  box-shadow: var(--li-shadow-green);
}
.li-btn--primary:hover { background: var(--li-green-hover); color: var(--li-black); }
.li-btn--primary:active { background: var(--li-green-press); }

.li-btn--dark {
  background: var(--li-black);
  color: #fff;
}
.li-btn--dark:hover { background: #1a1a1a; color: #fff; }

.li-btn--outline {
  background: transparent;
  color: var(--li-black);
  border-color: var(--li-black);
}
.li-btn--outline:hover {
  background: var(--li-black);
  color: #fff;
}

.li-btn--outline-light {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.li-btn--outline-light:hover { background: #fff; color: var(--li-black); }

.li-btn--ghost {
  background: transparent;
  color: var(--li-fg-1);
}
.li-btn--ghost:hover { background: var(--li-bg-alt); }

.li-btn--whatsapp {
  background: var(--li-whatsapp);
  color: #fff;
}
.li-btn--whatsapp:hover { background: #1FB955; color: #fff; }

/* =====================================================================
   5. BADGES / CHIPS
   ===================================================================== */
.li-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--li-radius-pill);
  font-size: 12px;
  font-weight: 600;
  background: var(--li-bg-alt);
  color: var(--li-fg-2);
}
.li-badge--success  { background: var(--li-success-bg); color: var(--li-success); }
.li-badge--warn     { background: var(--li-warn-bg);    color: #8A5F00; }
.li-badge--danger   { background: var(--li-danger-bg);  color: var(--li-danger); }
.li-badge--green    { background: var(--li-green);      color: var(--li-black); }
.li-badge--black    { background: var(--li-black);      color: #fff; }
.li-badge--green-dk { background: var(--li-black);      color: var(--li-green); }

/* Badge en estilo pixel — accent ultra-puntual */
.li-badge--pixel {
  font-family: var(--li-font-pixel);
  font-size: 14px;
  letter-spacing: 0.02em;
  padding: 2px 10px;
  border-radius: 4px;
}

/* Stock dot */
.li-stock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--li-success);
  font-weight: 600;
}
.li-stock::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
}

/* =====================================================================
   6. PRECIOS — patrón signature (contado + cuotas)
   ===================================================================== */
.li-price          { display: block; }
.li-price__tachado {
  color: var(--li-fg-4);
  text-decoration: line-through;
  font-size: 14px;
  display: block;
}
.li-price__contado {
  font-family: var(--li-font-display);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--li-price);
  letter-spacing: var(--li-tracking-tight);
  line-height: 1.1;
  display: block;
}
.li-price__cuotas {
  font-size: 0.9375rem;
  color: var(--li-price-cuotas);
  font-weight: 600;
  margin-top: 4px;
  display: block;
}
.li-price--lg .li-price__contado { font-size: 2.75rem; }
.li-price--lg .li-price__cuotas  { font-size: 1rem; }
.li-price--sm .li-price__contado { font-size: 1.125rem; }
.li-price--sm .li-price__cuotas  { font-size: 0.8125rem; }

/* =====================================================================
   7. CARDS — superficie elevada blanca sobre bg gris
   ===================================================================== */
.li-card {
  background: #fff;
  border: 1px solid var(--li-border);
  border-radius: var(--li-radius-lg);
  padding: 14px;
  transition: all var(--li-dur) var(--li-ease);
}
.li-card:hover {
  box-shadow: var(--li-shadow-md);
  transform: translateY(-2px);
}
.li-card__media {
  background: #F8F8F8;
  border-radius: var(--li-radius);
  aspect-ratio: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.li-card__media img { width: 100%; height: 100%; object-fit: contain; }
.li-card__brand {
  font-size: 11px;
  color: var(--li-fg-3);
  text-transform: uppercase;
  letter-spacing: var(--li-tracking-label);
  font-weight: 600;
  margin-top: 12px;
}
.li-card__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--li-fg-1);
  min-height: 38px;
  margin-top: 4px;
  margin-bottom: 8px;
}

/* =====================================================================
   8. INPUTS / FORMS — herencia para Elementor Forms y WooCommerce
   ===================================================================== */
.li-input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea,
select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--li-border-strong);
  border-radius: var(--li-radius);
  font-family: var(--li-font-sans);
  font-size: 14px;
  background: #fff;
  color: var(--li-fg-1);
  transition: border-color var(--li-dur-fast) var(--li-ease),
              box-shadow var(--li-dur-fast) var(--li-ease);
  outline: none;
  box-sizing: border-box;
}
.li-input:focus,
input:focus, textarea:focus, select:focus {
  border-color: var(--li-green);
  box-shadow: 0 0 0 3px rgba(0,230,77,0.18);
}

label, .li-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--li-fg-2);
  display: block;
  margin-bottom: 6px;
}

/* =====================================================================
   9. LINKS
   ===================================================================== */
.li-link, a.li-link {
  color: var(--li-fg-1);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.li-link:hover {
  color: var(--li-green-press);
  text-decoration-color: var(--li-green);
}

/* =====================================================================
   10. WHATSAPP FAB (Floating Action Button)
   Pegar como widget HTML al final de Header global, o como Custom Code.
   ===================================================================== */
.li-whatsapp-fab {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--li-whatsapp);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 28px rgba(37,211,102,0.45);
  z-index: 9990;
  text-decoration: none;
  transition: transform var(--li-dur) var(--li-ease);
}
.li-whatsapp-fab:hover { transform: translateY(-3px) scale(1.04); }

/* =====================================================================
   11. TRUST STRIP — Tira de confianza (envío, garantía, cuotas, retiro)
   ===================================================================== */
.li-trust {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  background: #fff;
  border: 1px solid var(--li-border);
  border-radius: var(--li-radius-lg);
  padding: 24px;
}
.li-trust__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.li-trust__icon {
  width: 38px; height: 38px;
  border-radius: var(--li-radius);
  background: var(--li-black);
  color: var(--li-green);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.li-trust__title { font-size: 14px; font-weight: 600; color: var(--li-fg-1); margin: 0; }
.li-trust__sub   { font-size: 12px; color: var(--li-fg-3); margin: 4px 0 0; line-height: 1.45; }

@media (max-width: 768px) {
  .li-trust { grid-template-columns: repeat(2, 1fr); }
}

/* =====================================================================
   12. STICKY NAV / HEADER overrides
   ===================================================================== */
.li-sticky-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--li-border);
}
.li-sticky-nav--dark {
  background: rgba(10,10,10,0.72);
  border-bottom-color: rgba(255,255,255,0.08);
}

/* =====================================================================
   13. BANNER CUOTAS (signature pattern)
   ===================================================================== */
.li-banner-cuotas {
  background: var(--li-green);
  color: var(--li-black);
  border-radius: var(--li-radius-xl);
  padding: 30px 40px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.li-banner-cuotas__icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--li-black);
  color: var(--li-green);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.li-banner-cuotas__title {
  font-family: var(--li-font-display);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: var(--li-tracking-tight);
  line-height: 1.1;
  margin: 0;
}

/* =====================================================================
   14. WOOCOMMERCE — overrides minimalistas para que herede el design system
   ===================================================================== */

/* Botones globales WooCommerce → estilo primary verde */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .woocommerce-message a.button,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt {
  background: var(--li-green) !important;
  color: var(--li-black) !important;
  border-radius: var(--li-radius) !important;
  font-family: var(--li-font-sans) !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  font-size: 15px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: var(--li-shadow-green) !important;
  border: none !important;
  transition: all var(--li-dur) var(--li-ease) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--li-green-hover) !important;
  color: var(--li-black) !important;
  transform: translateY(-1px);
}

/* Botón "Añadir al carrito" en loop de productos */
.woocommerce ul.products li.product .button {
  margin-top: 12px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Tarjeta de producto del shop loop */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid var(--li-border);
  border-radius: var(--li-radius-lg);
  padding: 14px;
  transition: all var(--li-dur) var(--li-ease);
}
.woocommerce ul.products li.product:hover {
  box-shadow: var(--li-shadow-md);
  transform: translateY(-2px);
}
.woocommerce ul.products li.product img {
  border-radius: var(--li-radius);
  margin-bottom: 12px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--li-font-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--li-fg-1) !important;
  padding: 0 !important;
}
.woocommerce ul.products li.product .price {
  font-family: var(--li-font-display) !important;
  color: var(--li-price) !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
}
.woocommerce ul.products li.product .price del {
  color: var(--li-fg-4) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}
.woocommerce ul.products li.product .price ins {
  background: transparent !important;
  color: var(--li-price) !important;
}

/* Badge "Oferta" / sale flash */
.woocommerce span.onsale {
  background: var(--li-green) !important;
  color: var(--li-black) !important;
  font-family: var(--li-font-pixel) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 2px 10px !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1.5 !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  letter-spacing: 0.02em !important;
}

/* Single product page — precio destacado */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: var(--li-font-display) !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  color: var(--li-price) !important;
  letter-spacing: var(--li-tracking-tight) !important;
}

/* Tabs del producto */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid var(--li-border) !important;
  padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid var(--li-green) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--li-font-sans) !important;
  font-weight: 600 !important;
  color: var(--li-fg-2) !important;
  padding: 14px 20px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--li-fg-1) !important;
}

/* Cart / Checkout */
.woocommerce-cart table.cart,
.woocommerce-checkout .woocommerce-checkout-review-order table {
  border: 1px solid var(--li-border) !important;
  border-radius: var(--li-radius-lg) !important;
  overflow: hidden;
}
.woocommerce-cart table.cart th,
.woocommerce-checkout-review-order-table th {
  background: var(--li-bg-alt) !important;
  font-family: var(--li-font-sans) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: var(--li-tracking-label) !important;
  color: var(--li-fg-3) !important;
}

/* Quantity input */
.woocommerce .quantity .qty {
  border-radius: var(--li-radius) !important;
  border: 1px solid var(--li-border-strong) !important;
  padding: 10px !important;
  width: 70px !important;
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--li-radius) !important;
  border-top: none !important;
  border-left: 4px solid var(--li-green) !important;
  background: var(--li-success-bg) !important;
  color: var(--li-fg-1) !important;
  font-family: var(--li-font-sans) !important;
}
.woocommerce-error  { border-left-color: var(--li-danger) !important; background: var(--li-danger-bg) !important; }
.woocommerce-info   { border-left-color: var(--li-info)   !important; background: #E8F0FE !important; }

/* =====================================================================
   15. ELEMENTOR — overrides puntuales
   ===================================================================== */

/* Sección hero negra → asegurar contraste de h1 verde-acentuado */
.elementor-section.li-hero-dark {
  background: var(--li-black);
  color: #fff;
}
.elementor-section.li-hero-dark .elementor-heading-title {
  color: #fff;
  font-family: var(--li-font-display);
}

/* Helper: marcar palabra del hero en verde
   Uso: <h1>Tenemos toda la tecnología para brindarte la <span class="li-accent-green">comodidad</span> que te mereces.</h1> */
.li-accent-green { color: var(--li-green); }

/* Asegurar que el botón global de Elementor herede el patrón si le aplicamos clase */
.elementor-button.li-btn { line-height: 1; }

/* =====================================================================
   16. UTILIDADES
   ===================================================================== */
.li-bg-black  { background: var(--li-black); color: #fff; }
.li-bg-grey   { background: var(--li-bg); }
.li-bg-white  { background: #fff; }
.li-bg-green-soft { background: var(--li-green-soft); }

.li-text-green { color: var(--li-green); }
.li-text-muted { color: var(--li-fg-3); }
.li-text-invert{ color: #fff; }

.li-mt-0  { margin-top: 0 !important; }
.li-mt-2  { margin-top: var(--li-sp-2); }
.li-mt-4  { margin-top: var(--li-sp-4); }
.li-mt-6  { margin-top: var(--li-sp-6); }
.li-mt-8  { margin-top: var(--li-sp-8); }
.li-mt-12 { margin-top: var(--li-sp-12); }

.li-radius-sm   { border-radius: var(--li-radius-sm); }
.li-radius      { border-radius: var(--li-radius); }
.li-radius-lg   { border-radius: var(--li-radius-lg); }
.li-radius-xl   { border-radius: var(--li-radius-xl); }
.li-radius-pill { border-radius: var(--li-radius-pill); }

.li-shadow-md  { box-shadow: var(--li-shadow-md); }
.li-shadow-lg  { box-shadow: var(--li-shadow-lg); }
.li-shadow-green { box-shadow: var(--li-shadow-green); }

/* Loader skeleton (gris pulsando, sin spinners) */
.li-skeleton {
  background: linear-gradient(90deg, #EDEDED 0%, #F8F8F8 50%, #EDEDED 100%);
  background-size: 200% 100%;
  animation: li-skeleton 1.4s ease-in-out infinite;
  border-radius: var(--li-radius);
}
@keyframes li-skeleton {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* =====================================================================
   17. RESPONSIVE — breakpoints alineados con Elementor
   Mobile: <768px | Tablet: 768–1024px | Desktop: >1024px
   ===================================================================== */
@media (max-width: 1024px) {
  .li-banner-cuotas__title { font-size: 24px; }
}
@media (max-width: 768px) {
  .li-banner-cuotas { padding: 24px; }
  .li-card { padding: 12px; }
  .li-price__contado { font-size: 1.5rem; }
}

/* =====================================================================
   FIN — Lucas Innovaciones Design System
   ===================================================================== *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'VT323-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://lucasinnovaciones.com.ar/wp-content/uploads/2026/04/VT323-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */