/* Dirección visual editorial: blanco, negro y azul. Conserva las bases accesibles. */
:root{--ink:#111;--muted:#606060;--green:#1454df;--cream:#fff;--line:#dedede;--accent:#1454df}
body{font-family:Arial,Helvetica,sans-serif}header{max-width:none;padding:18px 4%;min-height:94px;background:white}.mark{background:none;color:#1454df;font-size:36px;padding:0;font-style:italic;letter-spacing:-4px}.brand{font-size:23px;gap:18px;letter-spacing:-1px}.brand-small{font-size:8px;letter-spacing:2px}nav a{font-size:15px;color:#111}nav a[aria-current=page]{color:#1454df}.demo{background:#f5f5f5;color:#555;font-size:11px;padding:9px}main{max-width:1600px;padding:0 4% 80px}.hero{display:flex;flex-direction:column;gap:0;position:relative;padding:0;margin:0 -4.35% 64px}.hero-art{order:0;width:100%;height:480px;border-radius:0;background:#c4d7f5;min-height:0;display:block}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-copy{order:1;text-align:center;padding:36px 20px 0;width:100%;background:#fff}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:76px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:.95;margin:8px auto 20px}.hero p:not(.eyebrow){max-width:660px;margin:0 auto 24px;font-size:16px;color:#111}.hero .eyebrow{color:#1454df;font-size:12px;letter-spacing:2px}.hero .button{border-radius:50px;padding:12px 26px}.hero-caption{position:absolute;left:4%;top:30px;font-size:12px;font-weight:700;color:#172544;letter-spacing:2px}.category-links{display:flex;justify-content:center;gap:10px;margin:24px 0 0;flex-wrap:wrap}.category-links button{border-radius:50px;background:white;color:#111;border:1px solid #ccc;font-size:13px;padding:8px 18px}.category-links button:hover{border-color:#1454df;color:#1454df}.section-head h2{font-size:28px;font-weight:600;letter-spacing:-.8px}.section-head .eyebrow{color:#1454df}.filters{padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;gap:18px}.filters input,.filters select{border-radius:30px;background:#f5f5f5;border:1px solid #ddd}.filters button{border-radius:30px}.grid{grid-template-columns:repeat(3,1fr);gap:38px 20px}.card{border:0;border-radius:0}.product-art,.product-art[data-category]{height:auto;aspect-ratio:1.18;background:#f4f4f4;overflow:hidden}.product-art svg{width:85%;height:85%;transition:transform .2s ease}.card:hover .product-art svg{transform:scale(1.04)}.card-content{padding:18px 0}.card small{font-size:12px;letter-spacing:0;text-transform:none;color:#555}.card h3{font-size:18px;font-weight:600;margin:5px 0}.card p{font-size:14px}.price{font-size:19px}.badge{border-radius:0;padding:2px 5px;background:transparent;font-size:11px}.badge:not(.low):not(.out){color:#1454df}.card-bottom{margin:10px 0}.card button{border-radius:30px;min-height:44px}.button,button{border-radius:30px}.button:hover,button:not(.secondary):hover{background:#0c3ca6;color:#fff}.secondary:hover{background:#f0f3fb}.stats{gap:20px}.stat{border-radius:0;border-top:3px solid #1454df}.stat strong{font-size:38px}.notice{background:#f1f5ff;color:#263d6c;border-radius:0}.table-wrap{border-radius:0}th{background:#f2f4f8}td button{border-radius:25px}.section-head h1{font-weight:800;letter-spacing:-1.5px}.prose{max-width:800px}.prose h1{font-size:48px}dialog{border-radius:12px}dialog .product-art{max-height:260px}dialog .product-art svg{height:240px}footer{background:#111;color:#ccc;border:0;padding:36px 4%;font-size:12px}.message:not(:empty){border-radius:5px;background:#1454df}:focus-visible{outline-color:#1454df}
@media(min-width:1500px){.hero-art{height:540px}}@media(max-width:900px){.hero-art{height:360px}.hero h1{font-size:62px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{padding:16px 5%;gap:18px}.brand{font-size:22px}nav{width:100%;justify-content:space-between;gap:12px}.demo{font-size:10px}main{padding:0 5% 45px}.hero{margin:0 -5.56% 40px}.hero-art{height:280px}.hero-art img{object-position:66% center}.hero-copy{padding:28px 18px 0}.hero h1{font-size:49px}.hero p:not(.eyebrow){font-size:14px}.hero-caption{top:16px;font-size:9px}.category-links{gap:7px}.category-links button{font-size:11px;padding:8px 12px}.grid{gap:24px 12px}.card h3{font-size:15px}.card small,.card p{font-size:11px}.price{font-size:16px}.card-bottom{align-items:start;flex-direction:column;gap:5px}.card button{font-size:12px;padding:8px}.filters{gap:12px}.section-head h2{font-size:25px}.form-grid{grid-template-columns:1fr}.prose h1{font-size:36px}.stats{gap:10px}.stat strong{font-size:30px}}@media(prefers-reduced-motion:reduce){.product-art svg{transition:none}}