*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--cream:#E8E1D6;--sage:#D4D3B8;--olive:#7F7C5A;--blush:#E5D2C5;--terra:#B0816F;--white:#F8F6F1;--black:#151513}body{margin:0;background:var(--cream);color:#292824;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.header{position:fixed;z-index:20;inset:0 0 auto;height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;color:white;transition:.35s}.header.scrolled{height:70px;background:rgba(232,225,214,.9);backdrop-filter:blur(14px);color:var(--black)}.header img{width:175px;max-height:55px;object-fit:contain}.header nav{display:flex;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.header>a:last-child{justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;color:white;background:#111}.media,.shade{position:absolute;inset:0}.media{background:url("assets/maryfelix.jpg") center/cover;transform:scale(1.04)}.shade{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 40%,rgba(0,0,0,.72))}.heroCopy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 6vw 7vh}.hero h1,.manifest h2,.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2{font:400 clamp(4rem,8vw,9rem)/.8 Georgia,serif;text-transform:uppercase;letter-spacing:-.05em;margin:18px 0}.hero h1 span,.manifest h2 span{display:block}.script{font-family:"Pinyon Script",cursive;font-size:clamp(2.8rem,4.5vw,5.7rem);line-height:1;margin:-8px 0 0 11vw}.terra{color:var(--terra)}small,.caps{font-size:10px;letter-spacing:.2em}.btn{display:inline-block;background:var(--white);color:var(--black);padding:18px 22px;margin-top:22px;width:max-content;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.scroll{position:absolute;z-index:3;right:30px;bottom:45px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.manifest{padding:160px 6vw}.manifest h2 span{opacity:.15;transition:.4s}.manifest h2 span.active{opacity:1;color:var(--terra)}.split{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center;margin-top:140px}.split h3{font:400 clamp(3rem,6vw,7rem)/.85 Georgia,serif;text-transform:uppercase;margin:0}.split img{width:100%;height:70vh;object-fit:cover}.doors{background:var(--black);color:white;padding-top:120px}.doors>header{padding:0 6vw 60px}.doorGrid{height:75vh;min-height:560px;display:flex}.door{position:relative;flex:1;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:flex .7s;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.75)),url("assets/maryfelix.jpg") center/cover}.door:nth-child(2){background-position:65% center}.door:nth-child(3){background-position:35% center}.door:hover{flex:2}.door i{font-style:normal;font-size:11px;letter-spacing:.18em}.door h3{font:400 clamp(2.5rem,4vw,5rem)/.9 Georgia,serif;text-transform:uppercase;margin:0}.door p{max-width:320px;line-height:1.5}.door b{font-size:10px;letter-spacing:.12em}.anti{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:130px 6vw}.sticky{position:sticky;top:120px;height:max-content}.steps article{min-height:58vh;border-top:1px solid #bbb;display:flex;flex-direction:column;justify-content:center}.steps h3{font:400 clamp(3rem,5vw,6rem)/.9 Georgia,serif;text-transform:uppercase;margin:15px 0}.steps p{max-width:500px;line-height:1.7}.olive,.body{min-height:90vh;padding:130px 6vw;background:var(--olive);color:white;display:flex;flex-direction:column;justify-content:center}.layers{display:flex;gap:30px;flex-wrap:wrap;margin-top:50px}.layers span{font-size:11px;letter-spacing:.18em;border-bottom:1px solid #ffffff88;padding-bottom:10px}.pigm{padding:150px 6vw;background:var(--sage)}.price{max-width:900px;display:flex;justify-content:space-between;border-top:1px solid #777;padding:22px 0;font-size:18px}.body{background:var(--terra)}.book{min-height:90vh;padding:130px 6vw;background:var(--terra);color:white;display:flex;flex-direction:column;justify-content:center}.bookline{display:flex;justify-content:space-between;max-width:650px;border-top:1px solid #ffffff88;padding-top:20px;margin-top:45px}footer{background:var(--black);color:white;padding:80px 6vw;display:block;gap:50px;align-items:center;line-height:1.7}footer img{width:120px;animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.header{grid-template-columns:1fr auto}.header nav{display:none}.header img{width:145px}.heroCopy{padding:0 22px 85px}.hero h1{font-size:clamp(3.5rem,17vw,5.6rem)}.script{margin-left:25px;font-size:3rem}.scroll{display:none}.manifest,.pigm{padding:110px 22px}.manifest h2{font-size:17vw}.split{grid-template-columns:1fr;margin-top:90px}.split img{height:55vh}.doorGrid{height:auto;display:block}.door{min-height:70vh}.anti{grid-template-columns:1fr;padding:100px 22px}.sticky{position:relative;top:0}.steps article{min-height:45vh}.olive,.body,.book{padding:110px 22px}.olive h2,.body h2,.book h2,.pigm h2{font-size:15vw}footer{grid-template-columns:1fr;padding:60px 22px}.bookline{gap:30px}.caps{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.mary{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:var(--blush)}.mary-photo{min-height:100vh}.mary-photo img{width:100%;height:100%;object-fit:cover}.mary-copy{padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}.mary h2,.review h2,.proof h2,.visit h2{font:400 clamp(4rem,7vw,8rem)/.82 Georgia,serif;text-transform:uppercase;letter-spacing:-.05em;margin:18px 0}.mary-copy>p:not(.script){max-width:570px;line-height:1.75}.stats{display:flex;gap:55px;margin-top:45px}.stats div{display:flex;flex-direction:column}.stats strong{font:400 3.8rem Georgia,serif}.stats span{font-size:9px;letter-spacing:.15em;margin-top:8px}.review{padding:150px 6vw;background:var(--cream)}.review>p:not(.script){max-width:620px;line-height:1.7}.review-price{max-width:650px;border-top:1px solid #888;display:flex;justify-content:space-between;padding:22px 0;margin-top:40px}.darkbtn{display:inline-block;background:var(--black);color:white;padding:18px 22px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.proof{padding:150px 6vw;background:#f7f4ee}.case{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center;margin-top:80px}.case-image{height:65vh;background:linear-gradient(135deg,var(--blush),var(--sage));display:grid;place-items:center;text-align:center;font-size:11px;letter-spacing:.15em}.case h3{font:400 3rem Georgia,serif;text-transform:uppercase;margin:15px 0}.case p{line-height:1.7;max-width:480px}.case b{font-size:10px;letter-spacing:.13em}.visit{display:grid;grid-template-columns:1fr 1fr;min-height:75vh;background:var(--sage);padding:120px 6vw;align-items:center}.visit p{line-height:1.8}.visit-mark{justify-self:center;font:400 clamp(8rem,18vw,20rem)/1 Georgia,serif;color:rgba(127,124,90,.35)}
@media(max-width:800px){.mary,.case,.visit{grid-template-columns:1fr}.mary-photo{min-height:65vh}.mary-copy,.review,.proof,.visit{padding:100px 22px}.mary h2,.review h2,.proof h2,.visit h2{font-size:15vw}.stats{gap:25px}.case-image{height:50vh}.visit-mark{justify-self:start}}
/* V3 — refined editorial scale */
.hero h1{font-size:clamp(3.6rem,6.2vw,7.2rem);line-height:.84}
.manifest h2{font-size:clamp(3.6rem,7.2vw,8rem);line-height:.84}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.proof h2,.visit h2{
font-size:clamp(3.2rem,5.7vw,6.4rem);line-height:.88
}
.script{font-size:clamp(2.25rem,3.4vw,4.2rem)}
@media(max-width:800px){
.hero h1{font-size:clamp(3rem,13vw,4.6rem)}
.manifest h2{font-size:13vw}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.proof h2,.visit h2{font-size:12vw}
.script{font-size:2.55rem}
}
/* Premium service explorer */
.services{background:#f7f4ee;padding:140px 6vw}
.services-head{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:70px}
.services-head h2{font:400 clamp(3.2rem,5.7vw,6.4rem)/.88 Georgia,serif;text-transform:uppercase;letter-spacing:-.05em;margin:16px 0}
.services-head p{max-width:520px;line-height:1.75}
.service-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #c7c1b8;padding-bottom:18px}
.service-tabs button{border:0;background:transparent;padding:10px 14px;font:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.service-tabs button.active{background:var(--black);color:white}
.service-list{margin-top:25px}
.service-item{display:none;grid-template-columns:90px 1fr auto auto;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid #cbc5bc}
.service-item .index{font-size:10px;letter-spacing:.16em;color:#777}
.service-item h3{font:400 clamp(1.7rem,2.6vw,3rem)/1 Georgia,serif;text-transform:uppercase;margin:0}
.service-item .meta{font-size:11px;letter-spacing:.08em;color:#6d6962}
.service-item strong{font:400 1.6rem Georgia,serif;min-width:80px;text-align:right}
.service-item[hidden]{display:none}
.service-note{margin-top:35px;max-width:720px;font-size:13px;line-height:1.65;color:#65615a}
@media(max-width:800px){
.services{padding:100px 22px}.services-head{grid-template-columns:1fr;margin-bottom:45px}
.services-head h2{font-size:12vw}.service-item{grid-template-columns:42px 1fr auto;gap:12px}
.service-item .meta{grid-column:2/4}.service-item strong{font-size:1.25rem}
}
/* V4 cinematic system — video slots ready for Higgsfield */
.cinematic video,.cinema-break video{width:100%;height:100%;object-fit:cover;display:block}
.cinematic video{position:absolute;inset:0}
.transition-film{height:180vh;background:var(--black);color:white;position:relative}
.film-frame{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.film-frame:before{content:"";position:absolute;width:min(58vw,820px);aspect-ratio:4/5;background:url("assets/maryfelix.jpg") center/cover;filter:saturate(.65);transform:scale(.92);transition:.4s}
.film-frame span{position:absolute;z-index:2;font:400 clamp(3rem,7vw,8rem)/1 Georgia,serif;letter-spacing:.04em;opacity:0;transform:translateY(45px);transition:.7s}
.film-frame span.show{opacity:1;transform:translateY(0)}
.cinema-break{height:85vh;position:relative;background:#111;color:white;overflow:hidden}
.cinema-break video{position:absolute;inset:0;background:url("assets/maryfelix.jpg") center/cover}
.cinema-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12))}
.cinema-break>div{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:7vw 6vw;max-width:900px}
.cinema-break p{font:400 clamp(2.4rem,4.3vw,5rem)/1 Georgia,serif;margin:18px 0 0}
.door{isolation:isolate}.door:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.0);transition:.5s;pointer-events:none}.door:hover:after{inset:18px;border-color:rgba(255,255,255,.35)}
@media(max-width:800px){.transition-film{height:140vh}.film-frame:before{width:82vw}.cinema-break{height:72vh}.cinema-break>div{padding:70px 22px}.cinema-break p{font-size:9vw}}
/* V5 — typography + spacing correction after visual review */
.hero h1{font-size:clamp(3.1rem,5vw,5.8rem)!important;line-height:.9!important}
.manifest h2{font-size:clamp(3rem,5.6vw,6.2rem)!important;line-height:.9!important}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.proof h2,.visit h2,.services-head h2{
font-size:clamp(2.7rem,4.4vw,5rem)!important;line-height:.94!important;letter-spacing:-.035em!important
}
.door h3{font-size:clamp(2rem,3vw,3.5rem)!important}
.steps h3{font-size:clamp(2.3rem,3.6vw,4.1rem)!important}
.script{font-size:clamp(1.9rem,2.8vw,3.35rem)!important;line-height:1.05!important}
/* service section: hierarchy and breathing room */
.services-head{margin-bottom:52px!important;align-items:start!important}
.services-head h2{margin:12px 0 24px!important}
.services-head p{margin:10px 0 0!important}
.service-tabs{margin-top:6px;padding-bottom:16px!important}
.service-list{margin-top:18px!important}
.service-item{
grid-template-columns:54px minmax(260px,1fr) minmax(120px,auto) 110px!important;
gap:28px!important;
padding:22px 4px!important;
min-height:82px;
}
.service-item h3{font-size:clamp(1.35rem,1.85vw,2.05rem)!important;line-height:1.08!important;letter-spacing:-.02em}
.service-item .meta{padding-left:8px;line-height:1.45}
.service-item strong{font-size:1.35rem!important;padding-left:18px;white-space:nowrap}
.service-note{margin-top:28px!important}
/* pricing blocks */
.price{padding:25px 2px!important;align-items:center;gap:45px}
.price span{line-height:1.4}
.price strong{font-size:1.35rem;white-space:nowrap}
.review-price,.bookline{margin-top:34px!important;padding:24px 2px!important;align-items:center;gap:40px}
.review-price strong,.bookline strong{font-size:1.45rem;white-space:nowrap}
/* More consistent section title spacing */
.pigm>h2,.book>h2,.review>h2,.proof>h2,.mary h2,.olive>h2,.body>h2{margin:14px 0 28px!important}
.pigm>.script,.book>.script,.review>.script,.mary .script,.olive>.script,.body>.script{margin-top:0!important}
@media(max-width:800px){
.hero h1{font-size:clamp(2.8rem,11.5vw,4rem)!important}
.manifest h2{font-size:11vw!important}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.proof h2,.visit h2,.services-head h2{font-size:10.5vw!important}
.script{font-size:2.2rem!important}
.service-item{grid-template-columns:32px 1fr auto!important;gap:10px 14px!important;padding:20px 0!important}
.service-item h3{font-size:1.35rem!important}
.service-item .meta{grid-column:2/4!important;padding-left:0!important;margin-top:-4px}
.service-item strong{font-size:1.15rem!important;padding-left:5px}
.price,.review-price,.bookline{gap:20px}
}
/* V6 Google reviews */
.reviews-google{background:#f7f4ee;padding:130px 6vw}
.reviews-top{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}
.reviews-top h2{font:400 clamp(2.7rem,4.4vw,5rem)/.94 Georgia,serif;text-transform:uppercase;letter-spacing:-.035em;margin:14px 0 0}
.google-score{display:grid;grid-template-columns:auto auto;column-gap:18px;align-items:center;padding-bottom:8px}
.google-score .score{font:400 4.2rem/1 Georgia,serif}
.stars{letter-spacing:.12em;font-size:14px}
.google-score .count{grid-column:2;font-size:10px;letter-spacing:.1em;margin-top:7px;color:#6c675f}
.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}
.review-cards article{background:var(--cream);padding:34px;min-height:310px;display:flex;flex-direction:column}
.review-cards article>p{font:400 clamp(1.45rem,2vw,2.05rem)/1.3 Georgia,serif;margin:30px 0;flex:1}
.review-cards article footer{background:transparent;color:inherit;padding:0;display:flex;flex-direction:column;gap:5px;line-height:1.3}
.review-cards article footer strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.review-cards article footer span,.reviews-note{font-size:10px;color:#777}
.reviews-note{margin-top:18px}
@media(max-width:800px){.reviews-google{padding:100px 22px}.reviews-top{grid-template-columns:1fr}.reviews-top h2{font-size:10.5vw}.review-cards{grid-template-columns:1fr;margin-top:45px}.review-cards article{min-height:260px}.google-score{justify-self:start}}
/* V7 final conversion / FAQ / responsive polish */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:140px 6vw;background:var(--cream)}
.faq-intro h2{font:400 clamp(2.7rem,4.4vw,5rem)/.94 Georgia,serif;text-transform:uppercase;letter-spacing:-.035em;margin:14px 0 28px}
.faq-intro p{max-width:430px;line-height:1.7}
.faq-list details{border-top:1px solid #aaa;padding:0}
.faq-list details:last-child{border-bottom:1px solid #aaa}
.faq-list summary{list-style:none;cursor:pointer;padding:27px 0;display:flex;justify-content:space-between;gap:30px;font:400 clamp(1.25rem,1.7vw,1.75rem)/1.2 Georgia,serif}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:Arial;font-weight:300}
.faq-list details p{max-width:650px;line-height:1.7;margin:0 40px 27px 0;color:#5f5b55}
.mobile-cta{display:none}
.btn,.darkbtn,.reserve{transition:transform .25s ease,background .25s ease,opacity .25s ease}.btn:hover,.darkbtn:hover,.reserve:hover{transform:translateY(-2px)}
@media(max-width:800px){
.faq{grid-template-columns:1fr;padding:100px 22px;gap:45px}.faq-intro h2{font-size:10.5vw}
.mobile-cta{position:fixed;display:flex;z-index:60;left:10px;right:10px;bottom:10px;background:rgba(232,225,214,.95);backdrop-filter:blur(12px);padding:14px 16px;justify-content:space-between;align-items:center;color:var(--black);font-size:10px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 30px rgba(0,0,0,.12)}
footer{padding-bottom:95px}
}
/* V8 real case gallery */
.real-results{background:#11110f;color:#f8f6f1;padding:130px 6vw}
.results-intro{display:grid;grid-template-columns:1fr .7fr;column-gap:8vw;align-items:end;margin-bottom:65px}
.results-intro small{grid-column:1}.results-intro h2{grid-column:1;font:400 clamp(2.7rem,4.4vw,5rem)/.94 Georgia,serif;text-transform:uppercase;letter-spacing:-.035em;margin:14px 0 0}
.results-intro p{grid-column:2;grid-row:1/3;max-width:520px;line-height:1.7;color:#d4cec4}
.results-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.result-card{grid-column:span 5;margin:0;overflow:hidden;position:relative;background:#222}
.result-card.feature{grid-column:span 7}.result-card.wide{grid-column:span 12}
.result-card img{width:100%;height:100%;min-height:470px;max-height:720px;object-fit:cover;display:block;transition:transform .8s ease}
.result-card.wide img{min-height:560px;object-fit:contain;background:#191917}
.result-card:hover img{transform:scale(1.018)}
.result-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 25px 22px;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;justify-content:space-between;align-items:end;gap:20px}
.result-card figcaption span,.result-card figcaption b{font-size:9px;letter-spacing:.14em}
.results-disclaimer{font-size:10px;color:#aaa;margin:22px 0 0;max-width:760px;line-height:1.5}
@media(max-width:800px){.real-results{padding:100px 22px}.results-intro{grid-template-columns:1fr;margin-bottom:45px}.results-intro h2{font-size:10.5vw}.results-intro p{grid-column:1;grid-row:auto;margin-top:25px}.result-card,.result-card.feature,.result-card.wide{grid-column:span 12}.result-card img,.result-card.wide img{min-height:0;max-height:none;object-fit:contain}.result-card figcaption{padding:38px 15px 15px}}
.scroll-results{background:#11110f;color:#f8f6f1;padding:120px 0 70px}.scroll-results-head{padding:0 6vw 70px;display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end}.scroll-results-head h2{font:400 clamp(2.5rem,4vw,4.5rem)/.96 Georgia,serif;text-transform:uppercase;letter-spacing:-.03em;margin:14px 0 0}.scroll-results-head p{max-width:520px;line-height:1.7;color:#c9c3ba}.reveal-case{height:185vh;position:relative}.reveal-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#151513}.after-layer,.before-layer{position:absolute;inset:0;display:grid;place-items:center}.after-layer img,.before-layer img{width:100%;height:100%;object-fit:contain;background:#151513}.before-layer{clip-path:inset(0 0 0 0);will-change:clip-path}.reveal-line{position:absolute;top:0;bottom:0;left:100%;width:1px;background:rgba(255,255,255,.85);will-change:left}.reveal-label{position:absolute;top:28px;font-size:9px;letter-spacing:.18em;background:rgba(21,21,19,.62);backdrop-filter:blur(8px);padding:9px 11px}.before-label{left:28px}.after-label{right:28px;opacity:0;transition:opacity .25s}.case-caption{position:absolute;left:6vw;bottom:5vh;display:flex;flex-direction:column;gap:7px;text-shadow:0 2px 15px #000}.case-caption small{font-size:9px;letter-spacing:.16em}.case-caption strong{font:400 clamp(1.6rem,2.6vw,3rem)/1 Georgia,serif}.results-legal{padding:35px 6vw 0;margin:0;font-size:10px;color:#aaa;max-width:850px;line-height:1.55}@media(max-width:800px){.scroll-results{padding-top:90px}.scroll-results-head{grid-template-columns:1fr;padding:0 22px 50px}.scroll-results-head h2{font-size:9.8vw}.reveal-case{height:155vh}.case-caption{left:22px;bottom:78px}.before-label{left:16px}.after-label{right:16px}}
/* V10 — requested 20% title reduction */
.hero h1{font-size:clamp(2.48rem,4vw,4.64rem)!important}
.manifest h2{font-size:clamp(2.4rem,4.48vw,4.96rem)!important}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.visit h2,.services-head h2,.reviews-top h2,.faq-intro h2,.scroll-results-head h2{
font-size:clamp(2.16rem,3.52vw,4rem)!important;line-height:.98!important
}
.door h3{font-size:clamp(1.6rem,2.4vw,2.8rem)!important}
.steps h3{font-size:clamp(1.84rem,2.88vw,3.28rem)!important}
.script{font-size:clamp(1.52rem,2.24vw,2.68rem)!important}
/* True one-photo-at-a-time scroll reveal */
.reveal-case{height:190vh!important}
.reveal-sticky{position:sticky!important;top:0!important;height:100vh!important;overflow:hidden!important;background:#151513!important}
.after-layer,.before-layer{position:absolute!important;inset:0!important}
.after-layer img,.before-layer img{
width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important
}
.before-layer{z-index:2!important;clip-path:inset(0 0 0 0)!important}
.after-layer{z-index:1!important}
.reveal-line{z-index:4!important;position:absolute!important;top:0!important;bottom:0!important;left:100%;width:2px!important;background:rgba(255,255,255,.92)!important}
.reveal-line span{position:absolute;top:50%;left:50%;width:42px;height:42px;border-radius:50%;background:rgba(248,246,241,.92);transform:translate(-50%,-50%);box-shadow:0 6px 22px rgba(0,0,0,.25)}
.reveal-label,.case-caption{z-index:5!important}
@media(max-width:800px){
.hero h1{font-size:clamp(2.24rem,9.2vw,3.2rem)!important}
.manifest h2{font-size:8.8vw!important}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.visit h2,.services-head h2,.reviews-top h2,.faq-intro h2,.scroll-results-head h2{font-size:8.4vw!important}
.script{font-size:1.76rem!important}
.after-layer img,.before-layer img{object-fit:contain!important;background:#151513!important}
}
/* V11 — definitive premium refinement */
.header.scrolled,.mg-header.scrolled{
background:rgba(255,255,255,.96)!important;color:#151513!important;
box-shadow:0 8px 30px rgba(30,25,20,.06)!important;backdrop-filter:blur(18px)!important;
border-bottom:1px solid rgba(176,129,111,.12)!important
}
/* another 20% more restrained than the already reduced system */
.hero h1{font-size:clamp(2.2rem,3.55vw,4.1rem)!important}
.manifest h2{font-size:clamp(2.15rem,3.9vw,4.35rem)!important}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.visit h2,.services-head h2,.reviews-top h2,.faq-intro h2{
font-size:clamp(1.95rem,3.05vw,3.45rem)!important
}
.script{font-size:clamp(1.35rem,1.9vw,2.25rem)!important}
/* Premium results: the full photo is always visible, never cropped */
.results-v11{background:#f6f1eb;padding:120px 0 60px;color:#25231f}
.results-v11-head{width:min(88vw,1400px);margin:0 auto 80px;display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:end}
.results-v11-head h2{font:400 clamp(2.1rem,3.3vw,3.8rem)/.98 Georgia,serif;text-transform:uppercase;letter-spacing:-.035em;margin:14px 0 0}
.results-v11-head p{max-width:520px;line-height:1.7}
.premium-reveal{height:175vh;position:relative;border-top:1px solid rgba(50,40,30,.12)}
.premium-reveal-sticky{position:sticky;top:70px;height:calc(100vh - 70px);display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:5vw;width:min(90vw,1500px);margin:auto}
.result-copy{align-self:center}.result-copy h3{font:400 clamp(1.9rem,3vw,3.4rem)/1 Georgia,serif;text-transform:uppercase;margin:16px 0}.result-copy p{max-width:390px;line-height:1.65}.result-copy>span{display:block;margin-top:35px;font-size:9px;letter-spacing:.17em;color:#8b776c}
.photo-stage{position:relative;height:min(78vh,760px);width:min(100%,720px);justify-self:end;overflow:hidden;background:#e9e0d8;box-shadow:0 30px 70px rgba(50,35,25,.12)}
.photo-stage>img,.photo-before-wrap,.photo-before-wrap img{position:absolute;inset:0;width:100%;height:100%}
.photo-stage>img,.photo-before-wrap img{object-fit:contain;object-position:center;background:#e9e0d8}
.photo-before-wrap{z-index:2;overflow:hidden;width:100%;will-change:width}
.photo-before{max-width:none!important;width:100%!important}
.wipe-line{position:absolute;z-index:4;top:0;bottom:0;left:100%;width:1px;background:rgba(255,255,255,.95);will-change:left}
.wipe-line i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#806b60;font-style:normal;box-shadow:0 5px 25px rgba(0,0,0,.18)}
.tag{position:absolute;z-index:5;bottom:18px;padding:8px 10px;border-radius:99px;font-size:8px;letter-spacing:.15em}.tag-before{left:18px;background:#24221f;color:#fff}.tag-after{right:18px;background:#e5d2c5;color:#443a35}
.results-legal-v11{width:min(88vw,1400px);margin:35px auto 0;font-size:9px;color:#7c756e;line-height:1.5}
/* subtle premium motion and visual rhythm */
.services,.reviews-google,.faq,.review,.pigm{position:relative;overflow:hidden}
.services:before,.reviews-google:before,.faq:before{content:"MG";position:absolute;right:-2vw;top:2vw;font:400 16vw/1 Georgia,serif;color:rgba(176,129,111,.035);pointer-events:none}
.service-item{transition:padding .3s ease,background .3s ease}.service-item:hover{padding-left:18px!important;padding-right:18px!important;background:rgba(229,210,197,.32)}
.review-cards article{transition:transform .35s ease,box-shadow .35s ease}.review-cards article:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(50,35,25,.08)}
.mary-photo img,.split img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.mary:hover .mary-photo img,.split:hover img{transform:scale(1.025)}
/* final footer + legal */
.footer-final{background:#151513;color:#f8f6f1;padding:70px 6vw 28px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.footer-brand{display:flex;gap:25px;align-items:center}.footer-brand img{width:92px}.footer-brand div{display:flex;flex-direction:column;gap:6px}.footer-brand span,.footer-contact{font-size:11px;line-height:1.7;color:#c9c3ba;align-self:center;text-align:end;}
.footer-legal{grid-column:1/-1;display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,.13);font-size:10px;letter-spacing:.06em}
.footer-legal a:hover{opacity:.65}.footer-bottom{grid-column:1/-1;font-size:9px;color:#777;text-align: center;}
.footer-servicios{grid-column:1/-1;display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,.13);font-size:10px;letter-spacing:.06em}
.footer-servicios a:hover{opacity:.65}.footer-bottom{grid-column:1/-1;font-size:9px;color:#777;text-align: center;}
.footer-tratamientos{grid-column:1/-1;display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,.13);font-size:10px;letter-spacing:.06em}
.footer-tratamientos a:hover{opacity:.65}.footer-bottom{grid-column:1/-1;font-size:9px;color:#777;text-align: center;}
.footer-usuario{grid-column:1/-1;display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,.13);font-size:10px;letter-spacing:.06em}
.footer-usuario a:hover{opacity:.65}.footer-bottom{grid-column:1/-1;font-size:9px;color:#777;text-align: center;}
/* mobile */
@media(max-width:800px){
.hero h1{font-size:clamp(2rem,7.8vw,2.75rem)!important}
.manifest h2{font-size:7.5vw!important}
.doors h2,.anti h2,.olive h2,.pigm h2,.body h2,.book h2,.mary h2,.review h2,.visit h2,.services-head h2,.reviews-top h2,.faq-intro h2{font-size:7.2vw!important}
.results-v11{padding-top:90px}.results-v11-head{grid-template-columns:1fr;margin-bottom:50px}.results-v11-head h2{font-size:8.5vw}
.premium-reveal{height:155vh}.premium-reveal-sticky{top:70px;height:calc(100vh - 70px);grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:18px;width:calc(100vw - 28px);padding:22px 0}
.result-copy h3{font-size:7vw;margin:8px 0}.result-copy p{display:none}.result-copy>span{margin-top:8px}
.photo-stage{width:100%;height:100%;min-height:0;justify-self:center}
.photo-stage>img,.photo-before-wrap img{object-fit:contain!important}
.footer-final{grid-template-columns:1fr;padding:55px 22px 95px}.footer-legal,.footer-bottom{grid-column:1}
}
/* V12 isolated before/after engine */
.ba-results{background:#f6f1eb;padding:100px 0 50px;color:#27231f}
.ba-head{width:min(88vw,1360px);margin:0 auto 65px;display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end}
.ba-head h2{font:400 clamp(2rem,3vw,3.3rem)/1 Georgia,serif;text-transform:uppercase;margin:12px 0 0}.ba-head p{line-height:1.7}
.ba-scroll{height:185vh;position:relative;border-top:1px solid #d8cec5}
.ba-sticky{position:sticky;top:70px;height:calc(100vh - 70px);width:min(90vw,1400px);margin:auto;display:grid;grid-template-columns:.62fr 1.38fr;gap:5vw;align-items:center}
.ba-copy h3{font:400 clamp(1.6rem,2.5vw,2.8rem)/1 Georgia,serif;text-transform:uppercase;margin:12px 0}.ba-copy p{color:#776f68}
.ba-frame{position:relative;width:100%;height:min(76vh,720px);overflow:hidden;background:#e8dfd7;box-shadow:0 25px 65px #38281c20}
.ba-after,.ba-before,.ba-before img{position:absolute;inset:0;width:100%;height:100%}
.ba-after,.ba-before img{object-fit:contain;object-position:center;background:#e8dfd7;display:block}
.ba-before{z-index:2;clip-path:inset(0 var(--wipe) 0 0);will-change:clip-path}
.ba-line{position:absolute;z-index:4;top:0;bottom:0;left:calc(100% - var(--wipe));width:1px;background:white}
.ba-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:white;color:#806b60;box-shadow:0 5px 20px #0003}
.ba-l{position:absolute;z-index:5;bottom:16px;padding:8px 10px;border-radius:99px;font-size:8px;letter-spacing:.14em}.ba-l.before{left:16px;background:#222;color:white}.ba-l.after{right:16px;background:#e5d2c5;color:#443a35}
.ba-legal{width:min(88vw,1360px);margin:25px auto 0;font-size:9px;color:#777}
@media(max-width:800px){.ba-head{grid-template-columns:1fr;width:calc(100vw - 40px)}.ba-head h2{font-size:8vw}.ba-scroll{height:160vh}.ba-sticky{width:calc(100vw - 24px);grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;padding:15px 0}.ba-copy p{display:none}.ba-frame{height:100%;min-height:0}}
.hero-media-final{position:absolute;inset:0;overflow:hidden;background:#151513}.hero-desktop-video,.hero-mobile-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-mobile-video{display:block}.hero-readable-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(17,16,14,.64) 0%,rgba(17,16,14,.38) 32%,rgba(17,16,14,.08) 65%,rgba(17,16,14,.02) 100%),linear-gradient(180deg,rgba(17,16,14,.10),rgba(17,16,14,.05) 45%,rgba(17,16,14,.56))!important}.heroCopy{z-index:2!important}@media(max-width:800px){.hero-desktop-video{display:none}.hero-mobile-video{display:block}.hero-readable-overlay{background:linear-gradient(180deg,rgba(17,16,14,.15),rgba(17,16,14,.06) 38%,rgba(17,16,14,.74)),linear-gradient(90deg,rgba(17,16,14,.38),rgba(17,16,14,.05) 75%)!important}}
/* V14 — HEADER requested changes */
.header{
height:104px!important;
padding:0 4.5vw!important;
transition:height .35s ease,background .35s ease,box-shadow .35s ease,color .35s ease!important;
}
.header img{
width:350px!important;
max-width:28vw!important;
max-height:82px!important;
object-fit:contain!important;
filter:brightness(0) invert(1)!important;
transition:filter .35s ease,width .35s ease,max-height .35s ease!important;
}
.header nav{
gap:34px!important;
font-size:14px!important;
font-weight:500!important;
letter-spacing:.105em!important;
}
.header>a:last-child{
font-size:14px!important;
font-weight:600!important;
letter-spacing:.10em!important;
}
/* White horizontal rectangle appears only after scrolling */
.header.scrolled{
height:84px!important;
background:rgba(255,255,255,.97)!important;
color:#171614!important;
box-shadow:0 10px 35px rgba(35,28,23,.10)!important;
border-bottom:1px solid rgba(176,129,111,.14)!important;
backdrop-filter:blur(16px)!important;
}
.header.scrolled img{
/* Keep requested logo white, place it on a brand-colored plaque so it remains visible */
filter:brightness(0) invert(1)!important;
}
.header.scrolled .brand{
align-self:stretch;
display:flex;
align-items:center;
padding:0 22px;
margin-left:-22px;
background:#7F7C5A;
}
/* Explicit rectangle under/behind the navigation area when scrolling */
.header.scrolled:before{
content:"";
position:absolute;
z-index:-1;
inset:0;
background:#fff;
}
@media(max-width:1100px){
.header nav{gap:20px;font-size:12px!important}
.header>a:last-child{font-size:12px!important}
.header img{width:300px!important}
}
@media(max-width:800px){
.header{height:88px!important;padding:0 18px!important}
.header.scrolled{height:74px!important}
.header img{width:250px!important;max-width:62vw!important;max-height:68px!important}
.header.scrolled .brand{padding:0 14px;margin-left:-14px}
.header>a:last-child{font-size:11px!important}
}
/* V15 — translucent premium navigation + larger visible logo */
.header{
height:118px!important;
padding:0 4vw!important;
}
.header img{
width:520px!important;
max-width:34vw!important;
max-height:102px!important;
object-fit:contain!important;
filter:brightness(0) invert(1)!important;
}
/* Scroll state: translucent glass instead of flat white */
.header.scrolled{
height:94px!important;
background:rgba(248,246,241,.70)!important;
color:#25231f!important;
border-bottom:1px solid rgba(127,124,90,.16)!important;
box-shadow:0 12px 40px rgba(45,35,28,.08)!important;
backdrop-filter:blur(22px) saturate(135%)!important;
-webkit-backdrop-filter:blur(22px) saturate(135%)!important;
}
.header.scrolled:before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:-1!important;
background:linear-gradient(90deg,
rgba(248,246,241,.76) 0%,
rgba(248,246,241,.66) 50%,
rgba(248,246,241,.72) 100%)!important;
}
/* Logo becomes olive on the light translucent header */
.header.scrolled img{
filter:brightness(0) saturate(100%) invert(48%) sepia(10%) saturate(778%) hue-rotate(18deg) brightness(95%) contrast(89%)!important;
width:520px!important;
max-height:88px!important;
}
.header.scrolled .brand{
background:transparent!important;
padding:0!important;
margin:0!important;
}
.header nav{
font-size:14px!important;
font-weight:500!important;
}
.header>a:last-child{
font-size:14px!important;
}
@media(max-width:1200px){
.header img,.header.scrolled img{width:430px!important;max-width:32vw!important}
}
@media(max-width:800px){
.header{height:96px!important;padding:0 16px!important}
.header.scrolled{height:78px!important}
.header img{width:330px!important;max-width:68vw!important;max-height:82px!important}
.header.scrolled img{width:330px!important;max-width:68vw!important;max-height:68px!important}
}
/* V16 — HERO typography +50% */
.hero h1{
font-size:clamp(3.3rem,5.325vw,6.15rem)!important;
line-height:.86!important;
letter-spacing:-.045em!important;
}
.hero .script,
.heroCopy .script{
font-size:clamp(2.025rem,2.85vw,3.375rem)!important;
line-height:1!important;
}
.heroCopy>small{
font-size:12px!important;
letter-spacing:.22em!important;
}
.hero .caps{
font-size:12px!important;
letter-spacing:.18em!important;
}
@media(max-width:800px){
.hero h1{
font-size:clamp(3rem,11.7vw,4.125rem)!important;
line-height:.88!important;
}
.hero .script,.heroCopy .script{
font-size:2.64rem!important;
}
}
/* V17 — logo +100% and stronger translucent/glass menu */
.header{
height:132px!important;
padding:0 3.2vw!important;
}
.header .brand{
display:flex!important;
align-items:center!important;
overflow:visible!important;
}
.header img{
width:1040px!important; /* +100% from V15/V16 520px */
max-width:46vw!important;
max-height:122px!important;
object-fit:contain!important;
object-position:left center!important;
filter:brightness(0) invert(1)!important;
}
/* Scroll navigation: translucent gradient, never a flat rectangle */
.header.scrolled{
height:102px!important;
background:rgba(248,246,241,.42)!important;
color:#211f1c!important;
border-bottom:1px solid rgba(127,124,90,.20)!important;
box-shadow:0 12px 42px rgba(35,28,22,.10)!important;
backdrop-filter:blur(24px) saturate(145%)!important;
-webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
.header.scrolled:before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:-1!important;
background:
linear-gradient(90deg,
rgba(248,246,241,.78) 0%,
rgba(248,246,241,.58) 27%,
rgba(248,246,241,.42) 58%,
rgba(248,246,241,.64) 100%)!important;
}
.header.scrolled:after{
content:""!important;
position:absolute!important;
left:27%!important;
right:3%!important;
bottom:16px!important;
height:38px!important;
z-index:-1!important;
border-radius:999px!important;
background:rgba(255,255,255,.20)!important;
filter:blur(13px)!important;
}
/* Olive logo after scroll */
.header.scrolled img{
width:1040px!important;
max-width:46vw!important;
max-height:94px!important;
filter:brightness(0) saturate(100%) invert(48%) sepia(10%) saturate(778%) hue-rotate(18deg) brightness(92%) contrast(92%)!important;
}
.header.scrolled .brand{background:transparent!important}
/* Make menu copy stand out while retaining glass transparency */
.header nav{
font-size:15px!important;
font-weight:600!important;
letter-spacing:.105em!important;
text-shadow:0 1px 12px rgba(0,0,0,.16)!important;
}
.header.scrolled nav{
color:#25231f!important;
text-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 14px rgba(60,45,35,.10)!important;
}
.header>a:last-child{
font-size:15px!important;
font-weight:650!important;
text-shadow:0 1px 12px rgba(0,0,0,.15)!important;
}
.header.scrolled>a:last-child{
text-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 14px rgba(60,45,35,.10)!important;
}
@media(max-width:1250px){
.header img,.header.scrolled img{width:760px!important;max-width:39vw!important}
.header nav{font-size:13px!important;gap:18px!important}
.header>a:last-child{font-size:13px!important}
}
@media(max-width:800px){
.header{height:102px!important;padding:0 14px!important}
.header.scrolled{height:82px!important}
.header img{width:500px!important;max-width:70vw!important;max-height:92px!important}
.header.scrolled img{width:500px!important;max-width:70vw!important;max-height:72px!important}
.header.scrolled:before{
background:linear-gradient(90deg,rgba(248,246,241,.78),rgba(248,246,241,.48))!important;
}
}
/* V18 — move logo further left */
.header{
padding-left:0!important;
}
.header .brand{
margin-left:-32px!important;
justify-self:start!important;
}
.header img{
object-position:left center!important;
}
.header.scrolled .brand{
margin-left:-32px!important;
}
@media(max-width:1250px){
.header .brand,.header.scrolled .brand{margin-left:-22px!important}
}
@media(max-width:800px){
.header{padding-left:0!important}
.header .brand,.header.scrolled .brand{margin-left:-12px!important}
}
/* V19 — logo halfway back to the right + 50% larger */
.header{
padding-left:0!important;
}
.header .brand{
/* V18 was -32px; midpoint toward original 0px = -16px */
margin-left:-16px!important;
justify-self:start!important;
overflow:visible!important;
}
.header img{
width:1560px!important; /* +50% from 1040px */
max-width:58vw!important;
max-height:150px!important;
object-fit:contain!important;
object-position:left center!important;
}
.header.scrolled .brand{
margin-left:-16px!important;
}
.header.scrolled img{
width:1560px!important;
max-width:58vw!important;
max-height:112px!important;
}
@media(max-width:1250px){
.header .brand,.header.scrolled .brand{margin-left:-11px!important}
.header img,.header.scrolled img{width:1140px!important;max-width:48vw!important}
}
@media(max-width:800px){
.header .brand,.header.scrolled .brand{margin-left:-6px!important}
.header img{width:750px!important;max-width:78vw!important;max-height:105px!important}
.header.scrolled img{width:750px!important;max-width:78vw!important;max-height:78px!important}
}
/* V20 — rebalance header: logo right, navigation left, reserve protected */
.header{
display:grid!important;
grid-template-columns:minmax(330px, .95fr) minmax(520px, 1.7fr) minmax(145px, .42fr)!important;
column-gap:22px!important;
padding-left:0!important;
padding-right:3.2vw!important;
}
/* Move logo noticeably to the RIGHT from V19 */
.header .brand,
.header.scrolled .brand{
margin-left:28px!important;
justify-self:start!important;
align-self:center!important;
}
.header img,
.header.scrolled img{
object-position:left center!important;
}
/* Pull navigation LEFT inside its own safe column */
.header nav{
justify-self:start!important;
margin-left:-55px!important;
margin-right:0!important;
gap:24px!important;
white-space:nowrap!important;
font-size:14px!important;
}
/* Reserve CTA stays isolated at far right */
.header>a:last-child{
justify-self:end!important;
margin-left:10px!important;
white-space:nowrap!important;
position:relative!important;
z-index:3!important;
}
/* Scroll state keeps the same alignment */
.header.scrolled nav{margin-left:-55px!important}
@media(max-width:1350px){
.header{
grid-template-columns:minmax(280px,.85fr) minmax(470px,1.55fr) minmax(130px,.4fr)!important;
column-gap:14px!important;
}
.header .brand,.header.scrolled .brand{margin-left:18px!important}
.header nav,.header.scrolled nav{margin-left:-38px!important;gap:18px!important;font-size:12px!important}
.header>a:last-child{font-size:12px!important}
}
@media(max-width:1050px){
.header{
grid-template-columns:minmax(245px,.8fr) minmax(390px,1.45fr) minmax(115px,.38fr)!important;
}
.header .brand,.header.scrolled .brand{margin-left:12px!important}
.header nav,.header.scrolled nav{margin-left:-25px!important;gap:12px!important;font-size:11px!important}
.header>a:last-child{font-size:11px!important;margin-left:4px!important}
}
@media(max-width:800px){
.header{grid-template-columns:1fr auto!important;padding-right:16px!important}
.header .brand,.header.scrolled .brand{margin-left:4px!important}
.header nav{display:none!important}
.header>a:last-child{justify-self:end!important}
}
/* V21 — DEFINITIVE DESKTOP HEADER POSITIONING
Absolute positioning overrides all earlier grid distribution rules. */
@media (min-width: 1051px){
.header{
display:block!important;
position:fixed!important;
top:0!important;
left:0!important;
width:100%!important;
padding:0!important;
height:132px!important;
}
/* LOGO: move to the RIGHT */
.header .brand,
.header.scrolled .brand{
position:absolute!important;
left:7.2vw!important;
top:50%!important;
transform:translateY(-50%)!important;
margin:0!important;
padding:0!important;
width:26vw!important;
max-width:430px!important;
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
}
.header .brand img,
.header.scrolled .brand img{
width:100%!important;
max-width:none!important;
height:auto!important;
max-height:112px!important;
object-fit:contain!important;
object-position:left center!important;
}
/* MENU: deliberately LEFT and with a hard right boundary */
.header nav,
.header.scrolled nav{
position:absolute!important;
left:34vw!important;
right:18.5vw!important;
top:50%!important;
transform:translateY(-50%)!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:clamp(13px,1.35vw,25px)!important;
white-space:nowrap!important;
font-size:clamp(11px,.92vw,14px)!important;
overflow:visible!important;
}
/* RESERVE: fixed safe zone on far right */
.header>a:last-child{
position:absolute!important;
right:3.2vw!important;
top:50%!important;
transform:translateY(-50%)!important;
margin:0!important;
padding:13px 15px!important;
white-space:nowrap!important;
font-size:clamp(11px,.9vw,14px)!important;
z-index:5!important;
}
.header.scrolled{height:102px!important}
.header.scrolled .brand img{max-height:88px!important}
}
/* Large desktop: give menu even more breathing room from RESERVAR */
@media (min-width: 1450px){
.header .brand,.header.scrolled .brand{left:8vw!important;width:27vw!important;max-width:470px!important}
.header nav,.header.scrolled nav{left:35vw!important;right:19vw!important;gap:26px!important}
.header>a:last-child{right:3.5vw!important}
}
/* Laptop: keep menu away from reserve by reducing only gaps/type */
@media (min-width:1051px) and (max-width:1250px){
.header .brand,.header.scrolled .brand{left:5.5vw!important;width:27vw!important}
.header nav,.header.scrolled nav{left:32vw!important;right:18vw!important;gap:11px!important;font-size:10.5px!important}
.header>a:last-child{right:2vw!important;font-size:10.5px!important;padding:11px 10px!important}
}
/* Mobile/tablet retains compact layout */
@media (max-width:1050px){
.header{display:grid!important;grid-template-columns:1fr auto!important;padding:0 16px!important}
.header nav{display:none!important}
.header .brand,.header.scrolled .brand{position:static!important;transform:none!important;margin:0!important}
.header>a:last-child{position:static!important;transform:none!important;margin:0!important}
}
/* V22 — approved Maryfelix founder video section */
.mary-video-section{
display:grid!important;
grid-template-columns:1.08fr .92fr!important;
min-height:100vh!important;
background:#E5D2C5!important;
overflow:hidden!important;
}
.mary-video-wrap{
position:relative!important;
min-height:100vh!important;
overflow:hidden!important;
background:#171614!important;
}
.mary-founder-video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
.mary-video-shade{
position:absolute!important;
inset:0!important;
background:linear-gradient(180deg,rgba(18,16,14,.04),rgba(18,16,14,.08) 62%,rgba(18,16,14,.35))!important;
pointer-events:none!important;
}
.mary-video-label{
position:absolute!important;
left:34px!important;
bottom:30px!important;
z-index:2!important;
color:#fff!important;
font-size:9px!important;
letter-spacing:.18em!important;
}
.mary-editorial-copy{
padding:9vw 6.5vw!important;
justify-content:center!important;
}
.mary-editorial-copy h2{
font:400 clamp(2.25rem,3.45vw,4.2rem)/.98 Georgia,serif!important;
text-transform:none!important;
letter-spacing:-.035em!important;
max-width:720px!important;
margin:16px 0 34px!important;
}
.mary-editorial-copy>p:not(.script){
max-width:610px!important;
font-size:clamp(14px,1.02vw,17px)!important;
line-height:1.78!important;
margin:0 0 18px!important;
}
.mary-editorial-copy strong{font-weight:600!important}
.mary-signature{
margin:35px 0 0!important;
max-width:620px!important;
font-size:clamp(2rem,2.7vw,3.1rem)!important;
line-height:1.05!important;
}
@media(max-width:800px){
.mary-video-section{grid-template-columns:1fr!important}
.mary-video-wrap{min-height:72vh!important}
.mary-editorial-copy{padding:85px 22px!important}
.mary-editorial-copy h2{font-size:9vw!important}
.mary-founder-video{object-position:center!important}
.mary-video-label{left:20px!important;bottom:20px!important}
}
/* V23 — premium map / directions */
.visit-map{
display:grid!important;
grid-template-columns:.78fr 1.22fr!important;
gap:6vw!important;
min-height:78vh!important;
padding:100px 6vw!important;
background:var(--sage)!important;
align-items:center!important;
}
.visit-info h2{margin-bottom:32px!important}
.directions-btn{
display:inline-flex!important;align-items:center!important;justify-content:space-between!important;
gap:45px!important;margin-top:25px!important;padding:16px 18px!important;
background:#151513!important;color:#fff!important;font-size:10px!important;
letter-spacing:.13em!important;text-transform:uppercase!important;transition:.3s!important
}
.directions-btn:hover{transform:translateY(-3px)!important;background:#7F7C5A!important}
.map-card{
position:relative!important;display:block!important;height:62vh!important;min-height:480px!important;
overflow:hidden!important;background:#d8d2c8!important;box-shadow:0 30px 70px rgba(50,38,28,.13)!important
}
.map-card iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;filter:saturate(.72) contrast(.94)!important}
.map-overlay{
position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;
display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;
padding:17px 19px!important;background:rgba(248,246,241,.84)!important;
backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;
color:#25231f!important;box-shadow:0 8px 30px rgba(0,0,0,.08)!important
}
.map-overlay span{font-size:9px!important;letter-spacing:.14em!important}.map-overlay strong{font-size:10px!important;letter-spacing:.08em!important}
@media(max-width:800px){
.visit-map{grid-template-columns:1fr!important;padding:85px 22px!important;gap:45px!important}
.map-card{height:58vh!important;min-height:420px!important}
.map-overlay{left:10px!important;right:10px!important;bottom:10px!important;flex-direction:column!important;align-items:flex-start!important}
}
/* V24 — FAQ inspired by reference: editorial tabs + accordions */
.faq-reference{display:block!important;background:#F3EFE6!important;padding:120px 0 135px!important;color:#1f1d1a!important}
.faq-reference-head{text-align:center!important;width:min(90vw,920px)!important;margin:0 auto 72px!important}
.faq-reference-head>small{font-size:9px!important;letter-spacing:.18em!important}
.faq-reference-head h2{font:400 clamp(2.7rem,4.5vw,5.4rem)/.88 Georgia,serif!important;letter-spacing:-.035em!important;text-transform:none!important;margin:15px 0 24px!important}
.faq-reference-head h2 em{font-weight:400!important}
.faq-reference-head p{max-width:620px!important;margin:auto!important;font-size:15px!important;line-height:1.55!important;color:#706b64!important}
.faq-tabs{width:min(88vw,1180px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-bottom:1px solid #d7d0c7!important}
.faq-tab{appearance:none!important;border:0!important;background:transparent!important;padding:18px 12px!important;font:500 11px/1 Arial,sans-serif!important;letter-spacing:.09em!important;color:#8b8278!important;cursor:pointer!important;position:relative!important}
.faq-tab:after{content:""!important;position:absolute!important;left:15%!important;right:15%!important;bottom:-1px!important;height:1px!important;background:transparent!important}
.faq-tab.active{color:#26231f!important}
.faq-tab.active:after{background:#26231f!important}
.faq-panels{width:min(76vw,1000px)!important;margin:70px auto 0!important}
.faq-panel{display:none!important}.faq-panel.active{display:block!important}
.faq-panel details{border-top:1px solid #d8d1c8!important;padding:0!important}
.faq-panel details:last-child{border-bottom:1px solid #d8d1c8!important}
.faq-panel summary{list-style:none!important;cursor:pointer!important;padding:27px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:35px!important;font:400 clamp(1.2rem,1.65vw,1.65rem)/1.3 Georgia,serif!important}
.faq-panel summary::-webkit-details-marker{display:none!important}
.faq-panel summary span{font:300 20px/1 Arial,sans-serif!important;transition:transform .3s ease!important}
.faq-panel details[open] summary span{transform:rotate(180deg)!important}
.faq-panel details p{max-width:780px!important;margin:0 55px 28px 0!important;font-size:14px!important;line-height:1.75!important;color:#68625b!important}
@media(max-width:800px){
.faq-reference{padding:90px 0 100px!important}
.faq-reference-head{width:calc(100vw - 40px)!important;margin-bottom:50px!important}
.faq-reference-head h2{font-size:10.2vw!important}
.faq-tabs{width:100%!important;display:flex!important;overflow-x:auto!important;padding:0 16px!important;scrollbar-width:none!important}
.faq-tabs::-webkit-scrollbar{display:none!important}.faq-tab{min-width:max-content!important;padding:16px 18px!important}
.faq-panels{width:calc(100vw - 40px)!important;margin-top:45px!important}
.faq-panel summary{font-size:1.22rem!important;padding:23px 0!important}
.faq-panel details p{margin-right:20px!important}
}
/* V25 — approved Maryfelix consultation image */
.cinema-break{
position:relative!important;
background-image:
linear-gradient(90deg,rgba(25,18,15,.68) 0%,rgba(25,18,15,.48) 42%,rgba(25,18,15,.13) 72%,rgba(25,18,15,.05) 100%),
url("assets/maryfelix-criterion-banner.png")!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
}
.cinema-break img{display:none!important}
.cinema-break .shade{background:transparent!important}
@media(max-width:800px){
.cinema-break{
background-position:62% center!important;
background-image:
linear-gradient(90deg,rgba(25,18,15,.76) 0%,rgba(25,18,15,.48) 58%,rgba(25,18,15,.16) 100%),
url("assets/maryfelix-criterion-banner.png")!important;
}
}
/* V26 — RESULTADOS header visual hierarchy */
.ba-head{
width:min(88vw,1380px)!important;
margin:0 auto 72px!important;
display:grid!important;
grid-template-columns:.48fr 1.05fr .92fr!important;
grid-template-rows:auto auto!important;
column-gap:5vw!important;
row-gap:22px!important;
align-items:start!important;
}
.ba-head>small{
grid-column:1!important;
grid-row:1!important;
align-self:start!important;
padding-top:12px!important;
font-size:10px!important;
letter-spacing:.18em!important;
}
.ba-head>h2{
grid-column:2!important;
grid-row:1 / span 2!important;
margin:0!important;
font:400 clamp(2.65rem,4.2vw,4.9rem)/.9 Georgia,serif!important;
letter-spacing:-.045em!important;
text-transform:uppercase!important;
}
.ba-head>p{
grid-column:3!important;
grid-row:1 / span 2!important;
align-self:end!important;
margin:0 0 6px!important;
max-width:500px!important;
font-size:15px!important;
line-height:1.7!important;
color:#655f58!important;
}
/* V26 — approved Maryfelix/patient image in RESULTADOS · ACOMPAÑAMIENTO · CRITERIO */
.cinema-break{
position:relative!important;
min-height:78vh!important;
overflow:hidden!important;
background:
linear-gradient(90deg,
rgba(23,17,14,.78) 0%,
rgba(23,17,14,.61) 34%,
rgba(23,17,14,.22) 62%,
rgba(23,17,14,.06) 100%),
url("assets/maryfelix-criterion-clean.jpg") center right/cover no-repeat!important;
}
.cinema-break>video{
display:none!important;
}
.cinema-break>div{
position:relative!important;
z-index:2!important;
width:min(88vw,1380px)!important;
margin:0 auto!important;
}
.cinema-break>div>small,
.cinema-break>div>p{
position:relative!important;
z-index:3!important;
}
@media(max-width:800px){
.ba-head{
width:calc(100vw - 40px)!important;
grid-template-columns:1fr!important;
grid-template-rows:auto!important;
gap:18px!important;
}
.ba-head>small,.ba-head>h2,.ba-head>p{
grid-column:1!important;
grid-row:auto!important;
}
.ba-head>h2{font-size:10vw!important}
.ba-head>p{max-width:620px!important}
.cinema-break{
min-height:78vh!important;
background:
linear-gradient(90deg,rgba(23,17,14,.80),rgba(23,17,14,.45) 72%,rgba(23,17,14,.18)),
url("assets/maryfelix-criterion-clean.jpg") 68% center/cover no-repeat!important;
}
}
/* V27 — Results heading requested arrangement */
.ba-head{
width:min(88vw,1380px)!important;
margin:0 auto 72px!important;
display:grid!important;
grid-template-columns:1fr auto!important;
grid-template-rows:1fr!important;
gap:5vw!important;
align-items:center!important;
}
.ba-head>h2{
grid-column:1!important;
grid-row:1!important;
justify-self:start!important;
margin:0!important;
font:400 clamp(2.65rem,4.2vw,4.9rem)/.9 Georgia,serif!important;
letter-spacing:-.045em!important;
text-transform:uppercase!important;
}
.ba-head>small{
grid-column:2!important;
grid-row:1!important;
justify-self:end!important;
align-self:center!important;
padding:0!important;
font-size:15px!important; /* +50% from 10px */
letter-spacing:.18em!important;
white-space:nowrap!important;
}
.ba-head>p{display:none!important}
@media(max-width:800px){
.ba-head{
width:calc(100vw - 40px)!important;
grid-template-columns:1fr auto!important;
gap:18px!important;
}
.ba-head>h2{font-size:9vw!important}
.ba-head>small{font-size:12px!important;text-align:right!important}
}
/* V28 — "Tu cuerpo también cuenta" centered composition */
.body#corporal{
min-height:72vh!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
align-content:center!important;
align-items:center!important;
column-gap:34px!important;
row-gap:18px!important;
padding-left:6vw!important;
padding-right:6vw!important;
text-align:center!important;
}
.body#corporal>small{
grid-column:1 / -1!important;
grid-row:1!important;
justify-self:center!important;
margin:0 0 18px!important;
text-align:center!important;
}
.body#corporal>h2{
grid-column:2!important;
grid-row:2!important;
justify-self:center!important;
margin:0!important;
text-align:center!important;
}
.body#corporal>.script{
grid-column:3!important;
grid-row:2!important;
justify-self:start!important;
align-self:center!important;
margin:0!important;
max-width:360px!important;
text-align:left!important;
}
@media(max-width:800px){
.body#corporal{
grid-template-columns:1fr!important;
grid-template-rows:auto auto auto!important;
gap:16px!important;
padding:90px 22px!important;
}
.body#corporal>small,.body#corporal>h2,.body#corporal>.script{
grid-column:1!important;
grid-row:auto!important;
justify-self:center!important;
}
.body#corporal>.script{
max-width:330px!important;
text-align:center!important;
}
}
/* V29 — corporal section: text left / video right with white left-to-right veil */
.body-video-section{
min-height:82vh!important;
display:grid!important;
grid-template-columns:.92fr 1.08fr!important;
align-items:stretch!important;
padding:0!important;
background:#F3EFE6!important;
overflow:hidden!important;
}
.body-copy{
position:relative!important;
z-index:3!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:8vw 2vw 8vw 6vw!important;
text-align:left!important;
}
.body-copy>small{margin:0 0 30px!important;text-align:left!important}
.body-title-row{
display:grid!important;
grid-template-columns:minmax(330px,1fr) minmax(190px,.55fr)!important;
gap:24px!important;
align-items:center!important;
}
.body-title-row h2{margin:0!important;text-align:left!important}
.body-title-row .script{margin:0!important;text-align:left!important;max-width:280px!important}
.body-video-wrap{
position:relative!important;
min-height:82vh!important;
overflow:hidden!important;
}
.body-video-wrap video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
.body-white-gradient{
position:absolute!important;
inset:0!important;
z-index:2!important;
pointer-events:none!important;
background:linear-gradient(90deg,
rgba(243,239,230,1) 0%,
rgba(243,239,230,.92) 10%,
rgba(243,239,230,.67) 24%,
rgba(255,255,255,.36) 42%,
rgba(255,255,255,.16) 62%,
rgba(255,255,255,.04) 82%,
rgba(255,255,255,0) 100%)!important;
}
@media(max-width:800px){
.body-video-section{grid-template-columns:1fr!important}
.body-copy{padding:85px 22px 45px!important}
.body-title-row{grid-template-columns:1fr!important;gap:14px!important}
.body-title-row h2,.body-title-row .script{text-align:center!important;justify-self:center!important}
.body-copy>small{text-align:center!important}
.body-video-wrap{min-height:62vh!important}
.body-white-gradient{
background:linear-gradient(180deg,rgba(243,239,230,.95) 0%,rgba(255,255,255,.38) 22%,rgba(255,255,255,.06) 55%,rgba(255,255,255,0) 100%)!important
}
}
/* V29 FIX — ONLY confirms corporal video placement */
.corporal-video-confirmed{
display:grid!important;
grid-template-columns:46% 54%!important;
min-height:82vh!important;
padding:0!important;
overflow:hidden!important;
background:#F3EFE6!important;
}
.corporal-video-confirmed .body-copy{
grid-column:1!important;
position:relative!important;
z-index:4!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:8vw 0 8vw 6vw!important;
}
.corporal-video-confirmed .body-video-wrap{
grid-column:2!important;
position:relative!important;
display:block!important;
min-height:82vh!important;
overflow:hidden!important;
background:#eee!important;
}
.corporal-video-confirmed .corporal-video{
display:block!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
z-index:1!important;
}
.corporal-video-confirmed .body-white-gradient{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:2!important;
pointer-events:none!important;
background:linear-gradient(90deg,
rgba(243,239,230,1) 0%,
rgba(248,246,241,.88) 13%,
rgba(255,255,255,.58) 28%,
rgba(255,255,255,.27) 48%,
rgba(255,255,255,.08) 72%,
rgba(255,255,255,0) 100%)!important;
}
@media(max-width:800px){
.corporal-video-confirmed{grid-template-columns:1fr!important}
.corporal-video-confirmed .body-copy{grid-column:1!important;padding:80px 22px 40px!important}
.corporal-video-confirmed .body-video-wrap{grid-column:1!important;min-height:60vh!important}
}
/* V30 — remove obsolete standalone Maryfelix portrait section shown in screenshot */
.portrait-break,.mary-portrait,.full-photo.mary,.photo-break.mary{display:none!important}
/* V31 — explicit corporal video visibility */
.v31-corporal{display:grid!important;grid-template-columns:46% 54%!important;min-height:82vh!important;padding:0!important;background:#F3EFE6!important;overflow:hidden!important}
.v31-corporal .body-copy{grid-column:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:8vw 0 8vw 6vw!important;position:relative!important;z-index:3!important}
.v31-corporal .body-video-wrap{grid-column:2!important;display:block!important;position:relative!important;min-height:82vh!important;overflow:hidden!important;background:#ddd!important}
.v31-corporal .corporal-video{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:1!important}
.v31-corporal .body-white-gradient{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(243,239,230,1) 0%,rgba(250,248,244,.82) 15%,rgba(255,255,255,.48) 32%,rgba(255,255,255,.18) 55%,rgba(255,255,255,0) 100%)!important}
@media(max-width:800px){.v31-corporal{grid-template-columns:1fr!important}.v31-corporal .body-copy,.v31-corporal .body-video-wrap{grid-column:1!important}.v31-corporal .body-video-wrap{min-height:60vh!important}}
/* V32 — restored original "No existen dos pieles iguales..." block directly below HERO */
.post-hero-unified{
margin-top:0!important;
border-top:0!important;
position:relative!important;
}
.post-hero-unified + section{
margin-top:0!important;
}
/* visually unify the restored content as one continuous post-HERO statement */
.post-hero-unified{
min-height:72vh!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
/* V33 — only the two requested texts directly below HERO */
.post-hero-two-lines{
background:#F1ECE3!important;
min-height:58vh!important;
padding:78px 6vw 90px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:flex-start!important;
color:#24221f!important;
}
.post-hero-kicker{
margin:0 0 28px!important;
font-size:11px!important;
letter-spacing:.19em!important;
text-transform:uppercase!important;
}
.post-hero-two-lines h2{
margin:0!important;
max-width:760px!important;
font:400 clamp(3.3rem,6vw,7.2rem)/.86 Georgia,serif!important;
letter-spacing:-.045em!important;
text-transform:uppercase!important;
color:#24221f!important;
}
@media(max-width:800px){
.post-hero-two-lines{min-height:52vh!important;padding:65px 22px 75px!important}
.post-hero-two-lines h2{font-size:12vw!important}
.post-hero-kicker{font-size:9px!important}
}
/* V34 — ONLY "Tu cuerpo también cuenta": local uploaded video at right */
.corporal-local-video{
min-height:82vh!important;
display:grid!important;
grid-template-columns:46% 54%!important;
padding:0!important;
overflow:hidden!important;
background:#F3EFE6!important;
color:#3F3B35!important;
}
.corporal-copy{
position:relative!important;
z-index:4!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:8vw 0 8vw 6vw!important;
}
.corporal-copy>small{
margin:0 0 30px!important;
color:#7F7C5A!important;
font-size:10px!important;
letter-spacing:.17em!important;
}
.corporal-title-row{
display:grid!important;
grid-template-columns:minmax(300px,1fr) minmax(180px,.58fr)!important;
gap:22px!important;
align-items:center!important;
}
.corporal-title-row h2{
margin:0!important;
color:#35322E!important;
text-align:left!important;
}
.corporal-title-row .script{
margin:0!important;
color:#A97E6E!important;
text-align:left!important;
max-width:260px!important;
}
.corporal-media{
position:relative!important;
min-height:82vh!important;
overflow:hidden!important;
background:#E5D2C5!important;
}
.corporal-media video{
display:block!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
.corporal-media-veil{
position:absolute!important;
inset:0!important;
pointer-events:none!important;
background:linear-gradient(90deg,
rgba(243,239,230,1) 0%,
rgba(243,239,230,.82) 12%,
rgba(243,239,230,.48) 27%,
rgba(255,255,255,.18) 48%,
rgba(255,255,255,.04) 72%,
rgba(255,255,255,0) 100%)!important;
}
@media(max-width:800px){
.corporal-local-video{grid-template-columns:1fr!important}
.corporal-copy{padding:80px 22px 42px!important}
.corporal-title-row{grid-template-columns:1fr!important;gap:14px!important}
.corporal-title-row h2,.corporal-title-row .script{text-align:center!important;justify-self:center!important}
.corporal-copy>small{text-align:center!important}
.corporal-media{min-height:60vh!important}
.corporal-media-veil{
background:linear-gradient(180deg,rgba(243,239,230,.92),rgba(255,255,255,.26) 26%,rgba(255,255,255,0) 58%)!important;
}
}
/* V37 HARD RESET — corporal section. Video is topmost and cannot be covered. */
#corporal.v37-body{
position:relative!important;isolation:isolate!important;
display:grid!important;grid-template-columns:46% 54%!important;
min-height:82vh!important;padding:0!important;margin:0!important;
overflow:hidden!important;background:#F3EFE6!important;
}
#corporal .v37-copy{
grid-column:1!important;position:relative!important;z-index:2!important;
display:flex!important;flex-direction:column!important;justify-content:center!important;
padding:8vw 1.5vw 8vw 6vw!important;background:#F3EFE6!important;color:#35322E!important;
}
#corporal .v37-copy small{color:#7F7C5A!important;margin-bottom:30px!important}
#corporal .v37-title-row{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(160px,.55fr)!important;gap:20px!important;align-items:center!important}
#corporal .v37-title-row h2{color:#35322E!important;margin:0!important;text-align:left!important}
#corporal .v37-title-row .script{color:#A97E6E!important;margin:0!important;text-align:left!important}
#corporal .v37-media{
grid-column:2!important;position:relative!important;z-index:10!important;
min-height:82vh!important;overflow:hidden!important;background:#000!important;
opacity:1!important;visibility:visible!important;
}
#corporal .v37-media video{
position:absolute!important;z-index:20!important;inset:0!important;
display:block!important;visibility:visible!important;opacity:1!important;
width:100%!important;height:100%!important;max-width:none!important;
object-fit:cover!important;object-position:center!important;
background:#000!important;filter:none!important;mix-blend-mode:normal!important;
}
/* The white blend is on the COPY side only, never over the video */
#corporal .v37-copy:after{
content:""!important;position:absolute!important;z-index:3!important;
top:0!important;bottom:0!important;right:-70px!important;width:110px!important;
pointer-events:none!important;
background:linear-gradient(90deg,#F3EFE6 0%,rgba(243,239,230,.75) 45%,rgba(243,239,230,0) 100%)!important;
}
@media(max-width:800px){
#corporal.v37-body{grid-template-columns:1fr!important}
#corporal .v37-copy{grid-column:1!important;padding:75px 22px 40px!important}
#corporal .v37-title-row{grid-template-columns:1fr!important}
#corporal .v37-title-row h2,#corporal .v37-title-row .script{text-align:center!important}
#corporal .v37-copy small{text-align:center!important}
#corporal .v37-copy:after{display:none!important}
#corporal .v37-media{grid-column:1!important;min-height:60vh!important}
}
/* V38 — preserve working video, restore original corporal typography + transparent overlay */
/* Restore the previous large typography of "Tu cuerpo también cuenta" */
#corporal.v37-body .v37-title-row h2{
font:400 clamp(3.05rem,5.1vw,6rem)/.88 Georgia,serif!important;
letter-spacing:-.045em!important;
text-transform:uppercase!important;
color:#35322E!important;
margin:0!important;
}
#corporal.v37-body .v37-title-row .script{
font-size:clamp(1.85rem,2.55vw,3rem)!important;
line-height:1.03!important;
color:#A97E6E!important;
margin:0!important;
}
#corporal.v37-body .v37-copy small{
font-size:10px!important;
letter-spacing:.18em!important;
}
/* Transparent white/cream gradient ABOVE the video.
It starts stronger at the left edge and fades rapidly so the video stays visible. */
#corporal.v37-body .v37-media::after{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:30!important; /* above video z-index 20 */
pointer-events:none!important;
background:linear-gradient(90deg,
rgba(243,239,230,.68) 0%,
rgba(248,246,241,.48) 14%,
rgba(255,255,255,.30) 28%,
rgba(255,255,255,.16) 43%,
rgba(255,255,255,.07) 60%,
rgba(255,255,255,.02) 76%,
rgba(255,255,255,0) 100%)!important;
}
/* Remove the old edge-only pseudo gradient to avoid double whitening */
#corporal.v37-body .v37-copy::after{display:none!important}
@media(max-width:800px){
#corporal.v37-body .v37-title-row h2{
font-size:10.5vw!important;
line-height:.9!important;
}
#corporal.v37-body .v37-title-row .script{
font-size:2.15rem!important;
}
#corporal.v37-body .v37-media::after{
background:linear-gradient(180deg,
rgba(243,239,230,.55) 0%,
rgba(255,255,255,.28) 18%,
rgba(255,255,255,.10) 38%,
rgba(255,255,255,0) 65%)!important;
}
}
/* V39 — ONLY RESULTADOS · ACOMPAÑAMIENTO · CRITERIO background replacement */
section.v39-results-bg{
position:relative!important;
background:
linear-gradient(90deg,rgba(22,16,13,.63) 0%,rgba(22,16,13,.42) 36%,rgba(22,16,13,.12) 66%,rgba(22,16,13,.03) 100%),
url("assets/resultados-acompanamiento-criterio-v39.png") center center/cover no-repeat!important;
}
section.v39-results-bg>img,
section.v39-results-bg>video{
display:none!important;
}
section.v39-results-bg .shade{
background:transparent!important;
}
@media(max-width:800px){
section.v39-results-bg{
background:
linear-gradient(90deg,rgba(22,16,13,.70),rgba(22,16,13,.36) 65%,rgba(22,16,13,.08)),
url("assets/resultados-acompanamiento-criterio-v39.png") 66% center/cover no-repeat!important;
}
}
/* V40 — approved images in ¿Qué te preocupa de tu piel? */
.concerns .concern:nth-child(1),.concerns .card:nth-child(1){background-image:url("assets/service-acne-v40.png")!important;background-size:cover!important;background-position:center!important}
.concerns .concern:nth-child(2),.concerns .card:nth-child(2){background-image:url("assets/service-manchas-v40.png")!important;background-size:cover!important;background-position:center!important}
.concerns .concern:nth-child(3),.concerns .card:nth-child(3){background-image:url("assets/service-rejuvenecimiento-v40.png")!important;background-size:cover!important;background-position:center!important}
/* V41 premium concerns */
.concerns-v41{background:#F3EFE6!important;padding:120px 6vw 135px!important;color:#292622!important}
.concerns-v41-head{width:min(100%,1440px)!important;margin:0 auto 70px!important;display:grid!important;grid-template-columns:.55fr 1.15fr .85fr!important;gap:4vw!important;align-items:end!important}
.concerns-v41-head small{align-self:start!important;padding-top:10px!important;color:#7F7C5A!important;font-size:9px!important;letter-spacing:.18em!important}
.concerns-v41-head h2{margin:0!important;font:400 clamp(3rem,5vw,6rem)/.88 Georgia,serif!important;letter-spacing:-.045em!important;text-transform:none!important}
.concerns-v41-head p{margin:0 0 4px!important;max-width:420px!important;color:#716960!important;font-size:14px!important;line-height:1.7!important}
.concerns-v41-grid{width:min(100%,1440px)!important;margin:auto!important;display:grid!important;grid-template-columns:1.16fr .92fr .92fr!important;gap:18px!important}
.concern-v41{display:flex!important;flex-direction:column!important;background:#E9DED2!important;overflow:hidden!important;min-width:0!important;transition:transform .4s ease!important}
.concern-v41.featured{background:#DFD0C2!important}
.concern-v41-media{position:relative!important;aspect-ratio:4/5.6!important;overflow:hidden!important}
.concern-v41.featured .concern-v41-media{aspect-ratio:4/4.45!important}
.concern-v41-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.9)!important;transition:transform .7s ease!important}
.concern-v41-media>span{position:absolute!important;right:16px!important;top:16px!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(245,239,232,.24)!important;backdrop-filter:blur(10px)!important;color:white!important;font-size:9px!important}
.concern-v41-copy{padding:27px 28px 30px!important;display:flex!important;flex:1!important;flex-direction:column!important}
.concern-v41-copy>small{font-size:8px!important;letter-spacing:.17em!important;color:#A07362!important;margin-bottom:11px!important}
.concern-v41-copy h3{margin:0 0 12px!important;font:400 clamp(2.1rem,2.7vw,3.35rem)/.95 Georgia,serif!important;letter-spacing:-.035em!important}
.concern-v41-copy p{margin:0 0 24px!important;color:#686159!important;font-size:13px!important;line-height:1.65!important;max-width:390px!important}
.concern-v41-copy a{margin-top:auto!important;padding-top:15px!important;border-top:1px solid rgba(55,48,42,.16)!important;display:flex!important;justify-content:space-between!important;color:#37322d!important;font-size:9px!important;letter-spacing:.12em!important}
.concern-v41-copy b{font-weight:400!important}
@media(hover:hover){.concern-v41:hover{transform:translateY(-5px)!important}.concern-v41:hover img{transform:scale(1.025)!important}}
@media(max-width:800px){.concerns-v41{padding:85px 20px 95px!important}.concerns-v41-head{grid-template-columns:1fr!important;gap:17px!important;margin-bottom:45px!important}.concerns-v41-head h2{font-size:11vw!important}.concerns-v41-grid{grid-template-columns:1fr!important;gap:20px!important}.concern-v41-media,.concern-v41.featured .concern-v41-media{aspect-ratio:4/4.7!important}}
/* V42 — final skin CTA centered */
.v42-centered-cta{
text-align:center!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
}
.v42-centered-cta>*{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.v42-centered-cta h1,.v42-centered-cta h2,.v42-centered-cta h3,.v42-centered-cta p{max-width:900px!important}
.v42-centered-cta a,.v42-centered-cta button{align-self:center!important;justify-content:center!important}
.reviews-v43{background:#E6D5C8!important;padding:115px 6vw 120px!important;color:#292622!important;overflow:hidden!important}
.reviews-v43-head{width:min(100%,1440px)!important;margin:0 auto 62px!important;display:flex!important;justify-content:space-between!important;gap:50px!important;align-items:flex-end!important}
.reviews-v43-head small{font-size:9px!important;letter-spacing:.18em!important;color:#7F7C5A!important}
.reviews-v43-head h2{margin:14px 0 0!important;font:400 clamp(2.8rem,4.4vw,5.2rem)/.9 Georgia,serif!important;letter-spacing:-.04em!important;text-transform:none!important}
.reviews-v43-head h2 em{font-weight:400!important}.reviews-v43-rating{text-align:right!important}.reviews-v43-rating strong{display:block!important;font:400 4rem/1 Georgia,serif!important}.reviews-v43-rating .stars{display:block!important;letter-spacing:.12em!important;color:#9A6F60!important;margin:7px 0!important}.reviews-v43-rating p{margin:0!important;font-size:11px!important}
.reviews-v43-window{width:min(100%,1440px)!important;margin:auto!important;overflow:hidden!important}.reviews-v43-track{display:flex!important;gap:18px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important}.reviews-v43-track::-webkit-scrollbar{display:none!important}
.review-v43{flex:0 0 calc((100% - 36px)/3)!important;min-height:330px!important;background:#F5F0E8!important;padding:30px!important;display:flex!important;flex-direction:column!important;scroll-snap-align:start!important}.review-top{display:flex!important;justify-content:space-between!important;border-bottom:1px solid rgba(60,50,43,.14)!important;padding-bottom:19px!important}.review-top span{font-size:12px!important;color:#A07362!important}.review-top b{font-size:9px!important;letter-spacing:.12em!important}
.review-v43>p{font:400 clamp(1.2rem,1.5vw,1.6rem)/1.4 Georgia,serif!important;margin:32px 0!important;flex:1!important}.review-v43 footer{display:flex!important;justify-content:space-between!important;gap:15px!important}.review-v43 footer strong{font-size:11px!important}.review-v43 footer span{font-size:8px!important;letter-spacing:.1em!important;color:#80776e!important;text-transform:uppercase!important}
.reviews-v43-controls{width:min(100%,1440px)!important;margin:26px auto 0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:16px!important}.reviews-v43-controls button{width:44px!important;height:44px!important;border:1px solid rgba(55,48,42,.35)!important;border-radius:50%!important;background:transparent!important;cursor:pointer!important}.reviews-v43-controls>span{font-size:8px!important;letter-spacing:.15em!important;color:#756d65!important}
@media(max-width:900px){.review-v43{flex-basis:72%!important}}@media(max-width:600px){.reviews-v43{padding:85px 20px 90px!important}.reviews-v43-head{display:block!important}.reviews-v43-rating{text-align:left!important;margin-top:28px!important}.review-v43{flex-basis:88%!important}.reviews-v43-controls{justify-content:center!important}}
/* V44 — two-row animated review marquee, brand palette only */
.reviews-v44{
background:#F3EFE6!important;
color:#302C28!important;
padding:110px 0 100px!important;
overflow:hidden!important;
}
.reviews-v44-head{
width:min(88vw,1440px)!important;
margin:0 auto 58px!important;
display:flex!important;
justify-content:space-between!important;
align-items:flex-end!important;
gap:50px!important;
}
.reviews-v44-head small{font-size:9px!important;letter-spacing:.18em!important;color:#7F7C5A!important}
.reviews-v44-head h2{margin:13px 0 0!important;font:400 clamp(2.8rem,4.3vw,5.1rem)/.9 Georgia,serif!important;letter-spacing:-.04em!important;text-transform:none!important}
.reviews-v44-head h2 em{font-weight:400!important;color:#A97E6E!important}
.reviews-v44-rating{text-align:right!important}
.reviews-v44-rating strong{display:block!important;font:400 3.8rem/1 Georgia,serif!important}
.reviews-v44-rating>span{display:block!important;color:#7F7C5A!important;letter-spacing:.11em!important;margin:8px 0!important}
.reviews-v44-rating p{margin:0!important;font-size:10px!important;letter-spacing:.08em!important;color:#746C64!important}
.reviews-marquee-shell{position:relative!important;overflow:hidden!important;padding:3px 0!important}
.reviews-row{overflow:hidden!important;width:100%!important;margin:0 0 20px!important}
.reviews-marquee-track{
display:flex!important;
width:max-content!important;
gap:20px!important;
will-change:transform!important;
}
.reviews-row-top .reviews-marquee-track{animation:reviewsMoveLeft 48s linear infinite!important}
.reviews-row-bottom .reviews-marquee-track{animation:reviewsMoveRight 54s linear infinite!important;transform:translateX(-50%)}
.marquee-review{
width:480px!important;
min-height:205px!important;
flex:0 0 480px!important;
background:#FBF8F2!important;
border:1px solid rgba(91,78,66,.09)!important;
padding:27px 30px 25px!important;
display:flex!important;
flex-direction:column!important;
justify-content:space-between!important;
}
.marquee-stars{color:#7F7C5A!important;letter-spacing:.09em!important;font-size:13px!important}
.marquee-review>p{margin:22px 0 28px!important;font-size:15px!important;line-height:1.6!important;color:#4F4943!important}
.marquee-review footer{display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap!important}
.marquee-review footer strong{font-size:11px!important;font-weight:600!important}
.marquee-review footer span{font-size:8px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#8B8177!important}
.reviews-fade{position:absolute!important;top:0!important;bottom:0!important;width:8vw!important;z-index:5!important;pointer-events:none!important}
.reviews-fade.left{left:0!important;background:linear-gradient(90deg,#F3EFE6 0%,rgba(243,239,230,.88) 30%,rgba(243,239,230,0) 100%)!important}
.reviews-fade.right{right:0!important;background:linear-gradient(270deg,#F3EFE6 0%,rgba(243,239,230,.88) 30%,rgba(243,239,230,0) 100%)!important}
.reviews-v44-note{text-align:center!important;margin:28px 0 0!important;font-size:8px!important;letter-spacing:.17em!important;color:#8B8177!important}
@keyframes reviewsMoveLeft{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
@keyframes reviewsMoveRight{from{transform:translateX(calc(-50% - 10px))}to{transform:translateX(0)}}
.reviews-marquee-shell:hover .reviews-marquee-track{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.reviews-marquee-track{animation-play-state:paused!important}}
@media(max-width:700px){
.reviews-v44{padding:85px 0 80px!important}
.reviews-v44-head{width:calc(100vw - 40px)!important;display:block!important;margin-bottom:42px!important}
.reviews-v44-rating{text-align:left!important;margin-top:26px!important}
.reviews-v44-rating strong{font-size:3rem!important}
.marquee-review{width:82vw!important;flex-basis:82vw!important;min-height:195px!important;padding:23px!important}
.reviews-marquee-track{gap:14px!important}
.reviews-row{margin-bottom:14px!important}
.reviews-fade{width:5vw!important}
}
/* V45 — subtle premium reviewer identity styling; remove any dark/black name background */
.reviews-v44 .marquee-review footer,
.reviews-v44 .marquee-review footer strong,
.reviews-v44 .marquee-review footer span{
background:transparent!important;
box-shadow:none!important;
}
.reviews-v44 .marquee-review footer{
width:fit-content!important;
max-width:100%!important;
padding:8px 13px!important;
border-radius:999px!important;
background:#E9DED2!important;
border:1px solid rgba(127,124,90,.12)!important;
}
.reviews-v44 .marquee-review footer strong{
color:#4B463F!important;
font-weight:500!important;
}
.reviews-v44 .marquee-review footer span{
color:#8A7E73!important;
}
/* V46 — payment methods, subtle premium footer prelude */
.payments-v46{
background:#EEE7DD!important;
padding:38px 6vw 34px!important;
border-top:1px solid rgba(74,64,55,.10)!important;
border-bottom:1px solid rgba(74,64,55,.10)!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:35px!important;
}
.payments-v46>small{
flex:0 0 auto!important;
font-size:8px!important;
letter-spacing:.18em!important;
color:#80766C!important;
}
.payments-v46-list{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:12px!important;
flex-wrap:wrap!important;
}
.pay-v46{
min-height:50px!important;
padding:10px 17px!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
border:1px solid rgba(82,70,60,.12)!important;
background:rgba(250,247,241,.64)!important;
border-radius:4px!important;
color:#4C463F!important;
text-decoration:none!important;
}
.pay-v46 strong{font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important}
.pay-v46 em{font-size:7px!important;font-style:normal!important;letter-spacing:.08em!important;color:#897F75!important;text-transform:uppercase!important}
.pay-icon{width:24px!important;height:24px!important;border-radius:50%!important;border:1px solid #8E8378!important;display:grid!important;place-items:center!important;font:400 13px Georgia,serif!important}
.card-symbols{display:flex!important;gap:3px!important}
.card-symbols i{display:block!important;width:18px!important;height:12px!important;border:1px solid #8F8378!important;border-radius:2px!important}
.pay-v46.pepper strong{font-size:18px!important;letter-spacing:-.05em!important;color:#A95E55!important}
.pay-v46.pepper em{color:#A95E55!important}
.pay-v46.alma strong{font-size:18px!important;letter-spacing:-.04em!important;color:#4C463F!important}
.alma-dot{width:9px!important;height:9px!important;border-radius:50%!important;background:#D88464!important;display:block!important}
@media(max-width:800px){
.payments-v46{display:block!important;padding:30px 20px!important}
.payments-v46>small{display:block!important;margin-bottom:18px!important;text-align:center!important}
.payments-v46-list{justify-content:center!important}
.pay-v46{min-height:46px!important;padding:9px 13px!important}
}
/* V47 — FORCE payment strip above all neighboring/footer layers */
.payments-v46{
display:flex!important;
visibility:visible!important;
opacity:1!important;
position:relative!important;
z-index:999!important;
isolation:isolate!important;
width:100%!important;
min-height:92px!important;
clear:both!important;
transform:none!important;
overflow:visible!important;
background:#EEE7DD!important;
}
.payments-v46-list,
.pay-v46{
position:relative!important;
z-index:1000!important;
visibility:visible!important;
opacity:1!important;
}
.payments-v46 + footer,
footer{
position:relative!important;
z-index:1!important;
}
@media(max-width:800px){
.payments-v46{
display:block!important;
min-height:150px!important;
}
}
/* V48 — payment ribbon INSIDE footer */
footer{overflow:hidden!important}
.footer-payments-v48{
position:relative!important;z-index:50!important;width:100%!important;
display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;
gap:30px!important;padding:18px 0 18px 6vw!important;margin:0 0 42px!important;
border-top:1px solid rgba(80,69,60,.12)!important;border-bottom:1px solid rgba(80,69,60,.12)!important;
background:#D9CEC2!important;color:#514C46!important;overflow:hidden!important;
}
.footer-payments-label{white-space:nowrap!important;font-size:8px!important;letter-spacing:.2em!important;color:#686159!important}
.footer-payments-window{min-width:0!important;overflow:hidden!important;position:relative!important}
.footer-payments-window:before,.footer-payments-window:after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:55px!important;z-index:4!important;pointer-events:none!important}
.footer-payments-window:before{left:0!important;background:linear-gradient(90deg,#D9CEC2,rgba(217,206,194,0))!important}
.footer-payments-window:after{right:0!important;background:linear-gradient(270deg,#D9CEC2,rgba(217,206,194,0))!important}
.footer-payments-track{display:flex!important;width:max-content!important;align-items:center!important;gap:44px!important;animation:footerPayMove 25s linear infinite!important;will-change:transform!important}
.footer-pay-item{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:9px!important;min-height:36px!important;padding:0 4px!important;background:transparent!important;color:#5D5851!important;filter:grayscale(1)!important;opacity:.82!important}
.footer-pay-item strong{font-size:12px!important;font-weight:600!important;letter-spacing:.055em!important}
.footer-pay-item small{font-size:7px!important;letter-spacing:.12em!important;color:#777067!important}
.cash-mark{width:25px!important;height:25px!important;border:1px solid #777067!important;border-radius:50%!important;display:grid!important;place-items:center!important;font:400 13px Georgia,serif!important}
.cards-mark{display:flex!important;gap:3px!important}.cards-mark i{display:block!important;width:18px!important;height:12px!important;border:1px solid #777067!important;border-radius:2px!important}
.pepper-pay strong{font-size:18px!important;letter-spacing:-.055em!important;text-transform:lowercase!important}.pepper-pay small{margin-left:-5px!important}
.alma-pay strong{font:600 18px/1 Georgia,serif!important;letter-spacing:-.03em!important;text-transform:none!important}.alma-pay i{display:block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#777067!important}
@keyframes footerPayMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 22px))}}
.footer-payments-v48:hover .footer-payments-track{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.footer-payments-track{animation-play-state:paused!important}}
@media(max-width:700px){.footer-payments-v48{grid-template-columns:1fr!important;gap:12px!important;padding:16px 0!important;margin-bottom:32px!important}.footer-payments-label{text-align:center!important}.footer-payments-track{gap:30px!important;animation-duration:20s!important}}
.footer-payments-v48,.payment-band-v49,.payments-v46{display:none!important}
.final-payment-band-v50{position:relative!important;z-index:100!important;width:100%!important;height:88px!important;min-height:88px!important;margin:0!important;padding:0 0 0 6vw!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:34px!important;background:#DED3C7!important;color:#514C46!important;border-top:1px solid rgba(70,61,53,.10)!important;border-bottom:1px solid rgba(70,61,53,.14)!important;overflow:hidden!important}.final-payment-label{font-size:8px!important;letter-spacing:.2em!important;color:#6E665E!important;white-space:nowrap!important}.final-payment-window{height:100%!important;min-width:0!important;display:flex!important;align-items:center!important;overflow:hidden!important}.final-payment-track{display:flex!important;width:max-content!important;align-items:center!important;gap:52px!important;animation:fpMove 25s linear infinite!important}.final-pay{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:9px!important;color:#5B554F!important;white-space:nowrap!important;opacity:.86!important}.final-pay strong{font-size:12px!important;font-weight:600!important;letter-spacing:.055em!important}.final-pay small{font-size:7px!important;letter-spacing:.12em!important;color:#797169!important}.fp-cash{width:26px!important;height:26px!important;border:1px solid #777067!important;border-radius:50%!important;display:grid!important;place-items:center!important;font:400 13px Georgia,serif!important}.fp-cards{display:flex!important;gap:3px!important}.fp-cards i{display:block!important;width:19px!important;height:13px!important;border:1px solid #777067!important;border-radius:2px!important}.fp-pepper strong{font-size:19px!important;letter-spacing:-.055em!important;text-transform:lowercase!important}.fp-pepper small{margin-left:-5px!important}.fp-alma strong{font:600 19px/1 Georgia,serif!important}.fp-alma i{width:8px!important;height:8px!important;border-radius:50%!important;background:#777067!important;display:block!important}@keyframes fpMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 26px))}}.final-payment-band-v50:hover .final-payment-track{animation-play-state:paused!important}@media(max-width:700px){.final-payment-band-v50{height:112px!important;min-height:112px!important;grid-template-columns:1fr!important;padding:13px 0!important;gap:7px!important}.final-payment-label{text-align:center!important}.final-payment-window{height:55px!important}}
/* V51 — clean, reliable payment symbols */
.final-payment-band-v50 .fp-cash{border:1px solid #777067!important;font:400 14px/1 Georgia,serif!important}
.final-payment-band-v50 .fp-cards{width:30px!important;height:20px!important;display:block!important;position:relative!important;border:1px solid #777067!important;border-radius:3px!important}
.final-payment-band-v50 .fp-cards:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:5px!important;height:1px!important;background:#777067!important}
.final-payment-band-v50 .fp-cards:after{content:""!important;position:absolute!important;left:5px!important;bottom:4px!important;width:8px!important;height:2px!important;background:#8A8279!important;border-radius:1px!important}
.final-payment-band-v50 .fp-cards i{display:none!important}
.final-payment-band-v50 .fp-alma i{width:7px!important;height:7px!important;min-width:7px!important;display:inline-block!important;background:#777067!important;border-radius:50%!important}
.final-payment-band-v50 .final-pay{visibility:visible!important;opacity:.88!important}
/* Estilos Botones Filtro Servicios */
.service-btn {
display: none;
}
.show {
display: grid !important;
}
.service-list {
overflow: hidden;
}
.btn {
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #E5D2C5;
}
.btn.active {
background-color: #666;
color: white;
}