/* Cita presencial: componente común, aislado del diseño de cada portal. */
.office-appointment{box-sizing:border-box;background:#e8f1eb;color:#123849;padding:32px max(22px,calc((100% - 1200px)/2));font-family:inherit;border-top:1px solid #cbded7}
.office-appointment *{box-sizing:border-box}
.office-appointment-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1200px;margin:0 auto}
.office-appointment-copy{max-width:700px;min-width:0}
.office-appointment h2{font-family:inherit;font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:#123849;margin:0 0 10px}
.office-appointment p{font-size:15px;line-height:1.65;color:#254851;margin:0 0 8px;max-width:70ch}
.office-appointment address{font-size:14px;line-height:1.6;font-style:normal;color:#254851}
.office-appointment-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}
.office-appointment a{font-size:14px;line-height:1.5;font-weight:600;color:#123849;text-decoration:underline;text-underline-offset:4px}
.office-appointment a:hover{color:#246553}
.office-appointment a:focus-visible{outline:2px solid #123849;outline-offset:5px;border-radius:2px}
@media(max-width:760px){.office-appointment-inner{flex-direction:column;align-items:flex-start;gap:16px}.office-appointment-links{flex-direction:row;flex-wrap:wrap;gap:14px 22px}.office-appointment{padding:26px 22px}}