:root{
  --ivory:#f4eee4;
  --porcelain:#fffaf2;
  --taupe:#b9a897;
  --taupe-dark:#756a61;
  --espresso:#2b211b;
  --cocoa:#4b352c;
  --clay:#a44e3f;
  --rose:#c66b5b;
  --amber:#c89657;
  --green:#4c5a3d;
  --green-soft:#7d8a68;
  --line:rgba(43,33,27,.13);
  --shadow:0 28px 80px rgba(54,40,31,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--espresso);font-family:Manrope,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:74px;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);background:rgba(184,168,151,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,250,242,.25)}
.wordmark,.footer-logo{font-family:'Cormorant Garamond',serif;font-size:clamp(1.55rem,2.4vw,2rem);letter-spacing:.08em;text-transform:uppercase;font-weight:600;white-space:nowrap}.nav{display:flex;gap:2rem;align-items:center}.nav a,.menu-toggle{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-.45rem;width:0;height:1px;background:var(--espresso);transition:width .25s ease}.nav a:hover:after{width:100%}.menu-toggle{display:none;border:0;background:transparent;color:var(--espresso)}
.hero{min-height:calc(100svh - 74px);position:relative;display:grid;place-items:center;overflow:hidden;background:#2b211b}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;filter:saturate(1.04) contrast(1.04);transform:scale(1.12);transform-origin:center}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(35,25,20,.82) 0%,rgba(35,25,20,.58) 37%,rgba(35,25,20,.18) 72%),linear-gradient(180deg,rgba(43,33,27,.24),rgba(43,33,27,.46));pointer-events:none}.hero:after{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(105deg,rgba(255,250,242,.045) 0 1px,transparent 1px 18px);mix-blend-mode:soft-light;pointer-events:none}
.hero-text{position:relative;z-index:2;width:min(1120px,calc(100% - 2rem));padding:clamp(3rem,8vw,8rem) 0;color:#fffaf2}.kicker,.section-label{font-size:.75rem;line-height:1.2;text-transform:uppercase;letter-spacing:.24em;font-weight:800}.kicker{margin:0 0 1.2rem}.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3.4rem,11vw,8.5rem);font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:.92;margin:0 0 1.2rem;text-shadow:0 14px 44px rgba(0,0,0,.32)}.tagline{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,4vw,4rem);font-style:italic;margin:1.4rem 0 1.8rem;line-height:1;color:#fff4e8;text-shadow:0 10px 32px rgba(0,0,0,.24)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.outline-btn,.solid-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.95rem 1.25rem;font-weight:700;transition:.25s ease}.outline-btn{border:1px solid rgba(255,250,242,.78);color:#fffaf2;background:rgba(43,33,27,.18);backdrop-filter:blur(10px)}.solid-btn{border:1px solid #fffaf2;background:#fffaf2;color:var(--espresso);box-shadow:0 18px 46px rgba(0,0,0,.18)}.outline-btn:hover,.solid-btn:hover{transform:translateY(-2px)}.outline-btn:hover{background:#fffaf2;color:var(--espresso)}.solid-btn:hover{background:#f3dfc9}
.hero-orb{position:absolute;right:8vw;bottom:7vw;width:clamp(230px,32vw,470px);height:clamp(230px,32vw,470px);z-index:1;opacity:.9}.bottle{position:absolute;bottom:9%;width:24%;height:58%;border-radius:34px 34px 20px 20px;background:linear-gradient(160deg,#f7ead8,#b68358);box-shadow:inset 16px 0 rgba(255,255,255,.28),0 28px 60px rgba(43,33,27,.25)}.bottle:before{content:"";position:absolute;left:28%;top:-18%;width:44%;height:22%;border-radius:10px 10px 4px 4px;background:#efe1cb}.bottle span{position:absolute;left:17%;right:17%;top:34%;height:27%;border-radius:999px;background:rgba(75,53,44,.72)}.bottle-one{left:31%;transform:rotate(-8deg)}.bottle-two{right:14%;height:68%;background:linear-gradient(160deg,#f4dac3,#8d4a3c);transform:rotate(7deg)}.comb{position:absolute;left:0;bottom:16%;width:62%;height:17%;border-radius:999px;background:linear-gradient(90deg,#2b211b,#6e4c38);transform:rotate(-18deg);box-shadow:0 22px 44px rgba(43,33,27,.24)}.comb:after{content:"";position:absolute;left:10%;right:10%;bottom:-52%;height:56%;background:repeating-linear-gradient(90deg,#2b211b 0 5px,transparent 5px 15px)}
.section{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.section-label{color:var(--clay);margin-bottom:.8rem}.section h2,.selection h2,.process h2{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,7vw,7rem);font-weight:500;letter-spacing:-.045em;line-height:.86;margin:0 0 2.3rem}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.category-card{min-height:470px;border-radius:30px;overflow:hidden;position:relative;background:var(--porcelain);box-shadow:var(--shadow);isolation:isolate}.category-card:before{content:"";position:absolute;inset:auto 0 0;height:56%;background:linear-gradient(transparent,rgba(43,33,27,.86));z-index:2}.category-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fffaf2 0 24%,transparent 25%),linear-gradient(140deg,#e5d7c8,#c3ad9b)}.category-card.amber .category-art{background:radial-gradient(circle at 48% 35%,#fff7e7 0 23%,transparent 24%),linear-gradient(140deg,#eacb9c,#b96d50)}.category-card.pearl .category-art{background:radial-gradient(circle at 48% 35%,#fffaf2 0 23%,transparent 24%),linear-gradient(140deg,#eee2d2,#938477)}.card-overlay{position:absolute;left:1.4rem;right:1.4rem;bottom:1.25rem;z-index:3;color:#fffaf2}.card-overlay h3{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:.9;margin:0}.card-overlay p{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800;margin:.7rem 0 0}.jar,.tube,.drop,.bowl,.spray,.brush{position:absolute;display:block;filter:drop-shadow(0 25px 34px rgba(43,33,27,.24))}.jar{width:36%;height:28%;border-radius:30% 30% 40% 40%;background:linear-gradient(160deg,#fff5e8,#b88b67);bottom:34%;left:22%}.jar:before{content:"";position:absolute;left:22%;right:22%;top:-18%;height:22%;border-radius:10px;background:#4b352c}.tube{width:20%;height:50%;border-radius:24px;background:linear-gradient(180deg,#7b493c,#d5a170);right:22%;bottom:30%;transform:rotate(8deg)}.drop{width:28%;height:44%;border-radius:50% 50% 50% 7%;background:linear-gradient(160deg,#eab071,#99463d);transform:rotate(45deg);top:24%;left:30%}.bowl{width:42%;height:18%;border-radius:0 0 999px 999px;background:#fff1df;bottom:32%;right:18%}.spray{width:21%;height:57%;border-radius:18px;background:linear-gradient(180deg,#f6eadc,#8b7d72);bottom:27%;left:31%}.spray:before{content:"";position:absolute;left:14%;top:-14%;width:72%;height:16%;border-radius:9px;background:#2b211b}.brush{width:45%;height:10%;border-radius:999px;background:#4b352c;bottom:35%;right:17%;transform:rotate(-22deg)}
.booking{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:clamp(2rem,6vw,6rem);align-items:center;background:linear-gradient(135deg,#fff7ed 0%,#eadac9 100%)}.booking-copy p{max-width:43ch;color:var(--taupe-dark);font-size:1.05rem;margin:0}.booking-card{background:var(--porcelain);border:1px solid var(--line);border-radius:32px;padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--shadow);display:grid;gap:1rem}.booking-card label{display:grid;gap:.5rem;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800;color:var(--taupe-dark)}.booking-card input{width:100%;border:1px solid var(--line);border-radius:999px;background:#fffaf2;color:var(--espresso);padding:1rem 1.1rem;font:inherit;font-size:.96rem;letter-spacing:0;text-transform:none;outline:none}.booking-card input:focus{border-color:var(--clay);box-shadow:0 0 0 4px rgba(164,78,63,.12)}.booking-day{margin:.2rem 0;color:var(--green);font-weight:800}.booking-submit{border:0;border-radius:999px;padding:1rem 1.2rem;background:var(--green);color:#fffaf2;font-weight:800;cursor:pointer;transition:.22s ease}.booking-submit:hover{transform:translateY(-2px);filter:brightness(1.05)}
.selection{background:#f9f3ea}.selection-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.selection-head h2{margin-bottom:0}.arrows{display:flex;gap:.7rem}.arrows button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--porcelain);color:var(--espresso);cursor:pointer;transition:.2s}.arrows button:hover{background:var(--green);color:var(--porcelain)}.product-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem 0 1rem}.product-card{position:relative;scroll-snap-align:start;min-height:430px;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.product-card:focus-visible{outline:2px solid var(--clay);outline-offset:5px;border-radius:30px}.product-card:hover .product-visual{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 22px 55px rgba(43,33,27,.12)}.product-visual{height:330px;border-radius:28px;background:var(--porcelain);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}.product-visual:before{content:"";position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);filter:drop-shadow(0 26px 28px rgba(43,33,27,.18))}.tall-bottle:before{width:27%;height:64%;border-radius:26px 26px 16px 16px;background:linear-gradient(160deg,#f6e0c6,#6b4135);box-shadow:inset 12px 0 rgba(255,255,255,.3)}.tall-bottle:after{content:"";position:absolute;left:44%;top:18%;width:12%;height:9%;background:#2b211b;border-radius:8px}.round-jar:before{width:48%;height:38%;border-radius:32% 32% 40% 40%;background:linear-gradient(160deg,#eeb37b,#99493e);box-shadow:inset 14px 0 rgba(255,255,255,.25)}.round-jar:after{content:"";position:absolute;left:38%;top:27%;width:24%;height:8%;background:#4b352c;border-radius:8px}.slim-spray:before{width:20%;height:70%;border-radius:17px;background:linear-gradient(180deg,#fff2df,#a28f7e)}.slim-spray:after{content:"";position:absolute;left:43%;top:14%;width:14%;height:8%;background:#2b211b;border-radius:9px}.gift-set:before{width:50%;height:45%;border-radius:16px;background:linear-gradient(135deg,var(--green) 0 43%,#4b352c 43% 67%,#c89657 67%);box-shadow:inset 0 0 0 10px rgba(255,250,242,.18),0 0 0 1px rgba(18,58,48,.18)}.badge{position:absolute;left:1rem;top:1rem;background:#a44e3f;color:#fffaf2;border-radius:999px;padding:.42rem .72rem;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.product-info{display:flex;justify-content:space-between;gap:1rem;margin-top:.95rem;align-items:start}.product-info h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;line-height:1.05;margin:0;overflow-wrap:anywhere}.product-info p{margin:0;font-weight:800;color:var(--green);white-space:nowrap}.drawer-scrim{position:fixed;inset:0;background:rgba(43,33,27,.34);z-index:48}.product-drawer{position:fixed;right:clamp(1rem,3vw,2rem);top:50%;transform:translate(115%,-50%);z-index:50;width:min(930px,calc(100vw - 2rem));max-height:calc(100svh - 2rem);display:grid;grid-template-columns:.9fr 1fr;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,2rem);background:var(--porcelain);border:1px solid rgba(43,33,27,.12);border-radius:32px;box-shadow:0 34px 100px rgba(43,33,27,.28);opacity:0;pointer-events:none;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .25s ease;overflow:auto}.product-drawer.open{transform:translate(0,-50%);opacity:1;pointer-events:auto}.drawer-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fffaf2;color:var(--espresso);cursor:pointer;font-size:1.6rem;line-height:1}.drawer-media .product-visual{height:100%;min-height:430px;background:#f5eadc}.drawer-copy{align-self:center;padding:1rem .4rem}.drawer-eyebrow{margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.22em;color:var(--clay);font-size:.72rem;font-weight:800}.drawer-copy h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:500;line-height:1.04;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere;hyphens:auto}.drawer-price{font-size:1.45rem;font-weight:800;color:var(--green);margin:1.1rem 0}.drawer-description{color:var(--taupe-dark);font-size:1rem;max-width:42ch}.drawer-options{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:1.5rem 0}.drawer-options label{display:grid;gap:.45rem;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800;color:var(--taupe-dark)}.drawer-options select{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fffaf2;color:var(--espresso);padding:.9rem 1rem;font-size:.92rem;font-weight:700;text-transform:none;letter-spacing:0}.checkout-btn,.pay-btn{width:100%;border:0;border-radius:999px;padding:1rem 1.2rem;font-weight:800;cursor:pointer;transition:.22s ease}.checkout-btn{background:var(--espresso);color:#fffaf2}.pay-btn{margin-top:.7rem;background:var(--green);color:#fffaf2}.checkout-btn:hover,.pay-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.drawer-note{font-size:.85rem;color:var(--taupe-dark);margin:1rem 0 0}.quote{background:#8e8278;color:#fff8ef;padding:clamp(4rem,9vw,9rem) 1rem;text-align:center}.quote p{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,5.8vw,6rem);font-style:italic;line-height:.95;margin:0 auto;max-width:980px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,3vw,3rem)}.steps span{font-family:'Cormorant Garamond',serif;color:var(--clay);font-size:2.4rem;font-style:italic}.steps h3{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:500;margin:.4rem 0}.steps p{color:var(--taupe-dark);margin:0}.footer{background:linear-gradient(135deg,var(--espresso),var(--green));color:#f7eee3;padding:clamp(3rem,6vw,5rem) clamp(1rem,5vw,5rem) 1.2rem;display:grid;grid-template-columns:1.2fr .55fr .75fr;gap:2rem}.footer p{color:#d6c8bb;max-width:32ch}.footer h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.22em;margin:.3rem 0 1rem;color:#cdbdae}.footer a:not(.footer-logo){display:block;color:#f7eee3;margin:.45rem 0}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,250,242,.14);padding-top:1.2rem;color:#bbaea1;font-size:.86rem}
@media (max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;background:var(--porcelain);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero-text{padding-top:5rem}.hero-orb{opacity:.36;right:-8vw}.category-grid{grid-template-columns:1fr}.category-card{min-height:360px}.booking{grid-template-columns:1fr}.selection-head{align-items:flex-start;flex-direction:column}.product-drawer{grid-template-columns:1fr;width:min(560px,calc(100vw - 1rem));right:.5rem}.drawer-media .product-visual{min-height:260px}.steps{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}}
@media (max-width:560px){.site-header{height:66px}.wordmark,.footer-logo{font-size:1.6rem}.hero{min-height:720px;place-items:end start}.hero h1{font-size:clamp(3rem,14vw,5rem)}.tagline{font-size:2rem}.section{padding:3.5rem 1rem}.section h2,.selection h2,.process h2{font-size:3.4rem}.product-row{grid-auto-columns:82vw}.product-drawer{top:auto;left:.5rem;right:.5rem;bottom:.5rem;width:auto;max-height:88svh;transform:translateY(110%);border-radius:26px}.product-drawer.open{transform:translateY(0)}.drawer-copy h3{font-size:1.9rem}.drawer-options{grid-template-columns:1fr}.steps,.footer{grid-template-columns:1fr}.category-card{min-height:330px}.quote p{font-size:2.35rem}}


/* Jayro text-only logo + services section */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.logo-link{display:inline-flex;align-items:center;line-height:1}
.logo-link img{display:block;width:min(250px,46vw);height:auto;filter:none}
.site-header .logo-link img{width:clamp(170px,18vw,240px)}
.footer-logo.logo-link img{width:min(260px,72vw)}
.hero-logo{display:block;width:min(780px,88vw);max-height:210px;object-fit:contain;object-position:left center;margin:0 0 1.35rem;filter:invert(1) sepia(.08) saturate(.7) brightness(1.55) drop-shadow(0 18px 38px rgba(0,0,0,.32))}
.hero-text .tagline{margin-top:.5rem}

.services-panel{position:relative;z-index:3;margin-top:-42px;background:var(--porcelain);color:var(--green);border-radius:58px 58px 0 0;padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem) 0;box-shadow:0 -22px 70px rgba(43,33,27,.12)}
.services-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr) minmax(0,1fr);gap:clamp(1.8rem,5vw,5rem);align-items:center;max-width:1180px;margin:0 auto clamp(2.4rem,5vw,4.8rem)}
.services-copy-left .section-label{color:var(--green);margin-bottom:1.05rem}.services-copy-left h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(3.2rem,6.6vw,6.8rem);letter-spacing:-.055em;line-height:.86;margin:0;color:var(--green)}
.services-description{font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.8;color:#4c5a3d;margin:0;max-width:37ch}.services-signature{position:relative;min-height:315px;display:grid;place-items:center}.services-signature:before{content:"";position:absolute;inset:14% 7% 2%;border-radius:55% 55% 46% 46%;background:linear-gradient(180deg,#eadac9,#d7b99a);box-shadow:inset 0 0 0 1px rgba(18,58,48,.11),0 26px 70px rgba(43,33,27,.16)}
.services-signature:after{content:"";position:absolute;width:48%;height:82%;border-radius:999px;background:linear-gradient(180deg,#4f3228,#1b1513);transform:rotate(8deg);box-shadow:22px 0 0 rgba(255,250,242,.34),-18px 0 0 rgba(255,250,242,.24);opacity:.92}.services-signature img,.services-signature .signature-mark{position:relative;z-index:2;align-self:end;margin-bottom:1.9rem;padding:.75rem 1.4rem;border-radius:999px;background:rgba(255,250,242,.88);box-shadow:0 16px 40px rgba(43,33,27,.12)}
.services-signature img{width:min(290px,75%)}
.services-signature .signature-mark{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);white-space:nowrap}
.signature-ring{position:absolute;z-index:1;width:74%;aspect-ratio:1;border:1px solid rgba(18,58,48,.22);border-radius:50%;transform:translateY(-10%)}
.services-carousel{position:relative;max-width:1230px;margin:0 auto;background:var(--green);border-radius:54px 54px 0 0;padding:clamp(2rem,4.4vw,3.6rem) clamp(1rem,4.5vw,3.8rem) clamp(2.3rem,4.7vw,4rem);overflow:visible}.services-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,315px);gap:clamp(1.25rem,2.4vw,2.25rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.25rem .2rem 1rem}.services-track::-webkit-scrollbar{display:none}.service-card{scroll-snap-align:center;height:clamp(430px,45vw,520px);border:7px solid #f6e7ac;border-radius:999px;overflow:hidden;background:#fffaf2;display:flex;flex-direction:column;box-shadow:0 24px 48px rgba(0,0,0,.18);isolation:isolate}.service-photo{position:relative;flex:1;background-image:linear-gradient(180deg,rgba(18,58,48,.02),rgba(18,58,48,.18)),var(--service-image);background-size:cover;background-position:center;filter:saturate(1.05)}
.service-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,250,242,.14),transparent 35%),linear-gradient(120deg,transparent 0 42%,rgba(255,250,242,.22) 43% 46%,transparent 47%)}.color-service{--service-image:url('assets/services/coloracion.jpg')}.cut-service{--service-image:url('assets/services/corte-estilo.jpg')}.treatment-service{--service-image:url('assets/services/tratamientos.jpg')}.smooth-service{--service-image:url('assets/services/alisados.jpg')}.makeup-service{--service-image:url('assets/services/peinado-social.jpg')}.color-service .service-photo{background-position:72% center}.cut-service .service-photo{background-position:50% center;filter:saturate(.98) contrast(1.04)}.treatment-service .service-photo{background-position:42% center;filter:sepia(.08) saturate(1.12)}.smooth-service .service-photo{background-position:66% center;filter:contrast(1.05) saturate(.9)}.makeup-service .service-photo{background-position:54% center;filter:saturate(1.06) brightness(1.02)}
.service-content{background:#fffaf2;text-align:center;padding:1.05rem 1.2rem 1.55rem;min-height:128px}.service-content h3{margin:0 0 .85rem;font-size:clamp(1.2rem,1.7vw,1.55rem);color:var(--green);font-weight:800;letter-spacing:-.02em}.service-content a{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fffaf2;border-radius:6px;padding:.72rem 1.05rem;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:.2s ease}.service-content a:hover{transform:translateY(-2px);background:#3a462e}.service-arrow{position:absolute;z-index:4;top:47%;width:56px;height:56px;border:0;border-radius:50%;background:#fffaf2;color:var(--green);font-size:2.6rem;line-height:1;display:grid;place-items:center;box-shadow:0 18px 38px rgba(0,0,0,.22);cursor:pointer;transition:.2s ease}.service-arrow:hover{transform:translateY(-2px);background:#f6e7ac}.service-prev{left:-26px}.service-next{right:-26px}.service-dots{display:flex;justify-content:center;gap:.55rem;margin-top:1rem}.service-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,250,242,.42)}.service-dots .active{background:#fffaf2}

@media (max-width:900px){.site-header .logo-link img{width:190px}.hero-logo{width:min(600px,92vw)}.services-intro{grid-template-columns:1fr;text-align:left}.services-signature{min-height:250px;order:3}.services-description{max-width:58ch}.service-arrow{display:none}.services-carousel{border-radius:36px 36px 0 0}.services-track{grid-auto-columns:76vw}}
@media (max-width:560px){.site-header .logo-link img{width:168px}.hero-logo{width:92vw;max-height:145px}.services-panel{margin-top:-28px;border-radius:38px 38px 0 0;padding:3.4rem 1rem 0}.services-copy-left h2{font-size:3.55rem}.services-signature{display:none}.services-carousel{padding:1.35rem .8rem 2rem}.services-track{grid-auto-columns:82vw}.service-card{height:455px}.service-content{min-height:122px}.nav a[href="#servicios"]{display:block}}

/* Final visual polish after deployed QA */
.footer .logo-link img{filter:invert(1) sepia(.08) saturate(.7) brightness(1.5);opacity:.96}
.services-track{max-width:calc((315px * 3) + (clamp(1.25rem,2.4vw,2.25rem) * 2));margin:0 auto}
@media (max-width:900px){.services-track{max-width:none;margin:0}}

@media (min-width:901px){.services-track{width:1017px;max-width:100%;overflow-x:hidden;padding-left:0;padding-right:0}}

@media (min-width:901px){.services-track{grid-auto-columns:315px;gap:36px;width:1017px;max-width:100%;overflow-x:hidden;padding-left:0;padding-right:0}}

/* Real product catalog photos */
.product-photo{display:grid;place-items:center;background:linear-gradient(180deg,#fffdf8 0%,#f2e8dc 100%);padding:1rem}
.product-photo:before,.product-photo:after{display:none!important;content:none!important}
.product-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 22px 28px rgba(43,33,27,.14))}
.product-card:hover .product-photo img{transform:scale(1.025)}
.product-photo img{transition:transform .28s ease}
.drawer-product-photo{min-height:420px;padding:1.35rem;background:#fffaf2}
.drawer-product-photo img{max-height:460px}
.service-content{min-height:166px;padding:1rem 1.1rem 1.35rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
.service-content p{margin:-.45rem 0 .85rem;color:#5e6a49;font-size:.78rem;line-height:1.35;max-width:22ch}
@media (max-width:560px){.service-content{min-height:160px}.service-content p{font-size:.76rem}.drawer-product-photo{min-height:310px}}

/* Service photo focal-point tuning */
.color-service .service-photo{background-size:115%;background-position:70% 42%}
.cut-service .service-photo{background-size:110%;background-position:58% 40%}
.treatment-service .service-photo{background-size:115%;background-position:75% 55%}
.smooth-service .service-photo{background-size:108%;background-position:62% 46%}
.makeup-service .service-photo{background-size:110%;background-position:56% 42%}

/* Joseph Cherubini-inspired black editorial block for Jayro Aranda */
.jayro-about{
  background:#030303;
  color:#f7f3ec;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1fr);
  gap:clamp(2.2rem,6vw,7rem);
  align-items:center;
  padding:clamp(4.5rem,8vw,7.5rem) clamp(1.25rem,6vw,5.5rem);
  overflow:hidden;
}
.jayro-about-copy{max-width:560px}
.jayro-about h2{
  margin:0 0 clamp(2.2rem,4vw,4.2rem);
  color:#fff;
  font-family:Manrope,system-ui,sans-serif;
  font-size:clamp(1.9rem,3vw,2.8rem);
  font-weight:500;
  letter-spacing:.015em;
}
.jayro-about p{
  margin:0 0 1.7rem;
  color:rgba(255,255,255,.88);
  font-size:clamp(.98rem,1.25vw,1.08rem);
  line-height:1.82;
}
.jayro-about a{
  margin-top:1.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:214px;
  min-height:54px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:4px;
  color:#fff;
  font-weight:600;
  font-size:.92rem;
  transition:background .22s ease,color .22s ease,transform .22s ease;
}
.jayro-about a:hover{background:#fff;color:#030303;transform:translateY(-2px)}
.jayro-about-visual{margin:0;min-height:min(58vw,640px);border-radius:42% 42% 42px 42px;overflow:hidden;background:#171717;box-shadow:0 34px 90px rgba(0,0,0,.44)}
.jayro-about-visual img{display:block;width:100%;height:100%;min-height:min(58vw,640px);object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.03)}

@media (max-width:900px){
  .jayro-about{grid-template-columns:1fr;padding:4rem 1.25rem 4.5rem}
  .jayro-about-copy{max-width:650px}
  .jayro-about-visual{min-height:460px;border-radius:44px}
  .jayro-about-visual img{min-height:460px}
}
@media (max-width:560px){
  .jayro-about{padding:3.5rem 1rem 4rem}
  .jayro-about h2{font-size:1.75rem;margin-bottom:2rem}
  .jayro-about p{font-size:.95rem;line-height:1.72}
  .jayro-about a{width:100%}
  .jayro-about-visual{min-height:330px;border-radius:120px 120px 28px 28px}
  .jayro-about-visual img{min-height:330px}
}

/* ============================================================ */
/* TIENDA v2 - estilos appendados                                */
/* ============================================================ */

/* Fix CSS: el atributo [hidden] debe ganar sobre display de clase */
[hidden]{display:none !important}

/* Header cart icon */
.cart-toggle{position:relative;border:0;background:transparent;color:var(--espresso);cursor:pointer;padding:.4rem;display:inline-flex;align-items:center;justify-content:center;margin-left:.6rem}
.cart-toggle:hover{opacity:.7}
.cart-count{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--clay);color:#fffaf2;font-size:.66rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1}
@media (max-width:900px){.cart-toggle{margin-left:auto;margin-right:.6rem}}

/* Filter chips */
.filter-row{display:flex;gap:.6rem;overflow-x:auto;padding:.3rem 0 1.4rem;scrollbar-width:none}
.filter-row::-webkit-scrollbar{display:none}
.filter-chip{flex:0 0 auto;border:1px solid var(--line);background:transparent;color:var(--espresso);border-radius:999px;padding:.55rem 1.1rem;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:.2s ease;font-family:inherit}
.filter-chip:hover{border-color:var(--espresso)}
.filter-chip.active{background:var(--espresso);color:var(--porcelain);border-color:var(--espresso)}

/* Cart drawer (multi-producto desde header) */
.cart-drawer-backdrop{position:fixed;inset:0;background:rgba(43,33,27,.42);z-index:40;backdrop-filter:blur(3px)}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--porcelain);z-index:41;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s ease;box-shadow:-32px 0 60px rgba(43,33,27,.18)}
.cart-drawer.open{transform:translateX(0)}
.cart-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.5rem;border-bottom:1px solid var(--line)}
.cart-drawer-head h3{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:500;margin:0}
.cart-drawer-close{border:0;background:transparent;font-size:1.8rem;color:var(--espresso);cursor:pointer;line-height:1;padding:.2rem .5rem}
.cart-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}
.cart-drawer-empty{text-align:center;padding:3rem 1rem;color:var(--taupe-dark)}
.cart-drawer-empty .outline-btn{margin-top:1rem;border-color:var(--espresso);color:var(--espresso)}
.cart-drawer-empty .outline-btn:hover{background:var(--espresso);color:var(--porcelain)}
.cart-item{display:grid;grid-template-columns:80px 1fr;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.cart-item-thumb{height:80px;width:80px;border-radius:14px;overflow:hidden;background:var(--ivory)}
.cart-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cart-item-info h4{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;margin:0 0 .2rem;line-height:1.15;overflow-wrap:anywhere}
.cart-item-info .cart-item-price{margin:0 0 .5rem;color:var(--green);font-weight:700;font-size:.92rem}
.cart-qty{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.cart-qty-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:.95rem;line-height:1;font-family:inherit}
.cart-qty-btn:hover{border-color:var(--espresso)}
.cart-qty-num{min-width:1.4ch;text-align:center;font-weight:700;font-size:.9rem}
.cart-remove-btn{margin-left:auto;border:0;background:transparent;color:var(--taupe-dark);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-weight:700;font-family:inherit}
.cart-remove-btn:hover{color:var(--clay)}
.cart-drawer-foot{padding:1.2rem 1.5rem;border-top:1px solid var(--line);background:#fff}
.cart-drawer-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;font-size:.95rem}
.cart-drawer-total strong{font-size:1.2rem;color:var(--green)}
.cart-drawer-checkout{display:block;text-align:center;background:var(--espresso);color:var(--porcelain);padding:1rem;border-radius:999px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;transition:.2s ease;text-decoration:none}
.cart-drawer-checkout:hover{background:var(--green)}

/* Checkout page */
.checkout-page{background:var(--ivory)}
.checkout-page .site-header{justify-content:space-between}
.back-link{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--espresso)}
.back-link:hover{opacity:.7}
.checkout-main{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;padding:clamp(2rem,5vw,5rem) clamp(1rem,5vw,5rem);max-width:1280px;margin:0 auto}
.checkout-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:500;margin:0 0 2rem;letter-spacing:-.02em}
.checkout-form{display:flex;flex-direction:column;gap:1.6rem}
.field-group{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}
.field-group legend{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--clay);margin-bottom:.4rem;padding:0}
.field-group label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;letter-spacing:.04em;font-weight:600;color:var(--taupe-dark)}
.field-group input,.field-group textarea{font:inherit;color:var(--espresso);background:var(--porcelain);border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;font-size:.95rem;transition:border .2s ease;font-family:inherit}
.field-group input:focus,.field-group textarea:focus{outline:0;border-color:var(--espresso)}
.field-group input.invalid,.field-group textarea.invalid{border-color:var(--clay)}
.delivery-group,.payment-group{flex-direction:row;flex-wrap:wrap;gap:.8rem}
.delivery-group legend,.payment-group legend{width:100%}
.delivery-option,.payment-option{flex:1;min-width:180px;display:flex;align-items:center;gap:.6rem;background:var(--porcelain);border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--espresso);text-transform:none;letter-spacing:0}
.delivery-option:has(input:checked),.payment-option:has(input:checked){border-color:var(--espresso);background:#fff}
.payment-panel{background:var(--porcelain);border:1px solid var(--line);border-radius:18px;padding:1.4rem}
.panel-note{margin:0 0 1rem;font-size:.88rem;color:var(--taupe-dark);line-height:1.55}
.banks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.bank{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.bank-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}
.bank-head strong{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:500}
.copy-btn{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.32rem .8rem;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;cursor:pointer;color:var(--espresso);font-family:inherit}
.copy-btn:hover{background:var(--espresso);color:var(--porcelain);border-color:var(--espresso)}
.bank-account{margin:0;font-family:'Courier New',monospace;font-size:1.05rem;font-weight:700;color:var(--green);letter-spacing:.04em}
.bank-holder{margin:.2rem 0 0;font-size:.82rem;color:var(--taupe-dark)}
.confirm-btn{margin-top:.6rem;background:var(--espresso);color:var(--porcelain);border:0;border-radius:999px;padding:1.1rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:.2s ease;font-family:inherit}
.confirm-btn:hover:not(:disabled){background:var(--green)}
.confirm-btn:disabled{opacity:.5;cursor:not-allowed}
.form-error{margin:.4rem 0 0;color:var(--clay);font-size:.85rem;font-weight:600}
.checkout-summary{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.6rem;align-self:start;position:sticky;top:90px}
.checkout-summary h2{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:500;margin:0 0 1.2rem}
.summary-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem;margin-bottom:1.2rem}
.summary-items li{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}
.summary-items .sum-name{overflow-wrap:anywhere;min-width:0}
.summary-items .sum-qty{color:var(--taupe-dark);font-size:.82rem;margin-left:.2rem}
.summary-items .sum-price{font-weight:700;white-space:nowrap}
.summary-items .empty{justify-content:center;color:var(--taupe-dark);text-align:center}
.summary-items .empty a{text-decoration:underline}
.summary-total{display:flex;justify-content:space-between;align-items:center;font-size:1rem}
.summary-total strong{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:500;color:var(--green)}
.thanks-overlay{position:fixed;inset:0;background:rgba(43,33,27,.78);z-index:60;display:grid;place-items:center;padding:1rem;backdrop-filter:blur(6px)}
.thanks-card{background:var(--porcelain);border-radius:22px;padding:3rem 2rem;max-width:440px;text-align:center}
.thanks-card h2{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:500;margin:0 0 .9rem}
.thanks-card p{margin:0 0 1.6rem;color:var(--taupe-dark);line-height:1.55}
.outline-btn.dark{border-color:var(--espresso);color:var(--espresso)}
.outline-btn.dark:hover{background:var(--espresso);color:var(--porcelain)}
@media (max-width:900px){.checkout-main{grid-template-columns:1fr;gap:1.8rem}.checkout-summary{position:static;order:-1}}

