@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&family=Pinyon+Script&display=swap');
:root{--cream:#fbf7f0;--ink:#38251f;--gold:#967345;--line:#e5dbcd;--muted:#77675e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.topline{background:var(--ink);color:#f4e9da;text-align:center;padding:11px;font-size:11px;letter-spacing:1.2px}header{display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:28px 5%;gap:28px}.logo{font-family:'Libre Caslon Display',Georgia,serif;font-size:52px;line-height:.9;display:inline-block;letter-spacing:-2px}.logo span{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;display:block;margin-top:14px}nav{display:flex;align-items:center;gap:33px;font-size:13px}.contact{border:1px solid var(--line);padding:13px 21px;border-radius:2px}.hero{max-width:1320px;margin:15px auto 0;display:grid;grid-template-columns:1fr 1fr;min-height:530px;padding-left:5%}.hero-copy{padding:70px 28px 60px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--gold);text-transform:uppercase}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-2px;line-height:1.03;margin:26px 0}em{font-weight:400;color:#94683e}h1 em{font-size:.91em}.hero-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9;max-width:340px}.button{display:inline-flex;gap:35px;background:var(--ink);color:var(--cream);padding:18px 23px;font-size:12px;margin-top:23px}.signature{margin-top:30px;color:var(--gold);font-family:Georgia,serif;font-style:italic;font-size:16px}.hero-image{position:relative;background:#e9dfd1;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-image>span{position:absolute;bottom:18px;right:18px;background:#fbf7f0e6;padding:7px 10px;font-size:10px}.ribbon{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:65px;padding:24px 15px;margin-top:45px;font-size:10px;letter-spacing:2px}.ribbon i{color:var(--gold);font-size:17px}.catalog{max-width:1200px;margin:80px auto;padding:0 30px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.section-title h2{font-size:48px;line-height:1.1;margin:18px 0}.section-title>p{font-size:13px;line-height:1.8;color:var(--muted)}.demo-note{color:var(--muted);font-size:12px;line-height:1.6;margin:15px 0 30px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-block:1px solid var(--line)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:10px 14px;border:1px solid transparent;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;border-radius:2px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.search input{width:210px;background:transparent;border:0;border-bottom:1px solid #c8bba8;padding:10px 3px;font-size:12px}.count{font-size:11px;color:var(--muted);margin:20px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.photo{position:relative;aspect-ratio:1/1.06;background:#e8dfd3;overflow:hidden}.photo img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.card:hover .photo img{transform:scale(1.04)}.photo-note{position:absolute;bottom:12px;left:12px;background:#fbf7f0e8;padding:6px 8px;font-size:9px}.card>.eyebrow{margin:24px 0 8px;font-size:9px}.card h3{font-size:30px;line-height:1.1;margin:8px 0 13px}.description{font-size:12px;line-height:1.9;min-height:68px;color:var(--muted)}.price{font-size:19px;margin:16px 0 3px}.price-note{font-size:10px;color:var(--muted)}.product-link{display:block;margin-top:20px;padding:15px 8px;border:1px solid #c8bba8;text-align:center;font-size:11px;transition:background .2s}.product-link:hover{background:var(--ink);color:var(--cream)}.how{background:#eee6da;padding:65px max(30px,calc((100vw - 1140px)/2));display:grid;grid-template-columns:1fr 1fr;gap:65px}.how h2{font-size:56px;line-height:1.04;margin:22px 0}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:22px;border-bottom:1px solid #d6cab7;padding:21px 0}.how li>b{color:var(--gold);font-family:Georgia,serif;font-weight:400}.how h3{font-family:'DM Sans',sans-serif;font-size:14px;margin:0 0 7px}.how li p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}footer{background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;padding:52px max(30px,calc((100vw - 1140px)/2))}footer p,footer>a:not(.logo){font-size:12px}footer small{width:100%;font-size:10px;color:#c4b1a0;border-top:1px solid #60483b;padding-top:24px;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){nav{gap:18px}.hero{min-height:450px}.hero-copy{padding-top:40px}.toolbar{flex-direction:column;align-items:flex-start}.search,.search input{width:100%}.ribbon{gap:28px}.grid{grid-template-columns:repeat(2,1fr)}.section-title h2{font-size:40px}}@media(max-width:600px){header{padding:25px 22px}.logo{font-size:43px}.logo span{font-size:7px}nav>a:not(.contact){display:none}.contact{padding:10px 12px}.hero{grid-template-columns:1fr;padding:0;margin:0}.hero-copy{padding:30px 24px 40px}h1{font-size:55px}.hero-image{height:360px}.ribbon{gap:14px;padding:20px 8px;margin-top:0;font-size:8px;letter-spacing:.7px}.ribbon i{font-size:11px}.catalog{margin:55px auto;padding:0 22px}.section-title{display:block}.section-title>p br{display:none}.section-title h2{font-size:41px}.grid{gap:30px 14px}.card h3{font-size:25px}.description{font-size:11px;min-height:100px}.product-link{font-size:10px;padding:14px 3px}.photo-note{font-size:8px;left:6px;bottom:6px}.filters button{font-size:11px;padding:9px 10px}.how{grid-template-columns:1fr;gap:15px;padding:40px 24px}.how h2{font-size:48px}footer{padding:40px 24px}.price{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Paleta pastel: rosa empolvado, marfil y salvia. */
:root{--cream:#fffaf8;--ink:#453432;--gold:#85634d;--line:#e8dcd9;--muted:#71615e}
body{background:linear-gradient(180deg,#fffaf8 0%,#fbf2f1 45%,#fffaf8 72%)}
.topline{background:#ead7d5;color:#58413e;letter-spacing:1px}
header{background:transparent}
.contact{background:#fffaf899;border-color:#d9c4c0;border-radius:4px}
.hero{background:#f6e8e5;border:1px solid #efdfdb;border-radius:12px;overflow:hidden;box-shadow:0 14px 45px #76534708}
.hero-image{background:#f0e1df}
.hero-copy{padding-right:32px}
em{color:#8a605b}
.button{background:#684d49;border-radius:4px;transition:background .2s,transform .2s}
.button:hover{background:#503b38;transform:translateY(-2px)}
.signature{color:#805e56}
.ribbon{background:#edf1e9;border-color:#e0e5dc;color:#53624e}
.ribbon i{color:#718068}
.demo-note{background:#f4eeeb;border-left:2px solid #c5a69f;padding:12px 15px;border-radius:0 4px 4px 0}
.filters button{border-radius:4px}
.filters button[aria-pressed=true]{background:#ead7d5;color:#513c39;border-color:#d8bfba}
.filters button:hover{background:#f0e4e1;color:var(--ink)}
.search input{border-bottom-color:#cfbbb5}
.grid{align-items:stretch}
.card{display:flex;flex-direction:column;background:#fffdfb;border:1px solid #eee1dc;border-radius:9px;padding:12px 12px 18px;box-shadow:0 5px 20px #79594d05}
.photo{background:#f3e9e5;border-radius:5px;aspect-ratio:1/1}
.card>.eyebrow,.card>h3,.card>.description,.card>.price,.card>.price-note{margin-left:8px;margin-right:8px}
.card>.eyebrow{margin-top:22px}
.description{flex:1}
.product-link{margin-left:8px;margin-right:8px;border-color:#d3bab4;border-radius:4px;background:#fcf5f2;color:#654b45}
.product-link:hover{background:#684d49;color:#fffaf8;border-color:#684d49}
.photo-note{background:#fffaf8ed;border:1px solid #f1e7e1;border-radius:3px;color:#695853}
.how{background:#edf0e8;border-top:1px solid #e2e6db;border-bottom:1px solid #e2e6db}
.how li{border-color:#d9dfd2}
.how li>b{color:#6a7a60}
footer{background:#f0e2df;color:#4f3b37}
footer small{color:#77625d;border-top-color:#d9c4bf}
@media(max-width:600px){.hero{border-radius:0;border-left:0;border-right:0}.hero-copy{padding-right:24px}.card{padding:8px 8px 14px}.card>.eyebrow,.card>h3,.card>.description,.card>.price,.card>.price-note{margin-left:3px;margin-right:3px}.product-link{margin-left:0;margin-right:0}.card h3{font-size:24px}}

/* Firma caligráfica de la marca. */
.logo{font-family:'Pinyon Script','Brush Script MT',cursive;font-size:72px;font-weight:400;line-height:.9;letter-spacing:0;text-align:center;flex-shrink:0;color:#62443e;padding:3px 10px 0}
.logo span{font-family:'DM Sans',sans-serif;font-size:8px;font-weight:500;letter-spacing:2px;line-height:1.6;margin-top:12px;white-space:nowrap;color:#745950}
.logo::after{content:'';display:block;width:44px;height:1px;background:#b99a82;margin:9px auto 0}
footer .logo{font-size:65px}
@media(max-width:600px){.logo{font-size:61px;padding-left:0;padding-right:0}.logo span{font-size:7px;letter-spacing:1.5px}.logo::after{width:35px;margin-top:7px}footer .logo{font-size:61px}}

/* Identificación visual de todos los enlaces a WhatsApp. */
a[href*="wa.me/"]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
a[href*="wa.me/"]::before{content:'';width:21px;height:21px;flex:0 0 21px;background:url('assets/whatsapp.svg') center/contain no-repeat}
a.product-link[href*="wa.me/"]{display:flex;min-height:48px;line-height:1.5}
@media(max-width:600px){a.product-link[href*="wa.me/"]{gap:6px}a.product-link[href*="wa.me/"]::before{width:18px;height:18px;flex-basis:18px}}
