.mobile-booking-step,.mobile-step-number{display:none}
/* Mobile layout, shared by the home page and course pages. */
@media(max-width:760px){
html{scroll-padding-top:92px}body{font-size:16px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}section[id]{scroll-margin-top:0}
.wrap>nav{position:sticky;top:0;z-index:950;background:#101010;display:flex;gap:12px;padding:12px 18px;border-bottom:1px solid #ffffff25;min-height:68px}
nav .brand{font-size:22px;white-space:nowrap}nav .links{margin-left:auto;gap:0}nav .links>a:not(.nav-cta){display:none}nav .nav-cta{font-size:10px;padding:11px 12px;min-height:44px;display:flex;align-items:center}
nav .whatsapp-float{position:static;flex:0 0 42px;width:42px;height:42px;box-shadow:none;margin:0;border-width:1px}nav .whatsapp-float svg{width:25px;height:25px}nav .whatsapp-float-label{display:none}
.section{padding:48px 20px}.section h2,#cursos .section-intro h2,#cabinas h2,.member-intro h2{font-size:clamp(30px,8.4vw,40px);line-height:1.09;letter-spacing:-.045em}.section-intro,.section-head{margin-bottom:26px;gap:22px}.lead,.section-intro .lead{font-size:15px;line-height:1.65}.eyebrow{line-height:1.6;font-size:10px}.cta{min-height:52px;border-radius:9px;line-height:1.4}.actions{display:grid;grid-template-columns:1fr;gap:10px}.actions .cta{width:100%;font-size:12px;padding:15px 18px}.home-page .hero{padding:265px 20px 30px}.home-page .hero-photo{height:290px}.home-page .hero h1{font-size:clamp(35px,9.7vw,48px)}.home-page .hero .eyebrow{margin-bottom:18px}.home-page .hero-copy{font-size:15px;line-height:1.65}.home-page .hero-bottom{margin-top:20px}.strip{gap:12px!important;padding:22px 20px!important}.story{padding:30px 20px}.story .mono{margin-bottom:18px}.story p{font-size:26px;line-height:1.15}
#cursos .course-list{gap:20px}.courses .course-row>img{height:210px;object-position:center 40%}.courses .course-row>div:not(.course-number){padding:20px 20px 0}.courses .course-row h3{font-size:27px;margin:0 0 12px;min-height:0}.courses .course-row p{font-size:14px;line-height:1.6;min-height:0;margin:0 0 18px}.courses .course-row .meta{font-size:10px;line-height:1.6;padding-top:12px}.courses .course-row .course-sale{display:block;padding:18px 20px 20px}.courses .course-sale strong{font-size:29px;display:block;margin-bottom:14px}.courses .course-sale a{min-height:50px}
.testimonial-card>img{aspect-ratio:1.4;object-position:center 35%}.testimonial-copy{padding:24px 22px}.testimonial-card blockquote{font-size:23px;line-height:1.35;margin-bottom:22px}.quote-mark{height:34px;font-size:65px}.testimonial-index{font-size:10px}.testimonial-arrow{width:46px;min-height:46px}.testimonial-grid{gap:22px}
#cabinas .rental-gallery .rental-image{height:285px}#cabinas .booth-selector{gap:12px;padding-bottom:16px}#cabinas .rental-info h3{font-size:28px}#cabinas .rental-info p{font-size:15px}#cabinas .photo-thumbs{gap:10px;padding-top:12px}#cabinas .rates{gap:24px;justify-content:space-between;background:#ffffff55;padding:18px;border-radius:10px}#cabinas .rate strong{font-size:32px}#cabinas .rental-foot{font-size:12px;line-height:1.7}.recording-promo{margin-top:28px;padding:24px 20px;gap:20px}.recording-promo h3{font-size:30px}.recording-kicker{font-size:10px;margin-bottom:14px}.recording-offer{padding-top:20px}.recording-offer .recording-price{font-size:44px}.recording-copy{font-size:14px}
.booking-layout{display:grid;grid-template-columns:1fr;gap:28px}.booking-fields{display:grid;grid-template-columns:1fr;gap:16px}.booking label{font-size:14px}.booking input:not([type=checkbox]),.booking select{font-size:16px;min-height:52px;width:100%;max-width:100%;border-radius:8px;padding:13px 12px}.booking input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;accent-color:var(--orange)}.booking h3{font-size:22px;margin:30px 0 18px}.booking-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.booking-slot{min-width:0;min-height:48px;font-size:14px}.booking .recording-option{padding:16px;gap:12px;align-items:flex-start;margin:22px 0}.recording-option strong{font-size:17px}.recording-option-detail{font-size:13px}.booking-check{line-height:1.55}.booking-policy{font-size:14px;line-height:1.65}.booking-summary{padding:22px;border-radius:14px;box-shadow:none}.payment-brand{margin:-22px -22px 22px;padding:22px}.booking-summary>p{font-size:14px;gap:12px}.booking-summary small{line-height:1.6}.booking #booking-submit{min-height:56px;font-size:15px;box-shadow:none}.booking-status{font-size:14px;line-height:1.5}.hosted-content{padding:22px}.hosted-brand{padding:22px}
.member-plan{padding:24px}.member-plan h3{font-size:29px;margin:12px 0 6px}.plan-tagline{font-size:14px;margin-bottom:16px}.plan-hours{padding:18px 0}.plan-hours strong{font-size:62px}.plan-recording{margin:18px 0}.plan-price{margin-bottom:16px}.plan-price strong{font-size:30px}.member-plans{gap:16px}.close-section{padding:40px 20px}.close-section h2{font-size:clamp(36px,10vw,48px)}.close-section .cta{width:100%}.local-grid{gap:26px}.local-faq summary,.faq summary,.syllabus summary{padding:6px 0;line-height:1.5;min-height:44px}footer{padding:28px 20px;line-height:1.8}
/* Course pages */
.course-page .back{padding:16px 20px;font-size:11px}.course-page .hero-photo{margin:0 20px;height:255px;border-radius:12px}.course-page .hero-copy{padding:26px 20px 30px}.course-page .hero-copy h1{font-size:clamp(38px,10vw,48px);line-height:1.05;margin:14px 0 20px}.course-page .hero-copy .intro{font-size:15px;line-height:1.65}.course-page .hero-copy .cta{font-size:11px;padding:16px;gap:12px}.course-page .hero small{font-size:11px;line-height:1.6}.course-page .facts{padding:24px 20px;gap:20px}.course-page .facts strong{font-size:24px}.course-page .facts span{font-size:12px;line-height:1.5;display:block;margin-top:4px}.course-page .section-head p{font-size:15px;line-height:1.65}.course-page .skills{gap:22px}.course-page .skill{padding-top:16px}.course-page .skill h3{font-size:23px;margin:12px 0}.course-page .skill p{font-size:14px;margin-bottom:0}.course-page .curriculum{margin-top:32px;padding-top:28px;gap:22px}.course-page .curriculum h3{font-size:27px}.course-page .gear-grid{gap:16px}.course-page .gear-item{padding:20px}.course-page .gear-photo{min-height:0;height:190px}.course-page .community img{height:280px;border-radius:12px}.course-page .community p{font-size:15px}.course-page .price-box{padding:24px}.course-page .price{font-size:45px}.course-page .price-box .cta{font-size:11px;padding:16px}.course-page .live-view h3{font-size:24px}.course-page .live-view p{font-size:14px}.course-page .live-views{gap:24px}.course-page .teacher h2{font-size:54px}.course-page .teacher-tags{gap:7px}.course-page .teacher-tags span{font-size:10px}.course-page .teacher-links{gap:16px}.course-page .teacher-links .cta{width:100%}
}
@media(min-width:641px) and (max-width:760px){.home-page .hero-bottom>div:first-child{width:100%}.home-page .hero-bottom{display:block}.home-page .hero h1{max-width:560px}.home-page .hero-photo{width:100%;inset:0 0 auto}.home-page .hero{min-height:0}.home-page .hero-note{display:none}#cursos .course-list{grid-template-columns:1fr}.courses .course-row>img{height:300px}#cabinas #rental-panel{grid-template-columns:1fr}.home-page .section-intro{display:block}.home-page .section-intro .lead{margin-top:20px}.home-page .story{display:block}}
@media(max-width:360px){.wrap>nav{padding-inline:14px;gap:8px}nav .brand{font-size:19px}nav .nav-cta{font-size:9px;padding:10px 8px}.section{padding-inline:16px}.course-page .hero-copy{padding-inline:16px}.booking-summary{padding:18px}.payment-brand{margin:-18px -18px 20px;padding:20px 18px}}

@media(max-width:760px){.mobile-booking-step,.mobile-step-number{display:initial}.booking h3.mobile-booking-step{display:block;margin-top:0}.mobile-step-number{color:#666;font-size:13px;white-space:nowrap}.booking-layout{margin-top:28px}}

/* Form steps enhance mobile only; full form remains available without JS. */
.reservation-navigation,.reservation-feedback{display:none}
@media(max-width:760px){
.reservation-wizard .reservation-inactive{display:none}
.reservation-wizard>.reservation-navigation{display:block}
.reservation-wizard>.reservation-navigation:first-child{position:sticky;top:68px;z-index:20;background:#ece9e1;padding:14px 0 12px;scroll-margin-top:76px;border-bottom:1px solid #bcb8af}
.reservation-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0 0 12px}
.reservation-progress button{width:100%;min-height:44px;border:1px solid #aaa69f;border-radius:8px;background:transparent;color:#58554f;font:600 11px 'DM Sans',sans-serif;padding:8px 4px;cursor:pointer}
.reservation-progress button[aria-current=step]{background:#101010;color:#fff;border-color:#101010}
.reservation-progress button:disabled{cursor:default;opacity:.6}.reservation-progress button[aria-current=step]:disabled{opacity:1}
.reservation-recap{display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:12px;line-height:1.5}.reservation-recap strong{font-size:14px}.reservation-recap>span:not(.reservation-recap-total){grid-column:1/-1;color:#58554f}.reservation-recap-total{grid-row:1;grid-column:2;font-weight:700;align-self:center;white-space:nowrap}
.reservation-wizard .booking-layout{margin-top:24px;gap:0}.reservation-wizard .booking-layout>div:has(>.reservation-inactive:only-child){display:none}.reservation-wizard:has([data-reservation-step="2"]:not(.reservation-inactive)) .booking-layout>div:first-child{display:none}
.reservation-wizard .reservation-step>h3:first-child{margin-top:0}.reservation-wizard .reservation-actions{display:flex;gap:12px;align-items:center;margin-top:24px}.reservation-actions .cta{flex:1;justify-content:center;font-size:13px;border:0}.reservation-actions .cta:disabled{background:#d6d2c9;color:#666;cursor:not-allowed}.reservation-back,.reservation-edit{border:0;background:none;font:500 13px 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;padding:10px 0}.reservation-wizard .reservation-edit{display:block;margin:18px 0 4px}.reservation-actions [hidden]{display:none!important}.reservation-wizard .reservation-feedback:not(:empty){display:block;padding:12px;border-left:3px solid var(--orange);font-size:13px;line-height:1.6;background:#ffffff60;margin:16px 0}.reservation-wizard .booking-summary{margin-top:0}.reservation-navigation:focus{outline:none}
}