/* Delivery note + shipping line en summary */
.delivery-note{display:inline-block;margin-left:.5rem;font-style:normal;font-weight:600;color:var(--clay);font-size:.78rem;letter-spacing:.04em}
.delivery-option:has(input:checked) .delivery-note{color:var(--green)}
.sum-shipping{color:var(--taupe-dark);font-style:italic}
.sum-shipping .sum-price{color:var(--green);font-weight:700;font-style:normal}

/* Category cards con cover banner (ratio 3:4, imagen completa sin overlay) */
.category-card.has-cover{min-height:0;aspect-ratio:896/1195;background:#fffaf2}
.category-card.has-cover:before{display:none}
.category-card.has-cover .category-art{position:absolute;inset:0;background:#fffaf2;display:block}
.category-card.has-cover .category-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.category-count-chip{position:absolute;left:1rem;bottom:1rem;z-index:3;background:rgba(43,33,27,.82);color:#fffaf2;border-radius:999px;padding:.4rem .9rem;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;backdrop-filter:blur(4px)}
@media (max-width:900px){.category-card.has-cover{aspect-ratio:896/1195;min-height:0}}

/* ============================================================ */
/* TRATAMIENTOS CAPILARES + modal de reserva                    */
/* ============================================================ */
.treatments{background:linear-gradient(135deg,#faf4ea 0%,#f1e6d4 100%)}
.treatments-intro{max-width:60ch;margin-bottom:2.4rem}
.treatments-intro .section-label{color:var(--clay)}
.treatments-note{color:var(--taupe-dark);font-size:1.02rem;margin:.4rem 0 0;max-width:52ch}
.treatments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.treatment-card{display:flex;flex-direction:column;justify-content:space-between;gap:1.1rem;background:#ece0cd;border:1px solid rgba(43,33,27,.14);border-radius:22px;padding:1.7rem 1.6rem;box-shadow:0 14px 38px rgba(43,33,27,.09);transition:transform .22s ease,box-shadow .22s ease}
.treatment-card:hover{transform:translateY(-4px);box-shadow:0 26px 54px rgba(43,33,27,.16)}
.treatment-name{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:500;line-height:1.02;letter-spacing:-.02em;margin:0;color:var(--green);overflow-wrap:anywhere}
.treatment-desc{color:var(--taupe-dark);font-size:.95rem;line-height:1.55;margin:.6rem 0 0}
.treatment-card-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(43,33,27,.14);padding-top:1.1rem;margin-top:.4rem}
.treatment-price{font-weight:800;font-size:1.2rem;color:var(--espresso)}
.treatment-reserve-btn{border:0;border-radius:999px;padding:.8rem 1.5rem;background:var(--green);color:#fffaf2;font-weight:800;font-size:.82rem;letter-spacing:.06em;cursor:pointer;transition:.2s ease;font-family:inherit}
.treatment-reserve-btn:hover{transform:translateY(-2px);filter:brightness(1.14)}

/* Modal de reserva */
.treatment-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:1rem}
.treatment-modal-backdrop{position:absolute;inset:0;background:rgba(43,33,27,.5);backdrop-filter:blur(3px)}
.treatment-modal-panel{position:relative;z-index:1;width:min(460px,100%);max-height:92vh;overflow-y:auto;background:var(--porcelain);border:1px solid var(--line);border-radius:26px;padding:clamp(1.5rem,3vw,2.2rem);box-shadow:0 40px 80px rgba(43,33,27,.3)}
.treatment-modal-x{position:absolute;top:.9rem;right:1.1rem;border:0;background:transparent;font-size:1.3rem;color:var(--espresso);cursor:pointer;line-height:1;padding:.2rem .4rem;font-family:inherit}
.treatment-form{display:grid;gap:1rem}
.treatment-form .section-label{color:var(--clay);margin:0}
.treatment-form h3{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:500;margin:0 0 .3rem;color:var(--green)}
.treatment-form label{display:grid;gap:.45rem;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:800;color:var(--taupe-dark)}
.treatment-form input,.treatment-form select{width:100%;border:1px solid var(--line);border-radius:999px;background:#fffaf2;color:var(--espresso);padding:.9rem 1.1rem;font:inherit;font-size:.95rem;letter-spacing:0;text-transform:none;outline:none}
.treatment-form select{appearance:none;cursor:pointer;padding-right:2.4rem}
.treatment-form input:focus,.treatment-form select:focus{border-color:var(--clay);box-shadow:0 0 0 4px rgba(164,78,63,.12)}
.treatment-submit{border:0;border-radius:999px;padding:1rem 1.2rem;background:var(--green);color:#fffaf2;font-weight:800;cursor:pointer;transition:.22s ease;margin-top:.2rem;font-family:inherit}
.treatment-submit:hover{transform:translateY(-2px);filter:brightness(1.1)}
.treatment-disclaimer{margin:.2rem 0 0;font-size:.8rem;color:var(--taupe-dark);text-align:center}
.treatment-thanks{display:grid;gap:.9rem;text-align:center;padding:1.4rem .5rem}
.treatment-thanks h3{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:500;margin:0;color:var(--green)}
.treatment-thanks p{color:var(--taupe-dark);margin:0;line-height:1.5}
.treatment-close-btn{justify-self:center;border:1px solid var(--espresso);border-radius:999px;padding:.8rem 1.8rem;background:transparent;color:var(--espresso);font-weight:800;cursor:pointer;transition:.2s ease;font-family:inherit}
.treatment-close-btn:hover{background:var(--espresso);color:var(--porcelain)}
body.no-scroll{overflow:hidden}
@media (max-width:900px){.treatments-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.treatments-grid{grid-template-columns:1fr}}