:root{--paper:#fffbf5;--ink:#493723;--brown:#755030;--gold:#ae8744;--pale:#f0e8dc;--line:#dcd1c1;--muted:#786b5c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08}h1{font-size:clamp(42px,5.5vw,80px);margin:20px 0 28px;letter-spacing:-2px}h2{font-size:clamp(32px,3.6vw,49px);margin:12px 0 25px}h3{font-size:26px;margin:14px 0}p{max-width:650px}small,.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase}.announcement{text-align:center;background:var(--brown);color:white;padding:8px;font-size:10px;letter-spacing:2px}header{display:flex;align-items:center;gap:28px;padding:22px 4%;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font:22px Georgia}.brand img{width:58px;height:58px;mix-blend-mode:multiply}.brand small{display:block;font:9px 'Segoe UI';letter-spacing:3px;margin-top:8px}nav{display:flex;gap:25px;margin:auto;font-size:13px}.tools{display:flex;gap:17px;align-items:center;font-size:12px}.tools>a:first-child{font-size:25px}.tools span{display:inline-grid;place-items:center;background:var(--pale);border-radius:50%;width:23px;height:23px}.mobile{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px}.hero-copy{padding:75px 12% 65px}.hero p{color:var(--muted);max-width:390px}.hero-image{position:relative;min-height:540px;background:var(--pale)}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:45% center}.hero-caption{position:absolute;bottom:25px;left:30px;color:white;background:#342b227d;padding:9px 16px;font-size:11px;letter-spacing:1px}.btn,button.primary{display:inline-block;padding:14px 25px;background:var(--brown);border:1px solid var(--brown);color:white;font-size:12px;letter-spacing:.5px}.btn.light{background:transparent;color:var(--brown)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.link{border-bottom:1px solid var(--brown);padding-bottom:4px;font-size:13px}.strip{display:flex;justify-content:space-around;gap:20px;border-block:1px solid var(--line);padding:20px 5%;font-size:11px;letter-spacing:1px}.section{padding:65px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{min-width:0;position:relative}.card img{width:100%;height:300px;object-fit:cover;filter:grayscale(1);background:var(--pale)}.card .meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.card h3{font-size:25px}.card p{font-size:13px;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px}.heart{position:absolute;right:12px;top:12px;background:var(--paper);border:0;border-radius:50%;width:36px;height:36px;font-size:23px}.category img{height:340px}.gift-banner{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);margin:20px 6% 60px}.gift-copy{padding:55px}.gift-art{padding:50px;display:grid;place-items:center;background:#e8ddcd}.gift-card{width:min(100%,370px);aspect-ratio:1.65;background:var(--paper);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 18px 35px #49372315;transform:rotate(-5deg);text-align:center}.gift-card img{height:80px;width:80px;mix-blend-mode:multiply}.gift-card .serif{font-size:25px}.intro{padding:50px 6% 25px;background:linear-gradient(90deg,var(--pale),var(--paper))}.intro h1{font-size:55px}.crumb{color:var(--muted);font-size:12px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:30px}.filters input{flex:1;min-width:160px}.filters input,.filters select,input,textarea,select{border:1px solid var(--line);padding:12px;background:white;color:var(--ink);max-width:100%}.chip{padding:9px 17px;border:1px solid var(--line);background:transparent;color:var(--brown);border-radius:30px}.chip.active{background:var(--brown);color:white}.detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:50px 6%}.detail>img{width:100%;height:620px;object-fit:cover;filter:grayscale(1)}.detail h1{font-size:53px}.price{font:34px Georgia;margin:20px 0}.muted{color:var(--muted)}.panel{background:var(--pale);padding:25px;margin:24px 0}.panel p{margin:7px 0}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:55px}label{display:block;margin:14px 0 7px}label input:not([type=checkbox]),label textarea,label select{display:block;width:100%;margin-top:7px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:17px}.line-item{display:grid;grid-template-columns:80px 1fr auto;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.line-item img{width:80px;height:90px;object-fit:cover}.line-item h3{font-size:21px}.qty{display:flex;gap:12px;align-items:center}.qty button{background:transparent;border:1px solid var(--line);width:30px}.empty{text-align:center;padding:75px 20px}.empty p{margin:20px auto}.text-page{max-width:900px;margin:auto}.note{padding:12px 18px;border-left:2px solid var(--gold);background:var(--pale);font-size:13px}.map{columns:3;column-gap:35px}.map a{display:block;padding:10px;border-bottom:1px solid var(--line)}footer{padding:55px 6% 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}footer a{display:block;margin:9px 0;font-size:12px;color:var(--muted)}footer strong{font-size:12px}.footer-brand{font:34px/1.1 Georgia}.footer-brand small{display:block;font:12px 'Segoe UI';margin-top:20px;letter-spacing:1px}.demo{grid-column:1/-1;max-width:none;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--brown);color:white;padding:15px 25px;display:none;z-index:10}#toast.show{display:block}.success{max-width:700px;margin:70px auto;text-align:center}.success p{margin:20px auto}@media(max-width:1100px){header{flex-wrap:wrap;gap:15px}nav{order:3;width:100%;justify-content:center}.tools{margin-left:auto}.hero-copy{padding:55px 9%}.hero{min-height:500px}}@media(max-width:650px){header{padding:15px 5%}.brand{font-size:17px}.brand img{width:40px;height:40px}.brand small{font-size:7px}.mobile{display:block;background:transparent;border:1px solid var(--line);padding:6px 10px;margin-left:auto}nav{display:none;align-items:start}nav.open{display:flex;flex-direction:column}.tools{width:100%;justify-content:space-between;font-size:12px}.hero,.detail,.gift-banner,.two{grid-template-columns:1fr}.hero-copy{padding:40px 7%}.hero-image{min-height:370px}.hero h1{font-size:52px}.strip{flex-wrap:wrap;justify-content:center;font-size:10px}.section{padding:40px 6%}.section-heading{display:block}.grid{grid-template-columns:1fr 1fr;gap:22px 14px}.card img,.category img{height:210px}.card h3{font-size:22px}.card .meta{display:block}.card-bottom{align-items:start;gap:10px}.card-bottom a{font-size:11px}.gift-copy,.gift-art{padding:30px}.detail{gap:25px;padding:30px 6%}.detail>img{height:360px}.detail h1,.intro h1{font-size:42px}.intro{padding-top:30px}footer{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.map{columns:1}.line-item{grid-template-columns:55px 1fr;gap:14px}.line-item img{width:55px;height:70px}.line-item>strong{grid-column:2}.filters{gap:8px}.filters select{width:100%}.success{padding:0 6%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Iconos vectoriales: mismo trazo en Safari móvil y escritorio. */
.arrow-icon{display:inline-block;width:1em;height:1em;margin-left:.2em;vertical-align:-.1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#menu{color:var(--brown);appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px;width:44px;height:44px;flex-shrink:0}
#menu svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#menu .close-icon{display:none}
#menu[aria-expanded="true"] .menu-icon{display:none}
#menu[aria-expanded="true"] .close-icon{display:block}
@media(max-width:650px){#menu{display:flex;align-items:center;justify-content:center}nav.open{padding:14px 0;border-top:1px solid var(--line);gap:0}nav.open a{display:block;width:100%;padding:12px 0}}
