:root{color-scheme:light;--wine:#913636;--cream:#fbedd6;--ink:#382d29;--muted:#685a52;--line:#eadfd4;--paper:#fffdfa}
*{box-sizing:border-box}body{margin:0;background:#fffcf8;color:var(--ink);font:16px/1.75 Arial,Helvetica,sans-serif}
a{color:var(--wine)}a:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
.wrap{max-width:1140px;width:calc(100% - 40px);margin:auto}.top{background:var(--paper);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0}.logo{display:flex;align-items:center;gap:11px;font:700 24px Georgia,serif;color:var(--wine);text-decoration:none}.logo img{width:49px;height:49px;border-radius:9px}.topnav{display:flex;gap:17px;flex-wrap:wrap;font-weight:700;font-size:13px}.topnav a{text-decoration:none}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--wine)}.crumb{font-size:13px;margin:23px 0;color:var(--muted)}.crumb a{color:inherit;text-decoration:none}
.hero{display:grid;grid-template-columns:1.3fr .9fr;gap:32px;align-items:center;padding:15px 0 45px}.hero h1{font:normal clamp(36px,4.7vw,57px)/1.13 Georgia,serif;letter-spacing:-.035em;margin:12px 0 19px}.lead{font-size:18px;line-height:1.75;color:#65554e;max-width:680px}.heroimg{width:100%;aspect-ratio:1.18;object-fit:cover;border-radius:10px}.btn{display:inline-flex;background:var(--wine);border:1px solid var(--wine);color:white;text-decoration:none;border-radius:5px;padding:13px 23px;font-weight:700;font-size:14px;margin:10px 12px 5px 0}.btn.alt{background:transparent;color:var(--wine)}
.content{display:grid;grid-template-columns:1.55fr .85fr;gap:42px;padding:10px 0 30px}.content h2,.related h2{font:normal 32px/1.3 Georgia,serif}.content p{color:#564b45;line-height:1.9}.tips{background:#f9f0e6;border:1px solid var(--line);padding:22px 24px;border-radius:8px;align-self:start}.tips h2{font-size:26px;margin:0 0 14px}.tips li{margin:10px 0}.related{padding:24px 0 60px}.links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.links a{display:block;padding:17px 19px;border:1px solid var(--line);border-radius:7px;background:white;text-decoration:none;font-weight:700}.links a:hover{border-color:var(--wine);background:#fff5eb}.note{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);background:#f9f4ec;padding:25px 0;font-size:13px}footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{text-decoration:none}
@media(max-width:760px){.hero,.content{grid-template-columns:1fr}.hero{padding-top:6px}.heroimg{max-height:310px}.top .wrap{align-items:flex-start}.topnav{gap:10px;font-size:11px}.links{grid-template-columns:1fr 1fr}.content{gap:16px}}
@media(max-width:450px){.links{grid-template-columns:1fr}.hero h1{font-size:39px}.lead{font-size:16px}.logo{font-size:21px}}
/* Categorías SEO con el catálogo público actualizado; las tarjetas se crean en el navegador. */
.live-catalog{padding:24px 0 34px;border-top:1px solid var(--line)}
.live-catalog h2{font:normal 32px/1.3 Georgia,serif;margin:0 0 12px}
.seo-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:18px}
.seo-product{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seo-product-photo{display:block;height:185px;background:#f4ebe2}
.seo-product-photo img{width:100%;height:100%;object-fit:cover}
.seo-product-body{padding:14px 15px 17px;display:grid;gap:8px;align-content:start}
.seo-product-body h3{font:normal 19px/1.2 Georgia,serif;margin:0;overflow-wrap:break-word}
.seo-product-body .note{margin:0;font-size:12px}
.seo-product-price{font-size:17px;color:#342a28}
.seo-availability{font-size:12px;color:var(--muted);margin:0}
.seo-product-link{font-size:13px;font-weight:700;text-underline-offset:3px}
@media(max-width:900px){.seo-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:630px){.seo-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seo-product-photo{height:145px}.seo-product-body{padding:10px}.seo-product-body h3{font-size:16px}}