*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6f0;color:#182426;font:16px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #de8711;outline-offset:3px}header,footer{padding:18px max(5vw,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between}header{background:#172225;color:white;border-bottom:1px solid #404b4b}.logo{display:flex;align-items:center;gap:12px;font-weight:700}.logo b{background:#ddff59;color:#172225;display:grid;place-content:center;position:relative;width:35px;height:35px;font:bold italic 25px Arial}.logo b span{position:absolute;right:3px;bottom:1px;font-size:14px}.navlink{font-size:14px}.navlink span{color:#ddff59}.hero{display:grid;grid-template-columns:1fr 1fr;background:#172225;color:#fff}.intro{padding:clamp(40px,5vw,95px) 5vw}.kicker,small,.legend,.filters button{font:600 12px/1.5 'Courier New',monospace}.kicker,.legend,small{letter-spacing:.09em;text-transform:uppercase}.kicker{display:flex;gap:10px;align-items:center}.kicker i{width:24px;height:3px;background:#ddff59}.dark i{background:#517000}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Arial',sans-serif;line-height:1;letter-spacing:-.06em}h1{font-size:clamp(60px,6.6vw,108px);margin:22px 0}h1 em{color:#ddff59;font-style:normal}.intro p{max-width:44ch;color:#ced6d3}.cta{display:inline-flex;gap:26px;align-items:center;background:#ddff59;color:#172225;padding:12px 20px;font-weight:700;margin-top:28px;border-radius:4px}.heroimage{position:relative;display:grid;place-items:center;background-color:#f1f3ee;background-image:linear-gradient(#d4dbd44a 1px,transparent 1px),linear-gradient(90deg,#d4dbd44a 1px,transparent 1px);background-size:32px 32px;overflow:hidden;min-height:350px}.heroobject{width:min(59%,310px);aspect-ratio:.84;overflow:hidden;mix-blend-mode:multiply}.heroobject img{width:100%;display:block;transform:translateY(-12.2%)}.legend{position:absolute;bottom:12px;right:20px;left:20px;display:flex;justify-content:space-between;border-top:1px solid #b6c0ba;padding-top:8px;color:#455352;font-size:10px}#catalogo{max-width:1540px;margin:auto;padding:clamp(46px,5vw,85px) 5vw}h2{font-size:clamp(34px,4vw,65px);margin:14px 0 25px}.filters,#vistas{display:flex;flex-wrap:wrap;gap:8px}.filters{margin-bottom:24px}.filters button,#vistas button{border:1px solid #c3c8c3;background:transparent;padding:8px 13px;border-radius:4px}.filters button[aria-pressed=true],#vistas button[aria-pressed=true]{background:#203332;color:#fff}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:white;border:1px solid #d0d6cd;text-align:left;padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}.card:hover{border-color:#66746c}.visual{aspect-ratio:1.35;width:100%;overflow:hidden;position:relative}.visual img{width:100%;height:100%;object-fit:cover}.square img{object-position:50% 52%}.classic img{width:230%;max-width:none;object-position:0% 61%;height:160%;transform:translate(-5%,-27%)}.label img{width:240%;max-width:none;height:160%;transform:translate(-58%,-27%)}.round img{object-position:50% 33%}.bodycard{padding:19px;display:grid;gap:9px}.bodycard small{font-size:10px;color:#50605a}.bodycard strong{font-size:22px;line-height:1.1;letter-spacing:-.04em}.bodycard .action{font-size:13px;margin-top:8px;color:#375449}footer{border-top:1px solid #ccd3ca;font-size:13px}dialog{border:none;border-radius:8px;padding:0;width:min(740px,94vw);max-height:90dvh;color:inherit;background:#fff}dialog::backdrop{background:#102021db}.cerrar{position:absolute;right:12px;top:12px;border:1px solid #c5cfc7;border-radius:50%;background:white;width:40px;height:40px;font-size:24px;z-index:1}.gallery{background:#e6eae3;height:min(38vh,370px);padding:8px}.gallery img{width:100%;height:100%;object-fit:contain}.info{padding:24px}.info h2{font-size:32px;margin:7px 0 12px}.info p{max-width:60ch}#vistas{margin:18px 0}.nota{font-size:13px;color:#54605b}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hero{grid-template-columns:1fr}.intro{padding:32px 6vw}.heroimage{min-height:235px}.heroobject{width:160px}.cards{gap:10px}.bodycard{padding:12px}.bodycard strong{font-size:18px}.legend{bottom:5px}.info{padding:18px}}@media(max-width:355px){.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}