:root{font-family:Arial,Helvetica,sans-serif;color:#1e3534;background:#f3f6f5;font-synthesis:none;--green:#08756a;--ink:#1e3534;--muted:#526661;--line:#d5dfdc;--pale:#edf6f3;font-size:18px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1979c8;outline-offset:3px}h1:focus{outline:none}svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;margin-bottom:0;letter-spacing:-.6px}h2{font-size:21px;line-height:1.3;margin-bottom:18px}h3{font-size:19px;line-height:1.4;margin-bottom:8px}p{line-height:1.5}button{min-height:48px}a{color:var(--green)}
header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:780px;margin:auto;padding:0 24px}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;padding:0;text-align:left}.brandmark{background:var(--green);color:white;display:grid;place-items:center;border-radius:13px;width:44px;height:46px}.brand b{display:block;font-size:19px}.brand small{display:block;font-size:14px;margin-top:3px;font-weight:400;color:var(--muted)}.account-button{border:1px solid var(--line);border-radius:12px;display:flex;gap:7px;align-items:center;padding:0 13px;background:#fff;font-size:16px}.account-button svg{width:19px;height:19px}main{max-width:780px;margin:0 auto;padding:24px 24px 70px}.page-title{margin:0 0 25px}.page-title p{margin:10px 0 0;font-size:18px;color:var(--muted)}.back{padding:0;border:0;background:none;display:flex;align-items:center;gap:4px;color:var(--green);margin:-9px 0 15px;font-weight:600;font-size:17px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:20px}.primary,.secondary,.danger,.cancel-button{border-radius:12px;padding:14px 18px;font-weight:700;line-height:1.35;display:flex;align-items:center;justify-content:center;gap:9px;min-height:55px;text-align:center}.primary{border:1px solid var(--green);color:#fff;background:var(--green)}.primary:hover{background:#065c53}.secondary{color:#086b61;background:#fff;border:1.5px solid #3c8b80}.secondary:hover{background:#edf6f3}.danger{background:#b32d32;color:#fff;border:1px solid #b32d32}.cancel-button{background:#fff;border:1px solid #e3c3c4;color:#a32c32}.cancel-button:hover{background:#fff2f2}.full{width:100%}.full+.full{margin-top:12px}.new-appointment{margin-bottom:30px;min-height:62px;font-size:19px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.list-heading h2{margin:0}.text-button{border:0;background:none;padding:9px 4px;color:var(--green);display:inline-flex;gap:6px;align-items:center;font-size:16px;text-decoration:underline;text-underline-offset:4px}.text-button svg{width:18px;height:18px}.appointment{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:20px;overflow-wrap:anywhere;box-shadow:0 3px 10px #223c3504}.appointment-date{display:flex;gap:9px;align-items:center;padding-bottom:20px;border-bottom:1px solid #e6ece9;font-size:20px;color:#155e55}.appointment-date span{margin-left:auto;font-weight:700;white-space:nowrap}.appointment-care{padding:20px 0 0}.appointment-care h2{font-size:21px;margin:0 0 8px}.professional{font-size:19px;margin-bottom:9px}.practice{font-size:17px;color:var(--muted);margin-bottom:17px}.clinic{display:flex;align-items:flex-start;gap:9px;font-size:16px;line-height:1.5;color:var(--muted);margin-bottom:0}.clinic svg{width:20px;height:22px}.appointment-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:24px;padding-top:21px;border-top:1px solid #e6ece9}.appointment-actions button{font-size:17px}.empty p{margin:0;color:var(--muted)}.empty .official-link{margin-top:18px}.skeleton{height:220px;background:linear-gradient(90deg,#fff,#f4f8f6,#fff)}
.account-list{padding:6px 20px}.person{display:flex;align-items:center;gap:16px;min-height:95px;width:100%;border:0;background:none;text-align:left;padding:17px 0}.person+.person{border-top:1px solid var(--line)}.person>span:nth-child(2){flex:1}.person b{display:block;font-size:22px}.person small{display:block;color:var(--muted);margin-top:5px;font-size:15px}.avatar{height:50px;width:50px;border-radius:50%;background:#e7efdf;color:#385831;display:grid;place-items:center;font-size:22px;font-weight:700}.avatar.silvia{background:#f1e8e2;color:#805640}.logout{margin-top:2px}.login-note{font-size:16px;color:var(--muted);margin:20px 0 0}.text-input{border:1.5px solid #9eb3ac;border-radius:10px;min-height:56px;width:100%;padding:13px 14px;background:#fff;color:var(--ink);font-size:18px;margin-top:10px;margin-bottom:16px}.check-line{display:flex;align-items:center;gap:10px;line-height:1.4;margin:4px 0 24px;font-size:17px}.check-line input{height:22px;width:22px;accent-color:var(--green);flex:none}label{font-weight:600;display:block;font-size:17px}.field{margin-top:23px}.select-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:58px;border:1.5px solid #9eb3ac;border-radius:10px;padding:14px;background:#fff;margin-top:9px;font-size:18px;line-height:1.4}.select-button span{overflow-wrap:anywhere}.select-button.placeholder{color:var(--muted)}.segments{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segments button{border:1.5px solid #a6b8b1;padding:13px 10px;background:#fff;border-radius:10px;line-height:1.35;font-size:17px}.segments .active{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.repeat-summary{border-left:4px solid var(--green);background:#eaf3ef;border-radius:4px 12px 12px 4px;padding:16px 20px;margin-bottom:20px;font-size:16px}.repeat-summary p{margin:7px 0 0}.repeat-summary .missing{color:#804a17}.loading,.notice,.error{padding:16px;border-radius:12px;margin:16px 0 22px;line-height:1.5;font-size:17px}.loading{display:flex;align-items:center;gap:12px;background:#e8f0ec}.spinner{border:3px solid #b7d4ca;border-top-color:var(--green);border-radius:50%;width:22px;height:22px;animation:spin .8s linear infinite;flex:none}.notice{display:flex;gap:10px;align-items:flex-start;background:#e3f3e9;color:#1d603c}.error{border:1px solid #d89090;background:#fff2f0;color:#8c282d}.error p{margin:0}.error .text-button{color:inherit}.official-link{display:block;font-size:16px;line-height:1.5;padding:12px 0}footer{margin-top:35px;border-top:1px solid var(--line);padding-top:16px}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.calendar-head h2{margin:0;font-size:20px;text-transform:capitalize;text-align:center}.icon-button{border:1px solid var(--line);border-radius:10px;background:#fff;height:48px;min-width:48px;display:grid;place-items:center;padding:10px}.week,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.week{font-size:14px;color:var(--muted);margin-bottom:10px}.days button{aspect-ratio:1;border:1px solid #d9e2de;border-radius:10px;background:#f6f8f7;min-height:42px;font-size:18px;padding:0;color:#51665d}.days button.available{background:#e0f3ea;border:1.5px solid #338164;color:#174e37;font-weight:700}.days button.selected{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 0 2px #fff inset}.days button:disabled{opacity:.35;cursor:default}.legend{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--muted);margin:17px 0 0}.legend span{width:15px;height:15px;border-radius:4px;background:#e0f3ea;border:1px solid #338164}.results-title{font-size:21px;margin:28px 0 18px;text-transform:capitalize}.result-details{font-size:16px;color:var(--muted);line-height:1.5}.times{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.time{border:1.5px solid #87aca0;background:#fff;border-radius:10px;min-height:54px;font-size:19px;font-weight:700}.time.selected{background:var(--green);color:#fff;border-color:var(--green)}.continue-bar{position:sticky;bottom:0;z-index:2;background:#f3f6f5f5;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;justify-content:space-between;padding:17px 0 max(17px,env(safe-area-inset-bottom))}.continue-bar>span{font-size:17px;line-height:1.5}
.sheet-backdrop{position:fixed;inset:0;background:#102f2ac0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px}.sheet{width:100%;max-width:600px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;border-radius:19px;box-shadow:0 20px 80px #0003;overflow:hidden}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line);flex:none}.sheet-head h2{margin:0;font-size:23px}.sheet-body{padding:24px;overflow:auto;overscroll-behavior:contain}.sheet-list{margin:0 -8px}.sheet-option{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-bottom:1px solid #e2e9e6;background:#fff;padding:18px 8px;min-height:60px;text-align:left;width:100%;line-height:1.4;overflow-wrap:anywhere;font-size:18px}.sheet-option.active{color:#086b61;font-weight:700;background:#edf6f3}.sheet-option svg{width:19px}.review-lines{margin:0 0 24px}.review-lines>div{padding:12px 0;border-bottom:1px solid #e5ebe8}.review-lines dt{font-size:15px;color:var(--muted);margin-bottom:5px}.review-lines dd{margin:0;font-weight:600;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.cancel-warning{color:#963238;font-size:17px;margin:2px 0 20px}.confirm-actions{display:grid;gap:12px}.confirm-actions .full+.full{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:700px){main{padding-top:32px}.appointment-actions .cancel-button{min-width:125px}.new-appointment{max-width:100%}}
@media(max-width:480px){header{height:80px;padding:0 18px}main{padding:20px 18px 40px}h1{font-size:28px}.card,.appointment{padding:20px}.appointment-date{font-size:19px;gap:8px}.appointment-date svg{width:21px}.appointment-actions{grid-template-columns:1fr;gap:10px}.appointment-actions button{width:100%;font-size:18px}.new-appointment{font-size:18px}.sheet-backdrop{padding:12px;align-items:center}.sheet{max-height:calc(100dvh - 24px)}.sheet-head,.sheet-body{padding:18px}.sheet-head h2{font-size:21px}.calendar-card{padding:16px 12px}.days,.week{gap:3px}.days button{min-height:39px;font-size:17px;border-radius:8px}.week{font-size:12px}.calendar-head h2{font-size:18px}.continue-bar{flex-direction:column;align-items:stretch}.continue-bar .primary{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
.card>.field:first-child{margin-top:0}