:root{
  --canvas:#f5f0e8;--surface:#fffdf9;--surface-soft:#ece5d9;--ink:#172019;--muted:#657066;--line:rgba(23,32,25,.13);--accent:#d3f35b;--accent-strong:#b7dc31;--dark:#111312;--dark-2:#1b211c;--dark-muted:#a7b0a6;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--max:1180px;--ease-out:cubic-bezier(.23,1,.32,1);--shadow:0 18px 50px rgba(30,35,28,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px;-webkit-text-size-adjust:100%;overscroll-behavior-x:none}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.5;overflow-x:hidden}
body.is-locked{overflow:hidden}
img{display:block;max-width:100%}
button,a,input,select{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(-160%);background:var(--accent);color:var(--ink);padding:10px 14px;border-radius:8px;font-weight:700}
.skip-link:focus{transform:none}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(245,240,232,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--accent);font-family:"Space Grotesk",sans-serif;font-size:20px;font-weight:700;border-radius:8px}
.brand-copy{display:flex;flex-direction:column;font-family:"Space Grotesk",sans-serif;line-height:.92;letter-spacing:.02em}
.brand-copy strong{font-size:12px}.brand-copy small{margin-top:5px;color:var(--muted);font:600 8px "DM Sans",sans-serif;letter-spacing:.17em}
.desktop-nav{display:flex;gap:28px;margin-left:auto;margin-right:10px;color:var(--muted);font-size:14px;font-weight:600}
.desktop-nav a,.text-link{transition:color 160ms ease}
.desktop-nav a:hover,.text-link:hover{color:var(--ink)}
.header-actions{display:flex;align-items:center;gap:8px}
.icon-button{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);transition:background 160ms ease,transform 160ms ease}
.icon-button:hover{background:var(--surface);transform:translateY(-1px)}
.whatsapp-button{color:#238b4b}.cart-count{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;background:var(--accent);border:2px solid var(--canvas);border-radius:20px;font-size:10px;font-weight:800}
.hero{min-height:650px;padding:72px 0 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px, .9fr);align-items:center;gap:68px}
.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:inline-block;width:22px;height:2px;margin-right:8px;vertical-align:middle;background:var(--accent-strong)}
h1,h2{margin:0;font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em;line-height:.98}
h1{max-width:650px;margin-top:18px;font-size:clamp(46px,6vw,78px);font-weight:600}
h1 em,h2 em{color:#839a2c;font-style:normal}
.hero-lede{max-width:535px;margin:26px 0 0;color:var(--muted);font-size:17px;line-height:1.65}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:0 20px;font-size:13px;font-weight:800;transition:transform 180ms var(--ease-out),background 180ms ease,color 180ms ease,border-color 180ms ease}
.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:#2b382d}.button-light{background:var(--accent);color:var(--ink)}.button-light:hover{background:#e0ff77}.full-width{width:100%}.text-link{font-size:13px;font-weight:800}.text-link i{margin-left:5px;font-size:11px}
.hero-proof{display:flex;gap:28px;margin:54px 0 0;padding:0}.hero-proof div{padding-left:15px;border-left:2px solid var(--accent-strong)}.hero-proof dt{font:700 21px "Space Grotesk",sans-serif}.hero-proof dd{margin:2px 0 0;color:var(--muted);font-size:11px;line-height:1.3}
.hero-visual{position:relative;min-height:490px;display:grid;place-items:center}.hero-card{position:relative;z-index:2;width:min(100%,440px);overflow:hidden;border-radius:var(--radius-lg);background:#20251f;box-shadow:var(--shadow);transform:rotate(3deg)}.hero-card img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.84)}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(12,16,12,.8))}
.hero-card-label{position:absolute;z-index:3;top:18px;left:20px;color:rgba(255,255,255,.74);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.hero-card-footer{position:absolute;z-index:3;right:20px;bottom:18px;left:20px;display:flex;align-items:end;justify-content:space-between;color:#fff}.hero-card-footer strong{max-width:150px;font:600 21px/1 "Space Grotesk",sans-serif;letter-spacing:-.03em}.hero-card-footer span{color:var(--accent);font-size:11px;font-weight:700}.hero-orbit{position:absolute;border:1px solid rgba(131,154,44,.25);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:470px;height:190px}.orbit-two{width:540px;height:250px;transform:rotate(32deg)}
.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(255,253,249,.94);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 25px rgba(25,32,25,.1);font-size:11px}.floating-note i{color:#879e2d}.floating-note span{display:flex;flex-direction:column}.floating-note strong{font-size:12px}.floating-note small{color:var(--muted);font-size:10px}.note-top{top:38px;right:-12px}.note-bottom{bottom:43px;left:-18px}.note-dot{width:8px;height:8px;background:#47ad68;border-radius:50%;box-shadow:0 0 0 5px rgba(71,173,104,.15)}
.trust-strip{background:var(--dark);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.trust-grid>div{display:flex;align-items:center;gap:14px;padding:6px 28px;border-right:1px solid rgba(255,255,255,.12)}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border-right:0}.trust-grid i{color:var(--accent);font-size:20px}.trust-grid span{display:flex;flex-direction:column}.trust-grid strong{font-size:13px}.trust-grid small{margin-top:2px;color:var(--dark-muted);font-size:11px}
.catalog-section{padding:115px 0 130px}.section-heading{display:grid;grid-template-columns:1fr 330px;align-items:end;gap:50px}.section-heading h2,.visit-grid h2{margin-top:17px;font-size:clamp(40px,5vw,64px)}.section-intro{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.catalog-tools{display:flex;align-items:center;gap:14px;margin-top:54px}.search-box{position:relative;display:block;flex:1}.search-box i{position:absolute;top:50%;left:18px;color:var(--muted);transform:translateY(-50%)}.search-box input{width:100%;height:52px;padding:0 18px 0 48px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px}.search-box input::placeholder{color:#9ba39c}.category-scroll{display:flex;gap:8px;max-width:58%;overflow:auto;padding:3px 0;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-button{flex:0 0 auto;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap;transition:background 160ms ease,color 160ms ease,border-color 160ms ease}.category-button:hover{border-color:#a6b77a;color:var(--ink)}.category-button.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.catalog-meta p{margin:0;color:var(--muted);font-size:12px}.text-button{border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{display:flex;min-width:0;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:transform 180ms var(--ease-out),box-shadow 180ms ease,border-color 180ms ease}.product-card:hover{transform:translateY(-4px);border-color:rgba(131,154,44,.5);box-shadow:0 14px 35px rgba(33,39,31,.1)}.product-image-wrap{position:relative;background:var(--surface-soft);overflow:hidden}.product-image-wrap img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform 400ms var(--ease-out)}.product-card:hover .product-image-wrap img{transform:scale(1.04)}.product-category{position:absolute;left:10px;top:10px;padding:5px 8px;background:rgba(255,253,249,.88);border-radius:999px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-content{display:flex;min-height:142px;flex:1;flex-direction:column;padding:14px}.product-content h3{margin:0;color:var(--ink);font:600 15px/1.2 "Space Grotesk",sans-serif;letter-spacing:-.02em}.product-content p{display:-webkit-box;overflow:hidden;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:16px}.product-price{font:700 16px "Space Grotesk",sans-serif}.add-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--accent);color:var(--ink);transition:transform 160ms ease,background 160ms ease}.add-button:hover{background:var(--accent-strong);transform:scale(1.07)}.empty-state{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--muted)}
.visit-section{padding:100px 0;background:var(--dark);color:#fff}.visit-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.visit-grid .eyebrow{color:var(--dark-muted)}.visit-grid h2 em{color:var(--accent)}.visit-copy{max-width:475px;margin:27px 0;color:var(--dark-muted);font-size:15px;line-height:1.7}.visit-details{display:grid;gap:17px;margin:30px 0}.visit-details>div{display:flex;gap:13px}.visit-details i{width:19px;padding-top:3px;color:var(--accent)}.visit-details span{display:flex;flex-direction:column}.visit-details strong{font-size:13px}.visit-details small{margin-top:4px;color:var(--dark-muted);font-size:12px;line-height:1.5}.map-card{position:relative;display:block;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.14);transform:rotate(-2deg);transition:transform 240ms var(--ease-out)}.map-card:hover{transform:rotate(0) scale(1.015)}.map-card img{width:100%;aspect-ratio:1.35;object-fit:cover;filter:grayscale(.75) contrast(1.1) brightness(.7)}.map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,14,10,.75))}.map-card span{position:absolute;z-index:2;right:22px;bottom:19px;color:var(--accent);font-size:12px;font-weight:800}
.site-footer{padding:42px 0 25px;background:#0b0d0c;color:#fff}.footer-main{display:flex;align-items:center;gap:55px}.footer-main .brand-mark{background:var(--accent);color:var(--ink)}.footer-main p{margin:0;color:var(--dark-muted);font-size:12px;line-height:1.5}.footer-contact{margin-left:auto;color:var(--accent);font-size:13px;font-weight:700}.footer-contact i{margin-right:7px}.footer-bottom{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#667067;font-size:10px}
.scrim{position:fixed;inset:0;z-index:50;background:rgba(12,16,12,.52);backdrop-filter:blur(3px);opacity:0;transition:opacity 180ms ease}.scrim:not([hidden]){opacity:1}.side-panel,.cart-panel{position:fixed;z-index:60;top:0;right:0;width:min(420px,100%);height:100dvh;display:flex;flex-direction:column;padding:28px;background:var(--surface);transform:translateX(102%);transition:transform 240ms var(--ease-out);box-shadow:-15px 0 50px rgba(0,0,0,.16)}.side-panel.is-open,.cart-panel.is-open{transform:translateX(0)}.cart-panel{width:min(470px,100%)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head h2{margin-top:8px;font-size:32px}.close-button,.dialog-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.mobile-nav{display:grid;margin-top:35px}.mobile-nav a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font:600 21px "Space Grotesk",sans-serif}.mobile-nav i{font-size:14px;color:#879e2d}.menu-categories{margin-top:34px}.menu-categories .eyebrow{margin-bottom:10px}.menu-category-link{display:inline-flex;margin:0 5px 7px 0;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.menu-whatsapp{margin-top:auto;padding:15px;border-radius:12px;background:var(--ink);color:var(--accent);font-size:13px;font-weight:800;text-align:center}.cart-items{flex:1;overflow-y:auto;margin:28px -8px 20px;padding:0 8px;overscroll-behavior:contain}.cart-empty{display:grid;place-items:center;min-height:220px;color:var(--muted);text-align:center}.cart-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row img{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--surface-soft)}.cart-row h3{margin:0;font:600 13px/1.25 "Space Grotesk",sans-serif}.cart-row strong{display:block;margin-top:6px;color:#718727;font:700 14px "Space Grotesk",sans-serif}.qty-controls{display:flex;align-items:center;gap:7px;margin-top:8px}.qty-controls button{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.qty-controls span{min-width:12px;text-align:center;font-size:12px;font-weight:700}.remove-item{border:0;background:transparent;color:var(--muted);font-size:11px}.cart-footer{padding-top:18px;border-top:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted);font-size:12px}.cart-total strong{color:var(--ink);font:700 22px "Space Grotesk",sans-serif}.fine-print{margin:12px 0 0;color:var(--muted);font-size:10px;text-align:center}
dialog{border:0;padding:0}dialog::backdrop{background:rgba(12,16,12,.65);backdrop-filter:blur(4px)}.product-dialog{position:relative;width:min(720px,calc(100% - 32px));display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.28)}.dialog-image{background:var(--surface-soft)}.dialog-image img{width:100%;height:100%;min-height:340px;object-fit:cover}.dialog-content{padding:34px}.dialog-content h2{margin-top:14px;font-size:34px}.dialog-price{margin:17px 0 0;color:#718727;font:700 25px "Space Grotesk",sans-serif}.dialog-content>p:not(.eyebrow):not(.dialog-price){margin:20px 0 28px;color:var(--muted);font-size:14px;line-height:1.65}.dialog-close{position:absolute;z-index:2;top:14px;right:14px;background:rgba(255,253,249,.8)}.checkout-dialog{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink)}.checkout-dialog .dialog-content{padding:30px}.checkout-dialog form{display:grid;gap:15px;margin-top:26px}.checkout-dialog label,.checkout-dialog legend{color:var(--muted);font-size:12px;font-weight:700}.checkout-dialog label>input,.checkout-dialog label>select{display:block;width:100%;height:46px;margin-top:7px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--ink);font-size:14px}.checkout-dialog input:focus,.checkout-dialog select:focus{border-color:#879e2d;outline:3px solid rgba(183,220,49,.28)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-dialog fieldset{margin:0;padding:0;border:0}.choice-row{display:flex;gap:8px;margin-top:8px}.choice-row label{position:relative;flex:1}.choice-row input{position:absolute;opacity:0}.choice-row span{display:block;padding:12px;border:1px solid var(--line);border-radius:9px;text-align:center}.choice-row input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.checkout-summary{padding:15px;background:var(--surface-soft);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.6}.summary-line{display:flex;justify-content:space-between;gap:10px}.summary-line strong{color:var(--ink)}
.toast{position:fixed;z-index:100;right:18px;bottom:18px;max-width:300px;padding:12px 15px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity 180ms ease,transform 180ms var(--ease-out)}.toast.is-visible{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){.product-card:hover,.map-card:hover,.button:hover,.icon-button:hover{will-change:transform}}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:55px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-lede{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{min-height:420px}.section-heading{grid-template-columns:1fr;gap:20px}.section-intro{max-width:540px}.catalog-tools{display:block}.category-scroll{max-width:none;margin-top:12px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visit-grid{gap:45px}.desktop-nav{gap:16px}}
@media (max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{height:64px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:7px}.desktop-nav,.whatsapp-button{display:none}.menu-button{display:grid}.hero{min-height:0;padding:54px 0 60px}.hero h1{font-size:clamp(42px,13vw,62px)}.hero-lede{font-size:15px}.hero-proof{gap:17px;margin-top:40px}.hero-proof div{padding-left:9px}.hero-proof dt{font-size:16px}.hero-proof dd{font-size:9px}.hero-visual{min-height:350px}.hero-card{width:min(85vw,390px)}.orbit-one{width:360px;height:140px}.orbit-two{width:400px;height:190px}.floating-note{padding:8px 10px}.note-top{top:8px;right:-4px}.note-bottom{bottom:12px;left:-4px}.trust-grid{grid-template-columns:1fr;gap:0;padding:8px 0}.trust-grid>div,.trust-grid>div:first-child{padding:13px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.trust-grid>div:last-child{border-bottom:0}.catalog-section{padding:74px 0}.section-heading h2,.visit-grid h2{font-size:44px}.section-intro{font-size:14px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-content{min-height:144px;padding:11px}.product-content h3{font-size:13px}.product-price{font-size:14px}.product-category{font-size:8px}.visit-section{padding:74px 0}.visit-grid{grid-template-columns:1fr;gap:45px}.map-card{order:-1}.footer-main{align-items:flex-start;flex-direction:column;gap:20px}.footer-contact{margin-left:0}.footer-bottom{flex-direction:column;gap:8px}.product-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 24px);overflow:auto}.dialog-image img{min-height:0;max-height:46vh}.dialog-content{padding:24px}.dialog-content h2{font-size:28px}.checkout-dialog .dialog-content{padding:22px}.form-row{grid-template-columns:1fr}.side-panel,.cart-panel{padding:21px}.panel-head h2{font-size:28px}}
@media (min-width:681px){.menu-button{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.product-card,.product-image-wrap img,.map-card,.side-panel,.cart-panel,.toast{transition-duration:.01ms}.product-card:hover .product-image-wrap img{transform:none}}
.product-image-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.details-link{padding:0;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800}.details-link:hover{color:var(--ink);text-decoration:underline}
.side-panel,.cart-panel{visibility:hidden;transition:transform 240ms var(--ease-out),visibility 0s linear 240ms}.side-panel.is-open,.cart-panel.is-open{visibility:visible;transition-delay:0s}
.side-panel,.cart-panel{display:none}.side-panel.is-open,.cart-panel.is-open{display:flex}
.hero-visual{overflow:hidden}
/* Practica: black + gold craft system */
:root{
  color-scheme:dark;
  --canvas:#0b0b0b;--surface:#151515;--surface-soft:#1e1a16;--ink:#f3eadc;--muted:#a79b8d;--line:rgba(212,175,119,.19);--accent:#d4af77;--accent-strong:#e4c18b;--dark:#050505;--dark-2:#12100e;--dark-muted:#9b9084;--shadow:0 24px 70px rgba(0,0,0,.44);
}
body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
.site-header{background:rgba(11,11,11,.88);border-bottom-color:rgba(212,175,119,.18)}
.brand-mark{background:var(--accent);color:#0b0b0b}
.brand-copy small,.desktop-nav,.section-intro,.hero-lede,.hero-proof dd,.product-content p,.catalog-meta p{color:var(--muted)}
.desktop-nav a:hover,.text-link:hover{color:var(--accent)}
h1 em,h2 em{color:var(--accent)}
.button-primary{background:var(--accent);color:#0b0b0b}
.button-primary:hover{background:var(--accent-strong)}
.button-light{background:var(--accent);color:#0b0b0b}
.button-light:hover{background:var(--accent-strong)}
.hero-card{background:#15110e;box-shadow:var(--shadow)}
.hero-card img{filter:saturate(.72) contrast(1.08)}
.floating-note{background:rgba(21,21,21,.94);border-color:rgba(212,175,119,.25);color:var(--ink)}
.floating-note small{color:var(--muted)}
.trust-strip,.site-footer{background:#050505}
.trust-grid>div{border-right-color:rgba(212,175,119,.18)}
.trust-grid small,.visit-grid .eyebrow{color:var(--dark-muted)}
.category-button{border-color:var(--line);color:var(--muted)}
.category-button:hover{border-color:var(--accent);color:var(--accent)}
.category-button.is-active{border-color:var(--accent);background:var(--accent);color:#0b0b0b}
.search-box input{background:var(--surface);border-color:var(--line);color:var(--ink)}
.search-box input::placeholder{color:#81766b}
.product-card{background:var(--surface);border-color:var(--line)}
.product-card:hover{border-color:rgba(212,175,119,.65);box-shadow:0 18px 48px rgba(0,0,0,.35)}
.product-image-wrap{background:var(--surface-soft)}
.product-category{background:rgba(11,11,11,.84);color:var(--accent)}
.product-price{color:var(--accent)}
.add-button{background:var(--accent);color:#0b0b0b}
.add-button:hover{background:var(--accent-strong)}
.empty-state{border-color:var(--line);color:var(--muted)}
.visit-section{background:#050505}
.visit-copy,.visit-details small{color:var(--dark-muted)}
.map-card{border-color:rgba(212,175,119,.27)}
.footer-main .brand-mark{background:var(--accent);color:#0b0b0b}
.footer-main p,.footer-bottom{color:#766c62}
.close-button,.dialog-close{border-color:var(--line);color:var(--ink)}
.side-panel,.cart-panel,.product-dialog,.checkout-dialog{background:#121212;color:var(--ink)}
.cart-row{border-bottom-color:var(--line)}
.cart-row img{background:var(--surface-soft)}
.cart-total strong,.dialog-price{color:var(--accent)}
.checkout-dialog label>input,.checkout-dialog label>select{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}
.choice-row span{border-color:var(--line)}
.choice-row input:checked+span{border-color:var(--accent);background:var(--accent);color:#0b0b0b}
.checkout-summary{background:var(--surface-soft)}
.toast{background:var(--accent);color:#0b0b0b}
.menu-whatsapp{background:var(--accent);color:#0b0b0b}
.menu-category-link{border-color:var(--line);color:var(--muted)}
.menu-category-link:hover{border-color:var(--accent);color:var(--accent)}
.menu-button{display:grid!important}

/* Loader: feedback de primera carga, no bloquea el contenido tras el primer acceso */
.page-loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;align-content:center;gap:14px;background:#080808;color:var(--ink);opacity:1;transition:opacity 360ms var(--ease-out),visibility 0s linear 360ms}
.page-loader.is-done{visibility:hidden;opacity:0;pointer-events:none}
.loader-brand{display:flex;align-items:center;gap:10px;font:600 12px/1.05 "Space Grotesk",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.loader-brand .brand-mark{width:34px;height:34px;font-size:18px}
.loader-brand strong{color:var(--accent)}
.loader-tools{position:relative;width:150px;height:130px;display:grid;place-items:center}
.loader-scissors{position:absolute;top:2px;left:10px;color:var(--accent);font-size:46px;transform:rotate(-18deg);animation:loaderScissors 760ms var(--ease-in-out) infinite alternate}
.loader-clipper{width:82px;height:105px;filter:drop-shadow(0 0 20px rgba(212,175,119,.22));animation:loaderClipper 920ms var(--ease-in-out) infinite alternate}
.page-loader p{margin:0;color:var(--ink);font:600 14px "Space Grotesk",sans-serif;letter-spacing:.01em}
.page-loader small{color:#756b60;font-size:9px;letter-spacing:.22em}
.loader-track{width:min(240px,70vw);height:3px;overflow:hidden;background:#2b241d;border-radius:99px}
.loader-track span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:loaderProgress 1000ms linear forwards}
@keyframes loaderScissors{to{transform:rotate(10deg) translateY(5px)}}
@keyframes loaderClipper{to{transform:translateY(-5px) rotate(2deg)}}
@keyframes loaderProgress{to{transform:scaleX(1)}}

/* Scroll reveal: entrada de secciones y jerarquía, no movimiento permanente */
.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:none}
.trust-grid>div.scroll-reveal{transform:translateY(14px)}
.trust-grid>div.scroll-reveal.is-visible{transform:none}
@media (prefers-reduced-motion:reduce){
  .page-loader{transition-duration:.01ms}.loader-scissors,.loader-clipper,.loader-track span{animation:none}.loader-track span{transform:scaleX(1)}
  .scroll-reveal{opacity:1;transform:none;transition-duration:.01ms}
}
@media (hover:none),(pointer:coarse){
  .product-card:hover{border-color:var(--line);box-shadow:none}.button-primary:hover,.button-light:hover{background:var(--accent)}.add-button:hover{background:var(--accent)}
}
@media (hover:none),(pointer:coarse){.product-card:hover{transform:none;border-color:var(--line);box-shadow:none}.product-card:hover .product-image-wrap img{transform:none}.map-card:hover{transform:rotate(-2deg)}.button:hover,.icon-button:hover{transform:none}.button-primary:hover{background:var(--ink)}.button-light:hover{background:var(--accent)}.add-button:hover{background:var(--accent-strong);transform:none}.details-link:hover{color:var(--muted);text-decoration:none}}
.product-image-wrap img{transition-duration:240ms}

/* Hero carousel: movimiento hacia la derecha, información legible y una sola capa de imagen */
.hero-product-media{position:relative;overflow:hidden;background:var(--surface-soft);aspect-ratio:1}
.hero-product-media img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;will-change:transform,opacity}
.hero-card-main .hero-card-footer{align-items:flex-end;gap:16px;padding-bottom:7px}
.hero-card-footer>div{display:flex;min-width:0;flex-direction:column;gap:5px}
.hero-card-main .hero-card-footer>div strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-card-footer small{color:rgba(255,255,255,.68);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.hero-card-main .hero-product-price{max-width:none;color:var(--accent);font-size:18px;line-height:1;white-space:nowrap}
.hero-product-progress{position:absolute;z-index:4;right:20px;bottom:11px;left:20px;height:2px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.2)}
.hero-product-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.hero-product-progress span.is-running{animation:heroProductProgress 3000ms linear forwards}
@keyframes heroProductProgress{to{transform:scaleX(1)}}

/* La espera inicial es deliberada: la barra acompaña diez segundos de preparación priorizada */
.loader-track span{animation-duration:900ms}
.product-card{content-visibility:auto;contain-intrinsic-size:360px 440px}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}
button,a,[role="button"]{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
input,textarea,select{font-size:16px}
@media (prefers-reduced-motion:reduce){
  .hero-product-progress span.is-running{animation:none;transform:scaleX(1)}
  .hero-product-media img{will-change:auto}
}

/* Navegación del carrusel y footer informativo */
.hero-product-controls{position:absolute;z-index:5;top:18px;right:120px;display:flex;gap:6px}
.hero-product-controls button{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(212,175,119,.42);border-radius:50%;background:rgba(11,11,11,.72);color:var(--accent);font-size:10px;transition:background 160ms ease,color 160ms ease,transform 160ms ease}
.hero-product-controls button:hover{background:var(--accent);color:#0b0b0b;transform:translateY(-1px)}
.hero-product-controls button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
.footer-links details{border-top:1px solid rgba(212,175,119,.2);padding-top:14px}
.footer-links summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;color:var(--ink);font:600 12px/1.4 "Space Grotesk",sans-serif;list-style:none}
.footer-links summary::-webkit-details-marker{display:none}
.footer-links summary i{color:var(--accent);font-size:10px;transition:transform 180ms var(--ease-out)}
.footer-links details[open] summary i{transform:rotate(180deg)}
.footer-links p{margin:13px 0 0;color:var(--dark-muted);font-size:11px;line-height:1.65}
.footer-links a{color:var(--accent);font-weight:700}
.route-page{min-height:calc(100vh - 180px);padding:112px 0 90px}
.route-hero{max-width:780px;margin-bottom:48px}
.route-hero h1{max-width:760px;margin:18px 0 20px;font-size:clamp(46px,7vw,84px);line-height:.95;letter-spacing:-.07em}
.route-hero h1 em{color:var(--accent);font-style:normal}
.route-hero>p:not(.eyebrow){max-width:640px;color:var(--muted);font-size:16px;line-height:1.75}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.route-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.route-card h2{margin:0 0 12px;font-size:20px;letter-spacing:-.03em}
.route-card p,.route-card li{color:var(--muted);font-size:13px;line-height:1.7}
.route-card ul{margin:10px 0 0;padding-left:18px}
.route-grid-secondary{margin-top:14px}
.route-card-wide{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:14px}
.route-card-wide h2,.route-card-wide p{grid-column:1}
.route-card-wide p{margin:0}
.route-card-wide .button{grid-column:2;grid-row:1 / span 2;white-space:nowrap}
.route-card-kicker{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.faq-list{display:grid;gap:10px;max-width:820px}
.faq-list details{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.faq-list summary{cursor:pointer;color:var(--ink);font:600 15px "Space Grotesk",sans-serif}
.faq-list p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}
.category-page .route-hero{margin-bottom:35px}
.category-page .product-grid{margin-top:0}
.category-page .category-link-back{display:inline-flex;margin-bottom:25px;color:var(--accent);font-size:12px;font-weight:700}
.category-page .catalog-meta{margin-top:18px}
@media (max-width:800px){.footer-links{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr 1fr}.route-page{padding-top:80px}}
@media (max-width:560px){.hero-product-controls{top:14px;right:94px}.route-grid{grid-template-columns:1fr}.route-hero h1{font-size:clamp(42px,13vw,62px)}.route-hero>p:not(.eyebrow){font-size:14px}}
@media (max-width:560px){.route-card-wide{display:block}.route-card-wide .button{margin-top:18px}}
@media (prefers-reduced-motion:reduce){.hero-product-controls button,.footer-links summary i{transition-duration:.01ms}.product-card.is-highlighted{animation:none}}
.hero-product-media{display:block;width:100%;padding:0;border:0;color:inherit;cursor:pointer;text-align:left}
.hero-card:after{pointer-events:none}
.hero-product-media:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-5px}
.product-card.is-highlighted{border-color:var(--accent-strong);box-shadow:0 0 0 2px rgba(212,175,119,.3),0 18px 48px rgba(0,0,0,.35);animation:productHighlight 900ms var(--ease-out)}
@keyframes productHighlight{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.brand-marquee-section{overflow:hidden;padding:31px 0 38px;background:#080808;border-top:1px solid rgba(212,175,119,.1);border-bottom:1px solid rgba(212,175,119,.1)}
.brand-marquee-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.brand-marquee-heading h2{margin:8px 0 0;font:600 clamp(24px,3vw,38px)/1 "Space Grotesk",sans-serif;letter-spacing:-.04em;color:var(--ink)}.brand-marquee-heading h2 em{color:var(--accent);font-style:normal}.brand-marquee{position:relative;overflow:hidden;margin-top:22px;padding:2px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.brand-marquee-track{display:flex;width:max-content;gap:14px;animation:brandMarquee 31s linear infinite;will-change:transform}.brand-marquee:hover .brand-marquee-track,.brand-marquee:focus-within .brand-marquee-track{animation-play-state:paused}.brand-logo{display:grid;flex:0 0 190px;min-height:66px;place-items:center;padding:10px 18px;border:1px solid rgba(212,175,119,.2);border-radius:14px;background:#121212;color:#e9dfd2;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}.brand-logo svg{display:block;width:100%;height:42px}.brand-logo text{fill:currentColor;font:700 21px "Space Grotesk",sans-serif;letter-spacing:.08em}.brand-logo-sub{font-size:8px!important;letter-spacing:.16em!important}.brand-logo-wmark{color:#d4af77}.brand-logo-vgr{color:#78c9c0}.brand-logo-kemei{color:#eee5d9}.brand-logo-agiva{color:#d7d0c3}.brand-logo-godbarber{color:#d4af77}.brand-logo-nishman{color:#c8d5db}@keyframes brandMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
.catalog-filters{display:grid;gap:16px;margin-top:22px}.filter-group{display:grid;grid-template-columns:90px 1fr;align-items:start;gap:12px}.filter-label{padding-top:12px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-filter-scroll{display:flex;gap:8px;overflow:auto;padding:2px 0;scrollbar-width:none}.brand-filter-scroll::-webkit-scrollbar{display:none}.product-card{cursor:pointer}.product-brand{position:absolute;right:10px;top:10px;padding:5px 8px;border:1px solid rgba(212,175,119,.2);border-radius:999px;background:rgba(18,18,18,.82);color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.menu-brands{margin-top:28px}.menu-brand-link{display:inline-flex;margin:0 5px 7px 0;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:500 11px "DM Sans",sans-serif;cursor:pointer}.menu-brand-link:hover,.menu-brand-link:focus-visible{border-color:var(--accent);color:var(--accent)}
.product-dialog{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-height:calc(100dvh - 32px)}.dialog-gallery{display:flex;min-width:0;flex-direction:column;background:var(--surface-soft)}.dialog-image{min-height:0;flex:1}.dialog-image img{display:block;width:100%;height:100%;min-height:360px;aspect-ratio:1;object-fit:cover}.dialog-thumbs{display:flex;gap:8px;overflow:auto;padding:12px 14px 4px}.dialog-thumb{width:58px;height:58px;flex:0 0 58px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer;opacity:.62;transition:opacity 160ms ease,border-color 160ms ease,transform 160ms var(--ease-out)}.dialog-thumb img{width:100%;height:100%;object-fit:cover}.dialog-thumb:hover,.dialog-thumb.is-active{border-color:var(--accent);opacity:1}.dialog-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 14px;color:var(--muted);font-size:11px}.dialog-gallery-controls button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}.dialog-gallery-controls button:hover:not(:disabled){background:var(--accent);color:#0b0b0b;transform:translateY(-1px)}.dialog-gallery-controls button:disabled{cursor:not-allowed;opacity:.35}.dialog-content{display:flex;flex-direction:column;justify-content:center}.dialog-content #dialog-description{max-width:42ch;text-wrap:pretty}.dialog-content #dialog-add{margin-top:8px}.dialog-content #dialog-category{margin:0;color:var(--muted)}
.product-dialog[open]{animation:dialogIn 220ms var(--ease-out)}@keyframes dialogIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:800px){.brand-marquee-heading{display:block}.filter-group{grid-template-columns:1fr;gap:5px}.filter-label{padding-top:0}.product-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 24px)}.dialog-image img{height:auto;min-height:0;max-height:46vh}.dialog-content{justify-content:flex-start}.dialog-content #dialog-description{max-width:none}}
@media (prefers-reduced-motion:reduce){.brand-marquee-track{animation:none}.product-dialog[open]{animation:dialogFade 160ms ease-out}.dialog-thumb,.dialog-gallery-controls button{transition-duration:.01ms}}@keyframes dialogFade{from{opacity:0}to{opacity:1}}
.brand-logo-bellnature{color:#a9d3a3}.brand-logo-wahl{color:#e8c78e}.brand-logo-salvador{color:#d4af77}.brand-logo-artiko{color:#7fb8d6}.brand-logo-dorco{color:#e6e0d7}.brand-logo-remington{color:#c8c8c8}.brand-logo-andis{color:#d98268}

/* Inicio: contenido editorial, destacados y navegación visual */
.brand-marquee-heading{display:block;text-align:center}.brand-marquee-heading .eyebrow{justify-content:center}
@keyframes brandMarquee{from{transform:translateX(calc(-50% - 7px))}to{transform:translateX(0)}}
.featured-section{padding:92px 0 78px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-card .product-content{min-height:205px}.featured-card .product-content p{display:block;overflow:visible;-webkit-line-clamp:unset}
.info-preview-section{padding:18px 0 100px}.info-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-preview-card{min-height:270px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);transition:border-color 180ms ease,transform 220ms var(--ease-out),background 180ms ease}.info-preview-card:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-4px)}.info-preview-card .eyebrow{color:var(--accent)}.info-preview-card h3{margin:20px 0 13px;font:600 clamp(22px,2.4vw,30px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.04em}.info-preview-card>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.65}.info-preview-card .text-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--ink);font-weight:800}.info-preview-card .text-link i{font-size:10px;color:var(--accent)}
@media (max-width:900px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-preview-card:last-child{grid-column:1/-1}}
@media (max-width:680px){.brand-marquee-heading h2{max-width:18ch;margin-inline:auto}.featured-section{padding:74px 0 60px}.featured-grid,.info-preview-grid{grid-template-columns:1fr}.info-preview-section{padding:12px 0 74px}.info-preview-card:last-child{grid-column:auto}.featured-card .product-content{min-height:0}}
@media (prefers-reduced-motion:reduce){.info-preview-card{transition-duration:.01ms}}