body,html{font-family:var(--font-family)}header,html,main{position:relative}header em,html{color:var(--c-text)}em,header em{font-style:normal}aside button,header div.piker,header h1,header input,header p{color:var(--c-bg)}header .input,header em,header h1,header input,header p{text-align:center}#from:hover,header .input.search button:hover{border-color:var(--c-accent-hover-tran);box-shadow:0 0 4px 0 rgb(21 216 252 / 25%)}header .check input:checked~.checkmark:after,header .radio input:checked~.checkmark:after,header em{display:block}html,section{background-color:var(--c-bg);width:100%}#loader-page,#result-overlay{background:rgb(8 43 56 / 40%);left:0}#budget-button button,aside button{background:var(--c-accent-2);padding:.8rem 1.3rem}#budget-button p,.timeline-item:last-child,footer a.link{margin-bottom:1rem}footer,footer a.link,header a.link,header div.piker{background-color:var(--c-accent-semi-tran)}footer h4,header h1{line-height:1.1;text-shadow:1px 1px 1px rgb(0 0 0 / 90%)}footer h4,footer h5,header h1{text-shadow:1px 1px 1px rgb(0 0 0 / 90%)}footer p,header p{padding:1rem 1rem 0}footer a,footer h4,footer p{color:#fff}:root{--c-bg:#fff;--c-text:#023a3b;--c-accent:#082b38;--c-accent-dark:#041c25;--c-accent-semi-tran:rgb(8 43 56 / 80%);--c-accent-hover:#15d8fc;--c-accent-hover-tran:rgb(21 217 252 / 30%);--c-accent-2:#174c61;--c-brand:#59b1d4;--c-muted:#c6e0eb;--c-success:#34c759;--shadow-inset:inset 0px 0px 20px 4px hsl(0 0% 0% / 39%);--radius-xl:3.5rem;--radius-lg:2rem;--radius-md:1.5rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-custom:"Kalam-Bold"}@font-face{font-family:Kalam-Bold;src:url(https://www.escueladesurf9pies.com/font/Kalam-Bold.woff2) format('woff2');font-display:swap}html{box-sizing:border-box;font-size:1em;line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,::after,::before{box-sizing:inherit}body{margin:0;font-size:1rem}aside button,em,h1,h2,h3,h4,h5,h6{font-family:var(--font-family-custom)}em,h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--c-text)}h1{font-size:2.5rem}h2{font-size:1.5rem}h3{font-size:1.3rem}#budget-button em,.edit-budget a i,aside button,h4{font-size:1.2rem}h5{font-size:1.1rem}em{font-size:1.7rem}li,p,ul{margin:0;padding:0;margin-block-start:0;margin-block-end:0}a{font-size:inherit}img{max-width:100%;width:100%}:hover{transition:.3s}::placeholder{color:var(--c-muted);opacity:1;font-family:var(--font-family-custom)}aside button{border-radius:var(--radius-lg);border:0;cursor:pointer}aside button:disabled{opacity:.4;cursor:auto}aside button:hover:not(:disabled){background-color:var(--c-success);color:var(--c-bg)}.mt2{margin-top:.5rem}article,footer,header,section{position:relative;transition:opacity .5s ease-in,min-height .5s ease-in,height .5s ease-in}main{z-index:1}header{z-index:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;min-height:360px;width:100%}header div{width:100%}header .wavesvg{position:absolute;z-index:1;width:100%;bottom:-270px;overflow-x:hidden}header .wavesvg svg{min-width:1670px}header .surf-school{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;margin-bottom:2rem;gap:1rem}header h1{font-size:2rem}header p{font-size:.9rem}header em{font-size:3rem;line-height:1.2;text-shadow:0 0 4px hsl(0 0% 100% / 70%)}footer a.link,header a.link{display:block;border-radius:50%;box-shadow:var(--shadow-inset)}footer a.link:hover,header a.link:hover{background-color:#0e3e50}header .content{position:relative;padding:0;z-index:2}header .option{display:flex;align-items:center;gap:2rem;max-width:450px}header div.piker{display:flex;align-items:flex-end;justify-content:center;gap:2rem;position:relative;padding:1.5rem 2rem;border-radius:var(--radius-xl);width:100%}header input{background-color:var(--c-accent);border:1px solid var(--c-accent-2);font-size:1.3rem;padding:1rem;outline:0;font-family:var(--font-family-custom);border-radius:var(--radius-lg);box-shadow:0 0 #15d8fc}header .input,header label{display:flex;font-size:1rem;font-family:var(--font-family-custom)}#from::placeholder{color:var(--c-bg)}#from:hover,#loader-page .loader-page-card,header .input.search button:hover i,header .input:not(.search) button:hover,header label:hover{color:var(--c-accent-hover)}#from:hover::placeholder{color:var(--c-accent-hover)}header .input{flex-direction:column;color:var(--c-muted)}header .input.people,header .input.search{flex:0;max-width:250px}header .input.search button{background-color:var(--c-accent);border:1px solid var(--c-accent-2);font-family:var(--font-family-custom);font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-lg);padding:1rem 2.5rem;color:var(--c-bg);cursor:pointer}header .input.search button i{color:var(--c-muted);font-size:1.5rem;top:-5px;position:relative}header .input.search button:hover{background-color:var(--c-accent-dark);color:var(--c-accent-hover)}header .radio .checkmark,header .radio input:checked~.checkmark{background-color:var(--c-accent)}header .input>div{height:67px}header .input div{display:flex;align-items:center;position:relative;justify-content:center}header .input input:not(#from){width:120px}header .input:not(.search) button{border:0;outline:0;background:0 0;color:var(--c-bg);position:absolute;font-size:1.5rem;left:1rem;cursor:pointer;height:100%;width:40px}header .input:not(.search) button:last-child{right:1rem;left:auto}header .radio{display:flex;position:relative;gap:1rem}header label{flex-direction:row-reverse;justify-content:flex-end;white-space:nowrap;cursor:pointer;position:relative;padding-left:30px;color:var(--c-bg)}#loader-page,.loader-card{align-items:center;display:flex;inset:0}header .radio input{position:absolute;opacity:0;cursor:pointer}header .radio .checkmark{position:absolute;top:0;left:0;width:25px;height:25px;border-radius:50%}header .radio .checkmark:after{content:"";position:absolute;display:none;top:7px;left:7px;width:10px;height:10px;border-radius:50%;background:var(--c-bg)}header .check label{margin-right:0}header .check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}header .check .checkmark{position:absolute;top:0;left:0;width:20px;height:20px;background-color:var(--c-accent-2)}header .check .checkmark:after{content:"";position:absolute;display:none;left:6px;top:1px;width:5px;height:10px;border:solid var(--c-bg);border-width:0 4px 4px 0;transform:rotate(45deg)}.b-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.b-video .layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.b-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:none}section{z-index:2;top:180px}#availability-loader,#loader-overlay{background-color:var(--c-accent);position:absolute;width:100%;height:100%;border-radius:var(--radius-xl);top:0;left:0;z-index:3}#loader-page,.wa-button{z-index:5;position:fixed}.loader-card{position:absolute;justify-content:center;color:var(--c-bg)}.loader-card div{width:auto}.loader-card button{background-color:var(--c-accent-2);padding:1rem 1.5rem;border-radius:var(--radius-md);border:0;color:var(--c-bg);font-size:1.2rem}#loader-page .loader-page-card,#result-overlay .loader-page-card{min-width:260px;max-width:90%;border-radius:var(--radius-lg);text-align:center}.loader-card>div{display:flex;flex-direction:column;align-items:center;justify-content:center}#loader-page{justify-content:center;top:0;pointer-events:none}#result-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;top:0}#loader-page .loader-page-card{background:var(--c-accent);padding:3rem}#result-overlay .loader-page-card{background:var(--c-bg);color:var(--c-accent);padding:1rem;min-height:220px;display:flex;flex-direction:column}#result-overlay .loader-page-card button{background:var(--c-accent);border-radius:1rem;padding:1rem;color:var(--c-bg);border:0;font-family:Kalam-Bold;min-width:200px;text-transform:capitalize;font-size:1.1rem;cursor:pointer}#result-overlay .loader-page-card button:hover{background:var(--c-success)}#result-overlay #result-message{color:var(--c-accent);flex-grow:1;display:flex;justify-content:center;align-items:center;padding:1rem}.spinner{width:42px;height:42px;margin:0 auto 12px;border:6px solid var(--c-accent-2);border-top-color:var(--c-accent-hover);border-radius:50%;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boxanim{opacity:0;transform:translateY(20px);transition:opacity .35s,transform .35s}.boxanim.show{opacity:1;transform:translateY(0)}.avi-alert,.avi-none,.cols.show-3 .col-1,.contact-grid .field customer-messagge-box,.contact-grid .field.customer-messagge-box,.edit-budget,.starthidden:not(.show){display:none}.button-cnt,.flex,.wa-button{display:flex}.wa-button{width:60px;height:60px;background-color:#25d366;color:var(--c-bg);border-radius:50px;align-items:center;justify-content:center;bottom:3rem;right:3rem}#availability,#timeline,.contact-grid .field,.content{position:relative}.container{width:100%;background-color:var(--c-bg);min-height:450px}.content{margin-left:auto;margin-right:auto;max-width:980px}.flex .d-50 em,aside h2{display:block;text-align:center;margin-bottom:.5rem}.cols .d-50{width:50%;padding:1.5rem}.cols .col{transition:flex-basis .25s,max-width .25s,padding .25s,opacity .25s,transform .25s}.cols .col.collapse{flex-basis:0;max-width:0;padding:0;overflow:hidden}.cols .col-3.collapse{opacity:0;transform:translateX(40px);pointer-events:none;display:none}.cols.show-3 .col-3{flex-basis:50%;max-width:50%;opacity:1;transform:translateX(0);pointer-events:auto}.button-cnt{margin-top:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.error{color:#e31010;font-weight:500;display:block;text-align:center}.edit-budget a{display:flex;align-items:center;font-size:1rem;gap:.5rem;cursor:pointer}.step-book .edit-budget,.step-quote .edit-budget{display:flex!important;align-items:center;justify-content:center;padding-top:1rem}.col-3 #btn-send-quote,.col-3.quote #btn-go-pay,.col-3.quote .disclaimer.pay,.step-book #budget-button,.step-book .activity-actions,.step-book .booking-buttons,.step-book .edit-budget #btn-back-quote,.step-quote #budget-button,.step-quote #total-deposit,.step-quote .booking-buttons,.step-quote .edit-budget #btn-back{display:none!important}.col-3.quote #btn-send-quote,.col-3.quote .contact-grid .field.customer-messagge-box{display:block!important}.contact-grid{display:flex;flex-direction:column}.contact-grid .field{padding:.5rem;display:flex;flex-direction:column;width:100%}.contact-grid .field p.error{position:absolute;color:#ce0606;font-size:.8rem;padding:.5rem;top:0;right:0}.contact-grid .field label{padding-left:1rem}.contact-grid .field input,.contact-grid .field textarea{padding:1rem;border-radius:var(--radius-lg);border:1px solid #c6e0eb;width:100%;font-size:1rem;font-family:var(--font-family)}.contact-grid .field textarea{height:250px}.contact-grid .field input::placeholder{color:var(--c-muted);opacity:1;font-family:var(--font-family);font-size:1rem;font-style:italic}.disclaimer{font-size:.9rem;text-align:center}.disclaimer.pay{display:block;background-color:var(--c-muted);border-radius:var(--radius-md);margin-top:1rem;padding:.5rem}.flex-input>div{display:flex;align-items:center;min-height:50px}.flex-input>div#activity-summary{flex-direction:column}.flex-input>div#activity-summary .amount{display:flex;align-items:center;width:100%}.flex-input>div#activity-summary .amount p,.flex-input>div.amount p{flex-grow:1}.flex-input>div#row-clases-surf>div{position:relative;width:50px;margin-right:1rem}.flex-input>div#row-clases-surf button{border:0;outline:0;background:0 0;color:var(--c-text);position:absolute;font-size:1.5rem;right:-1rem;cursor:pointer;height:100%;width:40px}.flex-input>div#row-clases-surf button:first-child{left:-1rem}.flex-input>div#row-transfer{gap:1rem}.flex-input.resumen.total{padding:2rem;border-radius:var(--radius-md);border:2px dashed var(--c-muted)}.flex-input #availability-panel,.flex-input.resumen.total .amount{min-height:auto}#availability-summary{font-family:var(--font-family-custom);text-align:center;font-size:1.1rem;margin-bottom:1rem}.flex-input>div.amount input:read-only{width:90px;text-align:right}.flex-input input:read-only{border:0 transparent;outline:0;font-family:var(--font-family);font-weight:700;color:var(--c-text);width:50px;height:40px;text-align:center;font-size:1.2rem;background-color:transparent}.flex-input>div.amount b{font-weight:700;color:var(--c-text)}.flex-input select{background-color:var(--c-accent);border-radius:var(--radius-md);padding:.8rem;font-size:15px;max-width:180px;border-color:var(--c-accent);color:var(--c-bg);cursor:pointer;font-family:var(--font-family)}.actividades{display:flex;align-items:center;justify-content:center}.resumen p b{display:block;line-height:.9}.avai-banner .avai{padding:2rem;border-radius:3.5rem;position:absolute;bottom:-10rem;right:4rem;box-shadow:0 0 10px 0 #082b38ad;transform:translateX(100%);opacity:0;animation:.5s ease-out forwards slideIn;width:auto;max-width:450px;min-width:370px;text-align:center}.avai-banner .avai.ok{background:rgb(52 199 89 / 90%)}.avai-banner .avai.alert{background:rgb(243 185 27 / 90%);padding:2rem 2rem 1rem}.avai-banner .avai.none{background:rgba(224,20,20,.9);color:var(--c-bg)}#budget-button button:hover,.booking-buttons .booking.ok{background:var(--c-success);color:var(--c-accent)}.avai-banner h2{text-align:center;display:block}body:has(.avai.alert) main .booking-buttons,body:has(.avai.none) main .booking-buttons{display:none!important}body:has(.avai.alert) main .avi-ok,body:has(.avai.none) main .avi-ok{display:none!important}body:has(.avai.alert) main .avi-alert{display:block!important}body:has(.avai.none) main .avi-none{display:block!important}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.booking-buttons{margin-top:2rem;display:flex;justify-content:center}.dot,.toggle,.toggle-label{display:inline-block}.booking-buttons .booking.ok{padding:1.5rem;border-radius:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;font-family:var(--font-family-custom);border:0;width:300px;cursor:pointer}.booking-buttons .booking.ok:hover{background-color:#1eb043;color:var(--c-bg)}.booking-buttons .booking.ok span{font-size:1rem}#budget-button{margin-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#budget-button p{display:block;text-align:center;font-size:.9rem}#budget-button button{border-radius:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;font-family:var(--font-family-custom);color:var(--c-bg);border:0;width:240px;cursor:pointer}.dot{width:20px;height:20px;margin:0 5px;background-color:#359dc5;border-radius:50%;animation:1.4s infinite both blink}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,100%,80%{opacity:0}40%{opacity:1}}.toggle{--w:36px;--h:20px;--p:2px;--on:#34c759;--off:#e5e5ea;--knob:#fff;--shadow:0 1px 2px rgba(0, 0, 0, .25);height:20px;width:50px;padding-left:.5rem}.toggle-input{position:absolute;opacity:0;width:0!important;height:0!important}.toggle-label{width:var(--w);height:var(--h);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-track{position:absolute;inset:0;background:var(--off);border-radius:calc(var(--h)/ 2);transition:background .25s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.toggle-track::after{content:"";position:absolute;top:var(--p);left:var(--p);width:calc(var(--h) - 2*var(--p));height:calc(var(--h) - 2*var(--p));background:var(--knob);border-radius:50%;box-shadow:var(--shadow);transition:transform .25s;will-change:transform}.toggle-input:checked+.toggle-label .toggle-track{background:var(--on)}.toggle-input:checked+.toggle-label .toggle-track::after{transform:translateX(calc(var(--w) - var(--h)))}.toggle-input:focus-visible+.toggle-label .toggle-track{outline:#2688ff solid 2px;outline-offset:2px}.toggle-input:disabled+.toggle-label{cursor:not-allowed;opacity:.6}.timeline-item{display:flex;align-items:flex-start;margin-bottom:2rem;position:relative}.timeline-item:before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;background-color:var(--c-accent-2);border-radius:50%}.timeline-date{flex:0 0 120px;padding-right:1rem;text-align:right;font-weight:700;color:var(--c-accent-2);font-family:var(--font-family-custom);border-right:2px dashed var(--c-muted)}.timeline-content{flex:1;padding-left:.5rem}.timeline-content .activity{margin-bottom:.2rem;font-size:.95rem;color:var(--c-text)}.timeline-content .activity.surf-libre span,.timeline-content .activity.surf-libre-am span{font-size:.75rem;font-style:italic}.timeline-content .activity b{display:inline-block;border-radius:1rem;background:#174c61;color:var(--c-bg);margin-right:.5rem;font-weight:400;padding:0 .5rem;font-size:.75rem}.timeline-disclaimer{border-top:2px dashed var(--c-muted);padding-top:1rem;font-size:.9rem}.tide-list{font-family:var(--font-family);font-size:.75rem;font-weight:400}.tide-row{display:flex;align-items:center;gap:.2rem;justify-content:flex-end}.beer-sunset{font-weight:500}footer{width:100%;top:180px}footer:has(.starthidden){padding-top:0}footer .boxanim.show{padding-top:180px}footer .wavesvg{position:absolute;z-index:1;width:100%;top:-1px;overflow-x:hidden}footer .wavesvg svg{min-width:1670px;transform:scaleY(-1) scaleX(-1)}footer .surf-school{position:relative;z-index:2;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;width:100%;padding-top:4rem;padding-bottom:3rem;min-height:450px}footer h4{font-size:2rem;display:block;text-align:center}footer h5{font-size:1.2rem;display:block;text-align:center;color:#59b1d4}footer p{font-size:.9rem;display:block;text-align:center}footer ul{display:flex;list-style:none}footer ul li{padding:1rem 1rem 0 0}footer ul li a{text-decoration:none;font-family:Kalam-Bold}footer ul li a.active{text-decoration:underline}@media (prefers-reduced-motion:reduce){.col,.toggle-track,.toggle-track::after{transition:none}}@media (max-width:980px){.content{padding:0 1rem}.wa-button{bottom:.5rem;right:1rem}header{padding:1rem 1rem 0}header .surf-school{margin-bottom:1rem}header div.piker{flex-wrap:wrap;gap:1rem;padding:1.5rem}header h1{font-size:1.5rem}.cols{flex-direction:column}.col,.cols.show-3 .col-3{flex-basis:100%;max-width:100%}.link,.link img{width:110px;height:110px}.cols .d-50{width:100%;padding:.5rem}.timeline-disclaimer{margin-top:.5rem}.timeline-disclaimer p{opacity:.7;font-size:.8rem;line-height:1.3}#budget-button p,.flex-input.resumen p{line-height:1.3}.flex-input.resumen.total{padding:1.5rem}#timeline{max-height:350px;overflow-y:auto}}@media (max-width:480px){header .option{flex-direction:column;gap:0}.avai-banner .avai{right:0;width:100%;font-size:.9rem}.avai-banner .avai h2{font-size:1.3rem}}