/* ════════════════════════════════════════════════════════════
   Landing Lenovo — estilos scopeados bajo .lenovo-lp
   Tema (dark/light) e idioma (es/en) viven en el wrapper .lenovo-lp
   para no colisionar con The7.
   Generado a partir de landings/lenovo.html
════════════════════════════════════════════════════════════ */

/* The7 wrapper a ancho completo en esta plantilla */
body.page-template-page-lenovo-php .wf-wrap {
  width: 100% !important;
}


/* ═══ TOKENS — Brand Book Datahaus + Lenovo ═══ */
.lenovo-lp[data-theme="dark"] {
  --bg:#0d0f1a;--bg2:#141828;--card:#1a1f30;--card2:#20263a;
  --border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.16);
  --txt:#f2f4f8;--txt2:#a8b0c2;--muted:#6b7488;
  --accent:#E2231A;--accent2:#B91C1C;--glow:rgba(226,35,26,.22);
  --dh:#0B66F3;--dh-glow:rgba(11,102,243,.2);
  --pill:#ff7a75;--nav-bg:rgba(13,15,26,.9);
}

.lenovo-lp[data-theme="light"] {
  --bg:#f3f3f3;--bg2:#fff;--card:#fff;--card2:#fff0f0;
  --border:#e0e5ef;--border2:#f5c0be;
  --txt:#262626;--txt2:#505868;--muted:#999;
  --accent:#E2231A;--accent2:#B91C1C;--glow:rgba(226,35,26,.15);
  --dh:#0B66F3;--dh-glow:rgba(11,102,243,.15);
  --pill:#B91C1C;--nav-bg:rgba(243,243,243,.94);
}

.lenovo-lp[data-lang="es"] .en {display:none!important;}

.lenovo-lp[data-lang="en"] .es {display:none!important;}

.lenovo-lp, .lenovo-lp *, .lenovo-lp *::before, .lenovo-lp *::after {box-sizing:border-box;margin:0;padding:0;}

html {scroll-behavior:smooth;}

.lenovo-lp {font-family:'Inter',-apple-system,sans-serif;background:var(--bg);color:var(--txt);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s;}

.lenovo-lp[data-theme="dark"]::before {content:"";position:fixed;inset:0;background:radial-gradient(ellipse 900px 500px at 8% -5%,var(--glow),transparent 60%),radial-gradient(ellipse 600px 400px at 95% 25%,rgba(226,35,26,.04),transparent 60%);pointer-events:none;z-index:0;}

.lenovo-lp a {color:inherit;text-decoration:none;}

.lenovo-lp ul {list-style:none;}

.lenovo-lp section,
.lenovo-lp header,
.lenovo-lp footer {position:relative;z-index:1;}

.lenovo-lp img {max-width:100%;display:block;}

.lenovo-lp .wrap {max-width:1180px;margin:0 auto;padding:0 24px;}

.lenovo-lp h1,
.lenovo-lp h2,
.lenovo-lp h3,
.lenovo-lp h4 {font-weight:700;letter-spacing:-.02em;line-height:1.15;}

.lenovo-lp h2 {font-size:clamp(1.75rem,3vw,2.55rem);}

/* Tamanos por defecto del navegador, explicitos: si no, The7 pinta h3/h4 a 36/30px. */
.lenovo-lp h3 {font-size:1.17rem;}
.lenovo-lp h4 {font-size:1rem;}

.lenovo-lp .eyebrow {display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);}

.lenovo-lp .eyebrow::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}

/* ═══ HEADER ═══ */
.lenovo-lp header {position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background .3s;}

.lenovo-lp .nav {max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;}

.lenovo-lp .logo {display:flex;align-items:center;gap:10px;flex-shrink:0;}

.lenovo-lp .logo-meta {display:flex;flex-direction:column;line-height:1.15;}

.lenovo-lp .logo-meta .sub {font-size:.6rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

.lenovo-lp .nav-links {display:flex;gap:22px;}

.lenovo-lp .nav-links a {font-size:.88rem;font-weight:500;color:var(--txt2);transition:color .2s;white-space:nowrap;}

.lenovo-lp .nav-links a:hover {color:var(--accent);}

.lenovo-lp .nav-ctrl {display:flex;gap:8px;align-items:center;flex-shrink:0;}

.lenovo-lp .tb {display:flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--txt2);font-size:.75rem;font-weight:700;letter-spacing:.04em;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;white-space:nowrap;}

