.elementor-8080 .elementor-element.elementor-element-40856ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */:root {
    --cyan: #3ED9F2;
    --cyan-soft: #8FE9F7;
    --cyan-dark: #12A6C4;
    --azul: #1E6FA8;
    --amarillo: #FFD000;
    --navy: #05121F;
    --blanco: #FAFEFF;
    --gris: #0D1F2E;
    --gris2: #142E42;
    --verde: #00B259;
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body {
    background: var(--navy);
    color: var(--blanco)!important;
    font-family: 'Space Grotesk', sans-serif!important;
    overflow-x: hidden;
  }
  h2 {color: var(--blanco)!important;
}

  /* ── SNOW ───────────────────────────── */
  .snow-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
  .flake{position:absolute;top:-8%;color:rgba(255,255,255,.5);animation:fall linear infinite;}
  @keyframes fall{0%{transform:translateY(-10%) translateX(0) rotate(0deg);}100%{transform:translateY(115vh) translateX(var(--drift,20px)) rotate(180deg);}}
  @media(prefers-reduced-motion:reduce){.flake{display:none;}}

  /* ── HERO ───────────────────────────── */
  .hero {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 2rem 1.5rem 4rem;
    background: var(--navy);
  }
  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 50% 20%, rgba(62,217,242,0.22) 0%, transparent 70%),
      radial-gradient(ellipse 60% 40% at 80% 80%, rgba(30,111,168,0.2) 0%, transparent 60%);
    pointer-events: none;
  }

  .hero-logo-lm {
    height: 90px;
    width: auto;
    max-width: 80%;
    display: block;
    margin: 0 auto 1.25rem;
    position: relative;
    z-index: 1;
  }
  @media(min-width:700px){ .hero-logo-lm{ height: 130px!important; } }

  .badge-hot {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: var(--cyan);
    color: var(--navy);
    font-family: 'Baloo 2', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .4rem 1.2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    animation: pulse 2.4s ease-in-out infinite;
  }
  @keyframes pulse { 0%,100%{box-shadow:0 0 0 0 rgba(62,217,242,.5)} 50%{box-shadow:0 0 0 14px rgba(62,217,242,0)} }

  .hero h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(2.2rem, 8vw, 5rem);
    line-height: .92;
    letter-spacing: .02em;
    color: var(--blanco);
    position: relative;
    z-index: 1;
  }
  .hero h1 .accent { color: var(--cyan); }
  .hero h1 .accent2 { color: var(--cyan-soft); -webkit-text-stroke: 1px var(--cyan-soft); }

  .hero-sub {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.05rem, 3vw, 1.4rem)!importantimportant;
    font-weight: 500;
    color: rgba(255,255,255,.68);
    max-width: 640px;
    margin: 1.5rem auto 0;
    line-height: 1.5;
  }
  .hero-sub strong { color: var(--cyan-soft); }

  .cta-group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.5rem;
    position: relative;
    z-index: 1;
  }
  .btn {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .02em;
    text-decoration: none;
    padding: .9rem 2.2rem;
    border-radius: 10px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .2s;
    display: inline-block;
  }
  .btn-primary { background: var(--cyan); color: var(--navy); }
  .btn-primary:hover { background: var(--cyan-soft); transform: translateY(-2px); }
  .btn-secondary { background: transparent; border-color: rgba(255,255,255,.3); color: var(--blanco); }
  .btn-secondary:hover { border-color: var(--cyan); color: var(--cyan-soft); }

  .hero-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    width: 100%;
    max-width: 1100px;
    position: relative;
    z-index: 1;
  }
  .hero-text-col { display: flex; flex-direction: column; align-items: center; text-align: center; }

  /* ── ICE-BREAK INTERACTIVE (signature element) ── */
  .ice-break{max-width:420px;margin:2.5rem auto 0;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:1.25rem 1.5rem;cursor:pointer;position:relative;user-select:none;z-index:1;}
  .ice-break.cracked{cursor:default;}
  .ib-frost{font-size:.8rem;color:var(--cyan-soft);font-weight:600;letter-spacing:.04em;font-family:'Baloo 2',sans-serif;}
  .ib-hidden{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.03em;color:#fff;margin-top:.35rem;filter:blur(8px);opacity:.7;transition:filter .5s ease,opacity .5s ease;}
  .ice-break.cracked .ib-hidden{filter:blur(0);opacity:1;}
  .ib-tap{font-size:.75rem;color:rgba(255,255,255,.4);margin-top:.6rem;transition:opacity .3s;}
  .ice-break.cracked .ib-tap{opacity:0;height:0;margin:0;}
  .ib-crack{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .45s ease;}
  .ice-break.cracked .ib-crack{opacity:0;}

  @media(max-width: 700px){ .hero-inner { flex-direction: column; gap: 1.5rem; } }

  /* ── TICKER ───────────────────── */
  .ticker-wrap { background: var(--cyan); overflow: hidden; white-space: nowrap; padding: .75rem 0; }
  .ticker { display: inline-block; animation: ticker 22s linear infinite; }
  .ticker span {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--navy);
    padding: 0 2.5rem;
  }
  .ticker span::before { content: '❄️ '; }
  @keyframes ticker { 0%{ transform:translateX(0) } 100%{ transform:translateX(-50%) } }

  /* ── COMPARACION ───────────────── */
  .comparacion { padding: 5rem 1.5rem; max-width: 900px; margin: 0 auto; text-align: center; }
  .section-tag {
    display: inline-block;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 700;
    font-size: .8rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--cyan);
    margin-bottom: 1rem;
  }
  .comparacion h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.3rem, 7vw, 4.5rem)!important; line-height: 1; margin-bottom: 3rem; }
  .comp-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.5rem; align-items: center; }
  .comp-card { border-radius: 12px; padding: 2rem 1.5rem; text-align: left; }
  .comp-card.ellos { background: var(--gris2); border: 1px solid rgba(255,255,255,.08); opacity: .75; }
  .comp-card.nosotros { background: linear-gradient(135deg, #062430 0%, #0A3444 100%); border: 2px solid var(--cyan); position: relative; }
  .comp-card.nosotros::after {
    content: 'ELEGÍ ESTO';
    position: absolute; top: -12px; right: 16px;
    background: var(--cyan); color: var(--navy);
    font-family: 'Baloo 2', sans-serif; font-weight: 800; font-size: .75rem;
    padding: .3rem .7rem; border-radius: 20px;
  }
  .comp-label { font-size: .85rem; font-weight: 600; margin-bottom: .5rem; color: rgba(255,255,255,.6); }
  .comp-precio-big { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2rem,5vw,2.8rem); line-height:1; margin-bottom:.5rem; }
  .comp-detalle { font-size: .85rem; color: rgba(255,255,255,.55); line-height: 1.5; margin-bottom: .75rem; }
  .comp-tag-malo { display:inline-block; font-size:.72rem; font-weight:700; background:rgba(255,255,255,.1); color:rgba(255,255,255,.6); padding:.25rem .6rem; border-radius:12px; }
  .comp-tag-bueno { display:inline-block; font-size:.72rem; font-weight:700; background:var(--cyan); color:var(--navy); padding:.25rem .6rem; border-radius:12px; }
  .vs-circle {
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--navy); border: 2px solid var(--cyan);
    display: flex; align-items: center; justify-content: center;
    font-family: 'Bebas Neue', sans-serif; font-size: .95rem; color: var(--cyan);
  }
  .comp-remate { margin-top: 2rem; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:1.1rem; color: var(--cyan-soft); }
  @media(max-width:700px){ .comp-grid{grid-template-columns:1fr;} .vs-circle{margin:0 auto;} }

  /* ── STRIPS DE PRODUCTOS ───────── */
  .strips-section { padding: 3rem 0; }
  .freezer-explainer{
    max-width:760px; margin:0 auto 2.5rem; padding:1.5rem 1.8rem;
    background:linear-gradient(135deg, rgba(62,217,242,.12), rgba(30,111,168,.08));
    border:1px solid rgba(143,233,247,.25); border-radius:16px;
    display:flex; align-items:center; gap:1.2rem; text-align:left;
  }
  .freezer-explainer .fe-icon{
    font-size:2.2rem; flex-shrink:0; width:56px; height:56px; display:flex;
    align-items:center; justify-content:center; border-radius:50%;
    background:rgba(62,217,242,.15); border:1px solid rgba(143,233,247,.3);
  }
  .freezer-explainer h3{
    font-family:'Baloo 2',sans-serif; font-weight:700; font-size:1.05rem;
    color:var(--cyan-soft); margin-bottom:.3rem;
  }
  .freezer-explainer p{ font-size:.88rem; line-height:1.5; color:rgba(255,255,255,.7); }
  @media (max-width:560px){
    .freezer-explainer{ flex-direction:column; text-align:center; padding:1.3rem; }
  }
  .strip { margin-bottom: 3rem; }
  .strip-header {
    display: flex; align-items: flex-end; justify-content: space-between;
    padding: 0 1.5rem; margin-bottom: 1.25rem; flex-wrap: wrap; gap: .75rem;
  }
  .strip-subtitle { font-size: .8rem; color: rgba(255,255,255,.5); margin-bottom: .2rem; }
  .strip-title { font-family:'Bebas Neue',sans-serif; font-size: clamp(1.6rem,4vw,2.4rem); letter-spacing:.01em; display:flex; align-items:center; gap:.5rem; }
  .strip-title.orange { color: var(--cyan); }
  .strip-title.yellow { color: var(--amarillo); }
  .strip-title.red { color: var(--cyan-soft); }
  .emoji-big { font-size: .85em; }
  .ver-todos { color: var(--cyan-soft); font-family:'Baloo 2',sans-serif; font-weight:700; font-size:.9rem; text-decoration:none; white-space:nowrap; }
  .strip-scroll { display: flex; gap: 1rem; overflow-x: auto; padding: 0 1.5rem 1rem; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
  .strip-scroll::-webkit-scrollbar { height: 6px; }
  .strip-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 3px; }
  .prod-card {
    flex: 0 0 200px; scroll-snap-align: start;
    background: var(--gris); border: 1px solid rgba(255,255,255,.08); border-radius: 12px;
    overflow: hidden; transition: transform .2s, border-color .2s;
  }
  .prod-card:hover { transform: translateY(-4px); border-color: var(--cyan); }
  .prod-img { height: 160px; background: var(--gris2); position: relative; display:flex; align-items:center; justify-content:center; font-size: 3rem; overflow:hidden; }
  .prod-img img { width:100%; height:100%; object-fit:cover; }
  .prod-badge {
    position: absolute; top: 8px; left: 8px;
    font-family:'Baloo 2',sans-serif; font-size: .65rem; font-weight: 700;
    padding: .2rem .55rem; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em;
  }
  .prod-badge.rojo { background: var(--cyan); color: var(--navy); }
  .prod-badge.verde { background: var(--verde); color: #fff; }
  .prod-badge.naranja { background: var(--azul); color: #fff; }
  .prod-badge.amarillo { background: var(--amarillo); color: var(--navy); }
  .prod-info { padding: .9rem; }
  .prod-name { font-size: .82rem; font-weight: 600; line-height: 1.35; margin-bottom: .5rem; min-height: 2.2em; }
  .prod-precio { font-family:'Bebas Neue',sans-serif; font-size: 1.5rem; color: var(--cyan-soft); line-height: 1; margin-bottom: .35rem; }
  .prod-cuotas { font-size: .72rem; color: rgba(255,255,255,.5); }
  .prod-cuotas strong { color: rgba(255,255,255,.75); }

  /* ── MANIFIESTO ─────────────────── */
  .manifiesto { background: linear-gradient(135deg,#0A3444,#062430); text-align: center; padding: 5rem 1.5rem; }
  .manifiesto h2 { font-family:'Bebas Neue',sans-serif; font-size: clamp(2.5rem,7vw,5rem); line-height:1.05; margin-bottom: 1.5rem; }
  .manifiesto p { max-width: 480px; margin: 0 auto 2rem; color: rgba(255,255,255,.75); font-size: 1rem; line-height:1.6; }

  /* ── 3 PROMESAS ─────────────────── */
  .promesas { padding: 5rem 1.5rem; text-align:center; }
  .promesas-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; max-width:900px; margin:3rem auto 0; }
  .promesa-card { background: var(--gris); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:2rem 1.5rem; position:relative; }
  .promesa-card::before {
    content: attr(data-num);
    position:absolute; top:1rem; right:1.25rem;
    font-family:'Bebas Neue',sans-serif; font-size:2.2rem; color:rgba(255,255,255,.06);
  }
  .promesa-icon { font-size: 2.2rem; margin-bottom: 1rem; }
  .promesa-card h3 { font-family:'Baloo 2',sans-serif; font-size:1.2rem; margin-bottom:.6rem; color: var(--cyan-soft); }
  .promesa-card p { font-size: .9rem; color: rgba(255,255,255,.6); line-height:1.55; }
  @media(min-width:700px){ .promesas-grid{ grid-template-columns:repeat(3,1fr); } }

  /* ── FINANCIACIÓN ───────────────── */
  .financiacion { padding: 4rem 1.5rem; text-align: center; background: var(--gris); }
  .fin-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; max-width:700px; margin:2.5rem auto 0; }
  .fin-opcion { background: var(--navy); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:1.5rem 1rem; }
  .fin-cuotas { font-family:'Bebas Neue',sans-serif; font-size:2.4rem; color: var(--cyan); line-height:1; }
  .fin-label { font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.6); margin:.4rem 0; }
  .fin-nota { font-size: .75rem; color: rgba(255,255,255,.4); }
  @media(min-width:700px){ .fin-grid{ grid-template-columns:repeat(4,1fr); } }

  /* ── CTA FINAL ──────────────────── */
  .cta-final { padding: 5rem 1.5rem; text-align:center; background: radial-gradient(ellipse 70% 100% at 50% 100%, rgba(62,217,242,.12), transparent); }
  .cta-final h2 { font-family:'Bebas Neue',sans-serif; font-size: clamp(2.3rem,7vw,4rem); line-height:1.05; margin-bottom:1rem; }
  .cta-final p { color: rgba(255,255,255,.6); margin-bottom: 2rem; font-size: 1rem; }

  /* ── FOOTER ─────────────────────── */
  footer { padding: 2.5rem 1.5rem; text-align:center; border-top:1px solid rgba(255,255,255,.08); }
  footer p { font-size:.8rem; color: rgba(255,255,255,.4); line-height:1.8; }
  footer a { color: var(--cyan-soft); text-decoration:none; }

  .reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
  .reveal.in { opacity: 1; transform: translateY(0); }

  @media(prefers-reduced-motion: reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    .ticker,.badge-hot{animation:none;}
  }

  /* ── JUEGO: CONGELÁ LA OFERTA ───────── */
  .freeze-btn{
    display:flex; align-items:center; justify-content:center; gap:.35rem;
    width:100%; margin-top:.6rem; padding:.55rem .5rem;
    background:rgba(62,217,242,.1); border:1px solid rgba(62,217,242,.4);
    color:var(--cyan-soft); font-family:'Baloo 2',sans-serif; font-weight:700;
    font-size:.72rem; letter-spacing:.02em; border-radius:8px; cursor:pointer;
    transition:background .2s,border-color .2s;
  }
  .freeze-btn:hover{ background:rgba(62,217,242,.2); border-color:var(--cyan); }
  .freeze-btn.done{
    background:var(--cyan); color:var(--navy); border-color:var(--cyan); cursor:default;
  }
  .freeze-overlay{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(160deg,rgba(180,240,255,.85),rgba(62,217,242,.55));
    backdrop-filter:blur(1px); opacity:0; pointer-events:none; transition:opacity .5s ease;
    font-family:'Bebas Neue',sans-serif; color:var(--navy); font-size:1.1rem; letter-spacing:.03em;
    text-align:center; flex-direction:column; gap:.15rem;
  }
  .prod-card.frozen .freeze-overlay{ opacity:1; animation:frost-in .55s ease; }
  @keyframes frost-in{ 0%{opacity:0; transform:scale(1.15);} 100%{opacity:1; transform:scale(1);} }
  .freeze-code{ font-size:1rem; letter-spacing:.06em; }
  .freeze-tag{ font-size:.6rem; font-family:'Space Grotesk',sans-serif; text-transform:uppercase; letter-spacing:.08em; opacity:.75; }
  .prod-card.frozen{ border-color:var(--cyan); }
  .shard{
    position:absolute; pointer-events:none; color:#fff; font-size:1rem;
    animation:shard-burst .7s ease-out forwards;
  }
  @keyframes shard-burst{
    0%{ transform:translate(0,0) scale(1); opacity:1; }
    100%{ transform:translate(var(--sx,0),var(--sy,-40px)) scale(.3); opacity:0; }
  }

  /* Widget flotante "Mi freezer" */
  .freezer-widget{
    position:fixed; right:16px; bottom:16px; z-index:60;
    font-family:'Space Grotesk',sans-serif;
  }
  .freezer-fab{
    display:flex; align-items:center; gap:.5rem;
    background:var(--navy); border:1px solid var(--cyan); color:#fff;
    padding:.7rem 1rem; border-radius:30px; cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,.4);
    font-family:'Baloo 2',sans-serif; font-weight:700; font-size:.85rem;
    transition:transform .2s;
  }
  .freezer-fab:hover{ transform:translateY(-2px); }
  .freezer-fab .fab-icon{ font-size:1.1rem; }
  .freezer-badge{
    background:var(--cyan); color:var(--navy); border-radius:12px;
    font-size:.7rem; font-weight:800; padding:.05rem .5rem; min-width:20px; text-align:center;
  }
  .freezer-thermo-mini{ width:60px; height:6px; border-radius:4px; background:rgba(255,255,255,.15); overflow:hidden; }
  .freezer-thermo-fill{ height:100%; background:linear-gradient(90deg,#ff8a3d,var(--cyan)); width:0%; transition:width .5s ease; }

  .freezer-panel{
    position:fixed; right:16px; bottom:78px; z-index:61;
    width:min(320px, calc(100vw - 32px)); max-height:70vh; overflow-y:auto;
    background:var(--gris); border:1px solid rgba(255,255,255,.12); border-radius:14px;
    padding:1.1rem; box-shadow:0 12px 40px rgba(0,0,0,.5);
    display:none; flex-direction:column; gap:.75rem;
  }
  .freezer-panel.open{ display:flex; }
  .freezer-panel h4{ font-family:'Baloo 2',sans-serif; font-size:1rem; color:var(--cyan-soft); }
  .freezer-panel .fp-sub{ font-size:.75rem; color:rgba(255,255,255,.55); line-height:1.4; }
  .freezer-thermo{ display:flex; align-items:center; gap:.6rem; }
  .freezer-thermo-track{ flex:1; height:8px; border-radius:5px; background:rgba(255,255,255,.1); overflow:hidden; }
  .freezer-thermo-track .fill{ height:100%; background:linear-gradient(90deg,#ff8a3d,var(--cyan)); width:100%; transition:width .5s ease; position: relative;}
  .freezer-temp-label{ font-family:'Bebas Neue',sans-serif; font-size:.95rem; color:var(--cyan-soft); white-space:nowrap; }
  .freezer-list{ display:flex; flex-direction:column; gap:.4rem; max-height:180px; overflow-y:auto; }
  .freezer-item{
    display:flex; justify-content:space-between; gap:.5rem; align-items:center;
    background:var(--navy); border:1px solid rgba(255,255,255,.08); border-radius:8px;
    padding:.5rem .65rem; font-size:.75rem;
  }
  .freezer-item .fi-name{ flex:1; line-height:1.3; }
  .freezer-item .fi-code{ font-family:'Bebas Neue',sans-serif; color:var(--cyan-soft); font-size:.85rem; white-space:nowrap; }
  .freezer-empty{ font-size:.78rem; color:rgba(255,255,255,.4); text-align:center; padding:.5rem 0; }
  .freezer-wa-btn{
    display:flex; align-items:center; justify-content:center; gap:.5rem;
    background:var(--cyan); color:var(--navy); font-family:'Baloo 2',sans-serif; font-weight:700;
    font-size:.85rem; padding:.8rem; border-radius:9px; text-decoration:none; border:none; cursor:pointer;
  }
  .freezer-wa-btn.disabled{ opacity:.4; pointer-events:none; }
  .freezer-close{ align-self:flex-end; background:none; border:none; color:rgba(255,255,255,.5); font-size:1.2rem; cursor:pointer; line-height:1; }
  
  
  .fill/* End custom CSS */