/* Booking choices: all three stay together on a small mobile screen. */
.booking-page--compact .booking-hero{padding:42px 0 18px}
.booking-page--compact .booking-hero h1{font-size:clamp(2.3rem,4.3vw,4rem);margin:14px 0 12px;line-height:1.08}
.booking-page--compact .booking-hero p{margin:0;font-size:.92rem}
.booking-page--compact .booking-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 0}
.booking-page--compact .booking-option{display:block;min-height:0;padding:0;border-radius:12px;overflow:hidden}
.booking-choice{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:28px 20px;height:100%}
.booking-choice__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;object-fit:contain}
.booking-choice__icon .social-icon{width:32px;height:32px}
.booking-choice__icon svg{width:32px;height:32px}
.booking-page--compact .booking-choice h2{font-size:1.5rem;margin:0 0 7px;line-height:1.15}
.booking-choice p{font-size:.75rem;line-height:1.5;margin:0;color:inherit;opacity:.85}
.booking-option--web{background:var(--accent);color:var(--ink)}
.booking-choice__arrow{font-size:1.2rem}
.booking-choice:focus-visible{outline-offset:-5px}
.booking-choice:hover{box-shadow:inset 0 0 0 2px currentColor;border-radius:12px}
.booking-compact-footer{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:40px;font-size:.8rem}
.booking-compact-footer p{margin:0}.booking-compact-footer a{text-decoration:underline;text-underline-offset:4px}
.booking-current-selection{font-size:.75rem;line-height:1.6;padding-bottom:16px;color:var(--ink-soft)}
body[data-route="agendar"] .whatsapp-float{display:none}
.booking-downloads summary{cursor:pointer}.booking-downloads .store-badges{margin-top:15px}
.booking-page--compact .booking-context{margin:12px 0 0;padding:8px 12px;font-size:.75rem}

/* Shared account controls. */
.account-login--access{padding:65px 0 85px}
.account-login--access .account-login__grid{grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.account-login--access .account-login__intro{padding-top:65px}
.account-login--access .account-login__intro h1{font-size:clamp(3.2rem,5vw,5.8rem)}
.account-login--access .account-login__panel{padding:32px;border-radius:14px}
.account-access-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:25px;border:1px solid var(--line);border-radius:8px;background:var(--cream)}
.account-access-tabs a{text-align:center;padding:12px 8px;font-size:.8rem;border-radius:5px}
.account-access-tabs a[aria-current]{background:var(--ink);color:var(--white)}
.account-access-title{font-family:var(--font-display);font-size:1.7rem;font-weight:400;margin:0 0 24px}
.account-form{gap:18px}.account-form label>span,.account-recovery label>span{font-size:.69rem}
.account-form select,.phone-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink);font:inherit;padding:14px 10px}
.account-form input,.account-recovery input{min-width:0;border-radius:5px;padding:14px 12px;font-size:16px}
.phone-field{display:grid;gap:8px;min-width:0}
.phone-field>label{font-size:.69rem;letter-spacing:.07em;text-transform:uppercase}
.phone-field__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:8px}
.phone-field__row select{font-size:.8rem;padding-inline:8px}
.phone-field small{font-size:.72rem;color:var(--ink-soft);line-height:1.5}
.account-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-document summary{font-size:.76rem;cursor:pointer}.account-document .account-form-pair{margin-top:14px}
.account-access-note{font-size:.76rem;line-height:1.65;margin:0;color:var(--ink-soft)}
.account-access-note a{text-decoration:underline}.account-help-link{display:inline-block;margin-top:22px;font-size:.76rem;text-decoration:underline;text-underline-offset:4px}
.account-local-note{padding:8px 10px;border:1px dashed var(--line);color:var(--ink-soft);font-size:.68rem;margin:0}
.account-verification-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px}
.text-button{border:0;border-bottom:1px solid currentColor;padding:5px 0;background:none;font:inherit;font-size:.76rem;color:inherit;cursor:pointer}
.account-form button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.account-login--access .account-panel__heading{margin-bottom:20px}
.account-login--access .account-panel__heading+.account-access-note{margin-bottom:20px}
.account-login--access .account-form+.account-access-note{margin-top:15px}
.account-recovery form{padding:16px 0;background:transparent}