.lenovo-lp .tb:hover {border-color:var(--accent);color:var(--txt);}

.lenovo-lp .nav-wa {display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--txt2);padding:8px 14px;border:1px solid var(--border);border-radius:999px;transition:all .2s;white-space:nowrap;}

.lenovo-lp .nav-wa:hover {border-color:var(--border2);color:var(--txt);}

.lenovo-lp .nav-cta {background:var(--dh);color:#fff!important;padding:9px 18px;border-radius:999px;font-size:.84rem;font-weight:700;transition:transform .15s,box-shadow .15s;white-space:nowrap;}

.lenovo-lp .nav-cta:hover {transform:translateY(-1px);box-shadow:0 8px 24px var(--dh-glow);}

/* ═══ BOTONES ═══ */
.lenovo-lp .btn {padding:13px 26px;border-radius:999px;font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s;cursor:pointer;}

.lenovo-lp .btn-p {background:var(--dh);color:#fff;}

.lenovo-lp .btn-p:hover {transform:translateY(-2px);box-shadow:0 10px 28px var(--dh-glow);}

.lenovo-lp .btn-g {background:transparent;color:var(--txt);border:1.5px solid var(--border2);}

.lenovo-lp .btn-g:hover {background:var(--card);}

.lenovo-lp .btn-a {background:var(--accent);color:#fff;}

.lenovo-lp .btn-a:hover {transform:translateY(-2px);box-shadow:0 10px 28px var(--glow);}

.lenovo-lp .btn-w {background:#fff;color:var(--accent2);font-weight:700;}

.lenovo-lp .btn-w:hover {transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18);}

.lenovo-lp[data-theme="light"] .btn-w {background:var(--accent);color:#fff;}

.lenovo-lp .bsm {padding:9px 18px;border-radius:999px;font-size:.84rem;font-weight:700;display:inline-flex;align-items:center;gap:7px;transition:all .2s;}

.lenovo-lp .bsm-p {background:var(--dh);color:#fff;}

.lenovo-lp .bsm-p:hover {transform:translateY(-1px);box-shadow:0 6px 18px var(--dh-glow);}

.lenovo-lp .bsm-g {background:transparent;color:var(--txt2);border:1.5px solid var(--border);}

.lenovo-lp .bsm-g:hover {border-color:var(--border2);color:var(--txt);}

.lenovo-lp .btn-row {display:flex;gap:14px;flex-wrap:wrap;}

.lenovo-lp .btn-row-c {display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}

/* ═══ HERO ═══ */
.lenovo-lp .hero {padding:80px 0 64px;}

.lenovo-lp .hi {display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}

.lenovo-lp .badge {display:inline-flex;align-items:center;gap:8px;background:rgba(226,35,26,.12);border:1px solid rgba(226,35,26,.3);border-radius:999px;padding:6px 16px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;}

.lenovo-lp .hero h1 {font-size:clamp(2rem,4.2vw,3.3rem);font-weight:800;margin-bottom:18px;}

.lenovo-lp .hero h1 em {font-style:normal;color:var(--accent);}

.lenovo-lp .hero .lead {font-size:1.04rem;color:var(--txt2);max-width:520px;margin-bottom:32px;}

.lenovo-lp .hero .btn-row {margin-bottom:44px;}

.lenovo-lp .metrics {display:flex;gap:36px;flex-wrap:wrap;}

.lenovo-lp .mn {font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--txt);}

.lenovo-lp .ml {font-size:.74rem;font-weight:500;color:var(--muted);margin-top:2px;}

.lenovo-lp .hv {position:relative;aspect-ratio:4/3;border-radius:20px;background:linear-gradient(155deg,var(--card),var(--bg2));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s;}

.lenovo-lp[data-theme="dark"] .hv::before {content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.025) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,.025) 40px);}

.lenovo-lp .hv img {position:relative;z-index:1;width:92%;max-width:490px;object-fit:contain;filter:drop-shadow(0 8px 32px rgba(226,35,26,.25));}

/* ═══ STRIP ═══ */
.lenovo-lp .strip {border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);transition:background .3s;}

.lenovo-lp .si {max-width:1180px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}

.lenovo-lp .si h2 {font-size:.97rem;font-weight:700;}

.lenovo-lp .si p {font-size:.85rem;color:var(--muted);}

.lenovo-lp .sl {display:flex;gap:10px;flex-wrap:wrap;}

.lenovo-lp .sl a {font-size:.84rem;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid var(--border);color:var(--txt2);transition:all .2s;}

