:root { --midori: #177b75; --midori-dark: #0d5551; --ink: #18302f; --soft: #eff8f7; --line: #d5e4e2; }
.agenda2-page { color: var(--ink); max-width: 1100px; margin: 0 auto; padding: 120px 24px 64px; }
.agenda2-hero { padding: 28px max(28px, 7%) 8px; text-align: center; }
.agenda2-hero h1 { color: var(--midori-dark); font-size: clamp(32px, 5vw, 52px); margin: 8px 0 12px; }
.agenda2-step { color: var(--midori); font-size: 12px; font-weight: 800; letter-spacing: .1em; margin: 0; }
.agenda2-primary, .agenda2-service-grid button, .agenda2-doctor, .agenda2-action { font: inherit; cursor: pointer; }
.agenda2-primary, .agenda2-action { background: var(--midori); border: 0; border-radius: 10px; color: #fff; font-weight: 700; padding: 14px 22px; }
.agenda2-section { margin: 56px 0; } .agenda2-section h2 { color: var(--midori-dark); font-size: 30px; text-align: center; margin-bottom: 18px; }
.agenda2-intro { text-align: center; margin: 0 0 24px; }
.agenda2-doctors { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
.agenda2-doctor { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 16px; color: var(--ink); display: flex; gap: 14px; padding: 16px; text-align: left; transition: .15s ease; }
.agenda2-doctor:hover, .agenda2-service-grid button:hover { border-color: var(--midori); box-shadow: 0 5px 18px #177b7520; transform: translateY(-1px); }
.agenda2-doctor img { border-radius: 50%; height: 72px; object-fit: cover; width: 72px; }.agenda2-doctor strong, .agenda2-doctor small { display: block; }.agenda2-doctor small { color: #557270; font-size: 13px; margin-top: 5px; }
.agenda2-services { margin-top: 8px; }.agenda2-service-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
.agenda2-service-grid button { background: #fff; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); min-height: 116px; padding: 20px; text-align: left; }.agenda2-service-grid strong, .agenda2-service-grid span { display: block; }.agenda2-service-grid span { font-size: 14px; line-height: 1.4; margin-top: 7px; }
.agenda2-exams-card { border-color: #79b9b5 !important; overflow:hidden; position:relative; }.agenda2-exams-card::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 100'%3E%3Cpath d='M8 50c20-30 43-43 72-43s52 13 72 43c-20 30-43 43-72 43S28 80 8 50Z' fill='none' stroke='%23177b75' stroke-width='7'/%3E%3Ccircle cx='80' cy='50' r='23' fill='none' stroke='%23177b75' stroke-width='7'/%3E%3Ccircle cx='80' cy='50' r='8' fill='%23177b75'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-size:contain; content:''; height:104px; opacity:.12; pointer-events:none; position:absolute; right:-8px; top:6px; width:150px; }.agenda2-exams-card strong, .agenda2-exams-card span { max-width:65%; position:relative; z-index:1; }
.agenda2-whatsapp { background: #25d366; border-radius: 24px; bottom: 20px; color: #123c25; font-weight: 700; padding: 12px 17px; position: fixed; right: 20px; z-index: 5; }
.agenda2-modal { border: 0; border-radius: 20px; box-shadow: 0 24px 80px #102d2a66; color: var(--ink); max-height: min(760px, 100dvh); max-width: 570px; outline: none; padding: 0; width: calc(100% - 28px); }.agenda2-modal:focus, .agenda2-modal:focus-visible { outline: none; }.agenda2-modal::backdrop { background: #0a343099; }
.agenda2-modal-head { align-items: flex-start; border-bottom: 1px solid var(--line); display: flex; gap: 12px; padding: 22px 20px 16px; position: sticky; top: 0; background: #fff; z-index: 2; }.agenda2-modal-head h2 { color: var(--midori-dark); font-size: 23px; line-height: 1.15; margin: 4px 0 0; }.agenda2-close, .agenda2-back { background: transparent; border: 0; color: var(--midori-dark); cursor: pointer; font-size: 32px; line-height: 24px; padding: 0; }.agenda2-close { margin-left: auto; }.agenda2-back { font-size: 38px; margin-top: 2px; }
.agenda2-modal-body { min-height: 330px; overflow: auto; padding: 20px; }.agenda2-choice-list { display: grid; gap: 10px; }.agenda2-choice { background: #fff; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); cursor: pointer; padding: 16px; text-align: left; width: 100%; }.agenda2-choice strong, .agenda2-choice span { display:block; }.agenda2-choice span { color: #52716e; font-size: 14px; margin-top: 5px; }.agenda2-choice.is-selected { background: var(--soft); border-color: var(--midori); }
.agenda2-doctor-banner { align-items: center; background: var(--soft); border-radius: 12px; display: flex; gap: 12px; margin-bottom: 18px; padding: 12px; }.agenda2-doctor-banner img { border-radius: 50%; height: 54px; object-fit: cover; width: 54px; }.agenda2-doctor-banner strong, .agenda2-doctor-banner span { display:block; }.agenda2-doctor-banner span { font-size: 13px; margin-top: 3px; }
.agenda2-calendar { display: grid; gap: 8px; grid-template-columns: repeat(7, 1fr); }.agenda2-day { aspect-ratio: .85; background: #f3f5f5; border: 1px solid transparent; border-radius: 9px; color: #79908e; font-size: 12px; padding: 5px 2px; }.agenda2-day small, .agenda2-day strong { display: block; }.agenda2-day small { font-size: 10px; }.agenda2-day.is-available { background: #e4f6ef; border-color: #8bcdb4; color: #075f44; cursor: pointer; }.agenda2-day.is-available::after { content: '•'; color: #159b6a; font-size: 19px; line-height: 5px; }.agenda2-day.is-available:focus-visible { outline: 3px solid #185cc4; }
.agenda2-slots { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 18px; }.agenda2-slot { background: var(--soft); border: 2px solid var(--midori); border-radius: 10px; color: var(--midori-dark); cursor:pointer; font-weight:800; padding: 14px; }.agenda2-slot small { display:block; font-size:11px; margin-top:4px; }.agenda2-note { color: #52716e; font-size: 14px; line-height: 1.4; }.agenda2-loading { align-items:center; display:flex; justify-content:center; min-height:250px; }
.agenda2-page a:focus, .agenda2-page button:focus, .agenda2-modal button:focus, .agenda2-day.is-available:focus-visible { outline: none; }
.agenda2-field { display: grid; gap: 6px; margin: 15px 0; }.agenda2-field input, .agenda2-field textarea { border: 1px solid #93aaa8; border-radius: 9px; font: inherit; padding: 13px; width: 100%; }.agenda2-field textarea { min-height: 78px; resize: vertical; }.agenda2-counter { color:#52716e; font-size:12px; text-align:right; }.agenda2-check { align-items:center; display:flex; gap:9px; font-size:14px; margin:18px 0; }.agenda2-check input { margin:0; }.agenda2-action { width:100%; }.agenda2-error { background:#fff1f0; border-radius:9px; color:#a4261b; font-size:14px; margin-bottom:12px; padding:10px; }.agenda2-success { text-align:center; padding:30px 4px; }.agenda2-success h3 { color:var(--midori-dark); }.agenda2-success p { line-height:1.5; }
.agenda2-procedure-list { border:1px solid var(--line); border-radius:11px; display:grid; gap:0; margin:16px 0; overflow:hidden; }.agenda2-procedure { align-items:flex-start; background:#fff; border:0; cursor:pointer; display:flex; gap:10px; padding:13px; }.agenda2-procedure + .agenda2-procedure { border-top:1px solid var(--line); }.agenda2-procedure input { accent-color:var(--midori); margin-top:3px; }.agenda2-procedure strong, .agenda2-procedure span { display:block; }.agenda2-procedure span { color:#52716e; font-size:13px; margin-top:3px; }
@media (max-width: 720px) { .agenda2-page { padding: 86px 16px 56px; }.agenda2-hero { border-radius: 16px; padding: 36px 20px; }.agenda2-doctors, .agenda2-service-grid { grid-template-columns: 1fr; }.agenda2-section { margin: 38px 0; }.agenda2-section h2 { font-size: 25px; }.agenda2-modal { border-radius: 18px 18px 0 0; bottom: 0; margin: 0; max-height: 92dvh; position: fixed; width: 100%; }.agenda2-modal-body { padding: 18px 16px 24px; }.agenda2-day { font-size: 11px; }.agenda2-whatsapp { bottom: 14px; right: 14px; } }