/* Shared type scale and spacing for every Fever Beauty service. */
:root{--page-gutter:clamp(16px,4vw,48px);--body-size:16px;--section-space:36px}
body{font-family:Arial,Helvetica,sans-serif;font-size:var(--body-size);line-height:1.6;-webkit-text-size-adjust:100%}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(40px,5vw,68px);margin:0 0 16px}h2,.clinical-card h2,.massage-category>h2{font-size:clamp(30px,3.6vw,44px);margin:0 0 16px}
h3,.treatment h3,.extra-copy h3,.price-group h3{font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:0 0 14px}
h4,.treatment h4{font-size:22px;margin:20px 0 10px}
p,.clinical-card p,.extra-copy p{font-size:var(--body-size);line-height:1.65;margin:12px 0}
li{font-size:var(--body-size);line-height:1.65}ul{margin-top:10px;margin-bottom:16px}
.eyebrow{font:600 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:2px;display:inline-block;margin-bottom:8px}
.note,.payment-note,.payment-note p,.price-row small,.beauty-prices small,.pedicure-prices small,.extra-copy .extra-condition{font-size:13px;line-height:1.55}
header{padding:16px var(--page-gutter);gap:16px}.logo{max-width:100%}
.hero{padding:32px var(--page-gutter);gap:24px;min-height:0;max-width:1100px}
.hero .manicure-title{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.035em;margin:0 auto 20px;text-align:center}
.hero .manicure-title em{margin-top:4px}
.services,.subpage .services{padding:var(--section-space) var(--page-gutter);max-width:1100px}.services:before{display:none}.subpage{min-height:0}
.services-intro{margin-bottom:24px}.services-intro p{margin:10px auto}.services-intro h1{font-size:clamp(36px,4.8vw,64px)!important;white-space:normal!important}
.services-intro h2{margin-top:0}.price-shortcut{font-size:15px;line-height:1.4;padding:12px 20px;margin:18px auto}
.manicure-highlights{margin-top:18px}.manicure-highlights p{margin:8px 0}.hero .whatsapp-icon{margin-top:16px}
.whatsapp-reserve,.contact .whatsapp-reserve{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.4;padding:12px 20px;min-height:52px}
.instagram-below-booking{margin-top:12px}.instagram-below-booking a{font-size:15px}
.manicure-carousel{margin-top:18px}.manicure-gallery{align-items:flex-start}.manicure-gallery img{align-self:flex-start}
.gallery-controls{margin-top:10px}.gallery-hint{font-size:13px;margin:6px auto 0}.strip{font:italic 22px/1.4 Georgia,serif;padding:18px var(--page-gutter)}
.price-group{margin:24px 0}.price-group h3{padding:14px 18px;margin-bottom:0;gap:12px}.price-group h3 span{flex-shrink:0}
:is(.manicure-prices,.pedicure-prices,.beauty-prices) th,:is(.manicure-prices,.pedicure-prices,.beauty-prices) td{font-size:15px;line-height:1.5;padding:14px 12px}
:is(.manicure-prices,.pedicure-prices,.beauty-prices) thead th{font-size:12px;letter-spacing:.2px;padding-top:14px;padding-bottom:14px}
.clinical-card,.extra-card{margin:0;gap:22px;padding:24px}.clinical-card p:last-child,.extra-copy p:last-child{margin-bottom:0}
.extra-card+.extra-card{margin-top:24px}.clinical-card img{height:auto;max-height:520px;object-fit:contain}.extra-card img{max-width:100%}
.feet-cover{margin-top:18px}.feet-reserve{margin-top:18px}.eye-reservation{margin:18px auto 24px}
.category-nav{margin:20px 0 28px;gap:8px}.category-nav a{font-size:14px;padding:10px 14px}
.massage-category>h2{padding-bottom:12px;margin-bottom:20px}.treatment{margin:0 0 24px;padding:24px}.treatment h3{margin-bottom:16px}
.treatment-media{gap:16px}.treatment-media+p{margin-top:16px}.treatment li{margin-bottom:6px}.packs{margin-top:18px;padding-top:16px}.packs .whatsapp-icon{margin-left:0}
.massage-category+.massage-category,.massage-prices{margin-top:32px}
.visit{padding:36px var(--page-gutter);gap:20px}.visit h2{margin-top:0}.contact{padding:36px var(--page-gutter)}.contact h2{margin:0 auto 16px}.contact p{margin:0 auto 20px}footer{padding:20px var(--page-gutter);font-size:12px;gap:12px}
@media(max-width:700px){
:root{--body-size:15px;--section-space:24px}
header{padding:12px var(--page-gutter) 16px;gap:14px}.logo{width:340px}
header nav[aria-label="Menú principal"]{gap:4px;font-size:clamp(9px,2.8vw,12px);flex-wrap:nowrap}
header nav[aria-label="Menú principal"]>a{padding:10px clamp(5px,1.5vw,10px)}
.hero{padding:26px var(--page-gutter) 24px;gap:20px}.hero .manicure-title{font-size:clamp(38px,12.5vw,86px);margin-bottom:18px}
h2,.clinical-card h2,.massage-category>h2{font-size:32px}.services-intro h1{font-size:clamp(30px,8.3vw,48px)!important}
h3,.treatment h3,.extra-copy h3,.price-group h3{font-size:25px}.treatment h4{font-size:21px}
.services-intro{margin-bottom:20px}.services-intro:has(.feet-cover){margin-bottom:0}
.clinical-card,.extra-card{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.clinical-card img{height:auto;max-height:none}.clinical-card h2,.extra-copy h3{margin:0 0 12px}
.price-group{margin:20px 0}.price-group h3{padding:12px 14px}
:is(.manicure-prices,.pedicure-prices,.beauty-prices) th,:is(.manicure-prices,.pedicure-prices,.beauty-prices) td{font-size:14px;padding:12px 7px;vertical-align:top}
:is(.manicure-prices,.pedicure-prices,.beauty-prices) thead th{font-size:11px}
:is(.manicure-prices,.pedicure-prices,.beauty-prices) thead th:first-child{width:50%}
:is(.manicure-prices,.pedicure-prices,.beauty-prices) tbody th{overflow-wrap:anywhere}
.treatment{padding:16px;margin-bottom:20px}.category-nav{justify-content:center;gap:8px}.category-nav a{font-size:13px}
.visit,.contact{padding:28px var(--page-gutter)}.strip{font-size:20px;padding:16px var(--page-gutter)}
footer{flex-direction:column;gap:4px}.photo,.treatment-media{min-width:0}
}

/* Five navigation bubbles stay together on phone screens. */
@media(max-width:700px){header nav[aria-label="Menú principal"]{width:100%;gap:3px;font-size:clamp(9px,2.5vw,12px);flex-wrap:nowrap}header nav[aria-label="Menú principal"]>a{display:inline-flex;justify-content:center;align-items:center;flex:0 1 auto;padding:11px clamp(4px,1.1vw,8px);white-space:nowrap}}

.manicure-photo-stack{display:flex;flex-direction:column;gap:16px;width:100%;max-width:540px;margin:18px auto 0}.manicure-photo-stack img{display:block;width:100%;height:auto;border-radius:20px}

.manicure-section-photo{width:100%;max-width:540px;margin:24px auto 32px}.manicure-section-photo img{display:block;width:100%;height:auto;border-radius:20px}