:root {
    --bg-0: #050506;
    --bg-1: #10121a;
    --bg-2: #171a24;
    --line: #262a36;
    --blue: #10acf9;
    --blue-dim: #14267a;
    --text-hi: #f7f7f6;
    --text-mid: #9a9ca5;
    --text-low: #5c5e68;
    --font-display: 'Oswald', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { background: var(--bg-0); color: var(--text-hi); font-family: var(--font-body); line-height:1.55; -webkit-font-smoothing:antialiased; }
  a { color:inherit; text-decoration:none; }
  .wrap { max-width: 1280px; margin:0 auto; padding: 0 32px; }
  img { display:block; max-width:100%; }
  ::selection { background: var(--blue); color:#fff; }

  .reveal-up { opacity:0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
  .reveal-up.in-view { opacity:1; transform: translateY(0); }

  .grid-texture {
    position: fixed; inset:0; pointer-events:none; z-index:0;
    background-image: linear-gradient(#141620 1px, transparent 1px), linear-gradient(90deg, #141620 1px, transparent 1px);
    background-size: 44px 44px; opacity:0.22;
    mask-image: linear-gradient(180deg, transparent 0, transparent 90px, black 220px, black 480px, transparent 780px);
    -webkit-mask-image: linear-gradient(180deg, transparent 0, transparent 90px, black 220px, black 480px, transparent 780px);
  }

  /* circuit trace decoration */
  .circuit-decor { position:absolute; top:16px; right:16px; width:120px; height:120px; opacity:0.25; pointer-events:none; z-index:1; }

  /* ===== ANNOUNCEMENT BAR ===== */
  .announce { background: var(--blue); text-align:center; padding:11px 0; }
  .announce span { font-family: var(--font-mono); font-size:12px; font-weight:600; letter-spacing:1.2px; color:#fff; text-transform:uppercase; }

  /* ===== HEADER ===== */
  header { border-bottom:1px solid var(--line); position:sticky; top:0; z-index:30; background: rgba(5,5,6,0.92); backdrop-filter: blur(10px); }
  .header-inner { display:flex; align-items:center; justify-content:space-between; height:88px; }
  .brand { display:flex; align-items:center; gap:14px; }
  .brand-mark { width:46px; height:46px; background: var(--blue); border-radius:10px; display:flex; align-items:center; justify-content:center; }
  .brand-name { font-family: var(--font-display); font-size:24px; font-weight:700; letter-spacing:0.3px; }
  .brand-name .cl { color: var(--blue); }
  .brand-name small { display:block; font-family: var(--font-mono); font-size:10px; font-weight:400; letter-spacing:2.5px; color: var(--text-low); margin-top:3px; }

  .header-icons { display:flex; align-items:center; gap:22px; }
  .header-icons .ic { width:22px; height:22px; display:flex; align-items:center; justify-content:center; color: var(--text-mid); font-size:18px; position:relative; }
  .header-icons .ic .badge { position:absolute; top:-8px; right:-9px; min-width:16px; height:16px; padding:0 3px; border-radius:50%; background: var(--blue); color:#fff; font-family:var(--font-mono); font-size:9.5px; font-weight:700; align-items:center; justify-content:center; }

  .header-actions-wrap { display:flex; align-items:center; gap:14px; }
  .btn-cotiza {
    font-family: var(--font-mono); font-size:12px; font-weight:600; color: var(--text-mid);
    border:1px solid var(--line); padding:11px 16px; border-radius:6px; display:flex; align-items:center; gap:7px;
    text-transform:uppercase; letter-spacing:0.3px; transition: border-color .2s, color .2s;
  }
  .btn-cotiza:hover { border-color: var(--blue); color: var(--text-hi); }

  .mobile-menu-btn { display:none; width:22px; height:22px; flex-direction:column; justify-content:center; gap:5px; cursor:pointer; }
  .mobile-menu-btn span { display:block; height:2px; background: var(--text-hi); border-radius:2px; transition: transform .25s, opacity .25s; }
  .mobile-menu-btn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .mobile-menu-btn.open span:nth-child(2) { opacity:0; }
  .mobile-menu-btn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .mobile-panel {
    display:none; position:fixed; top:0; right:0; bottom:0; width:82%; max-width:340px; z-index:40;
    background: var(--bg-1); border-left:1px solid var(--line); padding: 26px 24px; overflow-y:auto;
    transform: translateX(100%); transition: transform .3s ease;
  }
  .mobile-panel.open { transform: translateX(0); }
  .mobile-overlay { display:none; position:fixed; inset:0; z-index:39; background: rgba(0,0,0,0.6); opacity:0; transition: opacity .3s; }
  .mobile-overlay.open { opacity:1; }
  .mobile-panel a { display:block; padding:14px 4px; font-size:13.5px; font-weight:600; text-transform:uppercase; letter-spacing:0.4px; color: var(--text-mid); border-bottom:1px solid var(--line); }
  .mobile-panel a:hover { color: var(--text-hi); }
  .mobile-panel .close-x { display:flex; justify-content:flex-end; margin-bottom:10px; color: var(--text-mid); font-size:22px; cursor:pointer; }

  /* ===== NAV ===== */
  .navbar { border-bottom:1px solid var(--line); background: var(--bg-1); }
  .navbar .wrap { display:flex; gap:0; overflow-x:auto; }
  .nav-item { position:relative; }
  .navbar a { padding:16px 20px; font-size:12px; font-weight:600; letter-spacing:0.5px; color: var(--text-mid); text-transform:uppercase; white-space:nowrap; border-bottom:2px solid transparent; display:block; }
  .navbar a:hover { color: var(--text-hi); border-bottom-color: var(--blue); }

  .nav-dropdown {
    position:absolute; top:100%; left:0; min-width:280px; background: var(--bg-2); border:1px solid var(--line);
    border-radius:0 0 8px 8px; padding:8px; opacity:0; visibility:hidden; transform:translateY(-6px);
    transition: opacity .18s, transform .18s, visibility .18s; z-index:25; box-shadow: 0 16px 30px rgba(0,0,0,0.4);
  }
  .nav-item:hover .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
  .nav-dropdown a {
    display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 12px;
    font-size:12px; font-weight:500; text-transform:none; letter-spacing:0; color: var(--text-mid);
    border-bottom:none !important; border-radius:5px;
  }
  .nav-dropdown a:hover { background: var(--bg-2); color: var(--text-hi); }
  .nav-dropdown .dthumb { width:34px; height:34px; border-radius:5px; overflow:hidden; flex-shrink:0; background:#fff; }
  .nav-dropdown .dthumb img { width:100%; height:100%; object-fit:contain; }
  .nav-dropdown .dname { flex:1; display:flex; align-items:center; gap:10px; min-width:0; }
  .nav-dropdown .dname span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .nav-dropdown a .dprice { font-family: var(--font-mono); font-size:11px; color: var(--blue); }

  /* ===== HERO ===== */
  .hero-section { position:relative; z-index:1; padding: 40px 0 0; }

  /* ===== ESPECIALIDADES ===== */
  .specialties-band { border-bottom:1px solid var(--line); background: var(--bg-1); }
  .specialties-grid { display:grid; grid-template-columns: repeat(4,1fr); }
  .specialty-tile { padding:32px 26px; border-right:1px solid var(--line); text-decoration:none; color:inherit; transition: background .2s; display:block; }
  .specialty-tile:last-child { border-right:none; }
  .specialty-tile:hover { background: var(--bg-2); }
  .specialty-tile .sicon { width:38px; height:38px; border-radius:9px; background: var(--bg-2); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color: var(--blue); margin-bottom:16px; }
  .specialty-tile h4 { font-family: var(--font-display); font-size:14.5px; text-transform:uppercase; margin-bottom:6px; }
  .specialty-tile p { font-size:11.5px; color: var(--text-mid); line-height:1.5; }
  .hero-layout { display:grid; grid-template-columns: 1.3fr 1fr; gap:20px; align-items:stretch; }

  .hero-main {
    background: linear-gradient(160deg, #171922, #0c0d12);
    border:1px solid var(--line); border-radius:14px; overflow:hidden; position:relative;
    min-height: 540px; display:flex; align-items:flex-end;
  }
  .hero-main .prod-img {
    position:absolute; right:10px; top:50%; transform:translateY(-50%); width:42%; opacity:0.97;
    filter: drop-shadow(0 30px 50px rgba(0,0,0,0.6));
    z-index:1;
  }
  .hero-main .prod-img img { }
  .hero-offer-badge {
    position:absolute; top:24px; left:24px; background: var(--blue); color:#fff; font-family:var(--font-mono);
    font-size:11px; font-weight:700; padding:7px 14px; border-radius:20px; display:flex; align-items:center; gap:7px; letter-spacing:0.5px; z-index:3;
  }
  .hero-offer-badge .dot { width:6px; height:6px; border-radius:50%; background:#fff; }
  .hero-dots { position:absolute; top:30px; right:28px; display:flex; gap:7px; z-index:3; }
  .hero-dots span { width:7px; height:7px; border-radius:50%; background: var(--text-low); }
  .hero-dots span:first-child { width:22px; border-radius:4px; background: var(--blue); }

  .hero-copy { position:relative; z-index:2; padding: 44px 44px 44px; max-width:560px; }
  .hero-copy h1 { font-family: var(--font-display); font-size:38px; line-height:1.05; font-weight:700; letter-spacing:-0.5px; text-transform:uppercase; }
  .hero-copy h1 .accent { color: var(--blue); display:block; }
  .hero-copy p { color: var(--text-mid); font-size:14.5px; margin:20px 0 26px; max-width:420px; }

  .hero-buy-row { display:flex; align-items:center; gap:22px; }
  .btn-white { background:#fff; color:#0a0a0b; padding:15px 26px; border-radius:8px; font-weight:700; font-size:13.5px; display:flex; align-items:center; gap:8px; transition: transform .2s; }
  .btn-white:hover { transform: translateY(-2px); }
  .hero-price .old { font-family: var(--font-mono); font-size:12px; color: var(--text-low); text-decoration:line-through; display:block; }
  .hero-price .now { font-family: var(--font-display); font-size:26px; font-weight:700; color: var(--text-hi); }

  /* live scan terminal — signature element */
  .scan-panel {
    background: var(--bg-1); border:1px solid var(--line); border-radius:14px; overflow:hidden;
    min-height:540px; display:flex; flex-direction:column; position:relative;
  }
  .scan-panel::before {
    content:''; position:absolute; inset:0; opacity:0.06; pointer-events:none;
    background-image: linear-gradient(var(--blue) 1px, transparent 1px), linear-gradient(90deg, var(--blue) 1px, transparent 1px);
    background-size: 18px 18px;
  }
  .scan-head {
    display:flex; justify-content:space-between; align-items:center; padding:18px 22px;
    border-bottom:1px solid var(--line); position:relative; z-index:1;
  }
  .scan-head .live { display:flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; color:#ff5d5d; letter-spacing:0.5px; }
  .scan-head .live .dot { width:6px; height:6px; border-radius:50%; background:#ff5d5d; animation:pulse 1.2s infinite; }
  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.3} }
  .scan-head .device { font-family:var(--font-mono); font-size:10.5px; color:var(--text-low); }

  .scan-body { flex:1; padding:20px 22px; font-family: var(--font-mono); font-size:12.5px; position:relative; z-index:1; }
  .scan-line { display:flex; gap:10px; padding:9px 0; border-bottom:1px dashed var(--line); opacity:0; animation: fadein .5s forwards; align-items:center; }
  .scan-line .idx { color: var(--text-low); width:20px; }
  .scan-line .sys { color: var(--text-hi); flex:1; }
  .scan-line .val { color: var(--blue); font-weight:600; }
  .scan-line .stat { font-size:10px; padding:2px 7px; border-radius:10px; }
  .scan-line .stat.ok { background: rgba(34,197,94,0.15); color:#4ade80; }
  .scan-line .stat.warn { background: rgba(255,93,93,0.15); color:#ff8f8f; }
  @keyframes fadein { to { opacity:1; } }

  .scan-footer { border-top:1px solid var(--line); padding:18px 22px; position:relative; z-index:1; }
  .scan-summary { display:flex; justify-content:space-between; margin-bottom:16px; }
  .scan-summary div { text-align:left; }
  .scan-summary span { display:block; font-family:var(--font-mono); font-size:10px; color:var(--text-low); text-transform:uppercase; margin-bottom:4px; }
  .scan-summary b { font-family: var(--font-display); font-size:22px; color: var(--blue); }

  /* ===== SECTIONS ===== */
  .section { padding:76px 0; position:relative; z-index:1; }
  .section-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:40px; }
  .section-head .tag { font-family:var(--font-mono); font-size:11px; color: var(--blue); letter-spacing:1px; display:block; margin-bottom:9px; }
  .section-head h2 { font-family: var(--font-display); font-size:30px; text-transform:uppercase; font-weight:600; }
  .link-all { font-family: var(--font-mono); font-size:12px; color: var(--text-mid); border-bottom:1px solid var(--line); padding-bottom:3px; }

  .product-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:20px; }
  .card { background: var(--bg-1); border:1px solid var(--line); border-radius:12px; overflow:hidden; position:relative; transition: transform .2s, border-color .2s; }
  .card:hover { transform:translateY(-4px); border-color:#3a3d4a; box-shadow: 0 20px 40px -16px rgba(0,0,0,0.55); }
  .card-badge { position:absolute; top:14px; left:14px; background: var(--blue); color:#fff; font-family:var(--font-mono); font-size:10.5px; font-weight:700; padding:4px 9px; border-radius:12px; z-index:2; }
  .card-img { height:180px; background: radial-gradient(ellipse at center, #12141c 0%, #050506 75%); display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); position:relative; overflow:hidden; }
  .card-img img { width:100%; height:100%; object-fit:cover; }
  .card-body { padding:18px; }
  .card-cat { font-family: var(--font-mono); font-size:9.5px; color: var(--text-low); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
  .card-title { font-size:14px; font-weight:600; margin-bottom:2px; line-height:1.3; min-height:36px; }
  .card-rating { display:flex; align-items:center; gap:6px; margin-bottom:10px; }
  .card-rating .stars { display:flex; gap:1px; }
  .card-rating .stars svg { width:11px; height:11px; fill: var(--blue); }
  .card-rating .stars svg.empty { fill: var(--line); }
  .card-rating .rcount { font-family: var(--font-mono); font-size:10px; color: var(--text-low); }
  .card-highlights { list-style:none; margin:0 0 12px; padding:0; }
  .card-highlights li { display:flex; align-items:flex-start; gap:6px; font-size:11px; color: var(--text-mid); line-height:1.5; margin-bottom:3px; }
  .card-highlights li::before { content:'✓'; color: var(--blue); font-weight:700; flex-shrink:0; }
  .card-footer { display:flex; justify-content:space-between; align-items:center; padding-top:14px; border-top:1px solid var(--line); }
  .price-old-sm { font-family: var(--font-mono); font-size:10.5px; color: var(--text-low); text-decoration:line-through; display:block; }
  .price-new-sm { font-family: var(--font-display); font-size:17px; color: var(--text-hi); font-weight:600; }
  .btn-add-sm { width:32px; height:32px; border:1px solid var(--line); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:16px; transition: all .2s; cursor:pointer; }
  .btn-add-sm:hover { background: var(--blue); border-color: var(--blue); }

  .band { background: var(--bg-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }

  /* ===== TESTIMONIOS ===== */
  .testimonials-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
  .testimonial-card {
    background: var(--bg-1); border:1px solid var(--line); border-radius:12px; padding:26px;
    display:flex; flex-direction:column; justify-content:space-between; transition: border-color .2s, transform .2s;
  }
  .testimonial-card:hover { border-color: var(--blue); transform: translateY(-3px); }
  .testimonial-quote-icon { color: var(--blue); opacity:0.5; margin-bottom:14px; }
  .testimonial-stars { display:flex; gap:3px; margin-bottom:14px; }
  .testimonial-stars svg { width:14px; height:14px; fill: var(--blue); }
  .testimonial-text { font-size:13.5px; color: var(--text-mid); line-height:1.6; margin-bottom:22px; }
  .testimonial-author { display:flex; align-items:center; gap:12px; padding-top:18px; border-top:1px solid var(--line); }
  .testimonial-avatar { width:38px; height:38px; border-radius:50%; background: var(--bg-2); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-family: var(--font-display); font-size:14px; color: var(--blue); flex-shrink:0; }
  .testimonial-name { font-size:13px; font-weight:600; }
  .testimonial-role { font-size:11px; color: var(--text-low); font-family: var(--font-mono); }
  .testimonials-disclaimer { font-family: var(--font-mono); font-size:10.5px; color: var(--text-low); text-align:center; margin-top:32px; }

  /* ===== SIMULADOR INTERACTIVO ===== */
  .demo-wrap { display:grid; grid-template-columns: 0.85fr 1.15fr; gap:40px; align-items:start; }
  .demo-controls { background: var(--bg-1); border:1px solid var(--line); border-radius:14px; padding:30px; }
  .demo-controls label { display:block; font-family: var(--font-mono); font-size:11px; color: var(--text-mid); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:10px; }
  .demo-select {
    width:100%; background: var(--bg-2); border:1px solid var(--line); color: var(--text-hi); padding:13px 14px;
    border-radius:8px; font-family: var(--font-body); font-size:14px; margin-bottom:20px; cursor:pointer;
  }
  .demo-select:focus { outline:none; border-color: var(--blue); }
  .demo-btn {
    width:100%; background: var(--blue); color:#fff; padding:15px; border:none; border-radius:8px;
    font-weight:700; font-size:13.5px; text-transform:uppercase; letter-spacing:0.5px; cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:8px; transition: box-shadow .2s;
  }
  .demo-btn:hover { box-shadow: 0 8px 24px rgba(30,58,232,0.35); }
  .demo-btn:disabled { opacity:0.6; cursor:not-allowed; box-shadow:none; }
  .demo-hint { font-size:12px; color: var(--text-mid); margin-top:16px; line-height:1.6; }

  .demo-summary { display:flex; justify-content:space-between; padding:18px 22px; border-top:1px solid var(--line); }
  .demo-summary div span { display:block; font-family: var(--font-mono); font-size:10px; color: var(--text-low); text-transform:uppercase; margin-bottom:4px; }
  .demo-summary div b { font-family: var(--font-display); font-size:22px; color: var(--blue); }

  /* ===== TABLET BEZEL + PANTALLA REAL (tema claro) ===== */
  .device-bezel {
    background: linear-gradient(160deg, #3a3d44, #1c1e22); border-radius:22px; padding:16px;
    box-shadow: 0 30px 60px -20px rgba(0,0,0,0.7); position:relative;
  }
  .device-bezel::before {
    content:'TOPDON'; position:absolute; top:-2px; left:50%; transform:translateX(-50%);
    font-family: var(--font-display); font-size:11px; font-weight:700; letter-spacing:2px;
    color:#8b8f99; background:#2a2d33; padding:3px 14px; border-radius:0 0 8px 8px;
  }
  .device-screen { background:#eef2f7; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; min-height:420px; }

  .device-statusbar { background:#dfe6ee; padding:6px 14px; display:flex; justify-content:space-between; font-family: var(--font-body); font-size:10px; color:#5a6472; }
  .device-header { background:#1e5fd6; color:#fff; padding:12px 16px; display:flex; align-items:center; gap:10px; }
  .device-header .back { font-size:16px; }
  .device-header h4 { font-size:14px; font-weight:600; flex:1; }
  .device-header .hicon { width:22px; height:22px; border-radius:50%; background:rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; }

  .device-tabs { display:flex; gap:8px; padding:10px 14px; background:#f5f7fa; border-bottom:1px solid #dfe3e9; }
  .device-tab { font-family: var(--font-body); font-size:11.5px; font-weight:600; color:#6b7280; padding:7px 14px; border-radius:16px; cursor:pointer; white-space:nowrap; }
  .device-tab.active { background:#1e5fd6; color:#fff; }
  .device-tab.locked { opacity:0.5; cursor:not-allowed; }
  .device-tab.decorative { opacity:0.55; cursor:default; }

  .device-content { flex:1; background:#fff; padding:8px 0; min-height:260px; }
  .device-row { display:flex; align-items:center; gap:10px; padding:11px 16px; border-bottom:1px solid #eef1f4; }
  .device-row .rsys { flex:1; font-family: var(--font-body); font-size:12.5px; color:#1f2937; }
  .device-row .radas { font-family: var(--font-mono); font-size:8.5px; font-weight:700; color:#1e5fd6; background:#e5edfc; padding:2px 6px; border-radius:3px; margin-right:6px; }
  .device-row .rstatus { width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .device-row .rstatus.pending { border:2px dashed #cbd2db; animation: pulse 1s infinite; }
  .device-row .rstatus.ok { background:#22c55e; }
  .device-row .rstatus.warn { background:#ef4444; color:#fff; font-family:var(--font-mono); font-size:10px; font-weight:700; }
  .device-row .renter { font-family: var(--font-body); font-size:10.5px; font-weight:700; color:#fff; background:#1e5fd6; padding:6px 12px; border-radius:5px; opacity:0.9; }

  .device-footerbar { background:#20242c; color:#c7cdd6; padding:8px 14px; font-family: var(--font-mono); font-size:9px; line-height:1.6; }
  .device-footeractions { display:flex; gap:1px; background:#20242c; }
  .device-footeractions span { flex:1; text-align:center; padding:9px 4px; font-family: var(--font-body); font-size:10px; font-weight:600; color:#c7cdd6; background:#2c313b; }

  .device-empty { padding:60px 20px; text-align:center; color:#9aa3b0; font-size:12px; font-family: var(--font-body); }

  .device-topo-wrap { padding:16px 14px 10px; overflow-x:auto; }
  .device-topo-wrap svg { min-width:560px; }
  .device-topo-legend { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:8px; font-family: var(--font-body); font-size:9.5px; color:#4b5563; }
  .device-topo-legend span { display:flex; align-items:center; gap:5px; }
  .device-topo-legend .dot { width:9px; height:9px; display:inline-block; border-radius:2px; }
  .device-topo-hint { text-align:center; font-family: var(--font-body); font-size:10px; color:#9aa3b0; margin-top:6px; }

  /* modal de código de falla (calca la pantalla real) */
  .dtc-overlay { display:none; position:fixed; inset:0; z-index:60; background:rgba(0,0,0,0.55); align-items:center; justify-content:center; padding:20px; }
  .dtc-overlay.open { display:flex; }
  .dtc-modal { background:#fff; border-radius:10px; width:100%; max-width:420px; overflow:hidden; box-shadow:0 30px 60px rgba(0,0,0,0.4); }
  .dtc-modal-head { background:#1e5fd6; color:#fff; padding:14px 18px; font-family: var(--font-body); font-size:14px; font-weight:600; }
  .dtc-modal-sub { padding:10px 18px 0; font-family: var(--font-body); font-size:11.5px; color:#ef4444; font-weight:600; }
  .dtc-modal-body { padding:6px 18px 16px; max-height:320px; overflow-y:auto; }
  .dtc-code-row { padding:12px 0; border-bottom:1px solid #eef1f4; }
  .dtc-code-row .code { font-family: var(--font-mono); font-size:13px; font-weight:700; color:#1f2937; }
  .dtc-code-row .desc { font-family: var(--font-body); font-size:12px; color:#374151; margin-top:2px; }
  .dtc-code-row .current { font-family: var(--font-body); font-size:10px; color:#9aa3b0; margin-top:3px; }
  .dtc-modal-actions { display:flex; gap:1px; background:#e5e7eb; }
  .dtc-modal-actions span { flex:1; text-align:center; padding:12px 4px; background:#1e5fd6; color:#fff; font-family: var(--font-body); font-size:11.5px; font-weight:600; }
  .menu-item { padding:13px 18px; border-bottom:1px solid #eef1f4; cursor:pointer; font-family: var(--font-body); font-size:12.5px; color:#1f2937; }
  .menu-item:hover { background:#f5f7fa; }
  .menu-item:last-child { border-bottom:none; }

  /* ===== ENTRENAMIENTO / VIDEO DEMO ===== */
  .training-layout { display:grid; grid-template-columns: 0.9fr 1.1fr; gap:40px; align-items:start; }
  .training-menu { display:flex; flex-direction:column; gap:10px; }
  .training-tab {
    display:flex; align-items:center; gap:14px; background: var(--bg-1); border:1px solid var(--line);
    border-radius:10px; padding:16px 18px; cursor:pointer; transition: border-color .2s, background .2s;
  }
  .training-tab:hover { border-color: #3a3d4a; }
  .training-tab.active { border-color: var(--blue); background: var(--bg-2); }
  .training-tab-icon { width:38px; height:38px; border-radius:8px; background: var(--bg-2); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color: var(--blue); flex-shrink:0; overflow:hidden; }
  .training-tab-icon img { width:100%; height:100%; object-fit:cover; }
  .training-tab.active .training-tab-icon { background: var(--blue); color:#fff; }
  .training-tab-title { font-size:13.5px; font-weight:600; margin-bottom:3px; }
  .training-tab-sub { font-family: var(--font-mono); font-size:10.5px; color: var(--text-low); }
  .training-tab.disabled { opacity:0.45; cursor:not-allowed; }

  .training-placeholder { padding:60px 30px; text-align:center; color: var(--text-mid); }
  .training-placeholder svg { color: var(--blue); margin-bottom:16px; }
  .training-placeholder p { font-size:12.5px; line-height:1.7; }

  .training-player-wrap { background: var(--bg-1); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
  .training-player-wrap video { width:100%; display:block; background:#000; }
  .training-player-info { padding:18px 22px; }
  .training-player-info h4 { font-size:15px; font-weight:600; margin-bottom:6px; }
  .training-player-info p { font-size:12.5px; color: var(--text-mid); }

  /* ===== REELS ===== */
  .reels-section { padding:76px 0; position:relative; z-index:1; background: var(--bg-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .reels-network-group { margin-bottom:32px; }
  .reels-network-group:last-child { margin-bottom:0; }
  .reels-network-head { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
  .reels-network-head .net-icon { width:28px; height:28px; border-radius:50%; background: var(--bg-2); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:#fff; }
  .reels-network-head .net-icon svg { width:14px; height:14px; }
  .reels-network-head span { font-family: var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:0.6px; color: var(--text-mid); }
  .reels-network-pair { display:grid; grid-template-columns: repeat(2,1fr); gap:16px; max-width:520px; }
  .reel-card {
    position:relative; aspect-ratio: 9/16; border-radius:12px; overflow:hidden; border:1px solid var(--line);
    background: linear-gradient(200deg, #131a2e, #0c0d12 70%);
    display:flex; flex-direction:column; justify-content:space-between; padding:14px;
    transition: transform .2s, border-color .2s;
  }
  .reel-card:hover { transform: translateY(-4px); border-color: var(--blue); }
  .reel-card-bg { position:absolute; inset:0; z-index:0; }
  .reel-card-bg img { width:100%; height:100%; object-fit:cover; opacity:0.55; }
  .reel-card-bg::after { content:''; position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,11,18,0.35), rgba(10,11,18,0.9)); }
  .reel-card::before {
    content:''; position:absolute; inset:0; z-index:0; opacity:0.5;
    background-image: radial-gradient(circle at 30% 20%, rgba(30,58,232,0.3), transparent 55%);
  }
  .reel-top { display:flex; justify-content:space-between; align-items:flex-start; position:relative; z-index:1; }
  .reel-platform { width:26px; height:26px; border-radius:50%; background: rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; color:#fff; }
  .reel-platform svg { width:13px; height:13px; }
  .reel-views { font-family: var(--font-mono); font-size:10px; color: rgba(255,255,255,0.75); background: rgba(0,0,0,0.5); padding:3px 7px; border-radius:10px; }
  .reel-play {
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;
    width:46px; height:46px; border-radius:50%; background: rgba(255,255,255,0.12); backdrop-filter: blur(4px);
    border:1px solid rgba(255,255,255,0.3); display:flex; align-items:center; justify-content:center;
  }
  .reel-play svg { width:16px; height:16px; fill:#fff; margin-left:2px; }
  .reel-caption { position:relative; z-index:1; font-size:12px; font-weight:600; line-height:1.35; color:#fff; }
  .reel-tag { position:relative; z-index:1; font-family: var(--font-mono); font-size:9.5px; color: var(--blue); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px; }

  .reels-head-row { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; }
  .reels-follow { display:flex; gap:10px; }
  .reels-follow a { display:flex; align-items:center; gap:7px; font-family: var(--font-mono); font-size:11.5px; padding:9px 14px; border:1px solid var(--line); border-radius:20px; color: var(--text-mid); }
  .reels-follow a:hover { border-color: var(--blue); color: var(--text-hi); }
  .reels-follow svg { width:14px; height:14px; }
  .band-grid { display:grid; grid-template-columns:repeat(4,1fr); }
  .band-item { padding:38px 32px; border-right:1px solid var(--line); }
  .band-item:last-child { border-right:none; }
  .band-item .n { font-family:var(--font-mono); color: var(--blue); font-size:11px; margin-bottom:12px; }
  .band-item h3 { font-family: var(--font-display); font-size:17px; text-transform:uppercase; margin-bottom:8px; }
  .band-item p { font-size:12.5px; color: var(--text-mid); }

  footer { background: var(--bg-1); border-top:1px solid var(--line); padding:56px 0 28px; position:relative; z-index:1; }
  .footer-grid { display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:36px; }
  .footer-col h4 { font-family: var(--font-mono); font-size:11px; text-transform:uppercase; color: var(--text-low); letter-spacing:1px; margin-bottom:16px; }
  .footer-col a { display:block; font-size:13px; color: var(--text-mid); margin-bottom:9px; }
  .footer-col a:hover { color: var(--blue); }
  .footer-bottom { border-top:1px solid var(--line); padding-top:22px; display:flex; justify-content:space-between; font-family: var(--font-mono); font-size:11px; color: var(--text-low); }

  @media (max-width: 1000px) {
    .specialties-grid { grid-template-columns: 1fr 1fr; }
    .specialty-tile { border-bottom:1px solid var(--line); }
    .hero-layout { grid-template-columns:1fr; }
    .scan-panel { min-height:400px; }
    .hero-main { min-height:auto; padding-bottom:20px; }
    .hero-main .prod-img { position:static; transform:none; width:70%; margin:20px auto 0; }
    .product-grid { grid-template-columns: 1fr 1fr; }
    .reels-network-pair { max-width:100%; }
    .testimonials-grid { grid-template-columns: 1fr; }
    .demo-wrap { grid-template-columns: 1fr; }
    .training-layout { grid-template-columns: 1fr; }
    .reels-head-row { flex-direction:column; align-items:flex-start; gap:16px; }
    .band-grid { grid-template-columns:1fr 1fr; }
    .footer-grid { grid-template-columns:1fr 1fr; }
    .navbar { display:none; }
    .btn-cotiza span { display:none; }
    .mobile-menu-btn { display:flex; }
    .mobile-panel, .mobile-overlay { display:block; }
    .hero-copy h1 { font-size:32px; }
  }

  @media (max-width: 640px) {
    .device-bezel { padding:8px; border-radius:16px; }
    .device-bezel::before { font-size:9px; padding:2px 10px; }
    .device-screen { min-height:auto; border-radius:6px; }
    .device-statusbar { padding:5px 10px; font-size:9px; }
    .device-header { padding:10px 12px; gap:8px; }
    .device-header h4 { font-size:12.5px; }
    .device-header .hicon { width:18px; height:18px; font-size:11px; }
    .device-tabs { overflow-x:auto; padding:8px 10px; gap:6px; -webkit-overflow-scrolling:touch; }
    .device-tab { font-size:10px; padding:6px 10px; flex-shrink:0; }
    .device-row { padding:10px 12px; gap:6px; }
    .device-row .rsys { font-size:11px; }
    .device-row .radas { font-size:7.5px; padding:1.5px 5px; }
    .device-row .renter { font-size:9px; padding:5px 9px; }
    .device-footerbar { font-size:8px; padding:7px 12px; }
    .device-footeractions span { font-size:8.5px; padding:8px 2px; }
    .demo-controls { padding:20px; }
    .demo-summary { flex-wrap:wrap; gap:14px; }
  }



/* TOPDON Preview 1.0 | Sistema visual ajustado desde LAUNCH Theme 1.5.5 */
:root{--bg-0:#050505;--bg-1:#101013;--bg-2:#17171b;--line:#232326;--blue:#10acf9;--blue-dim:#182b82;--text-hi:#f7f7f6;--text-mid:#9a9a9d;--text-low:#5c5c5f}
html{scroll-padding-top:115px} body{background:var(--bg-0);font-family:'Inter',Arial,sans-serif;overflow-x:hidden}
.wrap{max-width:1280px;padding:0 32px}.grid-texture{opacity:.14;mask-image:linear-gradient(to bottom,transparent,black 220px,transparent 960px)}
.preview-ribbon{background:#ebebed;color:#292933;font-family:Inter,Arial,sans-serif;font-size:11px;position:relative;z-index:40}
.preview-ribbon>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:30px}
.preview-ribbon b{color:#121215}.preview-ribbon a{font-weight:700;color:#10acf9}
.announce{padding:10px 0;background:var(--blue);line-height:1.25}.announce span{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.65px}
header{background:#080809;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:88px;min-height:88px;gap:25px}
.brand{min-width:260px;gap:14px}.brand-mark{width:46px;height:46px;background:var(--blue);border-radius:10px;flex-shrink:0}
.brand-name{font-size:25px;line-height:1}.brand-name .cl{color:#5972ff}.brand-name small{font-size:9px;letter-spacing:1.25px;margin-top:9px;white-space:nowrap}
.topdon-search{display:flex;align-items:center;gap:10px;min-height:42px;width:min(380px,29vw);min-width:195px;border:1px solid #34343a;border-radius:8px;background:#111114;color:#8c8c96;padding:0 13px;margin-left:auto;transition:border-color .2s}
.topdon-search:focus-within{border-color:var(--blue)}.topdon-search input{background:none;border:0;outline:none;color:#fff;font:12px Inter,Arial,sans-serif;width:100%;min-width:0}.topdon-search input::placeholder{color:#777783}.search-key{font:11px 'JetBrains Mono',monospace;color:#7c7c87}
.header-actions-wrap{gap:17px;flex-shrink:0}.header-icons{gap:20px}.header-icons .ic{color:#b2b2b8}.header-icons .ic:hover{color:#fff}.btn-cotiza{padding:11px 15px;min-height:40px;border:1px solid #35353b;color:#dddde1;font-size:11px;letter-spacing:.6px}.btn-cotiza:hover{border-color:var(--blue)}
.navbar{background:#101013}.navbar .wrap{overflow:visible;display:flex;align-items:stretch;justify-content:space-between;gap:1px}.navbar a{padding:15px 11px;font-size:10.5px;letter-spacing:.35px;white-space:nowrap}.navbar .nav-dropdown a{font-size:12px;padding:8px 10px}.nav-dropdown{background:#18181b}.nav-dropdown a:hover{background:#25252b}
.hero-section{padding:30px 0 0}.hero-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
.hero-main,.scan-panel{min-height:520px;background:#111115;border:1px solid #2b2b31;border-radius:14px;isolation:isolate}.hero-main{display:flex;align-items:flex-end;background:radial-gradient(circle at 80% 30%,#1b2040 0%,#12131b 39%,#0e0e12 75%)}
.hero-main .prod-img{width:43%;position:absolute;right:2px;top:39%;transform:translateY(-50%);filter:drop-shadow(0 16px 35px rgba(0,0,0,.45));z-index:1;pointer-events:none}
.hero-main .prod-img img{width:100%;height:auto;object-fit:contain}.hero-copy{max-width:57%;padding:48px 0 38px 38px;box-sizing:border-box}.hero-copy h1{font-family:'Oswald',sans-serif;font-size:37px;line-height:1.1;letter-spacing:-.25px;max-width:400px}.hero-copy h1 .accent{color:#526dff;line-height:1.1;margin-top:4px}
.hero-copy p{font-size:12.5px;line-height:1.67;margin:17px 0 23px;color:#aaaab4;max-width:305px}.hero-offer-badge{top:23px;left:25px;background:var(--blue);border-radius:14px;font-size:10px;letter-spacing:.6px;padding:7px 12px}
.hero-dots{top:28px;right:25px}.hero-buy-row{gap:17px;align-items:center;flex-wrap:wrap}.btn-white{min-height:44px;padding:12px 19px;border-radius:7px;font-size:12px;white-space:nowrap}.hero-price .old{font-size:10.5px}.hero-price .now{font-size:24px;line-height:1.3}
.scan-panel{background:#0e1018}.scan-head{padding:17px 21px}.scan-head .live{font-size:10px}.scan-body{padding:18px 21px;font-size:11.5px}.scan-line{opacity:1;animation:none;padding:9px 0}.scan-footer{padding:16px 21px}.scan-summary b{font-size:21px}.scan-panel .scan-summary b{color:#5572ff}.scan-panel .scan-summary b[style]{color:#ff5d5d!important}
.specialties-band{background:#101013}.specialty-tile{padding:29px 26px;min-height:174px}.specialty-tile .sicon{width:40px;height:40px;background:#191a21;color:#617bff;margin-bottom:15px}.specialty-tile h4{font-size:15px;line-height:1.15}.specialty-tile p{font-size:11.5px;color:#9b9ba5;max-width:240px;line-height:1.55}
.section{padding:76px 0}.section-head{margin-bottom:34px;gap:20px}.section-head .tag,.eyebrow{color:#5b76ff;font:11px 'JetBrains Mono',monospace;letter-spacing:1.2px}.section-head h2{font-size:31px;font-family:Oswald,sans-serif;letter-spacing:.1px;line-height:1.15}.link-all{font-size:11.5px}
.product-grid{gap:20px;align-items:stretch}.card{border-radius:12px;background:#101013;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line)}.card:hover{transform:translateY(-3px);border-color:#444550}.card-badge{background:var(--blue);font-size:10px;padding:5px 10px}
.card-img{height:190px;padding:14px;background:linear-gradient(150deg,#1c1d24 0%,#0d0e12 100%);border-bottom:1px solid #282930}.card-img img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;display:block}
.card-body{padding:17px;display:flex;flex-direction:column;flex:1}.card-cat{font-size:9px;min-height:18px;margin-bottom:8px}.card-title{font-size:13.5px;line-height:1.4;min-height:56px;margin-bottom:7px}.card-highlights{margin-bottom:14px;flex:1}.card-highlights li{font-size:11px;line-height:1.5;margin-bottom:5px}.card-highlights li:before{color:#627bff}.card-footer{margin-top:auto;padding-top:14px}.price-new-sm{font-size:18px}.price-old-sm{font-size:10px}.btn-add-sm{width:36px;height:36px;font-size:20px;background:#191a20;color:white;font-weight:500;cursor:pointer}.btn-add-sm:hover{background:var(--blue)}.card-quote{display:block;text-align:center;margin:0 17px 14px;border:1px solid #3b3d47;padding:9px 10px;border-radius:7px;color:#d6d8e2;font:10px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.5px;transition:.2s}.card-quote:hover{border-color:var(--blue);background:#1a2041;color:#fff}
.reels-section{padding:76px 0;background:#101013}.reels-head-row{margin-bottom:34px}.reels-network-pair{gap:16px}.reel-card{border-radius:12px}.reels-follow a{font-size:11px}
.testimonial-card{border-radius:12px;background:#101013}.testimonial-text{font-size:13px}
.demo-wrap{gap:28px}.demo-controls{padding:28px;background:#101013}.demo-btn{background:var(--blue)}.demo-hint{font-size:11.5px}.device-screen{min-height:420px}
.training-layout{gap:28px}.training-tab{padding:15px 17px}.training-player-wrap{border-radius:12px}
.band-item{padding:34px 28px}.band-item h3{font-size:18px}.band-item .n{color:#6780ff}footer{padding:55px 0 27px}.footer-grid{gap:30px;margin-bottom:36px}.footer-col a{font-size:12.5px}
/* Selección guiada: componente visual inspirado en la arquitectura LAUNCH */
.topdon-guide{padding:18px 0 76px;background:var(--bg-0)}.guide-box{border:1px solid #282a35;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1fr .82fr;background:#101115;min-height:350px}
.guide-copy{padding:42px 40px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;display:flex;align-items:center;gap:10px}.eyebrow-line{width:24px;height:2px;background:var(--blue)}.guide-copy h2{font:600 clamp(28px,3vw,40px)/1.15 Oswald,sans-serif;margin:14px 0 13px;color:#f7f7f6;text-transform:uppercase;letter-spacing:.2px}.guide-copy h2 em{font-style:normal;color:#617bff}.guide-copy>p{font-size:12.5px;line-height:1.65;color:#9a9ca5;max-width:460px}.guide-controls{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 11px}.guide-chip{border:1px solid #3c3e49;border-radius:6px;padding:10px 14px;background:#181a20;color:#e5e5e8;cursor:pointer;font:11px Inter,Arial,sans-serif;white-space:nowrap;transition:.15s}.guide-chip:hover,.guide-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.guide-copy .guide-result{font-size:11px;color:#7f8493;min-height:17px}.guide-link{display:inline-flex;gap:12px;align-items:center;font:11px 'JetBrains Mono',monospace;margin-top:16px;padding-bottom:4px;border-bottom:1px solid #506cf6;color:#f7f7f6}.guide-link span{color:#7286ff}
.guide-visual{overflow:hidden;position:relative;border-left:1px solid #2c2e3a;background:radial-gradient(circle at 55% 50%,#21325f,#111522 65%,#0c0e17)}.guide-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(100,118,174,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,118,174,.12) 1px,transparent 1px);background-size:34px 34px}.guide-visual-top{position:relative;display:flex;justify-content:space-between;padding:28px 28px 0;color:#8a90a5;font:10px 'JetBrains Mono',monospace;letter-spacing:.5px}.guide-visual-main{position:relative;height:230px;display:flex;align-items:center;gap:25px;justify-content:center;color:#fff}.guide-visual-icon{width:82px;height:82px;border:1px solid #4359aa;border-radius:20px;background:#233264;display:grid;place-items:center;font-size:60px;color:#b8c5ff;box-shadow:0 0 55px #233c8e45}.guide-visual-main span{display:block;font:10px 'JetBrains Mono',monospace;color:#7c9cff;letter-spacing:1.5px;margin-bottom:8px}.guide-visual-main strong{display:block;font:600 29px/1.18 Oswald,sans-serif;letter-spacing:.4px}.guide-visual-bottom{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #394055}.guide-visual-bottom span{text-align:center;padding:16px 4px;font:9px 'JetBrains Mono',monospace;color:#9da8cb;border-right:1px solid #394055}.guide-visual-bottom span:last-child{border:0}
.mockup-notice{text-align:center;padding:13px 20px;background:#16161c;border-top:1px solid #292933;color:#9393a4;font:10.5px 'JetBrains Mono',monospace;line-height:1.5}
.preview-toast{position:fixed;bottom:24px;right:24px;z-index:200;background:#10acf9;border:1px solid #6580ff;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 15px 35px #0009;font:12px Inter,Arial,sans-serif;pointer-events:none;opacity:0;transform:translateY(10px);transition:.2s}.preview-toast.visible{opacity:1;transform:translateY(0)}
/* Tablet */
@media(max-width:1100px){.topdon-search{width:min(290px,25vw);min-width:150px}.brand{min-width:240px}.navbar a{padding:15px 7px;font-size:10px}.hero-copy h1{font-size:36px}.hero-copy{max-width:59%;padding-left:30px}.hero-main .prod-img{width:45%}.card-body{padding:14px}.card-quote{margin-left:14px;margin-right:14px}}
@media(max-width:1000px){.header-inner{gap:12px}.topdon-search{margin-left:auto;width:240px;min-width:100px}.navbar{display:none}.mobile-menu-btn{display:flex}.mobile-panel,.mobile-overlay{display:block}.btn-cotiza span{display:none}.btn-cotiza{width:40px;height:40px;padding:0;justify-content:center}.btn-cotiza svg{width:17px;height:17px}.hero-layout{grid-template-columns:1fr}.hero-main{min-height:450px}.hero-main .prod-img{position:absolute;right:10px;top:48%;width:43%;transform:translateY(-50%);margin:0}.hero-copy{max-width:58%;padding:80px 0 45px 38px}.hero-copy h1{font-size:43px}.scan-panel{min-height:340px}.specialties-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-box{grid-template-columns:1fr}.guide-visual{border-left:0;border-top:1px solid #2c2e3a;min-height:340px}.demo-wrap,.training-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
/* Mobile: proporciones verificables y cotización siempre visible en cabecera */
@media(max-width:640px){.wrap{padding:0 18px}.preview-ribbon>.wrap{min-height:30px}.preview-ribbon span{font-size:9px}.preview-ribbon a{display:none}.announce{padding:8px 12px}.announce span{font-size:9px;line-height:1.4;letter-spacing:.35px}.header-inner{height:72px;min-height:72px;gap:8px}.brand{min-width:0;gap:9px}.brand-mark{width:37px;height:37px;border-radius:8px}.brand-mark svg{width:18px;height:18px}.brand-name{font-size:20px}.brand-name small{display:none}.topdon-search{display:none}.header-icons{gap:13px}.header-icons .ic:nth-child(2){display:none}.header-actions-wrap{gap:12px}.btn-cotiza{width:36px;height:36px;min-height:36px;padding:0}.mobile-menu-btn{width:22px}.hero-section{padding:18px 0 0}.hero-layout{gap:14px}.hero-main{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.hero-offer-badge{top:18px;left:18px;font-size:9px}.hero-dots{top:22px;right:17px}.hero-main .prod-img{position:relative;top:auto;right:auto;transform:none;width:min(86%,365px);margin:66px auto 0}.hero-copy{max-width:none;width:100%;padding:13px 24px 28px}.hero-copy h1{font-size:clamp(32px,8.2vw,42px);line-height:1.08;max-width:none}.hero-copy p{font-size:12px;max-width:none;line-height:1.64;margin:12px 0 18px}.hero-buy-row{gap:14px}.hero-price .now{font-size:23px}.scan-panel{min-height:330px}.scan-head,.scan-body,.scan-footer{padding-left:16px;padding-right:16px}.scan-head .device{font-size:9px}.scan-summary b{font-size:19px}.specialty-tile{min-height:170px;padding:21px 16px}.specialty-tile .sicon{width:35px;height:35px;margin-bottom:12px}.specialty-tile h4{font-size:13px}.specialty-tile p{font-size:10.5px}.section{padding:52px 0}.section-head{align-items:flex-start;gap:10px;margin-bottom:25px}.section-head h2{font-size:26px}.link-all{font-size:10.5px;white-space:nowrap;margin-top:27px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{min-width:0}.card-img{height:148px;padding:8px}.card-badge{top:8px;left:8px;padding:3px 6px;font-size:9px}.card-body{padding:12px 11px}.card-cat{font-size:8px;margin-bottom:4px;min-height:14px}.card-title{font-size:11.8px;line-height:1.35;min-height:64px;margin-bottom:5px}.card-rating{margin-bottom:7px}.card-highlights{display:none}.card-footer{padding-top:10px}.price-new-sm{font-size:16px}.price-old-sm{font-size:9px}.btn-add-sm{width:30px;height:30px;font-size:18px}.card-quote{margin:0 10px 10px;font-size:9px;padding:9px}.topdon-guide{padding:0 0 52px}.guide-copy{padding:30px 22px}.guide-copy h2{font-size:32px}.guide-controls{margin:20px 0 10px;gap:7px}.guide-chip{padding:9px 11px;font-size:10px}.guide-visual{min-height:285px}.guide-visual-top{padding:22px 20px 0;font-size:9px}.guide-visual-main{height:195px;gap:17px}.guide-visual-icon{width:66px;height:66px;font-size:48px}.guide-visual-main strong{font-size:23px}.guide-visual-bottom span{font-size:8px;padding:13px 2px}.reels-section{padding:52px 0}.reels-head-row{margin-bottom:23px}.reels-head-row h2{font-size:27px!important}.reels-network-pair{gap:11px}.testimonial-card{padding:22px}.demo-controls{padding:20px}.band-grid{grid-template-columns:1fr 1fr}.band-item{padding:24px 17px}.band-item h3{font-size:16px}.band-item p{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{gap:10px;flex-wrap:wrap}}
@media(max-width:390px){.brand-name{font-size:18px}.brand-mark{width:34px;height:34px}.header-icons{gap:11px}.header-actions-wrap{gap:9px}.hero-copy{padding-left:19px;padding-right:19px}.hero-copy h1{font-size:33px}.hero-main .prod-img{width:92%}.card-title{min-height:78px}.guide-visual-bottom span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0.01ms!important;scroll-behavior:auto!important;transition-duration:0.01ms!important}}

/* El simulador y su pantalla deben ser flexibles y no ampliar el viewport móvil */
@media(max-width:1000px){.demo-wrap,.training-layout{grid-template-columns:minmax(0,1fr)!important}.demo-wrap>*,.training-layout>*,.demo-controls,.device-bezel,.training-player-wrap{min-width:0!important;max-width:100%!important;width:100%;box-sizing:border-box}}
@media(max-width:640px){.device-bezel{padding:8px;overflow:hidden}.device-screen{min-width:0}.demo-select{max-width:100%;min-width:0}.training-menu{min-width:0}}

/* Refinamiento tablet: sin cruces entre imagen, títulos, subtítulo y búsqueda */
@media (min-width:641px) and (max-width:1000px){.hero-copy h1{font-size:39px!important}.hero-main .prod-img{width:41%!important;right:5px!important}.brand-name small{display:none}.header-icons .ic:first-child{display:none}}

/* Menú móvil: la capa oculta nunca debe interceptar los botones */
.mobile-overlay{pointer-events:none!important}.mobile-overlay.open{pointer-events:auto!important}



/* ============ TOPDON V2 — actualización de vista previa, sistema LAUNCH ============ */
:root{--blue:#10acf9;--bg-0:#07080c;--bg-1:#111319;--bg-2:#1a1d27;--line:#2b3040;--text-hi:#f9fafc;--text-mid:#a7adbc;--text-low:#747b90}
body{background:#080a10;color:var(--text-hi);}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:32px}
.preview-ribbon{background:#111626;color:#b4bfd7;border-bottom:1px solid #232a3d}.preview-ribbon b{color:#fff}
.announce{background:#152d9e;border-bottom:1px solid #3147b9;padding:0}.topbar-line{min-height:34px;display:flex;align-items:center;justify-content:center;gap:24px}.announce span{font:600 11px Inter,Arial,sans-serif;color:#fff;letter-spacing:.1px;text-transform:none}.announce i{height:14px;border-left:1px solid #aab8ff44}
header{background:#080a10}.header-inner{height:88px}.brand{display:flex;align-items:center;min-width:212px}.topdon-logo{width:174px;height:63px;object-fit:contain;object-position:left center}.footer-logo{width:154px;height:auto;display:block;margin:0 0 20px}
.navbar{background:#10131c;border-bottom:1px solid #2a2d35;position:relative;z-index:28}.nav-wrap{display:flex;align-items:stretch;gap:8px;justify-content:space-between;overflow:visible!important}
.navbar .nav-direct,.navbar .nav-trigger{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 12px;font:600 12px Inter,Arial,sans-serif;color:#d7dbe6;letter-spacing:0;white-space:nowrap;text-transform:none;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer}.navbar .nav-direct:hover,.navbar .nav-trigger:hover,.navbar .nav-trigger[aria-expanded=true]{border-bottom-color:#4969ff;color:#fff}.navbar .nav-offers{color:#6180ff;font-weight:800}.nav-trigger span{margin-left:8px;color:#707ea0}.nav-item.has-sub{position:relative}
.navbar .nav-dropdown{position:absolute;top:calc(100% - 1px);left:0;z-index:25;width:max-content;min-width:270px;max-width:345px;display:grid;gap:4px;padding:10px;background:#171b26;border:1px solid #30394a;border-radius:0 0 12px 12px;box-shadow:0 18px 35px #0009;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .15s,transform .15s,visibility .15s}
.navbar .nav-item:hover>.nav-dropdown,.navbar .nav-item:focus-within>.nav-dropdown,.navbar .nav-item.is-open>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar .nav-dropdown a{padding:11px 13px;font:500 12px/1.4 Inter,Arial,sans-serif;white-space:normal;color:#d3d8e5;text-transform:none;background:none;border:0;border-radius:7px}.navbar .nav-dropdown a:hover{color:white;background:#252d3c}.navbar .nav-dropdown a:first-child{color:#728dff;font-weight:700;border-bottom:1px solid #303848;border-radius:0;margin-bottom:3px}
.hero-section{padding:32px 0 0}.hero-layout{display:block}.hero-main{min-height:495px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:72px 48px 50px;background:radial-gradient(ellipse at 84% 50%,#1a2550 0%,#111624 38%,#0d101a 76%);border-radius:15px;overflow:hidden}.hero-main .prod-img{position:relative!important;top:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:570px;margin:0!important;grid-column:2;grid-row:1;z-index:1;align-self:center;display:flex;align-items:center;justify-content:center}.hero-main .prod-img img{display:block;width:100%;max-height:395px;object-fit:contain;filter:drop-shadow(0 25px 35px #0008)}.hero-copy{grid-column:1;grid-row:1;max-width:100%;padding:0!important;align-self:center;z-index:3}.hero-copy h1{font-size:clamp(36px,3.8vw,52px);line-height:1.08;max-width:600px}.hero-copy h1 .accent{color:#607bff}.hero-copy p{font-size:14px;line-height:1.7;max-width:475px;color:#b7becd;margin:19px 0 20px}.hero-buy-row{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}.hero-buy-row .hero-price{order:0;flex-basis:100%;margin-bottom:3px}.hero-price .now{font-size:30px}.hero-price .old{font-size:12px}.hero-buy-row .btn-white{order:1;min-height:45px}.btn-buy-now{order:2;min-height:45px;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:var(--blue);color:#fff;border-radius:8px;font-weight:700;font-size:12px;border:1px solid #4a64ff;transition:.2s}.btn-buy-now:hover{background:#3552ff;transform:translateY(-2px)}.hero-offer-badge{top:25px;left:32px}.hero-dots{top:31px;right:33px}
.three-paths{padding:74px 0 42px;position:relative;z-index:1}.paths-head{margin-bottom:25px}.paths-head h2{font:600 30px/1.2 Oswald,sans-serif;letter-spacing:.2px;margin:8px 0}.paths-head p{font-size:13px;color:#9ea7b8}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.path-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:25px;border:1px solid #2c3449;border-radius:13px;background:linear-gradient(145deg,#151d2f,#12141b 70%);padding:24px;min-height:235px;transition:.2s}.path-card:hover{transform:translateY(-3px);border-color:#5976ff}.path-no{font:500 10px 'JetBrains Mono',monospace;letter-spacing:.6px;color:#7790ff}.path-body{display:flex;gap:17px;align-items:center}.path-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;background:#233968;border:1px solid #3652a4;border-radius:13px;font-size:31px;color:#8cb0ff}.path-body h3{font:600 20px Oswald,sans-serif;text-transform:uppercase;line-height:1.2;margin-bottom:7px}.path-body p{font-size:12px;line-height:1.55;color:#a0a9bb}.path-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #384159;padding-top:13px;font-size:11px;font-weight:700;color:#9bb0ff}.path-link b{font-size:19px;color:white}
.specialties-band{margin:0 auto 24px;background:transparent;border:0;position:relative;z-index:1}.specialties-grid{border:1px solid #303745;border-radius:13px;overflow:hidden;background:#121720;min-height:183px}.specialty-tile{padding:30px 24px;min-height:190px}.specialty-tile .sicon{background:#202e4a;border-color:#36486e;color:#85a2ff}.specialty-tile h4{font-size:16px}.specialty-tile p{font-size:11.5px}
.section{padding-top:72px;padding-bottom:72px}.section-head{margin-bottom:28px}.section-head h2{font-size:31px}.card{background:#121720;border-color:#2d3443}.card-img{background:#151a24;border-bottom-color:#293245}.card-img img{object-fit:contain}.card-footer{align-items:center}.card-quote{border-color:#3d4670}.band{background:#111724}
.why-section{background:#0f1420;border-top:1px solid #242d40;border-bottom:1px solid #242d40}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.why-item{background:#171e2b;border:1px solid #2d3850;border-radius:12px;padding:23px;min-height:196px}.why-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#243e80;color:#b0c3ff;font-size:24px;margin-bottom:16px}.why-item h3{font-size:14px;font-weight:700;margin-bottom:9px}.why-item p{font-size:12px;line-height:1.65;color:#a7afc0}.faq-intro{font-size:13px;color:#aeb5c4;margin-top:8px}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.faq-list details{border:1px solid #2e394c;background:#151b26;border-radius:9px;padding:0 17px;min-width:0;align-self:start}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:13px;font-weight:650;min-height:64px;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:#768eff;flex-shrink:0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.7;color:#a7b0c4;border-top:1px solid #343f53;padding:14px 0 18px}.scan-summary-head{font:600 17px Oswald,sans-serif;margin-top:23px;margin-bottom:12px}.demo-summary{border-radius:10px;overflow:hidden}.faq-section{background:#0b0e15}
.mobile-panel details{border-bottom:1px solid #303947}.mobile-panel summary{padding:15px 4px;cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase}.mobile-panel details a{font-size:11px;padding:10px 13px;border-bottom:0;color:#afb9cc;text-transform:none}.mobile-panel .close-x{border:0;background:none;display:flex;justify-content:flex-end;width:100%;font-size:20px;color:#fff;padding:0 0 13px;cursor:pointer}
@media(max-width:1000px){.nav-wrap{display:none}.brand{min-width:172px}.topdon-logo{width:146px;height:57px}.hero-main{min-height:430px;grid-template-columns:1fr 1fr;gap:15px;padding:64px 32px 35px}.hero-copy h1{font-size:clamp(29px,4.2vw,43px)}.hero-copy p{font-size:12px}.hero-main .prod-img{max-width:100%}.path-grid{gap:13px}.path-card{padding:19px;min-height:218px}.path-body{gap:10px;flex-wrap:wrap}.path-body h3{font-size:18px}.path-icon{flex-basis:45px;width:45px;height:45px}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-item{min-height:168px}}
@media(max-width:640px){.wrap{padding-inline:18px}.topbar-line{min-height:38px;gap:8px;justify-content:space-between}.topbar-line span{font-size:8px;text-align:center;line-height:1.3}.topbar-line i{height:14px}.header-inner{height:72px;min-height:72px}.topdon-logo{width:125px;height:54px}.brand{min-width:0}.hero-section{padding:18px 0 0}.hero-main{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:65px 19px 25px}.hero-copy{order:1;max-width:none;padding:0!important;width:100%}.hero-main .prod-img{order:2;align-self:center;width:100%!important;max-width:375px;margin:8px auto 0!important}.hero-main .prod-img img{max-height:260px}.hero-copy h1{font-size:clamp(30px,8.2vw,41px)}.hero-copy p{font-size:12px;line-height:1.58;margin:14px 0 13px}.hero-price .now{font-size:26px}.hero-buy-row{gap:9px}.hero-buy-row .btn-white,.btn-buy-now{flex:1;justify-content:center;padding:12px 10px;min-width:0;white-space:nowrap;font-size:11px}.hero-offer-badge{top:21px;left:19px;font-size:9px}.hero-dots{top:28px;right:19px}.three-paths{padding:48px 0 25px}.paths-head h2{font-size:26px}.path-grid{grid-template-columns:1fr;gap:12px}.path-card{min-height:0;padding:20px;gap:15px}.path-body{flex-wrap:nowrap}.path-body h3{font-size:19px}.specialties-band{margin-bottom:10px}.specialties-grid{grid-template-columns:1fr 1fr;border-radius:12px}.specialty-tile{padding:17px 14px;min-height:177px;border-right:1px solid #303745;border-bottom:1px solid #303745}.specialty-tile h4{font-size:13px}.specialty-tile p{font-size:10px}.specialty-tile .sicon{margin-bottom:13px}.section{padding-top:52px;padding-bottom:52px}.section-head h2{font-size:27px}.why-grid{gap:10px}.why-item{padding:17px;min-height:175px}.why-item h3{font-size:12px}.why-item p{font-size:10.5px}.why-icon{width:36px;height:36px;font-size:19px}.faq-list{grid-template-columns:1fr;gap:9px}.faq-list summary{font-size:12px;min-height:55px}.demo-summary{flex-wrap:wrap}.footer-logo{width:140px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:385px){.topdon-logo{width:110px}.header-icons{gap:9px}.header-actions-wrap{gap:9px}.hero-copy h1{font-size:30px}.hero-main{padding-inline:16px}}


/* En una maqueta HTML no se ocultan los contenidos por animaciones de scroll */.reveal-up{opacity:1!important;transform:none!important;animation:none!important} .navbar .nav-item:focus-within .nav-dropdown{visibility:visible;opacity:1;pointer-events:auto}


/* TOPDON — V3 from actual LAUNCH Theme 1.5.5/Core 1.7.3 + client prototype
   Accent token, original responsive spacing, and restored seven-line demo scan */
:root{--blue:#10acf9;--blue-dim:#0b4e73;--wrap:1240px;--td-highlight:#10acf9}
html{scroll-padding-top:124px}body{background:#0a0a0b;color:#f4f4f5}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #10acf9;outline-offset:3px}
.wrap{max-width:1240px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.announce{background:#141416;border-bottom:1px solid #25252a;padding:0;color:#fff}
.announce .topbar-line{min-height:40px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;padding-block:8px}
.topbar-line .topbar-feature{font:500 12px/1.45 'Geist',Inter,system-ui,sans-serif;color:#bfc1ca;letter-spacing:0;text-align:center}
.topbar-line .topbar-feature strong{font-weight:700;color:#fff}
.topbar-line .topbar-detail{font:inherit;color:#afb1bd}
.topbar-line .topbar-bullet{color:#10acf9;margin-right:7px;font-size:12px}
.header-inner{height:84px;min-height:84px}
.nav-offers,.nav-direct.nav-offers{color:#10acf9!important}
.nav-direct.nav-offers::after{background:#10acf9!important}
.nav-trigger:hover,.navbar a:hover{color:#10acf9}
.nav-item.is-open>.nav-trigger{color:#10acf9}
.nav-dropdown a:hover{color:#10acf9!important}
/* Key horizontal hero layout: text/image centered in the left card, demo terminal in right card */
.hero-section{padding:28px 0 0}
.hero-layout{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,0.94fr)!important;gap:20px!important;align-items:stretch!important}
.hero-layout>.hero-main{min-width:0;min-height:550px;display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important;column-gap:12px!important;align-items:center!important;justify-content:stretch!important;padding:58px 26px 34px!important;border:1px solid #292d36;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#182137 0%,#11151e 50%,#101013 95%)}
.hero-main .hero-copy{grid-column:1;grid-row:1;z-index:2;position:relative;margin:0;padding:0!important;max-width:none!important;min-width:0;width:100%;align-self:center!important}
.hero-main .prod-img{grid-column:2;grid-row:1;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-width:0;margin:0!important;display:flex;align-items:center;justify-content:center;align-self:center;z-index:1}
.hero-main .prod-img img{width:100%;height:auto;max-height:345px;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(0,0,0,.5))}
.hero-copy h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(26px,2.2vw,34px)!important;line-height:1.13;letter-spacing:-.4px;max-width:100%;text-wrap:balance}
.hero-copy h1 .accent{color:#10acf9!important;display:block}
.hero-copy p{font-family:'Geist',Inter,Arial,sans-serif;font-size:12px!important;line-height:1.65!important;max-width:360px;margin:16px 0!important;color:#b6bac6!important}
.hero-buy-row{align-items:center;gap:9px 10px!important;flex-wrap:wrap;margin-top:14px}
.hero-buy-row .hero-price{flex-basis:100%!important;margin-bottom:2px!important}
.hero-price .now{font-size:27px!important}
.hero-buy-row .btn-white,.hero-buy-row .btn-buy-now{font:700 11px/1.1 'Geist',Inter,Arial,sans-serif!important;border-radius:9px!important;height:42px!important;min-height:42px!important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 13px!important}
.hero-buy-row .btn-white{color:#090d12;background:#fff}
.hero-buy-row .btn-buy-now{color:#041a27!important;background:#10acf9!important;border:1px solid #10acf9!important}
.hero-buy-row .btn-buy-now:hover{background:#42beff!important}
.hero-offer-badge{top:21px!important;left:24px!important;background:#10acf9!important;color:#051521!important;font:700 10px 'Geist',Inter,sans-serif!important;letter-spacing:.04em}
.hero-offer-badge .dot{background:#051521!important}
.hero-dots{top:29px!important;right:20px!important}
.hero-dots span:first-child{background:#10acf9!important}
/* Restored original terminal (right side) */
.hero-layout>.scan-panel{display:flex;min-width:0;min-height:550px!important;overflow:hidden;border:1px solid #292d36;border-radius:14px;background:#13161d;align-self:stretch;isolation:isolate}
.scan-panel:before{opacity:.08;background-image:linear-gradient(#10acf9 1px,transparent 1px),linear-gradient(90deg,#10acf9 1px,transparent 1px)}
.scan-head{min-height:67px;padding:15px 17px!important;gap:9px}
.scan-head .live{font-size:10px!important;color:#10acf9!important;font-weight:700;white-space:nowrap}
.scan-head .live .dot{background:#10acf9!important;animation:pulse 1.2s infinite}
.scan-head .device{font-size:9px!important;color:#aeb8c5!important;white-space:nowrap}
.scan-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:11px 15px!important;font-size:10px!important}
.scan-line{display:flex;align-items:center;gap:8px!important;padding:11px 0!important;border-color:#2d3442!important;animation-delay:0s}
.scan-line .idx{min-width:16px;width:16px;color:#6c7a8c}
.scan-line .sys{flex:1;font-size:10px;color:#ebedf2;letter-spacing:-.1px;line-height:1.3}
.scan-line .val{font-size:10px;flex-shrink:0;color:#10acf9!important}
.scan-line .stat{font-size:9px;white-space:nowrap}
.scan-footer{padding:15px 18px!important}
.scan-summary{margin-bottom:0!important}
.scan-summary b{font-size:23px!important;color:#10acf9!important}
.scan-summary div:nth-child(2) b{color:#ff7777!important}
.scan-panel .circuit-decor{stroke:#10acf9!important;opacity:.14}
/* Page color accents and benefits grid */
.section-head .tag,.paths-head .tag,.eyebrow,.band-item .n{color:#10acf9!important}
.path-no,.path-link,.link-all:hover,.specialty-tile .sicon,.card-highlights li::before,.card-footer .price-new-sm:hover{color:#10acf9!important}
.path-card:hover,.card:hover,.why-item:hover,.specialty-tile:hover{border-color:#10acf9!important}
.path-icon,.why-icon{background:#112e42!important;color:#10acf9!important;border-color:#24688b!important}
.path-link b,.faq-list summary span,.topdon-logo + *{color:#10acf9!important}
.card-badge,.demo-btn{background:#10acf9!important;color:#041722!important}
.demo-select:focus{border-color:#10acf9!important}
.demo-summary b{color:#10acf9!important}
.btn-add-sm:hover{background:#10acf9!important;border-color:#10acf9!important;color:#041722!important}
.nav-dropdown .dprice,.reel-tag{color:#10acf9!important}
/* Ensure the dropdown opens OVER the hero, anchored to its menu item */
.navbar .nav-item.is-open>.nav-dropdown,
.navbar .nav-item:hover>.nav-dropdown,
.navbar .nav-item:focus-within>.nav-dropdown{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translateY(0)!important;display:grid!important;z-index:90!important
}
.navbar .nav-item.has-sub{position:relative}
.navbar .nav-dropdown{top:100%!important;left:0!important}
/* Keep existing spacing but ensure actual space between hero and paths and categories */
.three-paths{padding-top:76px!important;padding-bottom:40px!important}
.specialties-band{margin-top:8px!important;margin-bottom:40px!important}
.why-section,.faq-section{scroll-margin-top:120px}
@media(max-width:1180px) and (min-width:981px){
 .hero-layout{grid-template-columns:minmax(0,1.52fr) minmax(0,.96fr)!important;gap:15px!important}
 .hero-layout>.hero-main{padding:60px 18px 28px!important;column-gap:5px!important}
 .hero-copy h1{font-size:27px!important}
 .hero-copy p{font-size:11px!important}
 .hero-buy-row .btn-white,.hero-buy-row .btn-buy-now{font-size:10px!important;padding-inline:10px!important}
 .scan-body{padding-inline:12px!important}
 .scan-line{gap:5px!important}
 .scan-line .sys{font-size:9px}
 .scan-line .val{font-size:9px}
 .scan-line .stat{font-size:8px}
}
@media(max-width:980px){
 .hero-layout{grid-template-columns:1fr!important;gap:18px!important}
 .hero-layout>.hero-main{min-height:430px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;padding:61px 30px 34px!important;gap:20px!important}
 .hero-copy h1{font-size:clamp(32px,4.7vw,45px)!important}
 .hero-copy p{font-size:13px!important;max-width:470px}
 .hero-main .prod-img img{max-height:320px}
 .hero-layout>.scan-panel{min-height:430px!important}
 .scan-body{padding:10px 26px!important}
 .scan-line{padding:12px 0!important}
 .scan-line .sys{font-size:12px}
 .scan-line .idx,.scan-line .val{font-size:12px}
 .scan-head{padding-inline:26px!important}
 .scan-footer{padding-inline:26px!important}
 .three-paths{padding-top:62px!important}
}
@media(max-width:640px){
 .wrap{padding-left:18px;padding-right:18px}
 .announce .topbar-line{min-height:37px;padding-block:7px;gap:0;justify-content:center}
 .topbar-line .topbar-feature:not(.topbar-primary),.topbar-detail{display:none!important}
 .topbar-line .topbar-feature{font-size:11px}
 .header-inner{height:72px;min-height:72px}
 .hero-section{padding:18px 0 0}
 .hero-layout{gap:15px!important}
 .hero-layout>.hero-main{min-height:0!important;display:flex!important;flex-direction:column;gap:18px!important;align-items:stretch!important;padding:64px 22px 24px!important}
 .hero-main .hero-copy{width:100%!important;order:1;align-self:auto!important}
 .hero-main .prod-img{order:2;width:100%!important;max-width:360px!important;margin:0 auto!important;align-self:center!important}
 .hero-main .prod-img img{max-height:230px!important}
 .hero-copy h1{font-size:clamp(31px,9vw,42px)!important;max-width:450px}
 .hero-copy p{font-size:12px!important;margin:16px 0!important}
 .hero-buy-row .btn-white,.hero-buy-row .btn-buy-now{font-size:12px!important;min-width:0;flex:1;padding-inline:10px!important}
 .hero-dots{right:18px!important;top:26px!important}
 .hero-offer-badge{left:20px!important;top:20px!important}
 .hero-layout>.scan-panel{min-height:430px!important}
 .scan-head{min-height:56px;padding:15px 14px!important}
 .scan-head .live{font-size:9px!important}
 .scan-head .device{font-size:8px!important}
 .scan-body{padding:7px 13px!important}
 .scan-line{gap:6px!important;padding:11px 0!important}
 .scan-line .sys{font-size:10px}
 .scan-line .val{font-size:10px}
 .scan-line .idx{font-size:10px}
 .scan-line .stat{font-size:8px;padding:2px 4px}
 .scan-footer{padding:14px 17px!important}
 .scan-summary b{font-size:22px!important}
 .three-paths{padding-top:50px!important;padding-bottom:28px!important}
 .specialties-band{margin-top:0!important;margin-bottom:12px!important}
}
@media(max-width:365px){
 .hero-layout>.hero-main{padding-inline:16px!important}
 .hero-copy h1{font-size:29px!important}
 .scan-head .device{font-size:7px!important}
 .scan-line .sys{font-size:9px}
 .scan-line .stat{font-size:7px}
}


/* TOPDON V4 — LAYOUT based on the real LAUNCH Theme 1.5.5 and Core 1.7.3 */
:root{--blue:#10acf9;--td-primary:#10acf9}
/* more compact main and dropdown navigation */
.nav-wrap{gap:3px!important}
.navbar .nav-direct,.navbar .nav-trigger{padding-inline:10px!important;min-height:45px!important;font-size:11.7px!important}
.navbar .nav-dropdown{gap:1px!important;padding:6px!important}
.navbar .nav-dropdown a{padding:7px 10px!important;min-height:33px!important;font-size:11.8px!important;line-height:1.35!important}
/* HERO: tighter type and content, without removing diagnostic demonstration right panel */
.hero-copy h1{line-height:1.02!important;letter-spacing:-.6px!important;margin:0!important}
.hero-copy h1 .accent{margin-top:3px!important;line-height:1.02!important}
.hero-copy p{margin:11px 0 12px!important;line-height:1.50!important}
.hero-buy-row{margin-top:7px!important;gap:7px 9px!important}
.hero-buy-row .hero-price{margin-bottom:0!important}
.hero-layout>.hero-main{min-height:510px!important;padding-top:46px!important;padding-bottom:30px!important}
.hero-layout>.scan-panel{min-height:510px!important}
/* Real Tres caminos: large alternating feature chapters with specs + prices + paired CTAs */
.td-chapters{padding:65px 0 36px;position:relative;z-index:1}
.td-section-head{margin-bottom:27px}
.td-eyebrow{font:700 10px/1.35 'JetBrains Mono',monospace;color:var(--blue);letter-spacing:1.2px;text-transform:uppercase;display:block;margin-bottom:9px}
.td-section-head h2{font:600 clamp(29px,3.1vw,40px)/1.12 'Oswald',sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:0 0 9px;color:#f6f7fb}
.td-section-head p{font-size:13px;line-height:1.5;color:#adb1c0;max-width:670px;margin:0}
.td-chapter-list{display:grid;gap:18px}
.td-chap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:19px;overflow:hidden;border:1px solid #2b3446;background:#131720;min-height:370px}
.td-chap:nth-child(even) .td-chap-media{order:2}
.td-chap-media{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#202e45 0%,#0c121c 65%,#0c1118 100%);min-height:345px;overflow:hidden}
.td-chap-media img{width:100%;height:100%;max-height:355px;object-fit:contain;padding:48px 50px 34px;filter:drop-shadow(0 13px 21px rgba(0,0,0,.42));transition:transform .24s ease}
.td-chap-media:hover img{transform:scale(1.045)}
.td-who{position:absolute;top:19px;left:19px;color:#061924;background:var(--blue);border-radius:30px;padding:7px 12px;font:700 10px/1.1 'JetBrains Mono',monospace;letter-spacing:.45px;text-transform:uppercase;z-index:2}
.td-product-link{position:absolute;bottom:19px;left:19px;right:19px;text-align:center;background:#071015e6;color:#fff;border:1px solid #46515f;border-radius:9px;padding:10px;font-size:12px;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s}
.td-chap-media:hover .td-product-link,.td-chap-media:focus-visible .td-product-link{opacity:1;transform:none}
.td-chap-copy{padding:26px clamp(22px,3.3vw,47px);display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.td-chap-name{color:var(--blue);font:650 11px/1.2 'JetBrains Mono',monospace;letter-spacing:.75px;text-transform:uppercase}
.td-chap-copy h3{font:700 clamp(24px,2.6vw,36px)/1.12 'Oswald',sans-serif;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.1px}
.td-chap-story{color:#b1b7c3;font:400 13px/1.58 Inter,sans-serif;max-width:540px;margin:0}
.td-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}
.td-fact{border:1px solid #2e3a4c;background:#101823;border-radius:10px;padding:11px 9px;min-height:80px}
.td-fact strong{display:block;color:#f4f7fb;font:700 11px/1.25 Inter,sans-serif;margin-bottom:5px}
.td-fact span{display:block;color:#a6afbd;font:400 10.5px/1.45 Inter,sans-serif}
.td-chap-bottom{margin-top:2px;display:flex;gap:14px;align-items:end;flex-wrap:wrap}
.td-prices{display:flex;flex-direction:column;min-width:140px;flex:0 0 auto}
.td-old-price{font:500 12px/1.5 'JetBrains Mono',monospace;color:#9299a9;text-decoration:line-through}
.td-prices strong{font:700 28px/1.2 Oswald,sans-serif;color:#f8fafc}
.td-chap-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1 1 270px}
.td-chap-buttons button{border-radius:9px;min-height:44px;padding:9px 10px;font:700 11px/1.25 Inter,sans-serif;cursor:pointer;white-space:normal;border:1px solid var(--blue);transition:filter .15s}
.td-chap-buttons button:hover{filter:brightness(1.15)}
.td-demo-add{color:#041723;background:var(--blue)}
.td-demo-quote{color:#e7eff7;background:#131822}
.td-also{color:#98a2b2;font:400 11.5px/1.5 Inter,sans-serif;margin-top:0}
.td-also a{color:#dfe5ee;text-decoration:underline;text-underline-offset:3px}
/* Products card and section: fix excessive empty area below call-to-action */
.product-grid .card{height:auto!important;min-height:0!important}
.product-grid .card-body{padding:14px!important}
.product-grid .card-highlights{margin-bottom:7px!important}
.product-grid .card-highlights li{margin-bottom:2px!important}
.product-grid .card-quote{margin-top:5px!important;margin-bottom:4px!important;padding-block:7px!important}
.product-grid .card-footer{padding-top:8px!important;margin-top:5px!important}
.product-grid .card-body>*:last-child{margin-bottom:0!important}
/* Inline spacing tuned between primary sections */
.td-chapters+.section{padding-top:42px!important}
.section{padding-top:57px!important;padding-bottom:57px!important}
.section-head{margin-bottom:22px!important}
/* Three steps: same counter mechanism and three-column composition as LAUNCH */
.td-how{position:relative;z-index:1;padding:59px 0 68px;background:#080b10}
.td-how-grid{counter-reset:tdstep;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.td-how-grid li{counter-increment:tdstep;display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:26px 25px;min-height:180px;border-radius:15px;border:1px solid #293447;background:#121923}
.td-how-grid li:before{content:'Paso ' counter(tdstep);color:var(--blue);font:700 11px/1.15 'JetBrains Mono',monospace;letter-spacing:.7px;text-transform:uppercase}
.td-how-grid h3{margin:0;font:600 23px/1.15 Oswald,sans-serif;color:#fff}
.td-how-grid p{margin:0;color:#afb7c4;font:400 13px/1.58 Inter,sans-serif}
@media(max-width:1000px){
 .td-chap{grid-template-columns:1fr 1fr}
 .td-chap-copy{padding:25px 22px}
 .td-facts{grid-template-columns:1fr 1fr}
 .td-fact:last-child{grid-column:span 2}
 .td-chap-media img{padding:40px 25px 30px}
 .td-chap-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .td-chapters{padding-top:50px}
 .td-chap{grid-template-columns:1fr;min-height:0}
 .td-chap:nth-child(even) .td-chap-media{order:0}
 .td-chap-media{min-height:290px;max-height:330px}
 .td-chap-media img{max-height:320px;padding:48px 40px 28px}
 .td-chap-copy{padding:26px}
 .td-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .td-fact:last-child{grid-column:auto}
 .td-how-grid{grid-template-columns:1fr}
 .td-how-grid li{min-height:0;padding:22px}
 .hero-layout>.hero-main,.hero-layout>.scan-panel{min-height:430px!important}
}
@media(max-width:640px){
 .hero-copy h1{line-height:1.015!important}
 .hero-copy h1 .accent{margin-top:2px!important}
 .hero-copy p{margin:10px 0!important}
 .hero-layout>.hero-main{min-height:0!important;padding-top:61px!important}
 .td-chapters{padding:43px 0 23px}
 .td-section-head{margin-bottom:20px}
 .td-section-head h2{font-size:29px}
 .td-chapter-list{gap:15px}
 .td-chap{border-radius:15px}
 .td-chap-media{min-height:235px;max-height:265px}
 .td-chap-media img{max-height:250px;padding:41px 25px 20px}
 .td-chap-copy{padding:19px;gap:12px}
 .td-chap-copy h3{font-size:27px}
 .td-chap-story{font-size:12.5px}
 .td-facts{grid-template-columns:1fr;gap:6px}
 .td-fact,.td-fact:last-child{grid-column:auto;min-height:0;padding:10px 12px}
 .td-chap-bottom{gap:12px}
 .td-chap-buttons{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 .td-chap-buttons button{font-size:10.5px;padding-inline:5px;min-height:44px}
 .td-how{padding:50px 0}
 .td-how-grid li{padding:22px}
 .section{padding-top:47px!important;padding-bottom:47px!important}
 .product-grid .card-body{padding:13px!important}
 .mobile-panel a{padding-top:11px!important;padding-bottom:11px!important}
}



:root{--blue:#10acf9;}
@media (min-width: 1180px){
  header .wrap.header-inner{display:grid;grid-template-columns:auto minmax(420px,560px) auto;align-items:center;gap:22px;}
  .topdon-search{width:100%;max-width:560px;justify-self:center;margin-left:0;}
}
.topdon-search{min-height:46px;border-color:#2f3b4f;background:#0f131a;box-shadow:inset 0 0 0 1px rgba(16,172,249,.02)}
.topdon-search input{font-size:12.5px}
.navbar .wrap.nav-wrap{justify-content:flex-start;gap:2px}
.navbar .nav-direct,.navbar .nav-trigger{padding:0 8px;min-height:46px;font-size:11.5px;letter-spacing:0}
.nav-trigger span{margin-left:6px}
.navbar .nav-dropdown{min-width:255px}

.hero-section{padding-top:16px}
.hero-layout{display:block}
.hero-main{min-height:430px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;padding:74px 30px 20px;position:relative}
.hero-copy{padding:0;max-width:100%;align-self:center}
.hero-copy h1{font-size:44px;line-height:1.01;letter-spacing:-.6px;margin:0 0 8px}
.hero-copy p{font-size:15px;line-height:1.48;max-width:560px;margin:12px 0 18px}
.hero-buy-row{gap:12px;row-gap:10px;flex-wrap:wrap;align-items:center}
.hero-price .old{font-size:11.5px;margin-bottom:3px}
.hero-price .now{font-size:30px;line-height:1}
.hero-main .prod-img{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:490px;justify-self:end;align-self:center;filter:drop-shadow(0 22px 42px rgba(0,0,0,.52))}
.hero-dots{top:20px;right:24px}.hero-offer-badge{top:22px;left:22px}
.scan-panel{margin-top:18px;min-height:auto}
.scan-body{max-height:none}

.td-cat-strip{padding:28px 0 10px}
.td-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.td-cat-card{position:relative;display:flex;justify-content:space-between;gap:14px;min-height:180px;padding:22px;border:1px solid #253247;border-radius:18px;background:linear-gradient(180deg,#0f1520 0%,#0a0f17 100%);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.td-cat-card:hover{transform:translateY(-3px);border-color:#2f5f79;box-shadow:0 18px 32px rgba(0,0,0,.28)}
.td-cat-copy{max-width:70%;position:relative;z-index:2}
.td-cat-kicker{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:.6px;text-transform:uppercase;color:#10acf9;margin-bottom:12px}
.td-cat-dot{width:7px;height:7px;border-radius:50%;background:#10acf9;display:inline-block}
.td-cat-card h3{margin:0 0 8px;font:700 28px/1.02 'Oswald',sans-serif;text-transform:uppercase;color:#f5f7fb}
.td-cat-card p{margin:0 0 18px;color:#aeb6c8;font-size:13px;line-height:1.5;max-width:30ch}
.td-cat-link{display:inline-flex;align-items:center;gap:8px;color:#f7fbff;font-weight:600;font-size:13px}
.td-cat-visual{position:relative;min-width:120px;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1}
.td-cat-iconbox{width:110px;height:110px;border:1px solid #314258;border-radius:18px;background:radial-gradient(circle at 40% 30%,rgba(16,172,249,.28),rgba(16,172,249,0) 58%),linear-gradient(180deg,#131b2a,#0b1017);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.td-cat-iconbox svg{width:56px;height:56px;stroke:#10acf9;fill:none;stroke-width:1.8}

.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{display:flex;flex-direction:column;border-radius:16px;border-color:#253247;background:linear-gradient(180deg,#0f1520 0%,#0c1118 100%)}
.card-img{height:220px;padding:14px;background:transparent;border-bottom:0}
.card-img::before{content:'';position:absolute;inset:14px;border-radius:16px;border:1px solid #2e394a;background:radial-gradient(ellipse at 50% 36%,rgba(32,54,87,.68) 0%,rgba(12,18,28,.96) 62%,rgba(9,12,18,1) 100%)}
.card-img img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:6px}
.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-cat{font-size:10px;letter-spacing:1px;color:#77d5ff;margin-bottom:0}
.card-title{font-size:17px;line-height:1.22;min-height:42px;margin:0}
.card-rating,.card-highlights{display:none!important}
.card-footer{margin-top:auto;padding-top:0;border-top:0;display:block}
.card-prices{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.price-old-sm{font-size:10.5px}.price-new-sm{font-size:24px;line-height:1.05}
.card-actions{display:grid;gap:8px}
.btn-card-cart,.btn-card-quote{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:10px;font:700 11.5px/1 Inter,Arial,sans-serif;letter-spacing:.1px;cursor:pointer;transition:filter .15s,transform .15s;text-align:center}
.btn-card-cart{background:#10acf9;color:#06131d;border:1px solid #10acf9}
.btn-card-quote{background:transparent;color:#eaf4ff;border:1px solid #3b4e64}
.btn-card-cart:hover,.btn-card-quote:hover{filter:brightness(1.06);transform:translateY(-1px)}

@media (max-width: 1100px){
  .hero-main{grid-template-columns:1fr;gap:20px;padding:76px 20px 20px;min-height:auto}
  .hero-main .prod-img{max-width:420px;justify-self:center}
  .hero-copy h1{font-size:40px}
  .td-cat-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767px){
  .topdon-search{display:none}
  .navbar .nav-direct,.navbar .nav-trigger{padding:0 7px;font-size:10.8px}
  .hero-main{padding:70px 18px 18px;border-radius:18px}
  .hero-copy h1{font-size:34px}
  .hero-copy p{font-size:14px;margin:10px 0 14px}
  .hero-price .now{font-size:28px}
  .btn-white,.btn-buy-now{min-height:48px}
  .td-cat-card{padding:18px;min-height:160px}
  .td-cat-copy{max-width:100%}
  .td-cat-card h3{font-size:24px}
  .td-cat-visual{display:none}
  .product-grid{grid-template-columns:1fr}
  .card-img{height:250px}
  .card-title{font-size:18px}
}



/* TOPDON V6: navegación principal centrada y flechas alineadas con el texto. */
@media (min-width: 1001px) {
  .navbar .wrap.nav-wrap {
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .navbar .nav-direct,
  .navbar .nav-trigger {
    min-height: 46px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .navbar .nav-trigger {
    column-gap: 7px;
  }
  .navbar .nav-trigger > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 11px;
    height: 16px;
    flex: 0 0 11px;
    margin: 0 !important;
    font-size: 0;
    line-height: 0;
    color: currentColor;
  }
  .navbar .nav-trigger > span::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1.7px solid currentColor;
    border-bottom: 1.7px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
  }
}
/* Un poco más compacto en pantallas entre 1001 y 1180 px. */
@media (min-width: 1001px) and (max-width: 1180px) {
  .navbar .wrap.nav-wrap { gap: 4px !important; }
  .navbar .nav-direct,
  .navbar .nav-trigger { padding-left: 9px !important; padding-right: 9px !important; }
}



/* Ajuste solicitado: fondo blanco en imágenes de tarjetas y sin botón cotizar */
.product-grid .card{overflow:hidden}
.product-grid .card .card-img{
  background:#ffffff !important;
  border-bottom:1px solid #e8edf3 !important;
  padding:18px !important;
}
.product-grid .card .card-img::before,
.product-grid .card .card-img::after{
  content:none !important;
  display:flex !important;
  width:100%;
  align-items:center;
  justify-content:center;
  min-height:43px;
}
.product-grid .card .card-img img{
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  filter:none !important;
}
.product-grid .card .card-actions{
  display:grid !important;
  gap:8px;
}
.product-grid .card .btn-card-cart{
  width:100%;
  min-height:43px;
}
.product-grid .card .btn-card-quote{
  display:flex !important;
  width:100%;
  align-items:center;
  justify-content:center;
  min-height:43px;
}

.product-grid .card .card-quote{display:none!important;}



/* Tres caminos: fondos de imagen en blanco */
.td-chap-media{
  background:#ffffff !important;
  border-right:1px solid #e8edf3;
}
.td-chap:nth-child(even) .td-chap-media{
  border-right:0;
  border-left:1px solid #e8edf3;
}
.td-chap-media img{
  filter:none !important;
  background:transparent !important;
}
.td-product-link{
  background:#ffffffee !important;
  color:#111827 !important;
  border:1px solid #d8e0ea !important;
}
.td-who{
  box-shadow:0 8px 18px rgba(16,172,249,.18);
}
@media (max-width: 900px){
  .td-chap-media{border-right:0;border-left:0;border-bottom:1px solid #e8edf3}
  .td-chap:nth-child(even) .td-chap-media{border-left:0;border-bottom:1px solid #e8edf3}
}



/* Suave división entre nombre y precio, sin cambiar la estructura de las tarjetas */
.product-grid .card .card-prices{
  border-top:1px solid rgba(207,223,239,.14);
  padding-top:13px;
  margin-top:5px;
}
.td-chap .td-chap-bottom{
  border-top:1px solid rgba(207,223,239,.12);
  padding-top:13px;
  margin-top:8px;
}
/* Icono comparador en la fotografía, en la misma posición que LAUNCH */
.product-grid .card .card-img{position:relative}
.product-grid .card .td-compare-toggle{
  position:absolute;
  top:26px;
  right:25px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  background:#ffffff;
  color:#374557;
  border:1px solid #dde5ee;
  border-radius:9px;
  box-shadow:0 3px 11px rgba(0,0,0,.11);
  cursor:pointer;
  transition:background .2s,border-color .2s, color .2s;
}
.product-grid .card .td-compare-toggle:hover{border-color:#10acf9;color:#006a9e}
.product-grid .card .td-compare-toggle[aria-pressed="true"]{background:#10acf9;border-color:#10acf9;color:#061b27}
.product-grid .card .td-compare-toggle:focus-visible,
.td-compare-bar button:focus-visible,
.td-compare-section button:focus-visible{outline:2px solid #10acf9;outline-offset:3px}
/* Tabla comparativa bajo el catálogo */
.td-compare-section[hidden]{display:none!important}
.td-compare-section{padding:24px 0 60px}
.td-compare-title-row{gap:14px;align-items:end}
.td-compare-title-row p{color:#a9b6c6;margin-top:8px;font-size:13px}
.td-compare-clear-section{background:transparent;border:1px solid #3b4e62;color:#e6eff9;padding:10px 15px;border-radius:8px;cursor:pointer;font:600 12px Inter,sans-serif}
.td-compare-table-wrap{overflow-x:auto;border:1px solid #2c3849;border-radius:14px;background:#101620}
.td-compare-table{width:100%;border-collapse:collapse;min-width:610px;table-layout:fixed}
.td-compare-table th,.td-compare-table td{padding:15px 16px;border-bottom:1px solid #2a3442;vertical-align:middle;text-align:left;overflow-wrap:anywhere}
.td-compare-table tr:last-child td,.td-compare-table tr:last-child th{border-bottom:none}
.td-compare-table th{width:132px;font:700 11px 'JetBrains Mono',monospace;color:#a1aebe;text-transform:uppercase;letter-spacing:.4px;background:#0c121a}
.td-compare-table td{font:500 13px Inter,sans-serif;color:#e6ebf3}
.td-compare-table thead td{vertical-align:top}
.td-compare-item-img{width:104px;height:104px;max-width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:10px;border:1px solid #e3e7ec;background:#fff;overflow:hidden}
.td-compare-item-img img{width:100%;height:100%;object-fit:contain;padding:7px}
.td-compare-item-name{display:block;font-size:14px;line-height:1.35;font-weight:700}
.td-compare-item-price{font-size:18px;font-weight:700;color:#fff}
.td-compare-muted{color:#9da8b7}
.td-compare-button{width:100%;border:1px solid #10acf9;background:#10acf9;color:#061827;padding:11px 9px;border-radius:8px;font:700 11px Inter,sans-serif;cursor:pointer}
/* Barra flotante inspirada en el comparador LAUNCH */
.td-compare-bar{
 position:fixed;
 z-index:90;
 left:50%;
 bottom:calc(18px + env(safe-area-inset-bottom,0px));
 transform:translate(-50%,150%);
 opacity:0;
 visibility:hidden;
 display:flex;
 align-items:center;
 gap:14px;
 padding:9px 10px 9px 21px;
 background:#f3f7fb;
 color:#142130;
 border:1px solid #d2e1ed;
 border-radius:999px;
 box-shadow:0 16px 48px rgba(0,0,0,.45);
 max-width:calc(100% - 28px);
 transition:transform .28s ease,opacity .28s ease,visibility .28s;
}
.td-compare-bar.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.td-compare-bar #td-compare-count{white-space:nowrap;font:700 12px Inter,sans-serif}
.td-compare-clear{border:0;background:transparent;color:#506174;text-decoration:underline;font:600 11px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.td-compare-go{background:#10acf9;color:#061827;border:0;border-radius:999px;min-height:40px;padding:10px 19px;font:800 12px Inter,sans-serif;cursor:pointer}
.td-compare-go:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){
 .td-compare-section{padding-bottom:48px}
 .td-compare-title-row{align-items:start;flex-direction:column}
 .td-compare-bar{width:calc(100% - 24px);padding:9px 10px;gap:8px;justify-content:space-between;border-radius:13px}
 .td-compare-bar #td-compare-count{font-size:11px}
 .td-compare-bar .td-compare-clear{font-size:11px}
 .td-compare-bar .td-compare-go{font-size:11px;min-height:37px;padding:7px 13px}
 .product-grid .card .td-compare-toggle{top:26px;right:26px}
}



/* Acercar la línea divisoria al nombre del producto sin alterar los botones ni el comparador. */
.product-grid .card .card-body{gap:6px}
.product-grid .card .card-title{
  min-height:0 !important;
  margin-bottom:0 !important;
}
.product-grid .card .card-footer{
  margin-top:0 !important;
}
.product-grid .card .card-prices{
  margin-top:0 !important;
  padding-top:9px !important;
}



/* Botones en paralelo, tanto en las tarjetas de productos como en Tres caminos. */
.product-grid .card .card-actions,
.td-chapters .td-chap .td-chap-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch;
}
.product-grid .card .card-actions > button,
.td-chapters .td-chap .td-chap-buttons > button {
  box-sizing: border-box;
  display: flex !important;
  width: 100% !important;
  min-width: 0;
  min-height: 44px;
  height: auto;
  margin: 0 !important;
  padding: 8px 6px !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 700 10.5px/1.2 Inter, Arial, sans-serif;
  white-space: normal;
}
/* Incluso en móviles, ambos botones permanecen en dos columnas. */
@media (max-width: 480px) {
 .product-grid .card .card-actions,
 .td-chapters .td-chap .td-chap-buttons {gap: 7px !important;}
 .product-grid .card .card-actions > button,
 .td-chapters .td-chap .td-chap-buttons > button {font-size: 10.5px; min-height: 44px; padding: 8px 5px !important;}
}



/* Alineación de acciones: el nombre y el separador permanecen juntos,
   ambos precios reservan la misma altura, con o sin descuento, y los
   dos botones siempre quedan anclados en la base de todas las tarjetas. */
.product-grid{align-items:stretch !important}
.product-grid .card{
  display:flex !important;
  flex-direction:column !important;
  height:100%;
}
.product-grid .card .card-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}
.product-grid .card .card-footer{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.product-grid .card .card-prices{
  box-sizing:border-box;
  min-height:0 !important;
  flex:0 0 auto;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start;
  gap:4px;
  margin:0 0 10px !important;
  padding-top:9px !important;
}
.product-grid .card .card-actions{
  width:100%;
  margin-top:auto !important;
  flex:0 0 auto;
  align-self:stretch;
}
.product-grid .card .card-actions > button{
  min-height:46px;
  align-self:stretch;
}



/* Fix: separador de ancho completo y precios alineados a la izquierda */
.product-grid .card .card-footer{
  width:100%;
  align-items:stretch !important;
}
.product-grid .card .card-prices{
  width:100% !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  text-align:left !important;
  border-top:1px solid rgba(207,223,239,.14) !important;
  padding-top:9px !important;
  margin:0 0 10px !important;
}
.product-grid .card .card-prices .price-old-sm,
.product-grid .card .card-prices .price-new-sm{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
  align-self:flex-start !important;
}



/* Tarjetas del catálogo: centrar verticalmente los precios dentro del espacio
   disponible, manteniéndolos a la izquierda y los dos botones al pie. */
.product-grid .card .card-body {
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}
.product-grid .card .card-footer {
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  width:100% !important;
  align-items:stretch !important;
  margin-top:0 !important;
}
.product-grid .card .card-prices {
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 64px !important;
  min-height:64px !important;
  width:100% !important;
  box-sizing:border-box !important;
  justify-content:center !important;
  align-items:flex-start !important;
  text-align:left !important;
  gap:3px !important;
  padding:9px 0 8px !important;
  margin:0 0 10px !important;
  border-top:1px solid rgba(207,223,239,.14) !important;
}
.product-grid .card .card-prices .price-old-sm,
.product-grid .card .card-prices .price-new-sm {
  display:block !important;
  width:100% !important;
  text-align:left !important;
  align-self:flex-start !important;
  margin:0 !important;
}
.product-grid .card .card-actions {
  margin-top:0 !important;
  width:100% !important;
  flex:0 0 auto !important;
  align-self:stretch !important;
}



/* El bloque de productos destacados cambia de grid a carrusel; tarjetas V16 intactas. */
.topdon-carousel-section .section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.topdon-carousel-section .td-carousel-head-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;
}
.topdon-carousel-section .td-carousel-controls{
  display:flex;align-items:center;gap:8px;
}
.topdon-carousel-section .td-carousel-count{
  min-width:57px;text-align:center;color:#9da9b9;
  font:600 11px/1 'JetBrains Mono',monospace;
  font-variant-numeric:tabular-nums;letter-spacing:.05em;
}
.topdon-carousel-section .td-carousel-arrow{
  flex:0 0 36px;width:36px;height:36px;padding:8px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #344355;border-radius:9px;
  background:#141c28;color:#edf7ff;cursor:pointer;
  transition:border-color .17s,background .17s,color .17s;
}
.topdon-carousel-section .td-carousel-arrow svg{width:19px;height:19px}
.topdon-carousel-section .td-carousel-arrow:not(:disabled):hover{
  border-color:#10acf9;color:#10acf9;background:#102637;
}
.topdon-carousel-section .td-carousel-arrow:disabled{cursor:default;opacity:.32}
.topdon-carousel-section .td-carousel-arrow:focus-visible{
  outline:2px solid #10acf9;outline-offset:3px;
}
.topdon-carousel-section .td-product-carousel-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:18px !important;
  width:100%;min-width:0;
  overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:0 0 4px;
}
.topdon-carousel-section .td-product-carousel-track::-webkit-scrollbar{display:none}
.topdon-carousel-section .td-product-carousel-track > .card{
  flex:0 0 calc((100% - 54px) / 4) !important;
  width:calc((100% - 54px) / 4) !important;
  max-width:none;
  min-width:0;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
  height:auto !important;
  align-self:stretch;
}
/* No interferir con la ubicación, tamaño, oferta y alineación de precios/botones V16. */
@media(max-width:1199px){
 .topdon-carousel-section .td-product-carousel-track > .card{
   flex-basis:calc((100% - 36px) / 3) !important;
   width:calc((100% - 36px) / 3) !important;
 }
}
@media(max-width:900px){
 .topdon-carousel-section .td-product-carousel-track > .card{
   flex-basis:calc((100% - 18px) / 2) !important;
   width:calc((100% - 18px) / 2) !important;
 }
}
@media(max-width:600px){
 .topdon-carousel-section .section-head{align-items:flex-start;gap:15px}
 .topdon-carousel-section .td-carousel-head-actions{width:100%;justify-content:space-between;gap:12px}
 .topdon-carousel-section .td-carousel-controls{margin-left:auto}
 .topdon-carousel-section .td-carousel-arrow{width:35px;height:35px;flex-basis:35px}
 .topdon-carousel-section .td-product-carousel-track > .card{
   flex-basis:calc(100% - 28px) !important;
   width:calc(100% - 28px) !important;
 }
}
@media(prefers-reduced-motion:reduce){
 .topdon-carousel-section .td-product-carousel-track{scroll-behavior:auto !important}
}



.topdon-carousel-section .td-carousel-head-actions{
  gap:14px !important;
}
.topdon-carousel-section .td-carousel-controls{
  gap:10px !important;
}



/* Espaciado uniforme entre bloques principales */
:root{--td-section-gap:56px;}
.td-cat-strip,
.topdon-carousel-section,
.td-compare-section,
.section.reveal-up,
.td-chapters,
.td-how,
.faq-section{
  padding-top:var(--td-section-gap) !important;
}
.td-cat-strip,
.topdon-carousel-section,
.td-compare-section,
.section.reveal-up,
.td-chapters,
.td-how{
  padding-bottom:0 !important;
}
.faq-section{
  padding-bottom:var(--td-section-gap) !important;
}
/* Evitar reglas heredadas con padding distinto entre secciones concretas */
.td-chapters + .section,
.section + .section,
.td-cat-strip + .section,
.hero-section + .td-cat-strip{
  padding-top:var(--td-section-gap) !important;
}
@media (max-width: 767px){
  :root{--td-section-gap:42px;}
}



/* Los dos paneles del hero comienzan y terminan exactamente a la misma altura. */
.hero-layout{align-items:stretch!important;}
.hero-layout>.hero-main,
.hero-layout>.scan-panel{
  box-sizing:border-box!important;
  align-self:stretch!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
@media (min-width:981px){
  .hero-layout{grid-template-rows:minmax(510px,auto)!important;}
  .hero-layout>.hero-main,
  .hero-layout>.scan-panel{
    min-height:510px!important;
    height:100%!important;
  }
}
/* En tablet van uno debajo del otro, pero ambos conservan la misma altura. */
@media (min-width:641px) and (max-width:980px){
  .hero-layout{grid-auto-rows:1fr!important;}
  .hero-layout>.hero-main,
  .hero-layout>.scan-panel{height:100%!important;}
}
/* En móvil se respeta el alto natural para que no quede espacio vacío. */
@media (max-width:640px){
  .hero-layout{grid-auto-rows:auto!important;}
  .hero-layout>.hero-main,
  .hero-layout>.scan-panel{height:auto!important;}
}



/* V23: hero más compacto, títulos ligeramente mayores, paneles igualados */
.hero-layout>.hero-main .hero-copy h1{
  font-size:clamp(32px,2.58vw,37px) !important;
  line-height:1.02 !important;
  letter-spacing:-.45px !important;
}
.hero-layout>.hero-main .hero-copy h1 .accent{
  margin-top:2px !important;
  line-height:1.03 !important;
}
.hero-layout>.hero-main .hero-copy p{
  margin:10px 0 10px !important;
  line-height:1.52 !important;
}
.hero-layout>.hero-main .hero-buy-row{
  margin-top:6px !important;
  row-gap:7px !important;
}
@media (min-width:981px){
  .hero-layout{
    grid-template-rows:minmax(435px,auto) !important;
    align-items:stretch !important;
  }
  .hero-layout>.hero-main,
  .hero-layout>.scan-panel{
    height:100% !important;
    min-height:435px !important;
    align-self:stretch !important;
  }
  .hero-layout>.hero-main{
    padding-top:38px !important;
    padding-bottom:21px !important;
  }
  /* La lista de diagnóstico cabe completa, sin forzar alto extra. */
  .hero-layout>.scan-panel .scan-head{
    min-height:50px !important;
    padding-top:11px !important;
    padding-bottom:11px !important;
  }
  .hero-layout>.scan-panel .scan-body{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  .hero-layout>.scan-panel .scan-line{
    padding-top:9px !important;
    padding-bottom:9px !important;
  }
  .hero-layout>.scan-panel .scan-footer{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}
@media (min-width:641px) and (max-width:980px){
  .hero-layout>.hero-main .hero-copy h1{
    font-size:clamp(34px,4vw,39px) !important;
  }
  .hero-layout>.hero-main,
  .hero-layout>.scan-panel{
    min-height:420px !important;
  }
}
@media (max-width:640px){
  .hero-layout>.hero-main .hero-copy h1{
    font-size:clamp(33px,8.2vw,40px) !important;
  }
  .hero-layout>.hero-main .hero-copy p{
    margin:9px 0 10px !important;
  }
  .hero-layout>.hero-main .hero-buy-row{
    margin-top:5px !important;
  }
}



/* Jerarquía tipográfica y ritmo de espaciado para el contenido de la oferta.
   El grid del hero y la altura igualada del panel de diagnóstico se conservan. */
.hero-layout>.hero-main .hero-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:16px !important;
}
.hero-layout>.hero-main .hero-copy h1{
  margin:0 !important;
  font-size:clamp(39px,3vw,44px) !important;
  line-height:1.05 !important;
  letter-spacing:-.6px !important;
}
.hero-layout>.hero-main .hero-copy h1 .accent{
  margin-top:5px !important;
  line-height:1.06 !important;
}
.hero-layout>.hero-main .hero-copy p{
  margin:0 !important;
  line-height:1.62 !important;
}
.hero-layout>.hero-main .hero-buy-row{
  width:100%;
  margin:0 !important;
  gap:14px 10px !important;
  align-items:center;
}
.hero-layout>.hero-main .hero-buy-row .hero-price{
  flex-basis:100% !important;
  margin:0 !important;
}
@media (min-width:981px) and (max-width:1180px){
  .hero-layout>.hero-main .hero-copy h1{
    font-size:clamp(32px,3.3vw,39px) !important;
  }
  .hero-layout>.hero-main .hero-copy{gap:14px !important;}
  .hero-layout>.hero-main .hero-buy-row{row-gap:12px !important;}
}
@media (min-width:641px) and (max-width:980px){
  .hero-layout>.hero-main .hero-copy h1{
    font-size:clamp(37px,4.9vw,44px) !important;
  }
}
@media (max-width:640px){
  .hero-layout>.hero-main .hero-copy{
    gap:15px !important;
  }
  .hero-layout>.hero-main .hero-copy h1{
    font-size:clamp(35px,9.6vw,43px) !important;
  }
  .hero-layout>.hero-main .hero-buy-row{row-gap:13px !important;}
}
@media (max-width:365px){
  .hero-layout>.hero-main .hero-copy h1{
    font-size:clamp(31px,9.2vw,35px) !important;
  }
}



/* Tarjetas de categorías compactas, sin textos secundarios. */
.td-cat-strip .td-cat-card {
  min-height: 154px;
  align-items: center;
}
.td-cat-strip .td-cat-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  gap: 15px;
}
.td-cat-strip .td-cat-card h3 {
  margin: 0;
}
.td-cat-strip .td-cat-link {
  margin: 0;
}
.td-cat-strip .td-cat-visual {
  align-items: center;
}
@media (max-width: 767px) {
  .td-cat-strip .td-cat-card {
    min-height: 140px;
  }
}



/* Consistencia tipográfica entre los títulos de secciones; hero (h1) intacto. */
.section-head h2,
.td-section-head h2 {
  font-size:31px !important;
  line-height:1.15 !important;
}
@media (max-width:767px) {
  .section-head h2,
  .td-section-head h2 {
    font-size:27px !important;
    line-height:1.17 !important;
  }
}



.td-footer-socials{display:flex;align-items:center;gap:10px;margin-top:2px;flex-wrap:wrap}
.td-footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;flex:0 0 39px;border:1px solid #344255;border-radius:10px;color:#d9e7f4;background:#121a26;cursor:default}
.td-footer-social-icon svg{display:block;max-width:19px;max-height:19px}



/* TOPDON · Actualizaciones: composición visual trasladada desde LAUNCH Chile.
   Dos tarjetas independientes e iguales, formulario 2+1+1 y separación homogénea. */
.td-updates {
  position:relative;
  z-index:1;
  padding:var(--td-section-gap,56px) 0 0 !important;
}
.td-update-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  gap:14px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
}
.td-update-copy,
.td-update-form-card {
  min-width:0;
  box-sizing:border-box;
  padding:clamp(24px,3.4vw,44px);
  border-radius:24px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.td-update-copy {
  background:#151e2a;
  border:1px solid #2a3a4e;
  gap:17px;
  justify-content:flex-start;
}
.td-update-form-card {
  background:#10161f;
  border:1px solid #2c394a;
  gap:14px;
  justify-content:flex-start;
}
.td-update-copy .td-section-head {
  margin:0;
}
.td-update-copy .td-section-head .td-eyebrow {
  margin-bottom:11px;
  color:#10acf9;
}
.td-update-copy .td-section-head h2 {
  font-size:31px !important;
  line-height:1.15 !important;
  font-weight:600;
  max-width:none;
  margin:0 !important;
  color:#f4f8ff;
}
.td-update-lead {
  margin:0;
  max-width:52ch;
  font:400 14px/1.65 Inter,Arial,sans-serif;
  color:#b4c1d0;
}
.td-update-benefits {
  list-style:none;
  margin:2px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}
.td-update-benefits li {
  display:flex;
  align-items:flex-start;
  gap:10px;
  font:500 13px/1.5 Inter,Arial,sans-serif;
  color:#edf3fc;
}
.td-update-benefits li > svg {
  flex:0 0 18px;
  width:18px;
  height:18px;
  margin-top:1px;
  color:#10acf9;
}
.td-update-form-head {margin:0 0 3px;}
.td-update-form-head h3 {
  margin:0;
  font:700 21px/1.25 Inter,Arial,sans-serif;
  text-transform:none;
  color:#f4f8ff;
}
#td-update-quote-form {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin:0;
}
.td-update-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
}
.td-update-field {
  display:grid;
  gap:6px;
  min-width:0;
}
.td-update-field label {
  font:600 12px/1.45 Inter,Arial,sans-serif;
  color:#cfdae8;
}
.td-update-field input,
.td-update-field select {
  display:block;
  width:100%;
  height:48px;
  box-sizing:border-box;
  padding:0 13px;
  border:1px solid #3d4c60;
  border-radius:11px;
  background:#0b111a;
  color:#f1f7fe;
  font:500 12.5px/1.3 Inter,Arial,sans-serif;
  outline:none;
  transition:border-color .15s,box-shadow .15s;
}
.td-update-field input::placeholder {color:#899bae;opacity:1;}
.td-update-field input:focus,
.td-update-field select:focus {
  border-color:#10acf9;
  box-shadow:0 0 0 3px rgba(16,172,249,.12);
}
.td-update-select-wrap {position:relative;min-width:0;}
.td-update-select-wrap select {
  appearance:none;
  padding-right:30px;
  cursor:pointer;
}
.td-update-select-wrap svg {
  position:absolute;
  pointer-events:none;
  width:16px;height:16px;
  top:50%;right:10px;
  transform:translateY(-50%);
  color:#a2b8cd;
}
.td-update-submit {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  padding:12px 15px;
  margin:2px 0 0;
  box-sizing:border-box;
  border-radius:10px;
  background:#10acf9;
  border:1px solid #10acf9;
  color:#071722;
  font:800 13px/1.2 Inter,Arial,sans-serif;
  text-align:center;
  cursor:pointer;
  transition:filter .15s;
}
.td-update-submit:hover {filter:brightness(1.09);}
.td-update-submit:focus-visible {outline:2px solid #fff;outline-offset:3px;}
.td-update-footnote {
  margin:-5px 0 0;
  font:400 11.5px/1.5 Inter,Arial,sans-serif;
  color:#9caebf;
  text-align:left;
}
@media(max-width:900px){
  .td-update-panel{grid-template-columns:1fr;}
  .td-update-copy,.td-update-form-card{padding:30px;}
}
@media(max-width:767px){
  .td-update-copy .td-section-head h2{font-size:27px !important;line-height:1.17 !important;}
}
@media(max-width:520px){
  .td-update-panel{gap:13px;}
  .td-update-copy,.td-update-form-card{padding:22px;border-radius:18px;}
  .td-update-row{grid-template-columns:1fr;}
  .td-update-lead{font-size:13px;}
  .td-update-benefits li{font-size:12.5px;}
}



/* V31 — desvanecido suave, luz y profundidad sin cambiar la composición LAUNCH */
.td-updates .td-update-copy,
.td-updates .td-update-form-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 15px 44px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.045);
  transition: border-color .28s ease, box-shadow .3s ease, transform .3s ease;
}
.td-updates .td-update-copy {
  border-color: #344b61;
  background:
    radial-gradient(ellipse 95% 75% at 0% 0%, rgba(16,172,249,.19) 0%, rgba(16,172,249,.07) 40%, transparent 75%),
    linear-gradient(135deg, #192838 0%, #141e2a 53%, #101722 100%);
}
.td-updates .td-update-form-card {
  border-color: #30475b;
  background:
    radial-gradient(ellipse 90% 70% at 100% 0%, rgba(16,172,249,.14) 0%, rgba(16,172,249,.045) 45%, transparent 80%),
    linear-gradient(150deg, #152434 0%, #111c29 45%, #0d141e 100%);
}
/* La luz azul se desvanece sobre el borde superior de cada tarjeta. */
.td-updates .td-update-copy::before,
.td-updates .td-update-form-card::before {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 0;
  left: 26px;
  top: 0;
  height: 1px;
  width: calc(100% - 52px);
  background: linear-gradient(90deg, transparent, rgba(16,172,249,.63), transparent);
}
.td-updates .td-update-copy > *,
.td-updates .td-update-form-card > * {
  position: relative;
  z-index: 1;
}
.td-updates .td-update-copy .td-update-benefits li > svg {
  filter: drop-shadow(0 0 5px rgba(16,172,249,.26));
}
.td-updates .td-update-submit {
  box-shadow: 0 5px 17px rgba(16,172,249,.15);
  transition: filter .16s ease, box-shadow .2s ease;
}
.td-updates .td-update-submit:hover {
  box-shadow: 0 7px 23px rgba(16,172,249,.28);
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .td-updates .td-update-copy:hover,
  .td-updates .td-update-form-card:hover {
    transform: translateY(-3px);
    border-color: #406780;
    box-shadow: 0 20px 49px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.055);
  }
}
@media (prefers-reduced-motion: reduce) {
  .td-updates .td-update-copy,
  .td-updates .td-update-form-card,
  .td-updates .td-update-submit {transition: none !important;}
}



/* Separación inferior visible antes de Preguntas frecuentes.
   Respeta la variable de espaciado uniforme de la página. */
#actualizaciones.td-updates {
  padding-bottom: var(--td-section-gap, 56px) !important;
}



/* Mercado Pago: logo en el sello de medios de pago del footer. */
footer .td-mercado-pago-seal {
  background: #fff;
  border-radius: 6px;
  min-width: 125px;
  height: 39px;
  padding: 5px 12px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
footer .td-mercado-pago-logo {
  display: block;
  max-width: 132px;
  max-height: 27px;
  width: auto;
  height: auto;
  object-fit: contain;
}
footer .td-mercado-pago-fallback {
  color: #009ee3;
  font: 800 14px/1.2 Inter, Arial, sans-serif;
  white-space: nowrap;
}
@media (max-width: 480px) {
  footer .td-mercado-pago-seal {
    min-width: 110px;
    height: 35px;
    padding: 4px 9px;
  }
  footer .td-mercado-pago-logo {
    max-width: 120px;
    max-height: 25px;
  }
}



/* Archivo SVG original de Mercado Pago referenciado por la página adjunta. */
footer .td-mercado-pago-seal{
  min-width:148px !important;
  height:48px !important;
  padding:6px 12px !important;
  background:#fff !important;
  border-radius:7px !important;
}
footer .td-mercado-pago-logo{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:160px !important;
  max-height:36px !important;
  object-fit:contain !important;
}
@media(max-width:480px){
  footer .td-mercado-pago-seal{min-width:124px !important;height:42px !important;padding:5px 8px !important;}
  footer .td-mercado-pago-logo{max-width:138px !important;max-height:32px !important;}
}

.preview-ribbon {display:none!important}

/* TOPDON WordPress integration: V34 proportions with live WooCommerce/YITH actions. */
.topdon-home .td-card-image-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.topdon-home .td-card-image-link img{width:100%;height:100%;object-fit:contain;padding:3px}
.topdon-home .card-title a{color:inherit;text-decoration:none}
.topdon-home .card-title a:hover{color:#10acf9}
.topdon-home .card-actions>a,
.topdon-home .td-chap-buttons>a,
.topdon-home .card-actions>.topdon-native-quote,
.topdon-home .td-chap-buttons>.topdon-native-quote{
 box-sizing:border-box;display:flex!important;width:100%!important;min-width:0;min-height:46px;
 margin:0!important;padding:8px 5px!important;align-items:center;justify-content:center;
 font:700 10.5px/1.2 Inter,Arial,sans-serif;text-align:center;text-decoration:none!important;border-radius:10px;
 white-space:normal
}
.topdon-home .card-actions>a.btn-card-cart,
.topdon-home .td-chap-buttons>a.td-demo-add{background:#10acf9;border:1px solid #10acf9;color:#06131d}
.topdon-home .card-actions>a.btn-card-quote,
.topdon-home .td-chap-buttons>a.td-demo-quote{background:transparent;border:1px solid #3b4e64;color:#eaf4ff}
.topdon-home .card-actions>.topdon-native-quote,
.topdon-home .td-chap-buttons>.topdon-native-quote{padding:0!important;border:0!important;background:none!important}
.topdon-home .topdon-native-quote .yith-ywraq-add-to-quote,
.topdon-home .topdon-native-quote .yith-ywraq-add-button{width:100%;min-width:0;margin:0!important;float:none!important}
.topdon-home .topdon-native-quote .yith-ywraq-add-button[style*="display: none"],
.topdon-home .topdon-native-quote .yith-ywraq-add-button[style*="display:none"]{display:none!important}
.topdon-home .topdon-native-quote a.add-request-quote-button{
 display:flex!important;width:100%!important;min-height:46px!important;align-items:center;justify-content:center;
 box-sizing:border-box;padding:8px 5px!important;margin:0!important;color:#eaf4ff!important;
 background:transparent!important;border:1px solid #3b4e64!important;border-radius:10px!important;
 font:700 10.5px/1.2 Inter,Arial,sans-serif!important;text-decoration:none!important;text-align:center;
 box-shadow:none!important;white-space:normal
}
.topdon-home .topdon-native-quote .yith_ywraq_add_item_response_message,
.topdon-home .topdon-native-quote .yith_ywraq_add_item_product_message{font-size:10px;line-height:1.3}
.topdon-home .td-chap-buttons>a,.topdon-home .td-chap-buttons .topdon-native-quote a.add-request-quote-button{min-height:48px!important}
.header-icons button.ic{padding:0;border:0;background:none;cursor:pointer}
.header-icons a.ic{text-decoration:none}
.header-icons .ic .topdon-cart-count,
.header-icons .ic .count,
.header-icons .ic .badge{
 position:absolute;top:-8px;right:-9px;display:flex;align-items:center;justify-content:center;
 min-width:16px;height:16px;padding:0 3px;border-radius:50%;background:#10acf9;color:#06131d;
 font:800 9.5px/1 Inter,Arial,sans-serif
}
.header-icons .ic .topdon-cart-count[data-n="0"]{display:none}
.btn-cotiza .topdon-quote-count{font:800 10px/1 Inter,sans-serif;color:#10acf9;padding:3px 4px;border-radius:20px;background:#102938}
.btn-cotiza .topdon-quote-count[data-n="0"]{display:none}
.topdon-search{position:relative}
.td-search-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:155;
 padding:7px;background:#101923;border:1px solid #2c3b4d;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.4);display:none;max-height:420px;overflow-y:auto}
.td-search-results.is-visible{display:block}
.td-search-item{display:flex;gap:10px;align-items:center;padding:9px;border-radius:8px;text-decoration:none;color:#f2f6fb}
.td-search-item:hover{background:#202b3a}
.td-search-item img{width:47px;height:47px;flex:none;object-fit:contain;background:#fff;border-radius:6px}
.td-search-item span{display:flex;flex-direction:column;min-width:0;gap:3px}
.td-search-item strong{font:600 12px/1.3 Inter,sans-serif;overflow-wrap:anywhere}
.td-search-item small{font:500 11px/1.3 Inter,sans-serif;color:#10acf9}
.td-chap .td-facts{gap:10px}
.td-video-shortcode{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:17px}
.td-video-shortcode a{display:flex;flex-direction:column;text-decoration:none;gap:8px;border-radius:12px;overflow:hidden;border:1px solid #2d3845;background:#131b27;color:#eef3f9;padding:10px}
.td-video-shortcode img{height:220px;width:100%;object-fit:cover;border-radius:7px}
.td-recommendation{padding:24px;background:#131b27;border:1px solid #2e4053;border-radius:14px}
.td-recommendation-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.td-recommendation-fields label{display:grid;gap:7px}
.td-recommendation-fields input,.td-recommendation-fields select{min-width:0;width:100%;height:44px;background:#0b121a;color:white;border:1px solid #435366;border-radius:8px;padding:8px 11px}
.td-reco-results{display:flex;flex-direction:column;gap:5px}
.td-reco-results a{color:#f1f6fb;text-decoration:none;padding:10px;border-radius:7px;background:#1b2a3a}
.td-reco-results a:hover{color:#10acf9}
@media(max-width:640px){
 .td-recommendation-fields{grid-template-columns:1fr}
 .topdon-search.is-search-open{display:flex!important;position:absolute;top:100%;left:12px;right:12px;width:auto!important;max-width:none!important;margin:0;z-index:160;background:#101923;border:1px solid #31485e;border-radius:12px;padding:7px 12px}
 .btn-cotiza .topdon-quote-count{display:none}
}
/* WooCommerce archives, cart and checkout: separate from homepage cards. */
.lp-store-view{position:relative;z-index:1;min-height:50vh}
.lp-store-view .lp-container{max-width:1240px;margin:0 auto;padding-inline:20px}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button{border-radius:9px}
.woocommerce a.button:hover,.woocommerce button.button:hover{filter:brightness(1.08)}
/* TOPDON 1.1: editable multi-slide hero, same footprint as approved V34. */
#topdon-hero-carousel{position:relative;overflow:hidden}
#topdon-hero-carousel .topdon-hero-pane{position:absolute;inset:0;display:flex;align-items:stretch;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease;z-index:1}
#topdon-hero-carousel .topdon-hero-pane.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
#topdon-hero-carousel .topdon-hero-pane .hero-copy{position:relative;z-index:3}
#topdon-hero-carousel .topdon-hero-pane .prod-img{z-index:1}
#topdon-hero-carousel .topdon-hero-pagination{position:absolute;right:20px;top:21px;display:flex;align-items:center;gap:7px;z-index:8}
#topdon-hero-carousel .topdon-hero-pagination button{display:block;width:24px;height:5px;border-radius:4px;background:rgba(255,255,255,.28);padding:0;border:0}
#topdon-hero-carousel .topdon-hero-pagination button.is-active{background:#10acf9}
#topdon-hero-carousel .topdon-hero-pagination button:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:640px){
 #topdon-hero-carousel .topdon-hero-pane{position:relative;display:none;inset:auto;flex-direction:column;align-items:stretch;opacity:1;visibility:visible;pointer-events:auto}
 #topdon-hero-carousel .topdon-hero-pane.is-active{display:flex}
 #topdon-hero-carousel .topdon-hero-pane .prod-img{order:0}
 #topdon-hero-carousel .topdon-hero-pane .hero-copy{order:1}
 #topdon-hero-carousel .topdon-hero-pagination{top:23px;right:20px}
}
@media(prefers-reduced-motion:reduce){#topdon-hero-carousel .topdon-hero-pane{transition:none}}
/* Native WordPress menu assigned in Appearance -> Menus; matches the TOPDON V34 navbar. */
.navbar .topdon-wp-menu{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;width:100%}
.navbar .topdon-wp-menu > li{list-style:none;position:relative;margin:0}
.navbar .topdon-wp-menu > li > a{display:flex;align-items:center;gap:6px;padding:13px 14px;color:#e8edf6;font-weight:650;font-size:12px;text-decoration:none;white-space:nowrap;transition:color .16s}
.navbar .topdon-wp-menu > li > a:hover,.navbar .topdon-wp-menu > li.current-menu-item > a{color:#10acf9}
.navbar .topdon-wp-menu .sub-menu{visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:100%;left:0;z-index:100;min-width:245px;padding:8px;margin:0;list-style:none;background:#121b28;border:1px solid #314356;border-radius:12px;box-shadow:0 14px 32px rgba(0,0,0,.3);transition:opacity .16s}
.navbar .topdon-wp-menu .sub-menu li{list-style:none;position:relative}
.navbar .topdon-wp-menu .sub-menu a{display:block;padding:11px 12px;color:#e2eaf2;font-size:12px;line-height:1.3;white-space:normal;border-radius:8px}
.navbar .topdon-wp-menu .sub-menu a:hover{color:#10acf9;background:#16283b}
.navbar .topdon-wp-menu li:hover>.sub-menu,.navbar .topdon-wp-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto}
.navbar .topdon-wp-menu .sub-menu .sub-menu{left:100%;top:0}
.mobile-panel .topdon-mobile-wp-menu,.mobile-panel .topdon-mobile-wp-menu ul{padding:0;margin:0;list-style:none}
.mobile-panel .topdon-mobile-wp-menu > li > a{display:block;padding:13px 6px;border-bottom:1px solid #2c3948;color:#eef7ff;font-size:13px;font-weight:700}
.mobile-panel .topdon-mobile-wp-menu .sub-menu{padding-left:14px;background:#101924}
.mobile-panel .topdon-mobile-wp-menu .sub-menu a{display:block;padding:11px 7px;color:#b6cadd;font-size:12px;border-bottom:1px solid #22364a}
@media(max-width:1130px){.navbar .topdon-wp-menu > li > a{font-size:11px;padding:12px 9px}}
/* The slide wrapper reproduces the original two-column V34 layout inside the fixed-height hero. */
#topdon-hero-carousel .topdon-hero-pane{
 display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);
 align-items:center;gap:12px;padding:inherit;
}
#topdon-hero-carousel .topdon-hero-pane .hero-copy{grid-column:1;grid-row:1;min-width:0}
#topdon-hero-carousel .topdon-hero-pane .prod-img{grid-column:2;grid-row:1;min-width:0}
@media(min-width:641px) and (max-width:980px){
 #topdon-hero-carousel .topdon-hero-pane{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
}
@media(max-width:640px){
 #topdon-hero-carousel .topdon-hero-pane{display:none;grid-template-columns:1fr;position:relative;inset:auto;padding:0;gap:18px;}
 #topdon-hero-carousel .topdon-hero-pane.is-active{display:flex;flex-direction:column;align-items:stretch}
 #topdon-hero-carousel .topdon-hero-pane .hero-copy{order:1;grid-column:auto;grid-row:auto}
 #topdon-hero-carousel .topdon-hero-pane .prod-img{order:2;grid-column:auto;grid-row:auto}
}


/* === TOPDON 1.2.1 · Hero: producto con marco redondeado en todas las pantallas ===
   El layout de dos columnas de escritorio y las alturas del panel demo no cambian. */
#topdon-hero-carousel .topdon-hero-pane .prod-img {
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(212,225,237,.9) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.16);
  box-sizing: border-box !important;
}
#topdon-hero-carousel .topdon-hero-pane .prod-img img {
  display: block !important;
  border-radius: 15px !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Móvil: igual que LAUNCH, imagen primero, información después.
   Sustituye las órdenes contradictorias de versiones previas. */
@media (max-width: 640px) {
  .hero-layout > #topdon-hero-carousel.hero-main {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 17px 24px !important;
    overflow: hidden !important;
  }
  #topdon-hero-carousel .topdon-hero-pane {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    opacity: 1;
    transform: none !important;
  }
  #topdon-hero-carousel .topdon-hero-pane:not(.is-active) {
    display: none !important;
  }
  #topdon-hero-carousel .topdon-hero-pane.is-active {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #topdon-hero-carousel .topdon-hero-pane .prod-img {
    order: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
    filter: none !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  #topdon-hero-carousel .topdon-hero-pane .prod-img img {
    display: block !important;
    width: 100% !important;
    height: clamp(185px, 59vw, 265px) !important;
    max-height: none !important;
    padding: 12px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    filter: none !important;
    object-fit: contain !important;
  }
  #topdon-hero-carousel .topdon-hero-pane .hero-copy {
    order: 1 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 22px 0 0 !important;
    gap: 15px !important;
    align-self: stretch !important;
    text-align: left !important;
  }
  #topdon-hero-carousel .topdon-hero-pane .hero-copy h1 {
    margin: 0 !important;
    max-width: 100% !important;
    line-height: 1.06 !important;
    overflow-wrap: normal;
  }
  #topdon-hero-carousel .topdon-hero-pane .hero-copy p {
    margin: 0 !important;
    max-width: 100% !important;
  }
  #topdon-hero-carousel .topdon-hero-pane .hero-offer-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    bottom: auto !important;
    right: auto !important;
    z-index: 5 !important;
    margin: 0 !important;
    white-space: nowrap;
  }
  #topdon-hero-carousel .topdon-hero-pane .hero-buy-row {
    margin-top: 0 !important;
    width: 100% !important;
    flex-wrap: wrap !important;
  }
  #topdon-hero-carousel .topdon-hero-pane .hero-buy-row .hero-price {
    flex-basis: 100% !important;
  }
  #topdon-hero-carousel .topdon-hero-pagination {
    top: 29px !important;
    right: 29px !important;
  }
}
@media (max-width: 365px) {
  #topdon-hero-carousel .topdon-hero-pane .hero-copy h1 {
    font-size: clamp(30px, 9vw, 34px) !important;
  }
}