:root{--background:#d4eaf6;--text:#2f4052;--secondary:#faf3e7;--button:#3b82c7;--font-family:"Inter", sans-serif;--base-font-size:16px;--line-height:1.6}:root[data-theme=dark]{--background:#304153;--text:#f6f5ec;--secondary:#efc064;--button:#55a4b4}html,body{font-family:var(--font-family);font-size:var(--base-font-size);line-height:var(--line-height);color:var(--text);background-color:var(--background);margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}input,textarea,select{border:1px solid var(--button);width:90%;color:var(--text);background-color:#ffffff1a;border-radius:6px;margin:8px 0;padding:12px;transition:border-color .3s}input:focus,textarea:focus,select:focus{border-color:var(--button);box-shadow:0 0 0 2px rgba(var(--button), .2);outline:none}.button{background-color:var(--button);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;border:none;border-radius:8px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,opacity .2s}.button:hover{opacity:.93;transform:translateY(-2px);box-shadow:0 6px 18px #3b82c74d}.button:active{box-shadow:none;transform:translateY(0)}.button-secondary{background-color:var(--secondary);color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;border:none;border-radius:8px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:transform .25s,box-shadow .25s,opacity .2s}.button-secondary:hover{opacity:.93;transform:translateY(-2px);box-shadow:0 6px 18px #3b82c74d}.button-secondary:active{box-shadow:none;transform:translateY(0)}.button-outline{color:var(--button);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;border:none;border:2px solid var(--button);background-color:#0000;border-radius:8px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:transform .25s,box-shadow .25s,opacity .2s}.button-outline:hover{opacity:.93;transform:translateY(-2px);box-shadow:0 6px 18px #3b82c74d}.button-outline:active{box-shadow:none;transform:translateY(0)}h1,h2,h3,h4,h5,h6{margin:.5em 0;font-weight:600}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.text-center{text-align:center}.admin{--background:#435a73;--secondary:#f4d392}.admin .dashboard-panel{background-color:var(--secondary);background-color:var(--secondary);border:1px solid var(--button);border-radius:12px;margin:1rem 0;padding:1.5rem;transition:transform .25s,box-shadow .25s;box-shadow:0 6px 24px #2f40521a,0 2px 6px #2f40520f}.spacing-small{margin:.5rem}.spacing-medium{margin:1rem}.spacing-large{margin:2rem}.shadow-small{box-shadow:0 2px 4px #0000001a}.shadow-medium{box-shadow:0 4px 6px #0000001a}.shadow-large{box-shadow:0 8px 12px #0000001a}@media (width<=480px){.hidden-mobile{display:none!important}}.loading{z-index:1000;backdrop-filter:blur(3px);flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-booking{backdrop-filter:blur(15px);animation:1s 1s forwards filter-blur}@keyframes filter-blur{to{backdrop-filter:blur(1px)}}.loading img{width:200px;max-width:80%;height:auto}.policy-section{background-color:#fff;border-radius:1rem;max-width:900px;margin:8rem auto 2rem;padding:2rem;box-shadow:0 4px 8px #0000000d}.policy-section h1{margin-bottom:1rem;font-size:2.5rem}.policy-section h2{margin-top:2rem;margin-bottom:.5rem;font-size:1.5rem}.policy-section p{margin-bottom:1rem;line-height:1.6}.policy-section ul{margin-left:1.5rem;list-style:outside}.policy-section ul li{margin-bottom:.5rem}.policy-section a{color:#304153;text-decoration:underline}.policy-section a:hover{text-decoration:none}.policy-agreement{align-items:flex-start;margin-top:1rem;font-size:1rem;display:flex}.policy-agreement label{cursor:pointer;gap:.5rem;line-height:1.5;display:flex}.policy-agreement input[type=checkbox]{accent-color:#304153;width:18px;height:18px;margin-top:.2rem}.policy-agreement a{color:#304153;font-weight:500;text-decoration:underline}.policy-agreement a:hover{text-decoration:none}.main-container{background-color:#fff;width:100%;margin:0;padding:0}.container{background-color:#fff;padding-top:5rem}.container h1{margin-top:3rem}.container .booking-page-header{flex-flow:column wrap;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;margin-bottom:2rem;display:flex}.container .booking-page-header h1{margin:0}.container .booking-page-header .button-ghost{color:var(--button);border:2px solid var(--button);text-transform:none;background-color:#0000;padding-inline:1.5rem}.container .booking-page-header .button-ghost:hover{background-color:var(--button);color:#fff}.container .booking-form{flex-flow:column wrap;justify-content:center;align-items:center;gap:4rem;padding:2rem 1rem;display:flex}.container .booking-form section{justify-items:center;width:100%}.container .booking-form h1{text-align:center;flex:1;margin-bottom:2rem;font-size:2rem}.container .booking-form .card{background-color:var(--secondary);background:#fff;border-radius:12px;gap:1.5rem;width:90%;max-width:700px;height:55px;margin:1rem 0;padding:1.5rem;transition:all 1s;overflow-y:hidden;box-shadow:0 0 14px 4px #0000001a}.container .booking-form .card .header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.container .booking-form .card .header .down-simbol{color:#888}.container .calculate-data{flex-flow:column;justify-content:center;align-items:flex-start;margin-top:1rem;display:flex}.container .calculate-data p{margin:0}.form-group{margin-top:1.5rem;position:relative}.form-group input,.form-group textarea,.form-group select{background:0 0;border:1px solid #ccc;border-radius:8px;outline:none;max-width:90%;padding:1.25rem 1rem .75rem;font-size:1rem;transition:border-color .2s}.form-group select{max-width:100%}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary)}.form-group label{color:#888;pointer-events:none;background:#fff;padding:0 .25rem;font-size:1rem;transition:all .2s;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label,.form-group select:focus+label,.form-group select:not([value=""])+label{color:var(--primary);font-size:.8rem;top:9px;left:1.75rem}.checkbox-group{gap:1rem;margin-left:3%;font-size:.95rem;display:flex}.checkbox-group input{width:1rem;transform:scale(1.2)}.form-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}@media (width<=700px){.booking-form{padding:1rem}.form-actions{flex-direction:column;gap:1rem}}.service-select{flex-direction:column;gap:.25rem;display:flex}.service-select select{margin-bottom:.5rem}.service-select .small{align-self:flex-start;padding:4px 10px;font-size:.8rem}.day-selector{gap:.5rem;margin-block:3rem;display:flex}.day-selector .day-btn{border:1px solid var(--secondary);background:var(--secondary);cursor:pointer;border-radius:.5rem;margin-block-start:.5rem;margin-inline-end:.5rem;padding:.5rem .75rem}.day-selector .day-btn.active{background:var(--button);color:#fff}.slot-list{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.slot-list .slot-btn{background:var(--secondary);cursor:pointer;color:var(--text);border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.slot-list .slot-btn:hover,.slot-list .slot-btn.active,.slot-list .slot-btn:active,.slot-list .slot-btn:focus{background:var(--button);color:#fff}.form-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.form-actions .button:disabled{opacity:.6;cursor:not-allowed}.error-msg{color:red;text-align:left;margin-top:0;margin-bottom:-1rem;margin-left:2rem;font-size:.8rem}.card-anim{animation:.5s forwards auto-height}@keyframes auto-height{0%{height:55px}99%{height:750px}to{height:auto}}.card-anim_750{height:750px;animation:.5s forwards set-default}@keyframes set-default{0%{height:750px}to{height:55px}}
