:root{--ink:#20201c;--paper:#fbfaf7;--accent:#715939;--highlight:#e7c78a;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',sans-serif;--shadow:0 24px 70px #15130f20}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:#242520;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.concept{height:31px;display:flex;justify-content:center;align-items:center;gap:10px;background:#11130f;color:#d6dacd;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.concept i{width:6px;height:6px;border-radius:50%;background:var(--highlight);box-shadow:0 0 16px var(--highlight)}header{height:76px;padding:0 clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--paper) 91%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #2221}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand img{width:auto;max-width:132px;height:auto;max-height:50px;object-fit:contain}.brand .brandname{font:600 16px var(--serif);letter-spacing:-.035em}.brand small{display:block;font:600 8px var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;color:#696a64}.nav{display:flex;align-items:center;gap:clamp(17px,2.7vw,35px)}.nav a{font-size:11px;color:#43443f;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--accent)}.nav .navcta{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;padding:11px 17px;color:var(--ink);transition:background .2s,color .2s,transform .2s}.nav .navcta:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.navcta span{margin-left:10px;color:var(--accent)}.menubtn{display:none;width:42px;height:42px;border-radius:50%;background:var(--paper);border:1px solid #2222;color:#222;font-size:17px}.hero{min-height:min(760px,calc(100svh - 107px));display:grid;grid-template-columns:.82fr 1.18fr;background:var(--ink);color:white;overflow:hidden}.hero-copy{padding:clamp(55px,8vw,118px) 4vw clamp(56px,7vw,100px) clamp(24px,8vw,130px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero-copy .eyebrow,.feature-copy .eyebrow{color:var(--highlight)}h1{font:500 clamp(48px,6.4vw,86px)/.98 var(--serif);letter-spacing:-.055em;margin:22px 0}.hero-copy>p{max-width:410px;color:#ffffffd4;line-height:1.8;font-size:14px}.actions{display:flex;align-items:center;gap:22px;margin-top:26px}.button{min-height:49px;padding:15px 23px;border-radius:999px;background:var(--highlight);color:var(--ink);text-decoration:none;font-size:11px;font-weight:700;box-shadow:0 9px 30px color-mix(in srgb,var(--highlight) 22%,transparent);transition:transform .25s,box-shadow .25s,filter .25s}.button:hover{transform:translateY(-3px);box-shadow:0 16px 36px color-mix(in srgb,var(--highlight) 34%,transparent);filter:saturate(1.1)}.hero-copy .subtle{color:#ffffffdb;border-bottom:1px solid #ffffff75;padding-bottom:5px;font-size:11px;text-decoration:none}.hero-image{position:relative;min-height:610px;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#1115 0%,transparent 35%),linear-gradient(0deg,#080b09a8 0%,transparent 57%),var(--hero-photo) center/cover;transform-style:preserve-3d}.hero-image:before{content:'';position:absolute;inset:22px;z-index:1;border:1px solid #ffffff54;border-radius:4px;pointer-events:none;animation:frameBreath 8s ease-in-out infinite alternate}.hero-image:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 42%,#0002);mix-blend-mode:soft-light}.hero-orbit{position:absolute;z-index:2;width:min(32vw,390px);aspect-ratio:1;border:1px solid #ffffff83;border-radius:50%;right:10%;top:14%;transform:rotateX(66deg) rotateZ(-22deg);box-shadow:0 0 0 17px #ffffff12,0 0 0 42px #ffffff0a;animation:orbitDrift 13s ease-in-out infinite alternate}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:var(--highlight);box-shadow:0 0 28px var(--highlight)}.hero-orbit:before{top:6%;left:26%}.hero-orbit:after{right:8%;bottom:23%;width:8px;height:8px;background:#fff}.hero-float{position:absolute;z-index:3;left:8%;bottom:11%;max-width:min(275px,44%);padding:19px 22px;border-radius:18px;background:#ffffffe9;color:#20211d;backdrop-filter:blur(18px);box-shadow:0 22px 60px #0507054a;transform:perspective(900px) rotateY(12deg) rotateX(3deg);animation:floatCard 7s ease-in-out infinite}.hero-float span{display:block;font:600 19px/1.1 var(--serif)}.hero-float small{display:block;margin-top:8px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#6b6d66}.hero-place{position:absolute;z-index:2;right:8%;bottom:30px;color:#fff;font-size:9px;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 8px #000}.marquee{background:var(--highlight);color:var(--ink);overflow:hidden;white-space:nowrap;padding:13px 0;font:italic 16px var(--serif)}.marquee div{display:inline-block;animation:marquee 35s linear infinite}.marquee span{padding:0 25px}.intro{padding:clamp(72px,9vw,120px) clamp(24px,9vw,140px) 66px;display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end}.intro h2,.catalog-head h2,.visit h2{font:500 clamp(37px,4.8vw,66px)/1.02 var(--serif);letter-spacing:-.05em;margin:15px 0 0}.intro h2 em,.catalog-head h2 em,.visit h2 em{color:var(--accent);font-weight:400}.intro p{max-width:420px;color:#60625d;font-size:13px;line-height:1.9;margin:0 0 4px}.catalog{padding:76px clamp(23px,8vw,124px) 112px;background:color-mix(in srgb,var(--accent) 6%,var(--paper))}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:25px;max-width:1250px;margin:0 auto 31px}.catalog-head>p{font-size:11px;color:#5e605a;max-width:300px;line-height:1.8}.filters{display:flex;gap:9px;flex-wrap:wrap;max-width:1250px;margin:0 auto 27px}.filter{border:1px solid color-mix(in srgb,var(--ink) 21%,transparent);border-radius:999px;background:#ffffffa8;padding:10px 16px;font:600 10px var(--sans);color:#343630;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.filter:hover{transform:translateY(-2px)}.filter.active,.filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.products{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;perspective:1100px}.product{min-height:230px;background:color-mix(in srgb,var(--paper) 91%,white);padding:27px 25px 23px;border:1px solid #2222;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s,border-color .3s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}.product:before{content:'';position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--mx,70%) var(--my,20%),color-mix(in srgb,var(--highlight) 45%,transparent),transparent 48%);transition:opacity .3s;pointer-events:none}.product:after{content:'';position:absolute;width:140px;height:140px;border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);border-radius:50%;right:-68px;top:-76px;transition:transform .7s,border-color .4s;pointer-events:none}.product:hover{box-shadow:0 20px 48px #16140e18;border-color:color-mix(in srgb,var(--accent) 36%,transparent)}.product:hover:before{opacity:1}.product:hover:after{transform:scale(1.45);border-color:var(--accent)}.product .num{font:italic 14px var(--serif);color:var(--accent)}.product h3{font:500 21px/1.15 var(--serif);margin:22px 0 8px;position:relative}.product p{font-size:11px;line-height:1.7;color:#555750;margin:0;position:relative}.product a{margin-top:auto;padding-top:18px;text-decoration:none;font-size:10px;font-weight:700;color:#282a25;position:relative}.product a span{color:var(--accent);margin-left:8px}.product.hide{display:none}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:500px;background:var(--ink);color:white;overflow:hidden}.feature-image{background:linear-gradient(0deg,#080b0990,transparent 38%),var(--hero-photo) center/cover;min-height:480px;position:relative;transform:scale(1.01);transition:transform 1s}.feature:hover .feature-image{transform:scale(1.045)}.feature-image:after{content:'UNA MIRADA AL UNIVERSO DE LA MARCA';position:absolute;left:32px;bottom:28px;color:white;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.feature-copy{padding:clamp(58px,7vw,91px) clamp(30px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font:500 clamp(34px,4vw,55px)/1.05 var(--serif);letter-spacing:-.045em;margin:15px 0}.feature-copy p{font-size:12px;line-height:1.9;color:#ffffffd0;max-width:430px}.feature-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.pill{border:1px solid #ffffff48;border-radius:999px;padding:9px 12px;color:#fff;font-size:9px;background:#ffffff0c}.visit{padding:clamp(76px,9vw,115px) clamp(24px,9vw,140px);display:grid;grid-template-columns:1fr .78fr;gap:8vw;align-items:center}.visit p{max-width:450px;color:#595b55;font-size:13px;line-height:1.9}.visit-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.visit .button{background:var(--ink);color:white;box-shadow:0 10px 28px #1112}.visit .secondary{background:transparent;color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);box-shadow:none}.visit .secondary:hover{background:var(--ink);color:white}.info-card{padding:31px;background:color-mix(in srgb,var(--paper) 82%,white);border:1px solid #2222;border-radius:22px;box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-3deg);transition:transform .4s}.info-card:hover{transform:perspective(1000px) rotateY(0) translateY(-4px)}.info-card .brand-img{max-width:145px;max-height:58px;object-fit:contain;margin-bottom:22px}.info-card h3{font:500 24px var(--serif);margin:0 0 15px}.info-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #2222;font-size:10px}.info-row span:first-child{color:#454741;font-weight:700}.info-row span:last-child{text-align:right;color:#555750}.disclaimer{margin-top:21px;font-size:9px;line-height:1.7;color:#555750}.concept-index{font-size:8px;letter-spacing:.17em;color:#aaa;position:absolute;right:0;top:0}footer{padding:31px clamp(24px,7vw,100px);background:#11130f;color:#d2d4cc;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .fbrand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}footer img{max-width:97px;max-height:40px;object-fit:contain}footer .fbrand-name{font:500 13px var(--serif)}footer small{font-size:9px;max-width:370px;line-height:1.7;color:#c2c5bc}footer a.back{font-size:10px;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff60;padding-bottom:4px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s cubic-bezier(.2,.75,.25,1)}.reveal.in{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes floatCard{0%,100%{transform:perspective(900px) rotateY(12deg) rotateX(3deg) translateY(0)}50%{transform:perspective(900px) rotateY(7deg) rotateX(-2deg) translateY(-13px)}}@keyframes orbitDrift{0%{transform:rotateX(66deg) rotateZ(-22deg) translate3d(0,0,0)}100%{transform:rotateX(66deg) rotateZ(7deg) translate3d(10px,-14px,18px)}}@keyframes frameBreath{to{inset:32px;opacity:.65}}@media(max-width:920px){.hero{grid-template-columns:.9fr 1.1fr}.hero-copy{padding-left:6vw}.hero-image{min-height:570px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{padding-inline:6vw}.intro,.visit{padding-inline:7vw}.feature-copy{padding-inline:7vw}}
@media(max-width:680px){html{scroll-padding-top:78px}.concept{height:28px;font-size:7px;letter-spacing:.12em}header{height:66px;padding:0 20px}.brand{gap:9px}.brand img{max-width:92px;max-height:43px}.brand .brandname{font-size:14px}.brand small{font-size:7px;letter-spacing:.09em}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:22px 24px 26px;flex-direction:column;align-items:stretch;gap:17px;border-bottom:1px solid #2222;box-shadow:0 20px 40px #16140f12}.nav.open{display:flex}.nav a{font-size:13px}.nav .navcta{text-align:center;align-self:flex-start}.menubtn{display:grid;place-items:center}.hero{min-height:auto;display:flex;flex-direction:column}.hero-copy{padding:62px 24px 49px}.hero-copy h1{font-size:clamp(48px,12vw,70px);max-width:630px}.hero-copy>p{font-size:13px;max-width:520px}.actions{gap:17px;flex-wrap:wrap}.button{min-height:47px;padding:14px 20px}.hero-image{min-height:clamp(350px,105vw,520px);background-position:center}.hero-image:before{inset:14px}.hero-orbit{width:56vw;right:9%;top:12%}.hero-float{left:8%;bottom:12%;max-width:66%;padding:16px 18px;border-radius:15px}.hero-float span{font-size:17px}.hero-place{font-size:8px;right:8%;bottom:25px}.marquee{font-size:14px;padding:12px 0}.intro{padding:72px 24px 46px;grid-template-columns:1fr;gap:20px}.intro h2,.catalog-head h2,.visit h2{font-size:clamp(37px,10vw,52px)}.intro p{font-size:12px}.catalog{padding:58px 20px 73px}.catalog-head{display:block;margin-bottom:24px}.catalog-head>p{margin-top:14px}.filters{gap:7px;margin-bottom:20px}.filter{padding:9px 13px;font-size:9px}.products{grid-template-columns:1fr;gap:11px}.product{min-height:194px;padding:22px 21px;border-radius:16px;transform:none!important}.product h3{margin-top:18px}.feature{grid-template-columns:1fr}.feature-image{min-height:330px;grid-row:2}.feature-copy{padding:58px 24px 55px}.feature-copy h2{font-size:39px}.feature-copy p{font-size:12px}.visit{grid-template-columns:1fr;gap:29px;padding:72px 24px}.info-card{padding:24px;border-radius:18px;transform:none}.info-row{font-size:10px}footer{align-items:flex-start;flex-direction:column;padding:28px 24px;gap:15px}footer small{max-width:390px}}
@media(max-width:390px){.brand .brandname{font-size:12px}.brand small{letter-spacing:.055em}.hero-copy{padding-inline:19px}.actions{align-items:flex-start;flex-direction:column}.subtle{margin-left:3px}.hero-image{min-height:360px}.hero-float{max-width:70%}.catalog{padding-inline:16px}.filters{gap:6px}.filter{padding:8px 11px}.product{min-height:183px}.visit{padding-inline:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.theme-mustaches-barberia .hero-image{filter:saturate(.68) contrast(1.06)}.theme-mustaches-barberia .hero-float{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.theme-glam-spa .hero-image{filter:saturate(.92)}.theme-happy-nails-spa .hero-image{filter:saturate(1.14) brightness(1.02)}.theme-skin-plus .hero-image{filter:saturate(.68)}.theme-quidarte-estetica .hero-image{filter:saturate(.78) contrast(1.02)}.theme-casa-galeria-cafe .hero-image{filter:saturate(.86) sepia(.1)}.theme-beraca-cafe-bar .hero-image{filter:saturate(1.06) sepia(.06)}.theme-hotel-de-la-opera .hero-image,.theme-the-orchids-hotel .hero-image{filter:saturate(.72) contrast(1.04)}