.lenovo-lp .sl a:hover {border-color:var(--accent);color:var(--txt);}

/* ═══ SECTIONS ═══ */
.lenovo-lp .sec {padding:88px 0;}

.lenovo-lp .sec.alt {background:var(--bg2);transition:background .3s;}

.lenovo-lp .sh {max-width:640px;margin-bottom:48px;}

.lenovo-lp .sh.cen {margin-left:auto;margin-right:auto;text-align:center;max-width:700px;}

.lenovo-lp .sh .eyebrow {margin-bottom:14px;}

.lenovo-lp .sh p {color:var(--txt2);margin-top:14px;font-size:.98rem;}

/* ═══ WHY ═══ */
.lenovo-lp .wg {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

.lenovo-lp .wc {background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;transition:transform .2s,border-color .2s,background .3s;}

.lenovo-lp .wc:hover {transform:translateY(-4px);border-color:var(--accent);}

.lenovo-lp .wi {font-size:1.55rem;margin-bottom:14px;}

.lenovo-lp .wc h3 {font-size:1rem;margin-bottom:8px;}

.lenovo-lp .wc p {font-size:.86rem;color:var(--txt2);}

/* ═══ PRODUCTS ═══ */
.lenovo-lp .pg {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;}

.lenovo-lp .pc {background:var(--card);border:1px solid var(--border);border-radius:14px;padding:36px;display:flex;flex-direction:column;gap:0;transition:border-color .2s,background .3s;}

.lenovo-lp .pc:hover {border-color:rgba(226,35,26,.4);}

.lenovo-lp .pbc {display: grid; grid-template-columns: auto auto auto; align-items:center; gap:12px;margin-bottom:16px;flex-wrap:wrap;}

.lenovo-lp .plv {font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid;text-align:center;white-space:nowrap;line-height:1.4;}

.lenovo-lp .lv-e {color:#22c55e;border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08);}

.lenovo-lp .lv-m {color:var(--dh);border-color:rgba(11,102,243,.4);background:rgba(11,102,243,.1);}

.lenovo-lp .lv-h {color:#f59e0b;border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.08);}

.lenovo-lp .pib {margin: 0 auto; font-size:1.8rem;width:60px;height:60px;border-radius:14px;background:rgba(226,35,26,.1);border:1px solid rgba(226,35,26,.25);display:flex;align-items:center;justify-content:center;}

.lenovo-lp .ff {font-size:.67rem;color:var(--muted);text-align:center;line-height:1.5;}

.lenovo-lp .piw {width:100%;border-radius:10px;overflow:hidden;background:var(--bg2);border:1px solid var(--border);margin-bottom:18px;display:flex;align-items:center;justify-content:center;min-height:110px;padding:10px;transition:background .3s;}

.lenovo-lp .piw img {width:100%;max-height:110px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(226,35,26,.15));}

.lenovo-lp .piw .fb {display:none;font-size:2.2rem;width:100%;min-height:80px;align-items:center;justify-content:center;}

.lenovo-lp .pt {font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}

.lenovo-lp .pc h3 {font-size:1.3rem;margin-bottom:8px;}

.lenovo-lp .pd {font-size:.91rem;color:var(--txt2);margin-bottom:22px;}

.lenovo-lp .sg {display:flex;flex-direction:column;gap:0;margin-bottom:22px;border:1px solid var(--border);border-radius:10px;overflow:hidden;}

.lenovo-lp .sp {display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border);background:transparent;transition:background .2s;}
.lenovo-lp .sp:last-child {border-bottom:none;}
.lenovo-lp .sp:hover {background:var(--bg2);}

.lenovo-lp .sk {font-size:.72rem;color:var(--muted);font-weight:700;min-width:90px;flex-shrink:0;display:flex;align-items:center;gap:5px;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;}

.lenovo-lp .sv {font-size:.81rem;color:var(--txt);font-weight:500;flex:1;line-height:1.4;}

.lenovo-lp .pct {display:flex;gap:12px;flex-wrap:wrap;}

/* ═══ SECTORS ═══ */
.lenovo-lp .scg {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.lenovo-lp .scc {background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;transition:transform .2s,border-color .2s,background .3s;}

.lenovo-lp .scc:hover {transform:translateY(-3px);border-color:var(--border2);}

.lenovo-lp .sci {font-size:1.7rem;margin-bottom:14px;}

.lenovo-lp .scc h3 {font-size: 1rem; margin-bottom:8px;}

.lenovo-lp .scc p {font-size:.84rem;color:var(--txt2);}

/* ═══ VIRT ═══ */
.lenovo-lp .vg {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}

.lenovo-lp .vi .eyebrow {margin-bottom:14px;}

.lenovo-lp .vi h2 {margin-bottom:14px;}

.lenovo-lp .vi>p {color:var(--txt2);font-size:.94rem;margin-bottom:22px;}

.lenovo-lp .tags {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}

.lenovo-lp .tag {display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:rgba(226,35,26,.1);border:1px solid rgba(226,35,26,.28);font-size:.77rem;font-weight:600;color:var(--pill);}

.lenovo-lp .vc {background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;transition:background .3s;}

.lenovo-lp .spl {display:flex;flex-direction:column;gap:8px;margin-bottom:22px;}

.lenovo-lp .spr {display:flex;gap:12px;font-size:.82rem;}

.lenovo-lp .spk {color:var(--muted);min-width:90px;flex-shrink:0;font-weight:500;}

.lenovo-lp .spv {color:var(--txt);font-weight:600;}

/* ═══ WHICH ═══ */
.lenovo-lp .qg {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.lenovo-lp .qc {background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;transition:background .3s;}

.lenovo-lp .qi {font-size:1.5rem;margin-bottom:14px;}

.lenovo-lp .qc h3 {font-size: 1rem; margin-bottom:8px;}

.lenovo-lp .qc p {font-size:.83rem;color:var(--txt2);}

.lenovo-lp .qcta {margin-top:48px;border-radius:20px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,rgba(185,28,28,.75),rgba(226,35,26,.5));border:1px solid rgba(226,35,26,.35);}

.lenovo-lp[data-theme="light"] .qcta {background:linear-gradient(120deg,rgba(226,35,26,.1),rgba(226,35,26,.05));border-color:rgba(226,35,26,.25);}

.lenovo-lp .qcta h3 {font-size:1.25rem;margin-bottom:8px;}

.lenovo-lp .qcta>div>p {font-size:.88rem;color:rgba(255,255,255,.82);}

.lenovo-lp[data-theme="light"] .qcta>div>p {color:var(--txt2);}

/* ═══ HOW ═══ */
.lenovo-lp .hg {display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}

.lenovo-lp .hg::before {content:"";position:absolute;top:22px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--border2) 8%,var(--border2) 92%,transparent);}

