:root{--bg: #faf5ea;--surface: #fffdf7;--text: #3b2a1e;--muted: #6b5645;--accent: #8a5a2b;--accent-dark: #6b4220;--amber: #d9a441;--line: #e4d6bd;--radius: 10px;--gutter: 1rem;--max: 72rem;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Georgia, "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1}img{max-width:100%;height:auto;display:block}a{color:var(--accent-dark);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-serif);line-height:1.2;margin:0 0 .5em}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:-999px;top:0;background:var(--text);color:var(--bg);padding:.5rem 1rem;z-index:10}.skip-link:focus{left:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-block:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-serif);font-size:1.4rem;font-weight:700;line-height:1.1;color:var(--text);text-decoration:none}.brand-mark{width:2.5rem;height:2.5rem;flex:none}@media(max-width:30rem){.brand{font-size:1.15rem;gap:.5rem}.brand-mark{width:2rem;height:2rem}}.footer-mark{display:block;width:2.5rem;height:2.5rem;margin-bottom:.75rem;background-color:var(--amber);-webkit-mask:url(/logo.svg) center / contain no-repeat;mask:url(/logo.svg) center / contain no-repeat}.site-footer{margin-top:4rem;background:var(--text);color:#f3e9d6;padding-block:2.5rem}.site-footer a{color:#f3e9d6}.site-footer .promise{font-family:var(--font-serif);font-size:1.2rem;margin:0 0 1rem;color:var(--amber)}.site-footer p{margin:.25rem 0}.intro{padding-block:3rem 2rem}.intro h1{font-size:clamp(1.8rem,5vw,2.8rem);max-width:22ch}.intro p{color:var(--muted);max-width:55ch;margin:0}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));list-style:none;padding:0;margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;height:100%}.card a{display:block;color:inherit;text-decoration:none;height:100%}.card a:hover .card-title{text-decoration:underline}.card-media{position:relative;aspect-ratio:4 / 3;background:var(--line)}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:1rem}.card-title{font-family:var(--font-serif);font-size:1.15rem;margin:0 0 .25rem}.price{font-weight:700;color:var(--accent-dark);margin:0}.card.is-vendido{opacity:.65}.card.is-vendido .card-media img{filter:grayscale(.8)}.badge{display:inline-block;font-size:.8rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;background:var(--text);color:#fff}.card-media .badge{position:absolute;top:.75rem;left:.75rem}.badge.reservado{background:var(--accent-dark)}.badge.disponible{background:#2f5d3a}.empty{color:var(--muted)}.detail{display:grid;gap:2rem;padding-block:2rem}@media(min-width:52rem){.detail{grid-template-columns:1.2fr 1fr;align-items:start}}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--radius);border:1px solid var(--line);background:var(--line)}.gallery-track>li{flex:0 0 100%;scroll-snap-align:center;list-style:none;aspect-ratio:4 / 3}.gallery-track img{width:100%;height:100%;object-fit:cover}.gallery-wrap{position:relative}.gallery-wrap ul{margin:0;padding:0}.thumbs{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.thumbs a{display:block;width:4.5rem;aspect-ratio:4 / 3;border:2px solid var(--line);border-radius:6px;overflow:hidden}.thumbs img{width:100%;height:100%;object-fit:cover}.arrow{position:absolute;top:40%;width:2.75rem;height:2.75rem;border-radius:50%;border:none;background:#3b2a1ecc;color:#fff;font-size:1.4rem;cursor:pointer}.arrow.prev{left:.5rem}.arrow.next{right:.5rem}.arrow[hidden]{display:none}.specs{margin:1.5rem 0;display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem}.specs dt{font-weight:700}.specs dd{margin:0}.detail .price{font-size:1.6rem;margin:.5rem 0}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.btn{display:inline-block;padding:.8rem 1.4rem;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--accent)}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.secondary{background:transparent;color:var(--accent-dark)}.btn.secondary:hover{background:var(--accent-dark);color:#fff}.notice{margin-top:1.5rem;padding:1rem;border-left:4px solid var(--amber);background:var(--surface)}.back{display:inline-block;margin-top:1.5rem}.notfound{padding-block:5rem;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.affiliate-notice{margin-top:1rem!important;padding:.75rem 1rem;border-left:4px solid var(--amber);background:var(--surface);color:var(--text)!important;font-size:.95rem}.footer-notice{font-size:.9rem;opacity:.9;margin-bottom:1rem!important}.rating{display:inline-flex;align-items:center;gap:.5rem}.stars{font-size:1.15rem;line-height:1;letter-spacing:.08em;color:transparent;background:linear-gradient(90deg,#b9801f var(--p),var(--line) var(--p));-webkit-background-clip:text;background-clip:text}.rating-text{font-size:.9rem;font-weight:700;color:var(--muted)}.tool-rating{margin:0 0 .5rem}.tool-card .card-title a{color:inherit;text-decoration:none;display:inline;height:auto}.tool-card .card-title a:hover{text-decoration:underline}.shop-search{margin-top:.5rem}.shop-search[hidden]{display:none}.opinion,.related{padding-block:1rem 2rem}.opinion h2,.related h2{font-size:1.5rem}.proscons{display:grid;gap:1.5rem;margin-top:1rem}@media(min-width:40rem){.proscons{grid-template-columns:1fr 1fr}}.proscons h3{font-size:1.1rem}.proscons ul{margin:0;padding-left:1.25rem}.pros li::marker{content:"+ ";font-weight:700;color:#2f5d3a}.cons li::marker{content:"− ";font-weight:700;color:var(--accent-dark)}.tool-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--line),var(--surface))}.tool-desc{margin:0 0 1rem;color:var(--muted)}.tool-card .card-body{display:flex;flex-direction:column}.tool-card .btn{align-self:flex-start;margin-top:auto;display:inline-block;height:auto;color:#fff}.site-header .container{flex-wrap:wrap;gap:.5rem 1.5rem}.cat-nav ul{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;list-style:none;margin:0;padding:0}.cat-nav a{color:var(--text);text-decoration:none;padding-block:.25rem;display:inline-block}.cat-nav a:hover,.cat-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.3em}.card[hidden]{display:none}.card-meta{margin:0 0 .25rem;font-size:.85rem;color:var(--muted)}.card-hint{margin:.25rem 0 0;font-size:.85rem;color:var(--muted)}.catalog-tools{margin-bottom:1.5rem}.filters{display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:end;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.field-wide{grid-column:1 / -1}.field label{font-size:.9rem;font-weight:700}.field input,.field select{font:inherit;color:var(--text);background:#fff;border:1px solid var(--muted);border-radius:6px;padding:.55rem .7rem;min-height:2.75rem;width:100%}.field-actions .btn{width:100%;cursor:pointer;font:inherit;font-weight:700;padding-block:.55rem;min-height:2.75rem}.result-count{margin:.75rem 0 0;color:var(--muted);font-weight:700}.empty-state{padding:2rem 0;text-align:center;color:var(--muted)}.empty-state .btn{cursor:pointer;font:inherit;font-weight:700}.commission{margin-top:1.5rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.commission h2{font-size:1.25rem;margin:0 0 .25rem}.commission p{margin:0}.hero{position:relative;width:100%;background:var(--text)}.hero-track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-track::-webkit-scrollbar{display:none}.hero-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4 / 3;position:relative}@media(min-width:48rem){.hero-slide{aspect-ratio:16 / 7}}.hero-slide a{display:block;width:100%;height:100%;color:#fff;text-decoration:none;position:relative}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide a:focus-visible{outline:4px solid #fff;outline-offset:-8px;border-radius:0}.hero-caption{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:.25rem;padding:3rem max(var(--gutter),calc((100% - var(--max)) / 2 + var(--gutter))) 3.5rem;background:linear-gradient(to top,#1e140ce0,#1e140c99 55%,#1e140c00)}.hero-title{font-family:var(--font-serif);font-size:clamp(1.3rem,4vw,2.2rem);font-weight:700;line-height:1.2}.hero-subtitle{font-size:clamp(.95rem,2.2vw,1.15rem);max-width:60ch}.hero-slide a:hover .hero-title{text-decoration:underline}.hero-controls[hidden]{display:none}.hero-controls{position:absolute;inset:0;pointer-events:none}.hero-btn,.hero-dot,.hero-pause{pointer-events:auto;cursor:pointer}.hero-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:50%;border:none;background:#1e140cbf;color:#fff;font-size:1.6rem;line-height:1}.hero-prev{left:.75rem}.hero-next{right:.75rem}.hero-bar{position:absolute;bottom:.75rem;inset-inline:0;display:flex;justify-content:center;align-items:center;gap:1rem}.hero-dots{display:flex;gap:.25rem;pointer-events:auto}.hero-dot{width:2.75rem;height:2.75rem;padding:0;border:none;background:transparent;position:relative}.hero-dot:after{content:"";position:absolute;inset:50% auto auto 50%;width:.8rem;height:.8rem;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff;background:transparent}.hero-dot[aria-current=true]:after{background:#fff}.hero-pause{border:2px solid #fff;background:#1e140cbf;color:#fff;font:inherit;font-size:.85rem;font-weight:700;padding:.3rem .8rem;border-radius:999px;min-height:2.75rem}.hero-pause[hidden]{display:none}.hero-btn:focus-visible,.hero-dot:focus-visible,.hero-pause:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--text)}
