@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:wght@400;500;600&display=swap');
:root{--ink:#253d36;--green:#285d4b;--light:#edf3ed;--cream:#faf8f2;--line:#dedfd5;--orange:#f9dfbf;--money:#dce8f7;--home:#e9def4}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:15px 'DM Sans',Segoe UI,sans-serif}header{max-width:1200px;margin:auto;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font:600 22px Lora,Georgia,serif}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:6px}.mark{background:var(--green);color:white;padding:7px 13px;border-radius:12px;font-size:27px}main{max-width:1140px;margin:40px auto;min-height:65vh;padding:0 24px}h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:500}h1{font-size:46px;line-height:1.15;margin:15px 0 22px}h2{font-size:27px;margin:0 0 20px}h3{font-size:20px}p{line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#687e6b}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:30px 0 60px}.hero p{font-size:17px;max-width:470px}.art{min-height:330px;border-radius:100px 100px 16px 16px;background:#dce7d9;display:grid;place-content:center;text-align:center;padding:35px;position:relative;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.art .table{font-size:100px}.art p{font:24px Lora,Georgia,serif}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}button,.button{border:0;border-radius:9px;padding:12px 19px;background:var(--green);color:white;font:600 14px 'DM Sans',Segoe UI,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.94)}button:disabled{cursor:default;opacity:.45}.quiet{background:transparent;color:var(--green);border:1px solid var(--line)}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:22px}.notice{background:#fff0d4;border-left:4px solid #b7822b;padding:18px 23px;border-radius:8px;margin-bottom:25px;white-space:pre-wrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.toolbar h2{margin:0}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:18px 0}.legend span{display:flex;gap:7px;align-items:center}.dot{width:12px;height:12px;display:inline-block;border:1px solid #cfd5ca;border-radius:4px}.empty{background:white}.partial{background:var(--orange)}.full{background:#aed6b5}.undefined{background:#e9e9e6}.week,.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.week{text-align:center;font-size:12px;color:#748075;margin-bottom:12px}.day{aspect-ratio:1.35;min-height:48px;color:var(--ink);border:1px solid #d9dfd4;border-radius:10px;font-size:19px;font-weight:500;position:relative}.day.past{opacity:.6}.day.today{outline:2px solid var(--green);outline-offset:2px}.day.selected{box-shadow:inset 0 0 0 3px var(--green)}.calendar-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.slots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.slot{background:white;border:1px solid var(--line);color:var(--ink);min-height:65px}.slot.home{background:var(--home)}.slot.money{background:var(--money)}.slot.chosen{background:var(--green);color:white}.slot small{display:block;font-size:11px;margin-top:5px}.muted{color:#748075;font-size:13px}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.tabs .active{background:var(--green);color:white}label{display:block;font-size:13px;font-weight:600;margin:15px 0 7px}input,select,textarea{width:100%;padding:12px;border:1px solid #cdd6cc;border-radius:8px;background:white;color:var(--ink);font:15px 'DM Sans',Segoe UI,sans-serif}textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stack>*{margin-top:12px}.wide{width:100%}.error{color:#9e3429;font-size:14px}.booking{padding:14px 0;border-bottom:1px solid var(--line);line-height:1.7}.booking:last-child{border-bottom:0}.booking strong{display:block}.booking .quiet{padding:6px 10px;margin-top:8px}.badge{display:inline-block;padding:3px 8px;border-radius:5px;background:var(--light);font-size:11px}.danger{background:#a34135}.success{padding:40px;text-align:center}.success .check{font-size:50px;color:var(--green)}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(460px,92vw);color:var(--ink);background:var(--cream)}dialog::backdrop{background:#172f2777}.close{float:right;padding:5px 10px}footer{max-width:1140px;margin:30px auto;padding:24px;border-top:1px solid var(--line);font-size:12px;color:#748075;display:flex;justify-content:space-between}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:9px;padding:13px 22px;display:none;z-index:10}.cart-row{padding:14px 0;border-bottom:1px solid var(--line)}.inactive{opacity:.65}.help{background:#e5f2e7;color:var(--green)}@media(max-width:760px){header{padding:18px}.brand{font-size:17px}.brand small{font-size:8px}.hero,.calendar-layout{grid-template-columns:1fr;gap:20px}.hero{padding-top:0}.art{min-height:230px;order:-1}h1{font-size:34px}main{margin-top:25px;padding:0 15px}.panel{padding:18px}.grid,.week{gap:5px}.day{padding:5px;min-height:42px}.form-row{grid-template-columns:1fr;gap:0}footer{display:block}footer span{display:block;margin-top:10px}}

.day-screen{max-width:760px;margin:0 auto}.day-screen .slots{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.day-screen .slot{min-height:90px;font-size:20px}.day-screen .slot small{font-size:13px}

.slot.selected-mode{outline:3px solid var(--green);outline-offset:-3px;color:var(--ink)}

.calendar-layout{display:block;max-width:850px;margin:0 auto}dialog{max-height:90vh;overflow-y:auto}
/* Pantallas centradas en el uso desde celular. */
html{overflow-x:hidden}body{overflow-wrap:anywhere}main{max-width:760px;margin:25px auto;padding:0 16px}header{max-width:800px;padding:18px 16px;gap:12px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:1.5px}.mark{font-size:23px;padding:7px 10px}button,.button{min-height:46px;touch-action:manipulation}input,select,textarea{font-size:16px}button:focus-visible,a:focus-visible{outline:3px solid #b48136;outline-offset:3px}.hero{display:flex;flex-direction:column;gap:20px;padding:0 0 20px;text-align:center}.welcome-copy h1{font-size:36px;margin:15px 0}.welcome-message{white-space:pre-wrap;margin:0 auto}.welcome-photo{width:min(100%,380px)}.art{min-height:0;aspect-ratio:3/2;border-radius:18px;padding:0;background:#fff;border:1px solid var(--line)}.art img{object-fit:contain}.welcome-photo>button{margin-top:12px}.welcome-help,.contact-actions{display:grid;gap:10px;width:min(100%,420px);margin:0 auto}.button.help,.button.support{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.wa-icon{width:25px;height:25px;flex-shrink:0}.support{line-height:1.5}.instructions{margin-top:18px}.instructions p{margin-top:5px}.calendar-layout{max-width:720px}.calendar-panel{padding:16px}.month-toolbar{display:grid;grid-template-columns:44px 1fr 44px;gap:6px}.month-toolbar button{padding:8px}.month-toolbar h2{font-size:22px;text-align:center}.week,.grid{gap:5px;grid-template-columns:repeat(7,minmax(0,1fr))}.day{min-width:0;aspect-ratio:auto;min-height:68px;padding:7px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px}.day-number{font-size:21px;color:#000;font-weight:600}.day-state{font-size:clamp(7.5px,2.15vw,11px);line-height:1.15;font-weight:500;white-space:nowrap;letter-spacing:-.25px;color:#283a31}.day.full .day-number{color:#6b726f}.day.undefined .day-number,.day.past .day-number{color:#747c78}.day.past{opacity:1;background-image:linear-gradient(#ffffff50,#ffffff50)}.legend{gap:10px;font-size:11px}.dot{flex-shrink:0}.day-screen{max-width:660px}.day-screen .slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.day-screen .slot{min-height:155px;padding:12px 6px;font-size:18px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.day-screen .slot small{font-size:13px;margin:0;line-height:1.4}.slot:disabled{opacity:1;color:#626e68;cursor:default}.missionary-icon{height:70px;width:60px;color:#345c4a;flex-shrink:0}.slot:disabled .missionary-icon{opacity:.6}.slot.selected-mode{outline:3px solid var(--green);outline-offset:-3px}.time-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.time-options button{padding:12px 5px}.time-options .active{background:var(--green);color:#fff;border-color:var(--green)}.treatment{border:0;padding:0;margin:18px 0 0;display:flex;gap:14px;flex-wrap:wrap}.treatment legend{font-size:13px;font-weight:600;margin-bottom:9px}.treatment label{margin:0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;flex:1}.treatment input[type=checkbox]{width:22px;height:22px;accent-color:var(--green);flex-shrink:0}.treatment:has(input:checked) label:has(input:checked){background:var(--light);border-color:var(--green)}dialog{width:min(520px,calc(100vw - 24px));max-width:none;padding:22px;max-height:calc(100dvh - 28px);overscroll-behavior:contain}dialog h2{font-size:25px;padding-top:8px;clear:both}.close{float:none;display:block;margin-left:auto;margin-bottom:12px;min-height:42px;padding:8px 13px}.cart-row p{font-size:14px;line-height:1.65}.booking-actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{gap:9px}.toolbar .button{font-size:12px}.success{padding:22px}.success h1{font-size:32px}.success .contact-actions{margin-top:20px}.tabs{gap:7px}.tabs button{padding:10px;font-size:12px}.panel{min-width:0}.form-row{grid-template-columns:1fr}footer{max-width:760px;display:block;text-align:center}footer span{display:block;margin-top:8px}[hidden]{display:none!important}
@media(max-width:430px){header{flex-wrap:wrap}.brand{font-size:18px}#adminAccess{font-size:11px;padding:8px 10px;min-height:40px;margin-left:auto}.brand small{font-size:7px}.welcome-copy h1{font-size:30px}.hero p{font-size:15px}.panel{padding:16px}.calendar-panel{padding:10px}.day{min-height:62px}.day-number{font-size:19px}.month-toolbar h2{font-size:20px}.week{font-size:10px}.day-state{font-size:clamp(7px,2.1vw,9px)}main{padding:0 10px}.day-screen .slot{font-size:16px}dialog{padding:18px}.treatment{gap:8px}.treatment label{padding:10px 8px}.welcome-photo{width:min(100%,340px)}}