.lenovo-lp .hs {padding-right:20px;position:relative;z-index:1;}

.lenovo-lp .hn {width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;color:var(--accent);margin-bottom:18px;transition:background .3s;}

.lenovo-lp .hs h3 {font-size: 1rem; margin-bottom:6px;}

.lenovo-lp .hs p {font-size:.84rem;color:var(--txt2);}

/* ═══ FAQ ═══ */
.lenovo-lp .fl {display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto;}

.lenovo-lp .fi {background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:background .3s;}

.lenovo-lp .fq {width:100%;background:none;border:none;padding:20px 24px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Inter',sans-serif;font-size:.94rem;font-weight:700;color:var(--txt);gap:16px;}

.lenovo-lp .fa {font-size:1rem;color:var(--accent);flex-shrink:0;transition:transform .25s;}

.lenovo-lp .fi.open .fa {transform:rotate(180deg);}

.lenovo-lp .fan {max-height:0;overflow:hidden;transition:max-height .35s ease;}

.lenovo-lp .fi.open .fan {max-height:600px;}

.lenovo-lp .fai {padding:0 24px 20px;font-size:.87rem;color:var(--txt2);line-height:1.78;}

.lenovo-lp .fai a {color:var(--accent);}

.lenovo-lp .fai strong {color:var(--txt);}

/* ═══ RESELLERS ═══ */
.lenovo-lp .rg {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}

.lenovo-lp .ri h2 {margin-bottom:14px;}

.lenovo-lp .ri>p {color:var(--txt2);margin-bottom:26px;font-size:.93rem;}

.lenovo-lp .pk {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;}

.lenovo-lp .pkc {background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;transition:background .3s;}

.lenovo-lp .pki {font-size:1.4rem;margin-bottom:10px;}

.lenovo-lp .pkc h3 {font-size:.87rem;margin-bottom:4px;}

.lenovo-lp .pkc p {font-size:.78rem;color:var(--muted);}

.lenovo-lp .ra {display:flex;gap:12px;flex-wrap:wrap;}

.lenovo-lp .rc {background:linear-gradient(155deg,rgba(185,28,28,.3),var(--card));border:1px solid rgba(226,35,26,.28);border-radius:20px;padding:36px;text-align:center;transition:background .3s;}

.lenovo-lp[data-theme="light"] .rc {background:linear-gradient(155deg,rgba(226,35,26,.06),var(--card));}

.lenovo-lp .rb {font-size:2.8rem;margin-bottom:16px;}

.lenovo-lp .rc h3 {font-size:1.1rem;margin-bottom:10px;}

.lenovo-lp .rc p {font-size:.86rem;color:var(--txt2);margin-bottom:14px;}

/* ═══ FINAL CTA ═══ */
.lenovo-lp .fw {max-width:700px;margin:0 auto;padding:72px 32px;background:radial-gradient(ellipse at top,var(--glow),transparent 70%),var(--card);border:1px solid var(--border);border-radius:20px;text-align:center;transition:background .3s;}

.lenovo-lp .fw .eyebrow {margin-bottom:16px;}

.lenovo-lp .fw h2 {margin-bottom:14px;}

.lenovo-lp .fw>p {color:var(--txt2);margin-bottom:32px;}

/* ═══ FOOTER ═══ */
.lenovo-lp footer {border-top:1px solid var(--border);padding:52px 0 28px;background:var(--bg2);transition:background .3s;}

.lenovo-lp .fi2 {display:flex;justify-content:space-between;flex-wrap:wrap;gap:36px;margin-bottom:40px;}

.lenovo-lp .fc h3 {line-height: 1.25; font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:16px;font-weight:700;}

.lenovo-lp .fc a,
.lenovo-lp .fc p {display:block;font-size:.86rem;color:var(--txt2);margin-bottom:8px;}

.lenovo-lp .fc a:hover {color:var(--accent);}

.lenovo-lp .fb2 {border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--muted);}

