:root{--ink:#172021;--cream:#f5f2ec;--sand:#ded4c5;--line:#d3cdc2;--accent:#745738}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.2vw,5.6rem);line-height:1.07;margin:25px 0}h2{font-size:clamp(2.2rem,3.4vw,3.5rem);line-height:1.13;margin:20px 0 28px}h3{font-size:2.2rem;line-height:1.15}h1 em{font-weight:400;color:var(--accent)}p{max-width:650px}.lead{font-size:1.125rem;line-height:1.7;color:#505a58}.eyebrow,.number{font-size:.75rem;letter-spacing:.14em;font-weight:600;display:block}.wrap{max-width:1320px;margin:auto;padding:85px 64px}header{min-height:88px;padding:15px 32px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:25px;position:sticky;top:0;z-index:10}.brand{flex-shrink:0;width:180px}.brand img{width:180px}nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:.875rem}nav a{padding:8px 0;opacity:.8}nav a:hover,nav a[aria-current]{opacity:1;border-bottom:1px solid var(--sand)}.header-book{padding:10px 22px;border:1px solid #bcb1a1;font-size:.875rem}.menu-button{display:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;max-width:1600px;margin:auto;min-height:660px}.hero-copy{padding:90px 5vw 75px 6vw;align-self:center}.hero-copy h1{font-size:clamp(2.7rem,4.8vw,5rem)}.hero-photo{position:relative;overflow:hidden;min-height:600px}.hero-photo img{width:100%;height:100%;position:absolute;object-position:center}.hero-photo span{position:absolute;bottom:30px;left:30px;color:#fff;background:var(--ink);padding:12px 22px;font-family:Georgia;font-size:1.3rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:15px 25px;min-height:52px;font-size:.875rem;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#394542}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--sand)}.small{font-size:.875rem;color:#5b625d;margin-top:30px}.section-head{margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards>a{padding:35px 28px 38px 0;display:flex;flex-direction:column}.cards>a+a{padding-left:35px;border-left:1px solid var(--line)}.cards h3{font-size:2.9rem;margin-top:27px;margin-bottom:20px}.cards p{color:#505a58}.cards .textlink{margin-top:auto;align-self:start}.textlink{display:inline-block;border-bottom:1px solid var(--ink);font-size:.875rem;padding-bottom:4px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.editorial img{height:520px;width:100%;object-position:center}.image-frame{padding:0 40px 0 0}.nails-band{background:var(--sand)}.nails-band .editorial{gap:100px}.nails-band img{height:470px;object-position:center 45%}.reviews{padding-top:100px;padding-bottom:100px}.quotes{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:40px 0}blockquote{font:1.4rem/1.65 Georgia;margin:0;padding-top:25px;border-top:1px solid var(--line)}cite{display:block;font: .875rem/1.5 Arial;font-style:normal;color:#5b625d;margin-top:25px}.location{display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid var(--line)}dl{display:grid;grid-template-columns:1fr 1fr;max-width:360px;font-size:.875rem;gap:14px;margin:30px 0}dd{margin:0}.location-panel{background:var(--ink);padding:45px;color:var(--cream)}.location-panel h3{font-size:3.3rem}.location-panel .button{background:var(--cream);color:var(--ink);border-color:var(--cream);margin-bottom:20px}.location-panel p:last-child{font-size:.875rem;max-width:320px;color:#c9cbc6}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:40px;padding-top:45px;padding-bottom:45px;font-size:.875rem}footer img{width:150px}footer p{margin:0}footer>a{margin-left:auto;text-decoration:underline}.innerhero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding-top:65px;padding-bottom:65px}.innerhero img{width:100%;height:520px}.innerhero .button{margin-top:20px}.service-list article{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding:40px 0;border-bottom:1px solid var(--line)}.service-list>span{margin-bottom:15px}.service-list h2{font-size:2.3rem;margin:0}.service-list article p{margin-bottom:15px}.faq{padding-top:50px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:1rem;font-weight:600;padding-right:20px}details p{margin:20px 0 5px;color:#505a58}.contact-title{padding-bottom:45px}.social a{display:inline-block;margin-right:30px;border-bottom:1px solid var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:20px}.gallery figure{margin:0}.gallery img{height:400px;width:100%}.gallery figcaption{font-size:.875rem;margin-top:15px}.mobile-book{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;color:var(--ink);padding:15px;z-index:100}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b58b49;outline-offset:5px}
@media(min-width:1600px){.hero-copy{padding-left:100px}}@media(max-width:1150px){header{gap:15px;padding:15px 20px}.brand,.brand img{width:140px}nav{gap:13px;font-size:.875rem}.wrap{padding:65px 35px}.hero-copy{padding:60px 35px}.editorial,.innerhero{gap:45px}.hero-photo{min-height:570px}}
@media(max-width:900px){header{justify-content:space-between}.menu-button{display:block;background:transparent;border:0;color:white;cursor:pointer;margin-left:auto;padding:12px}.header-book{padding:8px 15px}nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:20px 30px;flex-direction:column;align-items:stretch;gap:10px}nav.open{display:flex}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:3.2rem}.hero-photo{min-height:550px}.hero-copy{padding:50px 25px}.cards h3{font-size:2.3rem}.location{gap:35px}.location-panel{padding:30px}.location-panel h3{font-size:2.8rem}.innerhero h1{font-size:3.4rem}}
@media(max-width:650px){body{padding-bottom:65px}.wrap{padding:55px 24px}header{min-height:75px;padding:12px 18px}.brand,.brand img{width:125px}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 24px 35px}.hero h1{font-size:3rem}.hero .lead{font-size:1rem}.hero-photo{min-height:360px;height:360px}.hero-photo img{object-position:center 47%}.hero-photo span{font-size:1.1rem;bottom:20px;left:20px}.actions .button{width:100%}.small{margin:18px 0 0}.cards{grid-template-columns:1fr}.cards>a,.cards>a+a{padding:30px 0;border-left:0}.cards>a+a{border-top:1px solid var(--line)}.cards h3{font-size:2.6rem;margin:20px 0 15px}.editorial,.innerhero,.location{grid-template-columns:1fr;gap:35px}.editorial img{height:400px}.image-frame{padding:0}.nails-band .editorial{gap:30px}.nails-band img{height:400px}.quotes{grid-template-columns:1fr;gap:35px}blockquote{font-size:1.3rem}.location-panel h3{font-size:3rem}.innerhero{padding-top:45px}.innerhero h1{font-size:3.3rem}.innerhero img{height:370px}.service-list article{grid-template-columns:1fr;gap:20px;padding:30px 0}.service-list h2{font-size:2rem}.faq{padding-top:25px}.gallery{grid-template-columns:1fr}.gallery img{height:440px}.gallery{padding-top:10px}.contact-title{padding-bottom:25px}.social a{margin:10px 25px 10px 0}footer{display:flex;flex-direction:column;align-items:start;gap:20px}footer>a{margin-left:0}.mobile-book{display:block;position:fixed;bottom:0;width:100%;padding:18px;text-align:center;background:var(--ink);color:#fff;z-index:20;border-top:1px solid #4c5350;font-size:.875rem}h1{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Adapt the original mark to each surface without changing its artwork. */


.google-heading{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-bottom:15px;letter-spacing:normal}
.google-wordmark{font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:3rem;letter-spacing:-.07em;white-space:nowrap}
.google-wordmark span:nth-child(1),.google-wordmark span:nth-child(4){color:#4285f4}
.google-wordmark span:nth-child(2),.google-wordmark span:nth-child(6){color:#ea4335}
.google-wordmark span:nth-child(3){color:#fbbc05}
.google-wordmark span:nth-child(5){color:#34a853}
.review-stars{display:block;color:#c28c17;font:1.4rem/1.4 Arial,sans-serif;letter-spacing:.12em}
.google-heading .review-stars{font-size:1.8rem}
blockquote>.review-stars{margin-bottom:18px}
.reviews-subtitle{font-size:1.125rem;color:#505a58;margin-bottom:30px}
@media(max-width:650px){.google-heading{gap:18px}.google-wordmark{font-size:2.5rem}.google-heading .review-stars{font-size:1.4rem}}

.brand img,footer img{filter:none;mix-blend-mode:normal;object-fit:contain;height:auto}
header{background:#131718}.brand,.brand img{width:200px}
footer.wrap{background:#131718;color:#f5f2ec;max-width:none;padding-left:max(24px,calc((100vw - 1192px)/2));padding-right:max(24px,calc((100vw - 1192px)/2));border-top:0}
footer img{width:185px}
.review-banner{padding:28px 32px;background:#eee9e1;border-radius:12px;margin-bottom:65px}
.google-heading{margin:0 0 12px;gap:24px}
.google-logo{width:136px;height:46px;object-fit:contain}
.reviews-subtitle{margin:0;font-size:1rem}
.quotes{gap:35px}
.review-card{position:relative;background:white;border:0;border-radius:12px;padding:80px 35px 35px;box-shadow:0 12px 35px #1720210a;text-align:center;font:1.05rem/1.7 Arial,Helvetica,sans-serif}
.review-avatar{position:absolute;top:-35px;left:calc(50% - 35px);width:70px;height:70px;border:5px solid var(--cream);border-radius:50%;background:#d9c8b2;color:#172021;display:grid;place-items:center;font:1.8rem Georgia}
.card-google{position:absolute;top:25px;left:25px;width:78px;height:26px;object-fit:contain}
.review-author{font-size:1.1rem;font-weight:600;margin:0 0 12px}
.review-card>.review-stars{color:#fbbc04;margin:0 0 25px;font-size:1.5rem}
.review-card cite{font-size:.875rem;margin-top:25px}
@media(max-width:650px){.brand,.brand img{width:140px}.review-banner{padding:24px}.quotes{gap:75px}.review-card{padding:75px 25px 30px}.google-logo{width:120px;height:41px}.google-heading{gap:15px}}

.reviews-carousel{max-width:900px;margin:0 auto 35px}
.reviews-carousel .quotes{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:40px 8px 28px;margin:0;align-items:stretch}
.reviews-carousel .quotes::-webkit-scrollbar{display:none}
.reviews-carousel .review-card{flex:0 0 100%;scroll-snap-align:center;box-sizing:border-box;min-width:0;margin:0;padding-left:55px;padding-right:55px}
.review-service{font-size:.875rem;color:#745738;margin-bottom:16px}
.review-text{margin:0 auto;max-width:620px;font-size:1.125rem;line-height:1.8}
.review-controls{display:flex;align-items:center;justify-content:center;gap:24px}
.review-controls button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 18px;font-size:.875rem;cursor:pointer;min-height:44px}
.review-controls button:hover{background:var(--sand)}
.review-controls button:disabled{opacity:.4;cursor:default}
#review-position{font-size:.875rem;color:#505a58}
@media(max-width:650px){.reviews-carousel .review-card{padding-left:24px;padding-right:24px}.reviews-carousel .quotes{gap:20px}.review-controls{gap:15px}.review-text{font-size:1rem}}

body{font-family:'Lato',Arial,sans-serif}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.025em}
h1 em{font-family:inherit;font-style:normal;font-weight:500}
button,.button,nav,.review-card,.review-avatar,cite,.review-stars,.review-controls button{font-family:'Lato',Arial,sans-serif}
.hero-photo span{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem}
h1{line-height:1.05}h2{line-height:1.1}.lead{font-weight:400}
.reviews-carousel{max-width:none}
.reviews-carousel .quotes{gap:24px;position:relative}
.reviews-carousel .review-card{flex:0 0 calc((100% - 48px)/3);padding:80px 24px 30px;scroll-snap-align:start}
.review-text{font-size:1rem;line-height:1.75}
.review-author{font-size:1rem;line-height:1.5}
@media(max-width:1000px){.reviews-carousel .review-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:650px){.reviews-carousel .quotes{gap:20px}.reviews-carousel .review-card{flex-basis:100%}.hero-photo span{font-size:1.3rem}}

/* Photographs of the actual salon on the home page. */
.hero-photo img{object-position:50% 50%}
.hero + #servicios + .editorial .image-frame img{height:600px;object-position:50% 35%}
@media(max-width:650px){.hero-photo{height:460px;min-height:460px}.hero-photo img{object-position:50% 50%}.hero + #servicios + .editorial .image-frame img{height:auto;aspect-ratio:9 / 13;object-position:50% 30%}}

/* Equal visual weight for the three home services. */
#servicios .cards{gap:28px;border:0}
#servicios .cards>a,#servicios .cards>a+a{padding:0 0 28px;border-left:0;border-bottom:1px solid var(--line)}
#servicios .service-photo{width:100%;height:300px;object-fit:cover;margin-bottom:26px}
#servicios .cards>a:first-child .service-photo{object-position:50% 48%}
#servicios .cards>a:nth-child(2) .service-photo{object-position:40% 50%}
#servicios .cards h3{font-size:2.65rem;min-height:6.1rem;margin-top:20px}
@media(max-width:900px) and (min-width:651px){#servicios .cards{gap:18px}#servicios .service-photo{height:240px}#servicios .cards h3{font-size:2.2rem}}
@media(max-width:650px){#servicios .cards{gap:32px}#servicios .cards>a+a{border-top:0}#servicios .service-photo{height:340px}#servicios .cards h3{min-height:0}}

/* Hair services page */
.hair-result{margin:0}.hair-result img{height:610px;object-position:center 48%}.hair-result figcaption{font-size:.875rem;color:#5b625d;margin-top:12px}.hair-page .evaluation-link{display:block;width:fit-content;margin-top:22px}.hair-evaluation{background:var(--sand);scroll-margin-top:110px}.evaluation-steps{margin:0;padding-left:26px}.evaluation-steps li{padding-left:14px;margin-bottom:28px}.evaluation-steps li:last-child{margin-bottom:0}.evaluation-steps h3{font-size:1.8rem;margin-bottom:10px}.evaluation-steps p{margin:0}.hair-quotes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:65px}.hair-quotes .review-text{margin-bottom:0}.hair-page .service-list{padding-top:35px}.hair-page .innerhero .button{margin-top:12px}@media(max-width:650px){.hair-result img{height:auto;aspect-ratio:3 / 4}.hair-quotes{grid-template-columns:1fr;gap:65px}.hair-page .innerhero h1{font-size:3rem}.hair-evaluation .editorial{gap:40px}}

/* Barber services page */
.barber-page .innerhero{grid-template-columns:1fr 1.15fr;gap:55px}.barber-result{margin:0}.barber-result img{height:470px;width:100%;object-position:40% 50%}.barber-result figcaption{font-size:.875rem;color:#5b625d;margin-top:12px}.barber-page .service-list{padding-top:35px}.barber-visit{background:var(--ink);color:var(--cream)}.barber-visit .button{background:var(--cream);color:var(--ink);border-color:var(--cream)}.barber-guidance{border-left:1px solid #68716d;padding-left:40px}.barber-guidance h3{font-size:1.9rem;margin-bottom:12px}.barber-guidance p{color:#dddcd5;margin-bottom:30px}.barber-guidance .textlink{border-color:var(--cream)}.barber-quote{max-width:700px;margin:65px auto 0}.barber-quote .review-card{font-family:inherit}.barber-quote .review-text{margin-bottom:0}@media(max-width:650px){.barber-page .innerhero{grid-template-columns:1fr;gap:30px}.barber-result img{height:340px;object-position:40% 50%}.barber-guidance{border-left:0;border-top:1px solid #68716d;padding:30px 0 0}.barber-page .innerhero h1{font-size:3rem}}

/* Manicure and pedicure page */
.nails-page .innerhero{gap:55px}.nails-page .innerhero h1{font-size:clamp(2.6rem,4.3vw,4.5rem)}.nails-result{margin:0}.nails-result img{height:590px;object-position:50% 43%}.nails-result figcaption{font-size:.875rem;color:#5b625d;margin-top:12px}.nails-page .service-list{padding-top:35px}.nails-inspiration{background:var(--sand)}.nails-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.nails-gallery figure{margin:0}.nails-gallery img{width:100%;height:540px;object-position:50% 40%}.nails-gallery figcaption{font-size:1rem;margin-top:14px}.nails-gallery-note{margin:30px 0 0}.nails-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:35px 0}.nails-choice-grid>div{border-top:1px solid var(--line);padding-top:24px}.nails-choice-grid h3{font-size:1.9rem}.nails-choice{padding-bottom:30px}@media(max-width:650px){.nails-result img{height:auto;aspect-ratio:3 / 4}.nails-gallery{grid-template-columns:1fr;gap:30px}.nails-gallery img{height:auto;aspect-ratio:3 / 4}.nails-choice-grid{grid-template-columns:1fr;gap:20px}.nails-page .innerhero{gap:30px}}

/* Salon space page */
.space-page figure{margin:0}.space-page figcaption{font-size:.875rem;color:#5b625d;margin-top:14px}.space-page .innerhero{gap:55px}.space-page .innerhero h1{font-size:clamp(2.6rem,4.2vw,4.4rem)}.space-page .innerhero img{height:600px;object-position:center}.space-band{background:var(--sand)}.space-band img{height:620px;object-position:center 32%}.space-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px}.space-gallery img{width:100%;height:auto;aspect-ratio:3 / 4}.space-gallery h3{font-size:2rem;margin:22px 0 10px}.space-gallery p{font-size:1rem}.space-services{padding-top:20px}@media(max-width:650px){.space-page .innerhero{gap:30px}.space-page .innerhero img,.space-band img{height:auto;aspect-ratio:3 / 4}.space-gallery{grid-template-columns:1fr;gap:35px}.space-page .innerhero h1{font-size:2.8rem}}

/* About Estilos */
.about-page .innerhero{gap:55px}.about-page .innerhero h1{font-size:clamp(2.6rem,4.2vw,4.4rem)}.about-page figure{margin:0}.about-page .innerhero img{height:620px;object-position:50% 30%}.about-page figcaption{font-size:.875rem;color:#5b625d;margin-top:14px}.about-values{padding-top:40px}.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.about-values-grid article{border-top:1px solid var(--line);padding-top:25px}.about-values-grid h3{font-size:2rem;margin:22px 0 18px}.about-family{background:var(--sand)}.about-specialties>a{display:block;padding:22px 0;border-bottom:1px solid #bcb1a1}.about-specialties>a:first-child{padding-top:0}.about-specialties h3{font-size:2rem;margin-bottom:12px}.about-specialties p{margin-bottom:12px}@media(max-width:650px){.about-page .innerhero{gap:30px}.about-page .innerhero img{height:auto;aspect-ratio:3 / 4}.about-page .innerhero h1{font-size:2.8rem}.about-values-grid{grid-template-columns:1fr;gap:25px}}

/* Contact page */
.contact-page .contact-title h1{font-size:clamp(2.7rem,4.7vw,4.8rem)}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.contact-info address{font-style:normal;font-size:1.125rem;margin-bottom:22px}.contact-space-link{display:block;width:fit-content;margin-top:22px}.contact-hours{background:var(--sand);padding:35px}.contact-hours dl{max-width:none;font-size:1rem;gap:18px}.contact-booking{background:var(--ink);color:var(--cream)}.contact-booking .button{background:var(--cream);color:var(--ink);border-color:var(--cream)}.contact-network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.contact-network-grid>a{display:block;border-top:1px solid var(--line);padding:25px 0}.contact-network-grid h3{font-size:2rem;margin-bottom:12px}.contact-network-grid p{overflow-wrap:anywhere}.contact-page .faq{padding-top:20px}@media(max-width:650px){.contact-info{grid-template-columns:1fr;gap:30px}.contact-hours{padding:25px}.contact-network-grid{grid-template-columns:1fr;gap:10px}.contact-page .contact-title h1{font-size:2.8rem}}

/* Playfair Display and Lato across the site */
h1,h2,h3{line-height:1.2;letter-spacing:-.02em}h1 em{font-weight:500}.hero-copy h1{font-size:clamp(2.6rem,4.4vw,4.6rem)}.cards h3{font-size:2.5rem}#servicios .cards h3{font-size:2.4rem;min-height:6rem}.hero-photo span{font-size:1.25rem}nav{gap:18px}.eyebrow,.number{font-weight:700}@media(max-width:650px){.hero h1{font-size:2.65rem}.innerhero h1{overflow-wrap:break-word}.hero-photo span{font-size:1.15rem}#servicios .cards h3{min-height:0}}

/* Brand icons in the existing salon palette */
.social-icon{width:24px;height:24px;flex:0 0 auto;display:block}.social-heading{display:flex;align-items:center;gap:14px;margin-bottom:12px;color:var(--ink)}.contact-network-grid .social-heading h3{margin:0}.social-heading .social-icon{width:28px;height:28px}.contact-direct .button{gap:12px}.contact-direct .button .social-icon{width:21px;height:21px}.contact-network-grid>a:hover .social-heading{color:var(--accent)}