/* Used vouchers retain a strong status badge while their content is subdued. */
.account-voucher-grid .account-voucher{border-radius:12px;position:relative;gap:18px;color:#29170b}
.account-voucher-grid .account-voucher__status{align-self:flex-start;padding:8px 12px;border:1px solid currentColor;border-radius:30px;font-size:.72rem;font-weight:700;letter-spacing:.05em}
.account-voucher__content{display:flex;flex-direction:column;flex:1}
.account-voucher-grid .account-voucher h3{margin:15px 0 12px;font-size:1.65rem}
.account-voucher-grid .account-voucher p{color:inherit;line-height:1.65}
.account-voucher__content>strong{margin-top:auto;padding-top:18px;border-top:1px dashed currentColor;overflow-wrap:anywhere;font-size:1.15rem}
.account-voucher-grid .account-voucher--used,.account-voucher-grid .account-voucher--expired{background:rgba(116,116,116,.14);color:#333;border:1px solid rgba(95,95,95,.18);box-shadow:none}
.account-voucher--used .account-voucher__content,.account-voucher--expired .account-voucher__content{opacity:.6;filter:grayscale(1)}
.account-voucher--used .account-voucher__status,.account-voucher--expired .account-voucher__status{background:#555;color:#fff;border-color:#555}
.account-voucher--used .account-voucher__content>strong{text-decoration:line-through}
.account-voucher__note{font-size:.72rem;color:#555}

/* Each store voucher offers a request with its name, or an in-app purchase. */
.store-voucher__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.store-voucher__actions .button{flex:1 1 215px;justify-content:center;padding-inline:12px;gap:8px;font-size:.7rem;letter-spacing:.02em}
.store-voucher__actions .social-icon{flex-shrink:0;width:20px;height:20px}

/* Appointment steps use native form controls and remain usable without JS. */
.branch-grid{gap:22px;background:transparent}
.branch-card--detail{padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.branch-card__photo{position:relative;aspect-ratio:5/3;background:var(--cream);overflow:hidden}
.branch-card__photo img{width:100%;height:100%;object-fit:cover;display:block}
.branch-card__photo--generic img{object-fit:contain;opacity:.65}
.branch-card__photo>span{position:absolute;bottom:10px;left:12px;right:12px;padding:6px 9px;border-radius:4px;background:rgba(255,255,255,.92);font-size:.6rem;color:var(--ink-soft);text-align:center}
.branch-card__body{padding:25px;display:flex;flex-direction:column;flex:1}
.branch-card__info{margin:6px 0 25px;display:grid;gap:16px}
.branch-card__info dt{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:6px}
.branch-card__info dd{margin:0;font-size:.82rem;line-height:1.7}
.branch-card__info dd>span{display:block}
.booking-web{max-width:1100px;padding-block:35px 80px}
.booking-back{display:inline-block;font-size:.76rem;margin-bottom:28px}
.booking-web__header h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin:15px 0}
.booking-web__header p{font-size:.9rem}
.booking-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:30px 0;list-style:none;gap:12px}
.booking-progress--checkout{grid-template-columns:repeat(3,1fr);max-width:650px}
.booking-substep{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}
.booking-account-note{margin:-8px 0 22px}
.booking-refresh{display:grid;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.booking-refresh>button{justify-self:start}
.booking-identity{display:grid;gap:9px;padding:20px;background:var(--cream);border-radius:8px}
.booking-identity>strong{font-size:1.2rem;font-weight:500}
.booking-identity>span:last-child{font-size:.85rem}
.booking-hold-note{margin-bottom:20px}
.booking-security-note{font-size:.67rem}
.booking-selection{overflow-wrap:anywhere}
.booking-progress li{display:flex;align-items:center;gap:9px;font-size:.7rem;color:var(--ink-soft)}
.booking-progress li>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--line);border-radius:50%}
.booking-progress [aria-current]{color:var(--ink);font-weight:700}.booking-progress [aria-current]>span,.booking-progress .is-complete>span{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.booking-web__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:30px}
.booking-web__form{padding:30px;background:var(--white);border:1px solid var(--line);border-radius:12px;min-width:0}
.booking-web__form h2{font-size:1.7rem;margin:0 0 8px;font-weight:400}
.booking-selection{background:var(--cream);padding:25px;border-radius:12px}
.booking-selection>a{font-size:.72rem;text-decoration:underline}
.booking-summary{margin:15px 0 25px;display:grid;gap:15px}
.booking-summary dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}
.booking-summary dd{margin:5px 0 0;font-size:.9rem;line-height:1.5}
.booking-previous{display:flex;justify-content:space-between;gap:20px;margin-top:22px}
.booking-services,.booking-slots{border:0;margin:0;padding:0;min-width:0}
.booking-services legend,.booking-slots legend{font-size:.8rem;margin-bottom:16px;line-height:1.5}
.booking-services label{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}
.booking-services input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}
.booking-services label>span{font-size:.86rem;letter-spacing:0;text-transform:none}
.booking-services strong{font-weight:400}.booking-services small{display:block;margin-top:5px;color:var(--ink-soft)}
.booking-slots{display:flex;flex-wrap:wrap;gap:10px}
.booking-slots label{position:relative;display:block;cursor:pointer}
.booking-slots input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.booking-slots label>span{display:block;min-width:78px;border:1px solid var(--line);border-radius:6px;padding:13px 16px;text-align:center;font-size:.9rem}
.booking-slots input:checked+span{background:var(--ink);color:var(--white)}
.booking-slots input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.booking-success{max-width:620px;margin:10px auto;text-align:center;padding:35px;background:var(--white);border:1px solid var(--line);border-radius:16px}
.booking-success__check{display:grid;place-items:center;margin:0 auto 25px;width:65px;height:65px;background:#eaf3ec;color:#31563d;font-size:2rem;border-radius:50%}
.booking-success h1{font-size:3rem;margin:15px 0}.booking-success .booking-summary{padding:20px;text-align:left;background:var(--cream)}

@media(max-width:1100px){.booking-page--compact .booking-options{grid-template-columns:1fr}.booking-choice{padding:22px}.account-login--access .account-login__grid{gap:30px}.account-form-pair{grid-template-columns:1fr}}
@media(max-width:760px){
  .booking-page--compact .booking-hero{padding:22px 0 8px}
  .booking-page--compact .booking-hero h1{font-size:2.3rem;margin:10px 0 8px}
  .booking-page--compact .booking-options{gap:10px;padding:14px 0}
  .booking-choice{padding:16px;gap:12px;min-height:87px}
  .booking-page--compact .booking-choice h2{font-size:1.25rem;margin-bottom:4px}
  .booking-choice p{font-size:.72rem}.booking-choice__icon{width:38px;height:38px}
  .booking-compact-footer{display:block;font-size:.74rem;padding-bottom:30px}.booking-downloads{margin-top:16px}
  .account-login--access{padding:25px 0 45px}
  .account-login--access .account-login__grid{grid-template-columns:1fr;gap:22px}
  .account-login--access .account-login__intro{padding:0}
  .account-login--access .account-login__intro h1{font-size:2.15rem;line-height:1.1;margin:12px 0}
  .account-login--access .account-login__intro h1 br{display:none}
  .account-login--access .account-login__intro p{font-size:.83rem;line-height:1.6;margin:0}
  .account-login--access .account-login__panel{padding:22px 16px}
  .account-access-tabs{margin-bottom:20px}.account-access-title{font-size:1.45rem}
  .phone-field__row{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
  .phone-field__row select{font-size:.74rem;padding-inline:5px}
  .phone-field__row input{padding-inline:8px}.account-stats{grid-template-columns:repeat(3,1fr);margin-bottom:35px}
  .account-stats article{padding:15px 10px;min-height:145px}.account-stats article+article{border-top:0;border-left:1px solid var(--line)}
  .account-stats span{font-size:.54rem}.account-stats strong{font-size:2.5rem;margin-top:auto}.account-stats small{font-size:.62rem}
  .booking-web{padding-block:24px 50px}.booking-back{margin-bottom:22px}.booking-web__header h1{font-size:2.4rem}
  .booking-progress{gap:6px;margin:24px 0}.booking-progress li{flex-direction:column;gap:6px;font-size:.59rem;text-align:center}
  .booking-web__grid{grid-template-columns:1fr;gap:20px}.booking-web__form{padding:22px 18px}.booking-web__form h2{font-size:1.5rem}
  .booking-web__grid--checkout>.booking-selection{order:-1;padding:18px}
  .booking-web__grid--checkout .booking-summary{margin:12px 0}
  .booking-web__grid--checkout .booking-hold-note{font-size:.68rem;margin-bottom:10px}
  .booking-progress--checkout li{flex-direction:row;text-align:left;font-size:.67rem}
  .booking-summary{grid-template-columns:1fr 1fr;gap:15px}.booking-summary dd{font-size:.8rem}.booking-success{padding:25px 18px}
}
@media(max-width:760px) and (max-height:700px){
  .booking-page--compact .booking-hero{padding:14px 0 6px}
  .booking-page--compact .booking-hero h1{font-size:2rem;margin:8px 0}
  .booking-page--compact .booking-options{gap:8px;padding:12px 0}
  .booking-page--compact .booking-choice{min-height:76px;padding:12px 14px}
  .booking-page--compact .booking-choice h2{font-size:1.18rem}
}