.lenovo-lp .soc {display:flex;gap:12px;}

.lenovo-lp .soc a {width:34px;height:34px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:border-color .2s;}

.lenovo-lp .soc a:hover {border-color:var(--accent);}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1040px) {
.lenovo-lp .nav-links {display:none;}

}

@media(max-width:900px) {
  .lenovo-lp .hi,
.lenovo-lp .vg,
.lenovo-lp .rg {grid-template-columns:1fr;}

  .lenovo-lp .hv {order:-1;aspect-ratio:16/9;max-height:280px;}

  .lenovo-lp .hero h1 {font-size:clamp(1.8rem,5vw,2.4rem);}

  .lenovo-lp .wg,
.lenovo-lp .qg,
.lenovo-lp .scg {grid-template-columns:1fr 1fr;}

  .lenovo-lp .hg {grid-template-columns:1fr 1fr;row-gap:36px;}

  .lenovo-lp .hg::before {display:none;}

  .lenovo-lp .sg {grid-template-columns:1fr 1fr;}

  .lenovo-lp .pk {grid-template-columns:1fr;}

.lenovo-lp .pg {grid-template-columns:1fr 1fr;}

}

@media(max-width:600px) {
  .lenovo-lp .wrap {padding:0 16px;}

  .lenovo-lp .sec {padding:60px 0;}

  .lenovo-lp .hero {padding:52px 0 44px;}

  .lenovo-lp .hero h1 {font-size:clamp(1.6rem,6.5vw,2rem);}

  .lenovo-lp .hero .lead {font-size:.96rem;}

  .lenovo-lp .metrics {gap:22px;}

  .lenovo-lp .mn {font-size:1.35rem;}

  .lenovo-lp .nav {padding:0 16px;height:58px;}

  .lenovo-lp .nav-wa {display:none;}

  .lenovo-lp .tb {padding:6px 10px;font-size:.7rem;}

  .lenovo-lp .nav-cta {padding:8px 14px;font-size:.8rem;}

  .lenovo-lp .wg,
.lenovo-lp .scg,
.lenovo-lp .qg {grid-template-columns:1fr;}

  .lenovo-lp .hg {grid-template-columns:1fr;}

  .lenovo-lp .sg {grid-template-columns:1fr;}

  .lenovo-lp .pc {grid-template-columns:1fr;padding:24px;}

  .lenovo-lp .pbc {flex-direction:row;align-items:center;}

  .lenovo-lp .qcta {flex-direction:column;padding:24px;}

  .lenovo-lp .btn {padding:11px 20px;font-size:.88rem;}

  .lenovo-lp .btn-row {flex-direction:column;}

  .lenovo-lp .btn-row>.btn {width:100%;justify-content:center;}

  .lenovo-lp .fq {font-size:.88rem;padding:16px 18px;}

  .lenovo-lp .fai {padding:0 18px 16px;}

  .lenovo-lp .fi2 {flex-direction:column;gap:28px;}

  .lenovo-lp .fw {padding:44px 20px;}

.lenovo-lp .pg {grid-template-columns:1fr;}

}

