:root{--navy:#142052;--teal:#087b74;--muted:#667085}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--navy);background:#f5f7fa;padding:38px 18px}.card{max-width:590px;margin:auto;background:white;border-radius:22px;box-shadow:0 10px 35px #1420520c;padding:30px 34px}header{display:flex;align-items:center;gap:12px;padding-bottom:23px;border-bottom:1px solid #edf0f5}header strong{font-size:15px}header p{font-size:12px;color:var(--muted);margin:6px 0 0}.avatar{object-fit:cover;object-position:50% 15%;height:62px;width:62px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e5f2ee;color:var(--teal);font-weight:bold}.flag{font-size:25px;margin-left:auto}.intro{text-align:center}.eyebrow{color:var(--teal);font-size:10px;font-weight:bold;letter-spacing:1.8px;margin:25px 0 14px}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0}h1 span{color:var(--teal)}.description{font-size:14px;color:var(--muted);line-height:1.6;margin:16px auto;max-width:400px}.benefits{list-style:none;padding:0;margin:20px auto 25px;width:max-content;max-width:100%;text-align:left;display:grid;gap:10px;font-size:14px}.benefits span{color:var(--teal);margin-right:8px}.booking{border-top:1px solid #edf0f5;padding-top:22px}h2{text-align:center;font-size:21px;margin:0 0 7px}.hint{font-size:12px;text-align:center;color:var(--muted);margin:0 0 20px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:15px}input,select{width:100%;display:block;margin-top:7px;padding:13px 12px;border:1px solid #dce1eb;border-radius:9px;font:15px Arial;color:var(--navy);background:#fbfcfe;min-width:0}.names{display:flex;gap:14px}.names label{flex:1;min-width:0}.timezone{text-align:left;margin-top:-6px;font-size:11px}button{width:100%;border:0;border-radius:10px;padding:17px 10px;background:var(--navy);color:white;font:bold 15px Arial;cursor:pointer}button:hover{background:#243772}button span{margin-left:8px}.consent{font-size:10px;color:var(--muted);line-height:1.5;text-align:center;margin:11px 0 18px}.calendar{display:block;text-align:center;font-size:12px;color:var(--teal);text-decoration:none}footer{border-top:1px solid #edf0f5;margin-top:24px;padding-top:20px;text-align:center;color:var(--muted);font-size:11px;line-height:1.7}a{color:inherit}footer p{margin:10px 0}.legal{font-size:9px;color:#7d8695}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #49b9a7;outline-offset:3px}@media(max-width:480px){body{padding:14px 10px}.card{padding:24px 20px;border-radius:17px}h1{font-size:26px}header strong{font-size:13px}.flag{font-size:21px}.names{gap:10px}}

.licenses{margin:17px 0;padding:15px 12px;background:#f6f9fb;border-radius:12px}.license-title{display:block;color:var(--navy);font-weight:bold;font-size:12px;margin-bottom:10px}.state-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.state-list a{display:flex;flex-direction:column;gap:3px;padding:8px 11px;background:white;border:1px solid #dce6e8;border-radius:10px;color:var(--teal);font-size:11px;text-decoration:none;min-width:105px}.state-list a:hover{border-color:var(--teal);background:#edf7f4}.state-list strong{font-size:10px;color:var(--navy);font-weight:normal;user-select:all}.licenses small{display:block;font-size:9px;margin-top:10px;line-height:1.5}

.day-picker{border:0;padding:0;margin:0 0 20px}.day-picker legend{font-size:12px;font-weight:bold;margin-bottom:9px}.days{display:flex;flex-wrap:wrap;gap:7px}.days .day{width:auto;flex:1 0 21%;padding:10px 6px;background:#f6f9fb;color:var(--navy);border:1px solid #dce6e8;border-radius:8px;font-size:11px}.days .day:hover{border-color:var(--teal)}.days .day[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:white}#dayError{color:#a32c38;text-align:left;margin:8px 0 0}

.sms-button{margin-top:10px;background:var(--teal)}.sms-button:hover{background:#09645e}

.card{border:1px solid #cdded8;box-shadow:0 16px 50px #14344a12}.avatar{border:2px solid #94bcb0}header,.booking,footer{border-color:#dae6e1}input,select{border-color:#c8dbd3}.days .day{border-color:#ccddd5}.licenses{border:1px solid #d8e5df}.state-list a{border-color:#cadfd5}

.family-booking{background:#eef3ef}.family-booking::before{content:"";position:fixed;inset:-10px;z-index:-1;background:linear-gradient(#f2f6f1e8,#f2f6f1eb),url("familia.png") center/cover;filter:blur(4px)}.family-booking .card{background:#ffffffed;animation:arrive .65s ease-out both}.family-booking .avatar{height:78px;width:78px}.family-booking header strong{font-size:14px}.days .day{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.days .day[aria-pressed="true"]{box-shadow:0 3px 10px #087b741e}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.family-booking .card{animation:none}.days .day{transition:none}}

.family-booking::before{background:linear-gradient(#edf4ed99,#edf4edb3),url("familia.png") center/cover;filter:blur(1px)}.family-booking .card{background:#ffffffed;animation:arrive 1s ease-out both}.family-booking select{transition:background-color .25s,border-color .25s,box-shadow .25s}.family-booking select.chosen{background:#e2f2ec;border-color:#087b74;box-shadow:0 0 0 2px #087b7414}

.avatar{object-position:50% 18%}

.state-pill{padding:7px 15px;background:white;border:1px solid #dce6e8;border-radius:20px;color:var(--navy);font-size:11px}