:root{--amber:#f59e0b;--amber2:#fbbf24;--bg:#09090b;--surface:#17171a;--text:#fafafa;--muted:#b7b7c0;--line:rgba(255,255,255,.12);--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.68;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:-20%;z-index:-1;background:radial-gradient(40% 32% at 10% 0%,rgba(245,158,11,.17),transparent 72%),var(--bg)}a{color:inherit}a:focus-visible{outline:3px solid var(--amber);outline-offset:4px;border-radius:8px}.skip{position:absolute;top:-70px;left:16px;z-index:99;padding:12px 16px;border-radius:10px;background:var(--amber);color:#18181b;font-weight:850}.skip:focus{top:16px}header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(9,9,11,.9);backdrop-filter:blur(18px)}.nav,.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.nav{min-height:68px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--amber2);font-weight:900;font-size:20px;text-decoration:none}.brand img{width:36px;height:36px;border-radius:10px}.navlink{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:800}.navlink:hover{background:rgba(255,255,255,.07)}.navlink.cta{background:var(--amber);color:#18181b}.hero{padding:clamp(70px,10vw,130px) 0 70px;border-bottom:1px solid var(--line)}.hero .wrap{max-width:1120px}.eyebrow,.kicker,.cat{color:#fcd34d;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.hero h1{max-width:900px;margin:18px 0 22px;font-size:clamp(42px,7vw,76px);line-height:1.01;letter-spacing:-.05em;text-wrap:balance}.hero p{max-width:760px;margin:0;color:#d4d4d8;font-size:clamp(18px,2vw,22px)}h2{margin:0;font-size:clamp(28px,4vw,43px);line-height:1.12;letter-spacing:-.03em}p{max-width:760px}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding-block:64px}.intro>div,.intro aside{padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(23,23,26,.78)}.intro p{color:var(--muted)}.intro aside{border-color:rgba(245,158,11,.3)}.intro aside strong{color:#fcd34d}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head p{max-width:430px;margin:0;color:var(--muted)}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post{min-height:280px;border:1px solid var(--line);border-radius:19px;background:rgba(23,23,26,.82);transition:transform .2s,border-color .2s}.post:hover{transform:translateY(-3px);border-color:rgba(245,158,11,.55)}.post.featured{grid-column:span 2;background:linear-gradient(140deg,rgba(245,158,11,.15),rgba(23,23,26,.86))}.post a{height:100%;display:flex;flex-direction:column;padding:26px;text-decoration:none}.post h3{margin:12px 0 10px;font-size:clamp(21px,2.2vw,29px);line-height:1.15;letter-spacing:-.025em}.post p{margin:0;color:var(--muted)}.read{margin-top:auto;padding-top:28px;color:#fcd34d;font-weight:850}.final{margin-top:72px;padding:clamp(30px,5vw,50px);border:1px solid rgba(245,158,11,.32);border-radius:22px;background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(23,23,26,.9))}.final p{color:#d4d4d8}.button{min-height:48px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;background:var(--amber);color:#18181b;text-decoration:none;font-weight:850}footer{margin-top:72px;border-top:1px solid var(--line);padding:28px 0 calc(28px + env(safe-area-inset-bottom));color:var(--muted);font-size:14px}.foot{display:flex;gap:20px;flex-wrap:wrap}.foot span{margin-right:auto}
.article{width:min(calc(100% - 40px),780px);margin:auto;padding:34px 0 80px}.crumbs{color:var(--muted);font-size:14px}.crumbs a{color:#fcd34d}.article-head{padding:52px 0 36px}.article-head h1{margin:16px 0 18px;font-size:clamp(36px,6vw,62px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.dek{color:#d4d4d8;font-size:20px}.meta{color:var(--muted);font-size:14px}.answer,.warning{margin:28px 0;padding:24px;border-radius:17px;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.09)}.warning{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08)}.article h2{margin:52px 0 14px;font-size:30px}.article h3{margin:28px 0 8px;font-size:21px}.article p,.article li{color:#d0d0d7}.article li{margin:8px 0}.checklist{padding:0;list-style:none}.checklist li{position:relative;padding:13px 14px 13px 44px;border-bottom:1px solid var(--line)}.checklist li::before{content:"";position:absolute;left:14px;top:16px;width:16px;height:16px;border:2px solid var(--amber);border-radius:4px}.sources{margin-top:54px;padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.sources h2{margin-top:0;font-size:24px}.sources a{color:#fcd34d}.article-cta{margin-top:42px;padding:28px;border-radius:18px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3)}
@media(max-width:820px){.intro{grid-template-columns:1fr}.posts{grid-template-columns:1fr}.post.featured{grid-column:auto}.section-head{display:block}.section-head p{margin-top:12px}.navlink:not(.cta){display:none}}@media(max-width:540px){.nav,.wrap,.article{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:54px}.post{min-height:240px}.navlink.cta{padding-inline:10px}.article-head{padding-top:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post{transition:none}}
.hero.compacta{padding:clamp(48px,7vw,84px) 0 44px}
.hero.compacta h1{font-size:clamp(36px,5.4vw,58px)}
.temas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.temas a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(23,23,26,.82);color:#e4e4e7;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s}
.temas a:hover{border-color:rgba(245,158,11,.55);color:#fcd34d}
.nota{margin:18px 0 0;color:var(--muted);font-size:14px;max-width:760px}
.seccion-marcas{margin-top:64px}
#operacion,#maquinaria-amarilla,#camiones,#telehandlers,#especiales{scroll-margin-top:96px}