@media(max-width:380px) {
  .lenovo-lp .hero h1 {font-size:1.45rem;}

  .lenovo-lp .nav-cta {padding:7px 12px;font-size:.76rem;}

  .lenovo-lp .metrics {gap:16px;}

  .lenovo-lp .mn {font-size:1.2rem;}

}

/* ══════════════════════════════════════════════════════════
   INTEGRACIÓN CON THE7
   La nav pasa de sticky a fixed y el JS sincroniza su "top"
   con el borde inferior del header de The7 (igual que asus/daas).
══════════════════════════════════════════════════════════ */
.lenovo-lp header {
  position: fixed;
  top: 130px; /* fallback inicial; el JS lo sincroniza */
  left: 0; right: 0;
  z-index: 100;
  transition: background .3s, transform .3s ease;
}
.lenovo-lp header.is-hidden { transform: translateY(-120%); }
/* La nav pasa a fixed, asi que el hero compensa lo que ocupaba en el flujo.
   >=1201px: The7 muestra su header de escritorio (100px) y el JS baja la nav ahi,
   con lo cual la nav tapa sus 65px del wrapper -> 65 + los 80px originales.
   <=1200px: The7 pasa a su header mobile (60px) y la nav queda pegada arriba,
   asi que solo hay que compensar los ~25px que sobresalen.
   En los tres casos quedan los mismos 80px entre la nav y el hero que en la landing original. */
.lenovo-lp .hero { padding-top: 85px; }
@media (min-width: 1201px) { .lenovo-lp .hero { padding-top: 145px; } }
@media (max-width: 600px)  { .lenovo-lp .hero { padding-top: 52px; } }

/* Hamburguesa + menú mobile (no existían en el HTML standalone) */
.lenovo-lp .hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.lenovo-lp .hamburger span {
  display: block;
  width: 22px; height: 2px;
  border-radius: 2px;
  background: var(--txt);
  transition: all .3s;
}
.lenovo-lp .mobile-menu {
  display: none;
  position: fixed;
  top: 194px; /* fallback; el JS lo sincroniza al borde inferior de la nav */
  left: 0; right: 0;
  z-index: 99;
  flex-direction: column;
  gap: 14px;
  padding: 20px 24px;
  background: var(--nav-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}
.lenovo-lp .mobile-menu.open { display: flex; }
.lenovo-lp .mobile-menu a {
  font-size: .95rem;
  font-weight: 600;
  color: var(--txt2);
}
.lenovo-lp .mobile-menu a:hover { color: var(--accent); }

@media (max-width: 1040px) {
  .lenovo-lp .hamburger { display: flex; }
}
@media (max-width: 900px) {
  .lenovo-lp .nav-wa { display: none; }
}

/* La fila de la nav no entra en pantallas chicas: se aliviana */
@media (max-width: 700px) {
  .lenovo-lp .nav { gap: 10px; }
  .lenovo-lp .logo-meta { display: none; }
  .lenovo-lp .logo svg { max-width: 110px; height: auto; }
  .lenovo-lp .nav-cta { padding: 8px 12px; font-size: .78rem; }
}
@media (max-width: 430px) {
  .lenovo-lp .nav-cta { display: none; }
}

/* >>> the7-color-inherit */

/* ══════════════════════════════════════════════════════════
   COLOR DE TÍTULOS
   The7 (y el kit de Elementor) pintan h1..h6 con su propio color de
   títulos, y esta hoja nunca les asigna uno: heredaban del tema en vez
   del wrapper y quedaban casi negros sobre el fondo oscuro.
   Especificidad (0,1,1) y sin !important, así que cualquier regla propia
   más específica (.fc h5, .hero h1 em, …) sigue mandando.
══════════════════════════════════════════════════════════ */
.lenovo-lp h1,
.lenovo-lp h2,
.lenovo-lp h3,
.lenovo-lp h4,
.lenovo-lp h5,
.lenovo-lp h6 {
  color: inherit;
}
/* <<< the7-color-inherit */