@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
:root{--ink:#20201d;--paper:#f2efe8;--spa:#684758;--spa-dark:#513442;--spa-soft:#e8d7dd;--spa-white:#f8f1f3;--barber:#232326;--copper:#b89456;--line:rgba(32,32,29,.18);--display-font:'Marcellus','Palatino Linotype','Book Antiqua',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}h1,h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.95}.eyebrow{margin:0 0 26px;font-size:10px;font-weight:800;letter-spacing:.24em}
.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;border-bottom:1px solid var(--line);background:rgba(242,239,232,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.18em}.brand-mark{width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:18px;font-style:italic}.site-header nav{display:flex;gap:38px;font-size:11px;font-weight:700;letter-spacing:.14em}.site-header nav a:hover,.site-header nav .active{opacity:.46}.header-cta{justify-self:end;padding-bottom:5px;border-bottom:1px solid;font-size:10px;font-weight:800;letter-spacing:.13em}
.image-placeholder{position:relative;display:grid;place-items:center;border:1px solid rgba(32,32,29,.26);overflow:hidden}.image-placeholder:before,.image-placeholder:after{content:'';position:absolute;width:140%;height:1px;background:currentColor;opacity:.13}.image-placeholder:before{transform:rotate(41deg)}.image-placeholder:after{transform:rotate(-41deg)}.image-placeholder span{z-index:1;font-size:10px;font-weight:800;letter-spacing:.2em}.image-placeholder small{position:absolute;bottom:20px;font-size:8px;letter-spacing:.18em}
.home-hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:54% 46%}.home-hero-copy{padding:11vh 5vw 8vh;display:flex;flex-direction:column;justify-content:center}.home-hero h1{font-size:clamp(62px,7.3vw,112px)}.home-hero h1 em{color:var(--copper);font-weight:400}.home-hero-copy>p:not(.eyebrow){max-width:480px;margin:34px 0;font-family:Georgia,serif;font-size:18px;line-height:1.6;color:#615e57}.text-link{width:max-content;padding-bottom:7px;border-bottom:1px solid;font-size:9px;font-weight:800;letter-spacing:.17em}.home-hero-art{position:relative;padding:3.5vw;background:linear-gradient(145deg,#cfc8bd,#aaa397)}.home-photo{width:100%;height:100%;min-height:570px;background:#ddd7cd;color:#6d6962}.dual-stamp{position:absolute;right:6vw;bottom:5vw;width:128px;height:128px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1b1c1f;color:#fff;font-size:10px;font-weight:900;letter-spacing:.16em;transform:rotate(-8deg)}.dual-stamp i{color:var(--copper);font-family:Georgia,serif;font-size:26px;line-height:1}.intro-band{min-height:160px;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}.intro-band p{font-size:clamp(22px,3.2vw,46px);font-weight:900;letter-spacing:-.04em}.intro-band span{font-family:Georgia,serif;font-size:18px;font-style:italic;color:#aaa69e}
.home-spaces{padding:120px 5vw;background:#e8e5dd}.home-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.home-heading h2{font-size:clamp(53px,6vw,90px)}.home-heading h2 em{color:var(--spa);font-weight:400}.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.space-image{height:450px}.barber-card .space-image{background:#292c30;color:#898b8e;border-color:#505256}.spa-card .space-image{background:#ccd6c8;color:#687164}.space-content{min-height:500px;padding:45px;display:flex;flex-direction:column}.barber-card .space-content{background:var(--barber);color:#f4f0e8}.spa-card .space-content{background:var(--spa);color:#fff}.space-content h3{margin:0;font-family:Georgia,serif;font-size:clamp(42px,4.5vw,68px);font-weight:400;line-height:.97;letter-spacing:-.05em}.space-content>p:not(.eyebrow){max-width:480px;margin:25px 0;font-family:Georgia,serif;font-size:15px;line-height:1.6;opacity:.76}.space-content ul{list-style:none;margin:0 0 35px;padding:0;border-top:1px solid rgba(255,255,255,.22)}.space-content li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:700;letter-spacing:.1em}.space-button{margin-top:auto;padding:18px 20px;display:flex;justify-content:space-between;background:#f1eee7;color:#1c1d1d;font-size:9px;font-weight:900;letter-spacing:.15em}.home-proof{padding:75px 5vw;display:grid;grid-template-columns:.45fr .45fr 1.1fr;gap:5vw;align-items:center;background:var(--copper);color:#fff}.home-proof>div{display:flex;align-items:center;gap:18px}.big-number{margin:0;font-family:Georgia,serif;font-size:84px;line-height:1}.home-proof>div span{font-size:9px;font-weight:900;line-height:1.6;letter-spacing:.15em}.home-proof blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(20px,2.4vw,34px);font-style:italic;line-height:1.35}
.visit-section{min-height:620px;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.visit-copy{padding:100px 5vw}.visit-copy h2{font-size:clamp(50px,5.6vw,86px)}.visit-details{display:flex;gap:7vw;margin:55px 0 40px}.visit-details span{font-size:9px;font-weight:800;letter-spacing:.17em}.visit-details p{font-family:Georgia,serif;font-size:15px;line-height:1.6}.outline-button{display:inline-block;padding:17px 21px;border:1px solid;font-size:9px;font-weight:800;letter-spacing:.14em}.map-placeholder{position:relative;display:grid;place-items:center;background:#c8c1b4;color:#767066;font-size:10px;font-weight:800;letter-spacing:.2em}.map-pin{position:absolute;width:54px;height:54px;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--copper);color:#fff;font-family:Georgia,serif;font-size:20px}
body>footer,.site-footer{min-height:280px;padding:60px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;background:#101113;color:#fff}.footer-brand .brand-mark{margin-bottom:16px}.footer-brand p{margin:0 0 5px;font-weight:900;letter-spacing:.18em}.footer-brand small{opacity:.48;letter-spacing:.18em;font-size:8px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:9px;font-weight:700;letter-spacing:.13em}.footer-note{justify-self:end;text-align:right;font-family:Georgia,serif;font-style:italic;line-height:1.7;color:#9f9b93}

.experience-page{--accent:var(--spa);--page-bg:#e5e8df;--page-ink:#29332a;background:var(--page-bg);color:var(--page-ink)}.barber-page{--accent:var(--copper);--page-bg:#17191c;--page-ink:#f4f0e8}.experience-page .site-header{color:var(--ink)}.experience-hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:47% 53%}.experience-copy{padding:11vh 5vw 8vh;display:flex;flex-direction:column;justify-content:center}.experience-copy .eyebrow{color:var(--accent)}.experience-copy h1{font-size:clamp(70px,8.5vw,132px)}.experience-copy>p:not(.eyebrow){max-width:450px;margin:34px 0;font-family:Georgia,serif;font-size:18px;line-height:1.65;opacity:.72}.primary-action{width:max-content;padding:18px 22px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;letter-spacing:.16em}.experience-visual{position:relative;padding:3.5vw;background:#c8d0c4}.experience-visual>.image-placeholder{width:100%;height:100%;min-height:580px;background:#dce2d9;color:#647060}.barber-page .experience-visual{background:#26282c}.barber-page .experience-visual>.image-placeholder{background:#303338;color:#85878a;border-color:#4c4e52}.page-stamp{position:absolute;right:6vw;bottom:5vw;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--accent);color:#fff;font-size:10px;font-weight:900;line-height:1.6;letter-spacing:.15em;transform:rotate(8deg)}.barber-ticker{min-height:115px;display:flex;align-items:center;justify-content:space-around;gap:22px;overflow:hidden;background:var(--copper);color:#fff;font-size:clamp(23px,3.5vw,52px);font-weight:900;letter-spacing:-.04em;white-space:nowrap}.barber-ticker i{font-size:12px}
.about-experience{padding:120px 5vw;display:grid;grid-template-columns:.5fr 1.5fr;gap:7vw;border-bottom:1px solid rgba(80,80,70,.2)}.about-experience h2{font-size:clamp(55px,7vw,105px)}.about-experience h2 em{color:var(--accent);font-weight:400}.about-experience div>p{max-width:700px;margin:35px 0 0;font-family:Georgia,serif;font-size:18px;line-height:1.7;opacity:.68}.catalog-section{padding:115px 5vw;background:#edf0e9}.barber-page .catalog-section{background:#111315}.catalog-heading{display:grid;grid-template-columns:.45fr 1fr .65fr;gap:5vw;align-items:end;margin-bottom:70px}.catalog-heading .eyebrow{color:var(--accent)}.catalog-heading h2{font-size:clamp(46px,5vw,76px)}.catalog-heading>p:last-child{margin:0;font-family:Georgia,serif;line-height:1.6;opacity:.62}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(100,100,90,.3);border-left:1px solid rgba(100,100,90,.3)}.catalog-card{min-height:410px;padding:38px;display:flex;flex-direction:column;border-right:1px solid rgba(100,100,90,.3);border-bottom:1px solid rgba(100,100,90,.3)}.barber-page .catalog-card{border-color:rgba(255,255,255,.17)}.service-index{font-family:Georgia,serif;font-style:italic;opacity:.45}.catalog-card h3{margin:45px 0 12px;font-family:Georgia,serif;font-size:clamp(32px,3.5vw,50px);font-weight:400;letter-spacing:-.04em}.catalog-card div>p{max-width:500px;margin:0;font-size:12px;line-height:1.65;opacity:.64}.catalog-meta{display:flex;gap:25px;margin:35px 0 25px;font-size:9px;font-weight:800;letter-spacing:.13em}.catalog-card>a{margin-top:auto;padding:17px 20px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;letter-spacing:.13em}.featured-service{background:var(--copper);color:#fff}.featured-service>a{background:#fff;color:var(--barber)}
.reviews-section{padding:115px 5vw;background:var(--accent);color:#fff}.reviews-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.reviews-heading h2{font-size:clamp(46px,5vw,75px)}.reviews-heading>span{font-size:9px;font-weight:800;letter-spacing:.14em}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid blockquote{min-height:360px;margin:0;padding:35px;display:flex;flex-direction:column;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.25)}.review-grid blockquote>div{font-size:12px;letter-spacing:.2em}.review-grid blockquote>p{margin:50px 0 30px;font-family:Georgia,serif;font-size:20px;line-height:1.5}.review-grid blockquote footer{min-height:auto;margin-top:auto;padding:0;display:flex;flex-direction:column;gap:6px;background:none;color:inherit}.review-grid footer span{font-size:9px;font-weight:900;letter-spacing:.14em}.review-grid footer small{font-size:8px;letter-spacing:.12em;opacity:.55}
.experience-info{padding:115px 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.experience-info h2{font-size:clamp(48px,5.5vw,82px)}.info-list>div{padding:25px 0;border-bottom:1px solid rgba(100,100,90,.25)}.info-list>div:first-child{border-top:1px solid rgba(100,100,90,.25)}.barber-page .info-list>div{border-color:rgba(255,255,255,.16)}.info-list span{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--accent)}.info-list p{font-family:Georgia,serif;line-height:1.6;opacity:.68}.final-booking{padding:120px 5vw;text-align:center;background:#d4ddd1}.barber-page .final-booking{background:#222428}.final-booking h2{margin-bottom:45px;font-size:clamp(55px,7vw,105px)}.final-booking a{display:inline-block;padding:20px 26px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;letter-spacing:.15em}

@media(max-width:800px){.site-header{height:70px;grid-template-columns:1fr auto;padding:0 20px}.site-header nav{display:none}.home-hero,.experience-hero{grid-template-columns:1fr}.home-hero-copy,.experience-copy{padding:85px 24px 65px}.home-hero h1,.experience-copy h1{font-size:clamp(56px,17vw,80px)}.home-hero-art,.experience-visual{min-height:530px;padding:24px}.home-photo,.experience-visual>.image-placeholder{min-height:480px}.intro-band{padding:38px 24px;flex-direction:column;align-items:flex-start}.intro-band p{margin-bottom:8px}.home-spaces{padding:80px 24px}.home-heading{display:block}.home-heading h2{font-size:54px}.space-grid{grid-template-columns:1fr}.space-image{height:360px}.space-content{min-height:450px;padding:35px 28px}.home-proof{padding:60px 24px;grid-template-columns:1fr 1fr}.home-proof blockquote{grid-column:1/-1;margin-top:25px}.visit-section{grid-template-columns:1fr}.visit-copy{padding:80px 24px}.visit-details{flex-direction:column;gap:20px}.map-placeholder{min-height:420px}body>footer,.site-footer{grid-template-columns:1fr;gap:45px;padding:55px 24px}.footer-note{justify-self:start;text-align:left}.about-experience,.experience-info{padding:80px 24px;grid-template-columns:1fr;gap:40px}.catalog-section,.reviews-section,.final-booking{padding:80px 24px}.catalog-heading{grid-template-columns:1fr;gap:18px}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:390px;padding:30px 25px}.reviews-heading{display:block}.reviews-heading h2{margin-bottom:24px}.review-grid{grid-template-columns:1fr}.review-grid blockquote{min-height:330px}.barber-ticker{justify-content:flex-start;padding-left:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Identidad ciruela vino exclusiva del spa */
.spa-card .space-image{background:#eadde1;color:#765563;border-color:#cfb8c1}
.spa-card .space-content{background:linear-gradient(145deg,#795568,#684758);color:#fff}
.spa-page{--accent:var(--spa);--page-bg:#f8f1f3;--page-ink:#402e37;background:var(--spa-white)}
.spa-page .experience-hero{background:linear-gradient(135deg,#fbf7f8 0%,#f0e2e7 100%)}
.spa-page .experience-visual{background:#d7bdc7}
.spa-page .experience-visual>.image-placeholder{background:#eee2e6;color:#765563;border-color:#c7abb6}
.spa-page .about-experience{background:#fbf7f8;border-color:#decbd2}
.spa-page .catalog-section{background:#f3e8ec}
.spa-page .catalog-grid,.spa-page .catalog-card{border-color:#d9c2cb}
.spa-page .reviews-section{background:linear-gradient(145deg,#795568,#513442)}
.spa-page .review-grid blockquote{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}
.spa-page .experience-info{background:#fbf7f8}
.spa-page .info-list>div{border-color:#dfcdd4}
.spa-page .final-booking{background:linear-gradient(135deg,#ead9df,#fbf7f8)}

/* Reserva interactiva y carrito */
button,input{font:inherit}.add-service{margin-top:auto;padding:17px 20px;border:0;display:flex;justify-content:space-between;background:var(--accent);color:#fff;font-size:9px;font-weight:900;letter-spacing:.13em;cursor:pointer}.add-service:hover{filter:brightness(.92)}.featured-service .add-service{background:#fff;color:var(--barber)}
.booking-section{padding:115px 5vw;background:#e9e0ef;color:#403447}.barber-page .booking-section{background:#1d1f22;color:#f4f0e8}.booking-heading{display:grid;grid-template-columns:.4fr 1fr .65fr;gap:5vw;align-items:end;margin-bottom:65px}.booking-heading .eyebrow{color:var(--accent)}.booking-heading h2{font-size:clamp(46px,5vw,78px)}.booking-heading h2 em{color:var(--accent);font-weight:400}.booking-heading>p:last-child{margin:0;font-family:Georgia,serif;line-height:1.65;opacity:.68}
.reservation-form{border-top:1px solid rgba(90,70,100,.25)}.barber-page .reservation-form{border-color:rgba(255,255,255,.18)}.customer-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:38px 0}.customer-fields label{display:flex;flex-direction:column;gap:10px}.customer-fields label>span{font-size:9px;font-weight:900;letter-spacing:.14em}.customer-fields input{width:100%;padding:16px 14px;border:1px solid rgba(90,70,100,.28);border-radius:0;background:rgba(255,255,255,.58);color:#403447;outline:none}.customer-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(154,124,175,.16)}.barber-page .customer-fields input{background:#292c30;border-color:rgba(255,255,255,.2);color:#fff}.barber-page .customer-fields input:focus{border-color:var(--copper);box-shadow:0 0 0 2px rgba(213,103,63,.18)}
.booking-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.cart-panel{min-height:300px;padding:32px;background:rgba(255,255,255,.52);border:1px solid rgba(90,70,100,.24)}.barber-page .cart-panel{background:#24272a;border-color:rgba(255,255,255,.16)}.cart-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(90,70,100,.2)}.barber-page .cart-title{border-color:rgba(255,255,255,.16)}.cart-title h3{margin:0;font-family:Georgia,serif;font-size:27px;font-weight:400}.cart-title span{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.empty-cart{margin:65px 0;text-align:center;font-family:Georgia,serif;font-style:italic;opacity:.5}.cart-item{display:grid;grid-template-columns:1fr auto 110px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(90,70,100,.18)}.barber-page .cart-item{border-color:rgba(255,255,255,.14)}.cart-item>div:first-child{display:flex;flex-direction:column;gap:6px}.cart-item strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.cart-item small{font-size:9px;letter-spacing:.08em;opacity:.55}.cart-item>b{text-align:right;font-size:12px}.quantity-control{display:grid;grid-template-columns:30px 30px 30px;align-items:center;text-align:center;border:1px solid rgba(90,70,100,.25)}.barber-page .quantity-control{border-color:rgba(255,255,255,.2)}.quantity-control button{height:30px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px}.quantity-control button:hover{background:var(--accent);color:#fff}.quantity-control span{font-size:11px;font-weight:800}.cart-error{min-height:18px;color:#a13d55;font-size:11px;font-weight:700}.barber-page .cart-error{color:#f08b68}
.booking-total{padding:35px;display:flex;flex-direction:column;background:var(--accent);color:#fff}.barber-page .booking-total{background:var(--copper)}.booking-total>p{margin:0;font-size:9px;font-weight:900;letter-spacing:.16em}.booking-total>strong{margin:26px 0;font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:400;letter-spacing:-.04em}.booking-total>small{max-width:320px;line-height:1.55;opacity:.72}.booking-total>button{margin-top:auto;padding:18px;border:0;background:#fff;color:#29212e;font-size:9px;font-weight:900;letter-spacing:.12em;cursor:pointer}.booking-total>button:hover{filter:brightness(.92)}
@media(max-width:800px){.booking-section{padding:80px 24px}.booking-heading{grid-template-columns:1fr;gap:18px}.customer-fields{grid-template-columns:1fr;padding:30px 0}.booking-layout{grid-template-columns:1fr}.cart-panel{padding:24px}.cart-item{grid-template-columns:1fr auto}.cart-item>b{grid-column:1/-1;text-align:left}.booking-total{min-height:330px;padding:28px}}

/* Novedades con selector Barbería / Spa */
.news-section{padding:115px 5vw;color:#fff;transition:background-color .3s ease}.news-section[data-side="barberia"]{--news-accent:#ef6845;background:#141518}.news-section[data-side="spa"]{--news-accent:#fff;background:linear-gradient(145deg,#a487b5,#806391)}.news-topline{display:flex;justify-content:space-between;align-items:end;gap:5vw;margin-bottom:60px}.news-topline h2{font-size:clamp(50px,6vw,92px)}.news-topline h2 em{color:var(--news-accent);font-weight:400}.news-control{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.news-control>span{font-size:8px;font-weight:900;letter-spacing:.17em;opacity:.65}.news-switch{padding:6px;display:grid;grid-template-columns:1fr 1fr;border-radius:999px;transition:background-color .3s ease;box-shadow:0 12px 35px rgba(0,0,0,.2)}.news-section[data-side="barberia"] .news-switch{background:#050506;border:1px solid #333438}.news-section[data-side="spa"] .news-switch{background:#78588a;border:1px solid rgba(255,255,255,.3)}.news-switch button{min-width:125px;padding:14px 20px;border:0;border-radius:999px;background:transparent;font-size:9px;font-weight:900;letter-spacing:.13em;cursor:pointer;transition:background-color .25s,color .25s,transform .25s}.news-section[data-side="barberia"] .news-switch button{color:#88898c}.news-section[data-side="barberia"] .news-switch button.is-active{background:#1b1c1f;color:#ef6845;box-shadow:inset 0 0 0 1px rgba(239,104,69,.35)}.news-section[data-side="spa"] .news-switch button{color:rgba(255,255,255,.55)}.news-section[data-side="spa"] .news-switch button.is-active{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.news-switch button:active{transform:scale(.97)}
.news-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.news-panel[hidden]{display:none}.news-feature{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(255,255,255,.17)}.news-section[data-side="barberia"] .news-feature,.news-section[data-side="barberia"] .news-list article{background:#1d1f22}.news-section[data-side="spa"] .news-feature,.news-section[data-side="spa"] .news-list article{background:rgba(255,255,255,.1)}.news-image{min-height:440px;border:0;border-right:1px solid rgba(255,255,255,.17);color:rgba(255,255,255,.5)}.news-section[data-side="barberia"] .news-image{background:#292c30}.news-section[data-side="spa"] .news-image{background:#b49ac2}.news-copy{padding:45px;display:flex;flex-direction:column}.news-copy>span,.news-list article>span{color:var(--news-accent);font-size:8px;font-weight:900;letter-spacing:.15em}.news-copy h3{margin:45px 0 20px;font-family:Georgia,serif;font-size:clamp(32px,3.5vw,53px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.news-copy p,.news-list p{font-family:Georgia,serif;line-height:1.55;opacity:.65}.news-copy a,.news-list a{width:max-content;margin-top:auto;padding-bottom:6px;border-bottom:1px solid var(--news-accent);color:var(--news-accent);font-size:8px;font-weight:900;letter-spacing:.14em}.news-list{display:grid;grid-template-rows:1fr 1fr;gap:20px}.news-list article{padding:35px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.17)}.news-list h3{margin:24px 0 10px;font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.08}.news-list p{margin:0 0 22px;font-size:14px}
@media(max-width:800px){.news-section{padding:80px 24px}.news-topline{display:block}.news-topline h2{font-size:54px}.news-control{align-items:flex-start;margin-top:38px}.news-switch{width:100%}.news-switch button{min-width:0;padding:14px 10px}.news-panel{grid-template-columns:1fr}.news-feature{grid-template-columns:1fr}.news-image{min-height:340px;border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}.news-copy{min-height:420px;padding:30px}.news-list article{min-height:320px;padding:30px}}

/* Inicio neutral: arena champán */
.home-page{--home-champagne:#d8c7a6;--home-taupe:#8d8171;--home-ivory:#f7f3eb;--home-charcoal:#2e3033}.home-page .home-hero{grid-template-columns:54% 46%;background:linear-gradient(135deg,#f7f3eb 0%,#eee6d8 100%)}.home-page .home-hero-copy .eyebrow{color:var(--home-taupe)}.home-page .home-hero h1 em{color:var(--home-taupe)}.home-page .home-hero-art{background:linear-gradient(145deg,#d8c7a6,#aa9880)}.home-page .home-photo{background:#efe7d9;color:#756a5c;border-color:#b9a88e}.home-page .dual-stamp{width:128px;height:128px;background:var(--home-charcoal);box-shadow:0 18px 45px rgba(46,48,51,.22)}.home-page .dual-stamp i{color:var(--home-champagne)}.home-page .intro-band{background:var(--home-taupe)}.home-page .home-spaces{background:var(--home-ivory)}.home-page .home-heading h2 em{color:var(--home-taupe)}.home-page .space-grid{grid-template-columns:1fr 1fr;align-items:start}.home-page .spa-card,.home-page .barber-card{margin-top:0}.home-page .spa-card .space-image,.home-page .barber-card .space-image{height:450px}.home-page .spa-card .space-content,.home-page .barber-card .space-content{min-height:500px;padding:45px}.home-page .barber-card .space-content h3{font-size:clamp(42px,4.5vw,68px)}.home-page .home-proof{background:linear-gradient(135deg,#b5a184,#8d8171)}
@media(max-width:800px){.home-page .home-hero{grid-template-columns:1fr}.home-page .space-grid{grid-template-columns:1fr}.home-page .spa-card .space-image,.home-page .barber-card .space-image{height:380px}.home-page .spa-card .space-content,.home-page .barber-card .space-content{min-height:470px;padding:35px 28px}}

/* Barbería: carbón, latón envejecido y hueso */
.barber-page{--accent:#b89456;--page-bg:#232326;--page-ink:#f2ebdd}.barber-page .barber-ticker{background:#b89456;color:#232326}.barber-page .primary-action,.barber-page .page-stamp,.barber-page .add-service,.barber-page .final-booking a{color:#232326}.barber-page .featured-service{background:#b89456;color:#232326}.barber-page .reviews-section{background:linear-gradient(145deg,#b89456,#9b783d);color:#232326}.barber-page .review-grid blockquote{background:#29292c;color:#f2ebdd;border-color:rgba(242,235,221,.2)}.barber-page .booking-total{background:#b89456;color:#232326}.barber-page .booking-total>button{color:#232326}.spa-page .booking-section{background:#ead9df;color:#402e37}.news-section[data-side="barberia"]{--news-accent:#b89456}.news-section[data-side="barberia"] .news-switch button.is-active{color:#b89456;box-shadow:inset 0 0 0 1px rgba(184,148,86,.4)}

/* Novedades del Spa: contraste sobrio */
.news-section[data-side="spa"]{--news-accent:#d8c7a6;background:#332a2e;color:#f8f1f3}.news-section[data-side="spa"] .news-switch{background:#684758;border-color:#8b6879}.news-section[data-side="spa"] .news-switch button.is-active{background:#513442;color:#fff}.news-section[data-side="spa"] .news-feature,.news-section[data-side="spa"] .news-list article{background:#f5efec;color:#3e3037;border-color:#d8cac5}.news-section[data-side="spa"] .news-image{background:#b7a4a9;color:#55474d;border-color:#d0c1bd}.news-section[data-side="spa"] .news-copy>span,.news-section[data-side="spa"] .news-list article>span{color:#684758}.news-section[data-side="spa"] .news-copy a,.news-section[data-side="spa"] .news-list a{color:#684758;border-color:#684758}

/* Propuesta de menú móvil */
.mobile-menu{display:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}
@media(max-width:800px){
  .site-header .header-cta{display:none}.mobile-menu{display:block;justify-self:end}.mobile-menu summary{width:44px;height:44px;border:1px solid rgba(46,48,51,.25);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;position:relative;z-index:52;background:#f7f3eb}.mobile-menu summary span{width:17px;height:1.5px;background:#2e3033;transition:transform .25s,opacity .2s}.mobile-menu[open] summary span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .mobile-menu-panel{position:fixed;z-index:50;top:70px;left:0;width:100%;height:calc(100dvh - 70px);padding:48px 26px 30px;display:flex;flex-direction:column;background:#f7f3eb;color:#2e3033;overflow:auto;border-top:1px solid #d8c7a6}.mobile-menu-brand{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto;column-gap:20px;align-items:center;padding-bottom:38px;border-bottom:1px solid rgba(46,48,51,.18)}.mobile-logo{grid-row:1 / 3;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#d8c7a6;color:#2e3033;font-family:Georgia,serif;font-size:38px;font-style:italic}.mobile-menu-brand strong{align-self:end;font-size:20px;letter-spacing:.2em}.mobile-menu-brand small{align-self:start;margin-top:6px;font-size:8px;letter-spacing:.17em;color:#8d8171}
  .mobile-menu-links{display:flex;flex-direction:column;padding:22px 0}.mobile-menu-links a{padding:14px 0;display:grid;grid-template-columns:38px 1fr;align-items:center;border-bottom:1px solid rgba(46,48,51,.14);font-family:Georgia,serif;font-size:clamp(22px,7vw,30px);letter-spacing:-.025em}.mobile-menu-links a span{font-family:Arial,sans-serif;font-size:8px;font-weight:900;letter-spacing:.12em;color:#8d8171}.mobile-menu-social{margin-top:auto;padding-top:24px;border-top:1px solid rgba(46,48,51,.18)}.mobile-menu-social>p{margin:0 0 16px;font-size:8px;font-weight:900;letter-spacing:.16em;color:#8d8171}.mobile-menu-social>div{display:flex;flex-wrap:wrap;gap:18px}.mobile-menu-social a{font-size:9px;font-weight:900;letter-spacing:.11em;border-bottom:1px solid;padding-bottom:5px}
}

/* Galería compacta de Barbería */
.barber-gallery{padding:90px 5vw;background:#19191b;color:#f2ebdd;border-top:1px solid rgba(242,235,221,.12);border-bottom:1px solid rgba(242,235,221,.12)}.gallery-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:42px}.gallery-heading .eyebrow{color:#b89456}.gallery-heading h2{font-size:clamp(44px,5vw,72px)}.gallery-heading>p{max-width:500px;margin:0;font-family:Georgia,serif;font-size:15px;line-height:1.65;color:#aaa397}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-shot{margin:0}.gallery-shot>.image-placeholder{height:280px;background:#2c2d30;color:#858489;border-color:rgba(242,235,221,.16)}.gallery-shot figcaption{padding:15px 2px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(242,235,221,.15)}.gallery-shot figcaption span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#d8c7a6}.gallery-shot figcaption small{font-size:8px;letter-spacing:.1em;color:#777579}
@media(max-width:800px){.barber-gallery{padding:70px 24px}.gallery-heading{grid-template-columns:1fr;gap:22px}.gallery-heading h2{font-size:48px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-shot:first-child{grid-column:1/-1}.gallery-shot>.image-placeholder{height:210px}.gallery-shot:first-child>.image-placeholder{height:270px}.gallery-shot figcaption{flex-direction:column;gap:6px}}

/* Galería compacta del Spa */
.spa-gallery{padding:90px 5vw;background:#fbf7f8;color:#402e37;border-top:1px solid #decbd2;border-bottom:1px solid #decbd2}.spa-gallery .gallery-heading .eyebrow{color:#684758}.spa-gallery .gallery-heading>p{color:#7f6b74}.spa-gallery .gallery-shot>.image-placeholder{background:#e4d2d8;color:#765563;border-color:#cdb7c0}.spa-gallery .gallery-shot figcaption{border-color:#d9c4cc}.spa-gallery .gallery-shot figcaption span{color:#684758}.spa-gallery .gallery-shot figcaption small{color:#8b747e}
@media(max-width:800px){.spa-gallery{padding:70px 24px}}

/* Solicitud de cita ampliada */
.form-legend{margin:24px 0 0;font-size:9px;letter-spacing:.08em;opacity:.62}.form-legend b{color:var(--accent)}.customer-fields label>span em{margin-left:7px;font-size:7px;font-style:normal;letter-spacing:.11em;opacity:.6}.customer-fields .field-wide{grid-column:span 2}.customer-fields .notes-field{grid-column:1/-1}.customer-fields input,.customer-fields select,.customer-fields textarea{width:100%;padding:16px 14px;border:1px solid rgba(90,70,100,.28);border-radius:0;background:rgba(255,255,255,.58);color:#403447;outline:none}.customer-fields select{min-height:50px}.customer-fields textarea{resize:vertical;line-height:1.5}.customer-fields input:focus,.customer-fields select:focus,.customer-fields textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(104,71,88,.14)}.barber-page .customer-fields input,.barber-page .customer-fields select,.barber-page .customer-fields textarea{background:#292c30;border-color:rgba(255,255,255,.2);color:#fff}.barber-page .customer-fields select option{background:#292c30}.barber-page .customer-fields input:focus,.barber-page .customer-fields select:focus,.barber-page .customer-fields textarea:focus{border-color:#b89456;box-shadow:0 0 0 2px rgba(184,148,86,.15)}.duration-summary{margin:0 0 24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28);display:flex;justify-content:space-between;align-items:center;gap:15px}.duration-summary span{font-size:8px;font-weight:900;letter-spacing:.13em}.duration-summary b{font-family:Georgia,serif;font-size:20px;font-weight:400}.barber-page .duration-summary{border-color:rgba(35,35,38,.25)}
.mobile-cart-dock{display:none}
@media(max-width:800px){.customer-fields .field-wide,.customer-fields .notes-field{grid-column:auto}.form-legend{margin-top:20px}.mobile-cart-dock{position:fixed;z-index:45;left:14px;right:14px;bottom:14px;padding:14px 17px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;background:#684758;color:#fff;box-shadow:0 16px 42px rgba(25,18,22,.32);transform:translateY(150%);opacity:0;transition:transform .28s,opacity .28s}.barber-page .mobile-cart-dock{background:#b89456;color:#232326}.mobile-cart-dock.has-items{transform:translateY(0);opacity:1}.mobile-cart-dock>span{display:flex;flex-direction:column;gap:4px}.mobile-cart-dock b{font-size:10px;letter-spacing:.08em}.mobile-cart-dock small{font-size:8px;letter-spacing:.1em;opacity:.72}.mobile-cart-dock>strong{font-family:Georgia,serif;font-size:22px;font-weight:400}}

/* Tipografía editorial común para Inicio, Spa y Barbería */
h1,h2,h3,blockquote,.brand-mark,.mobile-logo,.home-hero-copy>p:not(.eyebrow),.space-content>p:not(.eyebrow),.big-number,.visit-details p,.map-pin,.footer-note,.experience-copy>p:not(.eyebrow),.about-experience div>p,.catalog-heading>p:last-child,.service-index,.catalog-card h3,.review-grid blockquote>p,.info-list p,.booking-heading>p:last-child,.cart-title h3,.empty-cart,.cart-item strong,.booking-total>strong,.news-copy p,.news-list p,.duration-summary b,.mobile-cart-dock>strong{font-family:var(--display-font)}
h1,h2{letter-spacing:-.04em;line-height:.98}h1 em,h2 em,.brand-mark,.mobile-logo,.intro-band span,.home-proof blockquote,.footer-note,.service-index,.empty-cart,.dual-stamp i,.barber-ticker i{font-style:normal}.service-index{letter-spacing:.08em}.home-proof blockquote{line-height:1.4}.empty-cart{letter-spacing:.02em}

/* Identidad compartida 2026: vino morado, blanco, negro y acentos dorados */
:root{--wine:#6b294d;--wine-deep:#471a33;--wine-soft:#eadce3;--wine-white:#fffafb;--gold:#c7a15a;--gold-dark:#9b7433}
.header-actions{justify-self:end;display:flex;align-items:center;gap:18px}.header-actions .header-cta{justify-self:auto}.language-toggle{position:relative;width:78px;height:34px;padding:0 7px;border:1px solid rgba(155,116,51,.52);border-radius:999px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fffaf8;color:var(--wine);font-size:8px;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 4px 15px rgba(71,26,51,.08)}.language-toggle span{position:relative;z-index:2;text-align:center;transition:color .25s}.language-toggle span:first-child{color:#fff}.language-toggle span:nth-child(2){color:var(--wine)}.language-toggle i{position:absolute;z-index:1;top:3px;left:3px;width:34px;height:26px;border-radius:999px;background:var(--wine);box-shadow:0 3px 10px rgba(71,26,51,.2);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.language-toggle.is-english i{transform:translateX(37px)}.language-toggle.is-english span:first-child{color:var(--wine)}.language-toggle.is-english span:nth-child(2){color:#fff}.language-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Spa: vino morado y blanco con pequeños reflejos dorados */
.spa-page{--accent:var(--wine);--page-bg:var(--wine-white);--page-ink:#39242f;background:var(--wine-white);color:#39242f}.spa-page .site-header{background:rgba(255,250,251,.96)}.spa-page .experience-hero{background:#fff}.spa-page .experience-visual{background:var(--wine-soft)}.spa-page .experience-visual>.image-placeholder{background:#f7ecef;color:#765064;border-color:#d8bbc8}.spa-page .about-experience,.spa-page .experience-info{background:var(--wine-white)}.spa-page .catalog-section{background:#f7f0f3}.spa-page .catalog-grid{border-color:#d9c3cc}.spa-page .catalog-card{background:rgba(255,255,255,.56);border-color:#d9c3cc}.spa-page .reviews-section{background:linear-gradient(145deg,var(--wine),var(--wine-deep));color:#fff}.spa-page .review-grid blockquote{background:rgba(34,8,22,.22);border-color:rgba(255,255,255,.24)}.spa-page .booking-section{background:#f0e4e9;color:#3d2833}.spa-page .booking-total{background:var(--wine)}.spa-page .final-booking{background:#eee0e6}.spa-page .primary-action,.spa-page .page-stamp,.spa-page .add-service,.spa-page .final-booking a{background:var(--wine);color:#fff}.spa-page .eyebrow,.spa-page .service-index,.spa-page .catalog-meta strong,.spa-page .reviews-heading>span,.spa-page .gallery-shot figcaption small{color:var(--gold-dark)}.spa-page .reviews-section .eyebrow,.spa-page .reviews-section .reviews-heading>span,.spa-page .review-grid blockquote>div{color:#e3c27d}.spa-page .brand-mark{border-color:var(--gold-dark)}

/* Barbería: negro y vino, con el dorado reservado a los detalles */
.barber-page{--accent:var(--wine);--page-bg:#111012;--page-ink:#f7f2f4;background:#111012;color:#f7f2f4}.barber-page .experience-copy{background:#111012}.barber-page .experience-visual{background:#1d181b}.barber-page .experience-visual>.image-placeholder{background:#282326;color:#93878d;border-color:#4d4047}.barber-page .barber-ticker{background:var(--wine);color:#fff}.barber-page .barber-ticker i{color:#e5c77f}.barber-page .about-experience,.barber-page .experience-info{background:#151315}.barber-page .catalog-section{background:#0d0c0e}.barber-page .catalog-card{border-color:rgba(255,255,255,.14)}.barber-page .featured-service{background:#24161e;color:#fff;box-shadow:inset 0 0 0 1px rgba(107,41,77,.7)}.barber-page .reviews-section{background:linear-gradient(145deg,var(--wine),var(--wine-deep));color:#fff}.barber-page .review-grid blockquote{background:#171216;color:#fff;border-color:rgba(255,255,255,.2)}.barber-page .booking-section{background:#151315;color:#f7f2f4}.barber-page .cart-panel{background:#1d191c}.barber-page .booking-total{background:var(--wine);color:#fff}.barber-page .booking-total>button{color:var(--wine-deep)}.barber-page .final-booking{background:#1b1519}.barber-page .primary-action,.barber-page .page-stamp,.barber-page .add-service,.barber-page .final-booking a{background:var(--wine);color:#fff}.barber-page .eyebrow,.barber-page .service-index,.barber-page .catalog-meta strong,.barber-page .gallery-shot figcaption span,.barber-page .reviews-heading>span,.barber-page .review-grid blockquote>div{color:var(--gold)}.barber-page .brand-mark{border-color:var(--gold-dark)}.barber-page .mobile-cart-dock{background:var(--wine);color:#fff}

@media(max-width:800px){.site-header{grid-template-columns:1fr auto auto;gap:10px}.header-actions{gap:0}.header-actions .header-cta{display:none}.language-toggle{width:70px;height:32px;padding:0 6px}.language-toggle i{width:30px;height:24px}.language-toggle.is-english i{transform:translateX(33px)}.mobile-menu{justify-self:end}}

/* Inicio neutral; solo las tarjetas reflejan la identidad de cada negocio */
.home-page .spa-card .space-image{background:#e5d2db;color:#765064;border-color:#c9aeba}.home-page .spa-card .space-content{background:var(--wine);color:#fff}.home-page .barber-card .space-image{background:#211d20;color:#81767c;border-color:#443b40}.home-page .barber-card .space-content{background:#171316;color:#fff}.home-page .space-content .eyebrow{color:#e2c17a}.home-page .spa-card .space-button,.home-page .barber-card .space-button{background:#fffaf8;color:#291c23;border-bottom:3px solid var(--gold)}

/* Novedades: paletas nuevas según cada negocio */
.news-section[data-side="barberia"]{--news-accent:var(--gold);background:#111012;color:#fff}.news-section[data-side="barberia"] .news-topline h2 em{color:var(--gold)}.news-section[data-side="barberia"] .news-switch{background:#090809;border-color:rgba(107,41,77,.8)}.news-section[data-side="barberia"] .news-switch button{color:#9b8d94}.news-section[data-side="barberia"] .news-switch button.is-active{background:var(--wine);color:#fff;box-shadow:inset 0 0 0 1px rgba(199,161,90,.38)}.news-section[data-side="barberia"] .news-feature,.news-section[data-side="barberia"] .news-list article{background:#191619;border-color:rgba(199,161,90,.2)}.news-section[data-side="barberia"] .news-image{background:#261820;color:#a58e99;border-color:rgba(107,41,77,.75)}.news-section[data-side="barberia"] .news-copy>span,.news-section[data-side="barberia"] .news-list article>span,.news-section[data-side="barberia"] .news-copy a,.news-section[data-side="barberia"] .news-list a{color:var(--gold);border-color:var(--gold)}
.news-section[data-side="spa"]{--news-accent:var(--gold);background:linear-gradient(145deg,var(--wine),var(--wine-deep));color:#fff}.news-section[data-side="spa"] .news-topline h2 em{color:#e6c983}.news-section[data-side="spa"] .news-switch{background:rgba(35,12,25,.42);border-color:rgba(230,201,131,.48)}.news-section[data-side="spa"] .news-switch button{color:rgba(255,255,255,.62)}.news-section[data-side="spa"] .news-switch button.is-active{background:#fffafb;color:var(--wine);box-shadow:inset 0 0 0 1px rgba(199,161,90,.55)}.news-section[data-side="spa"] .news-feature,.news-section[data-side="spa"] .news-list article{background:#fffafb;color:#39242f;border-color:#d9bdc9}.news-section[data-side="spa"] .news-image{background:var(--wine-soft);color:#765064;border-color:#d4b3c1}.news-section[data-side="spa"] .news-copy>span,.news-section[data-side="spa"] .news-list article>span{color:var(--gold-dark)}.news-section[data-side="spa"] .news-copy a,.news-section[data-side="spa"] .news-list a{color:var(--wine);border-color:var(--gold-dark)}

/* Contenido real, fotografía y componentes de producción */
.brand-logo{width:48px;height:48px;display:block;object-fit:contain}.mobile-logo-image{grid-row:1/3;width:78px;height:78px;display:block;object-fit:contain}.footer-logo{width:92px;height:92px;margin-bottom:18px;display:block;object-fit:contain}.logo-showcase{display:grid;place-items:center;background:radial-gradient(circle at 52% 42%,#fff8f2 0,#d9c6b6 56%,#bca793 100%)}.logo-showcase>img{width:min(74%,620px);height:auto;filter:drop-shadow(0 28px 35px rgba(43,20,33,.2))}.real-card-image,.real-news-image{overflow:hidden}.real-card-image img,.real-news-image img{width:100%;height:100%;display:block;object-fit:cover}.real-card-image img{transition:transform .55s ease}.space-card:hover .real-card-image img{transform:scale(1.025)}.real-news-image{padding:0}.real-news-image:before,.real-news-image:after{display:none}.real-hero-image{padding:0;overflow:hidden}.real-hero-image>img{width:100%;height:100%;min-height:680px;display:block;object-fit:cover}.real-hero-image .page-stamp{z-index:2}.branded-location{display:flex;flex-direction:column;gap:22px;background:radial-gradient(circle,#f5e9ec 0,#c6a9b5 58%,#8b6677 100%);color:#fff}.branded-location img{width:min(42%,280px);height:auto;filter:drop-shadow(0 22px 28px rgba(40,12,28,.25))}.branded-location span{font-size:9px;letter-spacing:.24em}

.real-gallery{padding:105px 5vw}.real-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:285px;gap:14px}.gallery-media,.real-gallery-item{position:relative;margin:0;overflow:hidden;background:#281b22}.gallery-media img,.gallery-media video,.real-gallery-item img,.real-gallery-item video{width:100%;height:100%;display:block;object-fit:cover}.gallery-media figcaption,.real-gallery-item figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:48px 18px 16px;display:flex;justify-content:space-between;align-items:end;gap:14px;color:#fff;background:linear-gradient(transparent,rgba(20,8,15,.78))}.gallery-media figcaption span,.real-gallery-item figcaption span{font-size:9px;font-weight:900;letter-spacing:.12em}.gallery-media figcaption small,.real-gallery-item figcaption small{font-size:8px;letter-spacing:.1em;opacity:.76}.gallery-feature,.real-gallery-item.feature{grid-column:span 2;grid-row:span 2}.gallery-video,.real-gallery-item.video-item{grid-row:span 2}.gallery-wide,.real-gallery-item.wide{grid-column:span 2}.video-badge{position:absolute;z-index:3;top:16px;left:16px;padding:9px 12px;border-radius:999px;background:rgba(19,9,14,.78);color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em;backdrop-filter:blur(8px)}.barber-page .real-gallery{background:#121013}.barber-page .real-gallery-item{border:1px solid rgba(199,161,90,.18)}.spa-page .gallery-media{border:1px solid #ddc8d1}

.real-catalog{padding-top:105px}.service-group{margin:0 0 18px;border:1px solid rgba(105,75,90,.24);background:rgba(255,255,255,.32)}.service-group>summary{min-height:78px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;color:var(--accent)}.service-group>summary::-webkit-details-marker{display:none}.service-group>summary:after{content:'+';order:3;font-family:var(--display-font);font-size:28px}.service-group[open]>summary:after{content:'−'}.service-group>summary>span{font-size:13px;font-weight:900;letter-spacing:.15em}.service-group>summary>b{margin-left:auto;font-size:8px;letter-spacing:.13em;opacity:.65}.compact-catalog{grid-template-columns:repeat(3,1fr);border-left:0}.compact-catalog .catalog-card{min-height:360px;padding:28px}.compact-catalog .catalog-card h3{margin-top:30px;font-size:clamp(27px,2.6vw,42px)}.compact-catalog .catalog-meta{flex-wrap:wrap;margin-top:28px}.wax-grid .catalog-card{min-height:300px}.wax-grid .catalog-card h3{font-size:clamp(24px,2.2vw,34px)}.barber-page .service-group{background:#141115;border-color:rgba(199,161,90,.2)}.barber-page .service-group>summary{color:var(--gold)}.barber-page .featured-service .add-service{background:#fff;color:var(--wine-deep)}

.home-service-section{padding:105px 5vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center;background:var(--wine);color:#fff}.home-service-copy h2{font-size:clamp(48px,5.5vw,80px)}.home-service-copy h2 em{color:#e8ca88;font-weight:400}.home-service-copy>p:not(.eyebrow){margin:28px 0;max-width:560px;font-family:var(--display-font);font-size:17px;line-height:1.65;opacity:.76}.home-service-copy>img{width:100%;max-height:265px;display:block;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.comparison-wrap>p{margin:16px 0 0;font-size:10px;line-height:1.55;letter-spacing:.06em;opacity:.72}.comparison{--position:50%;position:relative;aspect-ratio:4/3;overflow:hidden;background:#24131d;border:1px solid rgba(255,255,255,.25)}.comparison img{width:100%;height:100%;display:block;object-fit:cover}.comparison-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.comparison-label{position:absolute;z-index:3;top:16px;padding:9px 12px;border-radius:999px;background:rgba(18,8,13,.72);font-size:8px;font-weight:900;letter-spacing:.11em}.comparison-label.before{left:16px}.comparison-label.after{right:16px}.comparison-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--position);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.comparison-line span{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:#fff;color:var(--wine);font-size:18px;box-shadow:0 8px 25px rgba(0,0,0,.24)}.comparison input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}

.team-section{padding:105px 5vw;background:#f5eee9;color:#38282f}.team-heading{display:grid;grid-template-columns:.5fr 1.5fr;gap:6vw;align-items:end;margin-bottom:48px}.team-heading h2{font-size:clamp(44px,5vw,74px)}.team-heading .eyebrow{color:var(--gold-dark)}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.team-grid article{min-height:245px;padding:25px;display:flex;flex-direction:column;border:1px solid rgba(89,52,70,.18);background:#fff}.team-grid article>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fff;font-family:var(--display-font);font-size:23px}.team-grid h3{margin:auto 0 8px;font-size:28px;font-weight:400}.team-grid p{margin:0;font-size:10px;line-height:1.5;letter-spacing:.07em;color:#725d67}.spa-team{background:#fffafb}.barber-team{background:#191619;color:#fff}.barber-team .team-grid{grid-template-columns:repeat(2,minmax(240px,360px))}.barber-team .team-grid article{background:#211d20;border-color:rgba(199,161,90,.22)}.barber-team .team-grid article>span{background:var(--wine);box-shadow:inset 0 0 0 1px rgba(199,161,90,.45)}.barber-team .team-grid p{color:#b8aab0}.home-proof b{font:inherit}

.add-service{align-items:center;justify-content:space-between}.mobile-cart-dock{border:0;text-align:left}.barber-page .booking-total .duration-summary{border-color:rgba(255,255,255,.24)}

@media(max-width:1100px){.real-gallery-grid{grid-template-columns:repeat(3,1fr)}.compact-catalog{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}.home-service-section{grid-template-columns:1fr}.home-service-copy>img{max-height:380px}.barber-real-gallery .video-item{grid-row:span 1}}
@media(max-width:800px){.brand-logo{width:42px;height:42px}.brand{gap:9px}.brand>span{font-size:11px}.mobile-logo-image{width:78px;height:78px}.footer-logo{width:82px;height:82px}.logo-showcase>img{width:min(82%,470px)}.real-hero-image{min-height:520px}.real-hero-image>img{min-height:520px}.real-gallery{padding:72px 24px}.real-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:235px}.gallery-feature,.real-gallery-item.feature{grid-column:1/-1;grid-row:span 2}.gallery-video,.real-gallery-item.video-item{grid-row:span 2}.gallery-wide,.real-gallery-item.wide{grid-column:1/-1}.gallery-media figcaption,.real-gallery-item figcaption{padding:44px 12px 13px;flex-direction:column;align-items:flex-start;gap:5px}.real-catalog{padding:75px 24px}.service-group>summary{min-height:68px;padding:0 18px}.service-group>summary>span{font-size:10px}.service-group>summary>b{display:none}.compact-catalog{grid-template-columns:1fr}.compact-catalog .catalog-card,.wax-grid .catalog-card{min-height:330px}.home-service-section{padding:75px 24px}.comparison{aspect-ratio:3/4}.team-section{padding:75px 24px}.team-heading{grid-template-columns:1fr;gap:14px}.team-grid,.barber-team .team-grid{grid-template-columns:1fr 1fr}.team-grid article{min-height:210px;padding:20px}.branded-location img{width:min(55%,240px)}}
@media(max-width:520px){.real-gallery-grid{grid-template-columns:1fr;grid-auto-rows:300px}.gallery-feature,.real-gallery-item.feature,.gallery-wide,.real-gallery-item.wide{grid-column:auto;grid-row:auto}.gallery-video,.real-gallery-item.video-item{grid-row:auto}.team-grid,.barber-team .team-grid{grid-template-columns:1fr}.comparison-label{top:10px}.comparison-label.before{left:10px}.comparison-label.after{right:10px}}

/* Ajustes visuales v2: hero tropical, video de Barbería y Spa a domicilio */
.logo-showcase{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(28,9,19,.34),rgba(91,44,59,.08)),url('assets/images/tamarindo-aerea-atardecer.webp') center/cover no-repeat}.logo-showcase:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at center,rgba(255,250,247,.3),transparent 48%)}.logo-showcase>.hero-brand-logo{position:relative;z-index:1;width:min(72%,600px);filter:drop-shadow(0 28px 35px rgba(20,6,14,.4))}.logo-showcase .dual-stamp{z-index:2;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.real-hero-image>video{width:100%;height:100%;min-height:680px;display:block;object-fit:cover}.barber-video-hero{background:#090809}.barber-video-hero>video{filter:saturate(.82) contrast(1.04);object-position:center}.hero-video-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(10,7,9,.14),transparent 52%,rgba(48,13,34,.18));pointer-events:none}.barber-video-hero .page-stamp{z-index:3}
.at-home-gallery{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.at-home-gallery figure{position:relative;margin:0;min-height:420px;overflow:hidden;border:1px solid rgba(255,255,255,.22)}.at-home-gallery img{width:100%;height:100%;display:block;object-fit:cover}.at-home-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 24px 20px;display:flex;justify-content:space-between;align-items:end;gap:18px;background:linear-gradient(transparent,rgba(24,7,17,.76))}.at-home-gallery figcaption span{font-size:10px;font-weight:900;letter-spacing:.13em}.at-home-gallery figcaption small{font-size:8px;letter-spacing:.1em;opacity:.75}.customer-fields label>em{display:none}.customer-fields label>span{min-height:1.25em}
@media(max-width:800px){.logo-showcase>.hero-brand-logo{width:min(82%,470px)}.real-hero-image>video{min-height:520px}.at-home-gallery{grid-template-columns:1fr}.at-home-gallery figure{min-height:340px}.at-home-gallery figcaption{padding:60px 18px 18px;flex-direction:column;align-items:flex-start;gap:6px}}
.logo-showcase:before{z-index:0;pointer-events:none}

/* Portadas del Inicio y hero móvil de Barbería */
.home-cover-image{position:relative}.home-cover-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(21,7,15,.72));pointer-events:none}.home-cover-image>span{position:absolute;z-index:2;left:22px;bottom:20px;padding:9px 12px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(24,9,17,.48);color:#fff;font-size:8px;font-weight:900;letter-spacing:.14em;backdrop-filter:blur(8px)}.barber-card .home-cover-image img{object-position:center 44%}.spa-card .home-cover-image img{object-position:center 58%}
@media(max-width:800px){.barber-page .real-experience-hero{position:relative;display:block;min-height:calc(100svh - 70px);overflow:hidden;background:#090809}.barber-page .real-experience-hero .experience-copy{position:relative;z-index:3;min-height:calc(100svh - 70px);padding:105px 24px 66px;justify-content:flex-end;background:transparent;color:#fff}.barber-page .real-experience-hero .experience-copy h1{color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.5)}.barber-page .real-experience-hero .experience-copy>p:not(.eyebrow){color:#fff;opacity:.84;text-shadow:0 2px 14px rgba(0,0,0,.45)}.barber-page .real-experience-hero .experience-copy .eyebrow{color:#e5c77f}.barber-page .barber-video-hero{position:absolute;z-index:0;inset:0;min-height:100%;height:100%;padding:0}.barber-page .barber-video-hero>video{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}.barber-page .barber-video-hero .hero-video-shade{z-index:1;background:linear-gradient(180deg,rgba(8,5,7,.48) 0%,rgba(8,5,7,.32) 32%,rgba(17,7,13,.82) 78%,rgba(17,7,13,.94) 100%)}.barber-page .barber-video-hero .page-stamp{display:none}}

/* --- Confirmación de reserva -------------------------------------------- */
.booking-success{background:var(--wine-white,#fffafb);border:1px solid var(--gold,#c7a15a);border-radius:4px;padding:clamp(28px,5vw,56px);text-align:center;max-width:640px;margin:0 auto}
.booking-success h3{font-family:var(--display-font);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--wine,#6b294d);margin:0 0 14px;font-weight:400}
.booking-success p{margin:0 0 18px;line-height:1.6;color:var(--ink,#20201d)}
.booking-success .booking-success-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:22px 0;font-size:1.05rem}
.booking-success .booking-success-detail strong{color:var(--wine,#6b294d);letter-spacing:.04em;text-transform:capitalize}
.booking-success button{cursor:pointer}

/* El desplegable de horas puede quedar largo: se limita su altura visible. */
#campo-hora,#campo-profesional{max-height:none}
#campo-hora:disabled,#campo-profesional:disabled{opacity:.6}

/* --- Conmutador de moneda (mismo lenguaje visual que el de idioma) -------- */
.currency-toggle{position:relative;width:78px;height:34px;padding:0 7px;border:1px solid rgba(155,116,51,.52);border-radius:999px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fffaf8;color:var(--wine);font-size:9px;font-weight:900;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 15px rgba(71,26,51,.08)}
.currency-toggle span{position:relative;z-index:2;text-align:center;transition:color .25s}
.currency-toggle span:first-child{color:#fff}
.currency-toggle span:nth-child(2){color:var(--wine)}
.currency-toggle i{position:absolute;z-index:1;top:3px;left:3px;width:34px;height:26px;border-radius:999px;background:var(--wine);box-shadow:0 3px 10px rgba(71,26,51,.2);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.currency-toggle.is-colones i{transform:translateX(37px)}
.currency-toggle.is-colones span:first-child{color:var(--wine)}
.currency-toggle.is-colones span:nth-child(2){color:#fff}
.currency-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.barber-page .currency-toggle{background:#1b181c;border-color:rgba(199,161,90,.42);color:#f4efe9}
.barber-page .currency-toggle span:nth-child(2){color:#f4efe9}
.barber-page .currency-toggle.is-colones span:first-child{color:#f4efe9}

/* Aclaración de que los colones son referenciales. */
.nota-moneda{display:block;margin-top:8px;font-size:10px;letter-spacing:.02em;opacity:.72;line-height:1.45}

@media(max-width:760px){
  .currency-toggle{width:70px;height:32px;padding:0 6px}
  .currency-toggle i{width:30px;height:24px}
  .currency-toggle.is-colones i{transform:translateX(33px)}
}

/* --- Ubicación con la aérea de Tamarindo de fondo -------------------------
   Misma estructura que el hero: foto al fondo, degradado encima para que el
   logo y el texto blanco se lean, y el logo por delante. */
.home-hero-art.logo-showcase,
.map-placeholder.branded-location{
  position:relative;isolation:isolate;
  background:linear-gradient(135deg,rgba(28,9,19,.46),rgba(91,44,59,.22)),
             url('assets/images/tamarindo-aerea-atardecer.webp') center/cover no-repeat;
}
.branded-location:before{
  content:'';position:absolute;z-index:0;inset:0;pointer-events:none;
  background:radial-gradient(circle at center,rgba(255,250,247,.26),transparent 52%);
}
.branded-location img{position:relative;z-index:1;filter:drop-shadow(0 22px 28px rgba(20,6,14,.45))}
.branded-location span{position:relative;z-index:1;text-shadow:0 2px 10px rgba(20,6,14,.6)}

/* --- Tarjetas del equipo: de decorativas a utiles -------------------------
   Antes eran inicial + nombre + rol, sin salida. Ahora dicen en que zona
   trabaja cada persona y llevan directo a reservar con ella. */
.team-grid article{position:relative;justify-content:flex-start;transition:transform .18s,box-shadow .18s,border-color .18s}
.team-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(89,52,70,.14);border-color:rgba(155,116,51,.5)}
.team-monograma{box-shadow:inset 0 0 0 1px rgba(199,161,90,.55),0 6px 16px rgba(89,52,70,.18)}
.team-zona{
  position:absolute;top:22px;right:22px;font-size:8px;font-weight:900;letter-spacing:.16em;
  padding:5px 10px;border-radius:999px;background:rgba(155,116,51,.14);color:var(--gold-dark,#9b7433);
}
.team-grid h3{margin:22px 0 6px}
.team-reservar{
  margin-top:auto;padding-top:14px;border-top:1px solid rgba(89,52,70,.14);
  font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--wine,#6b294d);
  text-decoration:none;display:block;transition:color .15s,letter-spacing .15s;
}
.team-reservar:hover{color:var(--gold-dark,#9b7433);letter-spacing:.16em}

/* En la barberia el fondo es oscuro: se invierten los contrastes. */
.barber-page .team-grid article:hover{box-shadow:0 14px 32px rgba(0,0,0,.4)}
.barber-page .team-zona{background:rgba(199,161,90,.18);color:var(--gold,#c7a15a)}
.barber-page .team-reservar{border-top-color:rgba(199,161,90,.22);color:var(--gold,#c7a15a)}
.barber-page .team-reservar:hover{color:#fff}

@media(max-width:760px){
  .team-zona{top:18px;right:18px}
  .team-grid h3{margin:18px 0 6px}
}

/* La regla .team-grid article>span (monograma) tiene mas especificidad que
   .team-zona, asi que la insignia heredaba el circulo de 52px. Se apunta con
   el mismo peso y se reinicia lo heredado. */
.team-grid article > span.team-zona{
  width:auto;height:auto;border-radius:999px;display:inline-block;
  position:absolute;top:22px;right:22px;
  font-family:inherit;font-size:8px;font-weight:900;letter-spacing:.16em;line-height:1;
  padding:6px 11px;background:rgba(155,116,51,.14);color:#9b7433;
  place-items:initial;box-shadow:none;
}
.barber-page .team-grid article > span.team-zona{background:rgba(199,161,90,.18);color:#c7a15a}

@media(max-width:760px){
  .team-grid article > span.team-zona{top:18px;right:18px}
}

/* --- Creditos de desarrollo (AW-RiseCR) -----------------------------------
   Franja propia al final de cada pagina. Trae su propio fondo para verse
   igual sobre el pie claro del spa y sobre el oscuro de la barberia. */
.creditos{
  background:#0f1116;color:#c9d1e0;
  padding:34px 5vw;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:20px;
}
.creditos-marca{display:flex;align-items:center;gap:14px;min-width:0}
.creditos-logo{
  width:46px;height:46px;object-fit:contain;flex:none;
  background:#fff;border-radius:10px;padding:5px;
}
.creditos-marca small{
  display:block;font-size:8px;letter-spacing:.2em;font-weight:800;color:#7f8ca4;margin-bottom:4px;
}
.creditos-marca strong{
  display:block;font-size:15px;letter-spacing:.04em;font-weight:800;color:#fff;line-height:1.1;
}
.creditos-marca strong em{color:#2f6df0;font-style:normal}
.creditos-marca span{display:block;font-size:9px;letter-spacing:.12em;color:#7f8ca4;margin-top:4px}

.creditos-redes{display:flex;flex-wrap:wrap;gap:9px}
.creditos-redes a{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 15px;border-radius:999px;text-decoration:none;
  border:1px solid rgba(201,209,224,.22);color:#c9d1e0;
  font-size:9px;font-weight:800;letter-spacing:.12em;
  transition:background .16s,border-color .16s,color .16s,transform .16s;
}
.creditos-redes a:hover{background:#2f6df0;border-color:#2f6df0;color:#fff;transform:translateY(-2px)}
.creditos-redes a.creditos-whatsapp:hover{background:#25d366;border-color:#25d366;color:#0f1116}
.creditos-redes svg{width:13px;height:13px;fill:currentColor;flex:none}

@media(max-width:760px){
  .creditos{padding:28px 24px;flex-direction:column;align-items:flex-start;gap:18px}
  .creditos-redes{width:100%}
  .creditos-redes a{flex:1 1 auto;justify-content:center}
}

/* --- Creditos: ajustes de marca -------------------------------------------
   El logo es un neon con fondo transparente: va directo sobre el fondo
   oscuro, sin recuadro blanco detras. */
.creditos-logo{
  width:52px;height:52px;background:none;border-radius:0;padding:0;
  filter:drop-shadow(0 0 12px rgba(79,148,255,.45));
}

/* Cada red brilla con su propio color al pasar el mouse o al enfocarse con
   el teclado. Se cubre :focus-visible ademas de :hover para que tambien
   funcione navegando sin mouse. */
.creditos-redes a{outline:none}

.creditos-redes a.creditos-instagram:hover,
.creditos-redes a.creditos-instagram:focus-visible{
  color:#fff;border-color:transparent;
  background:radial-gradient(circle at 28% 108%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
  box-shadow:0 0 18px rgba(214,36,159,.55),0 0 34px rgba(253,89,73,.35);
}

.creditos-redes a.creditos-facebook:hover,
.creditos-redes a.creditos-facebook:focus-visible{
  color:#fff;background:#1877f2;border-color:#1877f2;
  box-shadow:0 0 18px rgba(24,119,242,.5);
}

.creditos-redes a.creditos-whatsapp:hover,
.creditos-redes a.creditos-whatsapp:focus-visible{
  color:#0f1116;background:#25d366;border-color:#25d366;
  box-shadow:0 0 18px rgba(37,211,102,.45);
}

/* Quien prefiere menos movimiento conserva el cambio de color, sin el salto. */
@media (prefers-reduced-motion:reduce){
  .creditos-redes a{transition:background .16s,border-color .16s,color .16s,box-shadow .16s}
  .creditos-redes a:hover{transform:none}
}