.to-form-panel{max-width:780px;margin:24px 0 40px;padding:28px;background:#f4f8f7;border:1px solid #dce6e2;border-radius:14px;min-width:0}.to-form-panel p{margin:0 0 20px}.to-form-mode{font-size:14px;color:#314f54;line-height:1.6}.to-form-required{font-size:13px;color:#425e62}.to-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.to-form-field{min-width:0}.to-form-field label{display:block;font-weight:600;font-size:15px;margin-bottom:8px}.to-form-field input,.to-form-field textarea{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #95aaa4;border-radius:6px;padding:12px;background:#fff;color:#123542;font:inherit;font-size:16px}.to-form-field textarea{resize:vertical;line-height:1.6}.to-field-wide{grid-column:1/-1}.to-form-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:14px;margin-top:24px;cursor:pointer}.to-form-consent input{width:22px;height:22px;flex-shrink:0;margin:1px 0 0;accent-color:#007f78}.to-contact-form button{min-height:48px;padding:12px 22px;border:0;border-radius:7px;background:#007f78;color:white;font:inherit;font-weight:650;margin-top:22px}.to-contact-form button:disabled{opacity:.6;cursor:wait}.to-field-error{display:block;color:#9c2323;font-size:13px;line-height:1.5;margin-top:5px}.to-contact-form [aria-invalid=true]{border-color:#b02525;box-shadow:0 0 0 1px #b02525}.to-form-result:not(:empty){margin-top:20px;padding:16px;background:#e6f3ee;color:#174437;border-left:3px solid #007f78;line-height:1.6}.to-form-result.is-error{background:#fff0ed;color:#812828;border-color:#a12929}.to-form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.to-contact-form textarea:focus-visible,.to-form-result:focus-visible{outline:3px solid #d39b36;outline-offset:4px}@media(max-width:620px){.to-form-panel{padding:20px}.to-form-fields{grid-template-columns:1fr;gap:16px}.to-contact-form button{width:100%}.to-form-panel{overflow-wrap:anywhere}}
.to-form-panel{container-type:inline-size}@container(max-width:540px){.to-form-fields{grid-template-columns:1fr}.to-contact-form button{width:100%}}
.to-form-panel{scroll-margin-top:80px}

/* Multimedia: the original photographic contact section, with accessible fields. */
.to-media-contact{background:linear-gradient(135deg,rgba(18,59,88,.48),rgba(21,69,108,.72)),url("../../../uploads/migracion/teleoptometria/2018/06/doctor-01.jpg") center/cover no-repeat;border-radius:26px;padding:clamp(28px,5vw,68px) clamp(20px,4vw,60px);margin-block:48px;color:#fff;text-align:center}
.to-media-contact.to-section{background-color:#386c90}
.to-media-contact>.wp-block-columns{margin-bottom:0}
.to-media-contact .wp-block-column>h2.wp-block-heading{max-width:850px;margin:0 auto 20px;color:#fff;font-family:'Segoe UI',Arial,sans-serif;font-weight:300;font-size:clamp(28px,3.8vw,44px);line-height:1.28;text-wrap:balance}
.to-media-contact .wp-block-column>p{color:#fff;margin:5px auto;font-size:17px;line-height:1.5}
.to-media-contact .wp-block-column>p a{color:#fff;text-decoration:none;font-weight:650}
.to-media-contact .to-media-form{max-width:680px;margin:24px auto 0;padding:0;border:0;border-radius:0;background:transparent;text-align:left;overflow:visible}
.to-media-form .to-form-fields{gap:18px;margin-bottom:16px}
.to-media-form .to-form-field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.to-media-form .to-form-field input,.to-media-form .to-form-field textarea{box-sizing:border-box;border:1px solid transparent;border-radius:6px;background:#fff;color:#123542;padding:14px;font-size:15px;font-weight:400}
.to-media-form .to-form-field input{min-height:48px}
.to-media-form .to-form-field textarea{min-height:130px}
.to-media-form .to-form-field ::placeholder{color:#586a71;opacity:1}
.to-media-form .to-form-field input:focus-visible,.to-media-form .to-form-field textarea:focus-visible{outline:3px solid #ffd675;outline-offset:3px}
.to-media-form .to-form-required{color:#fff;font-size:12.5px;line-height:1.6;margin-bottom:12px}
.to-media-form .to-form-privacy{padding:16px 18px;background:rgba(255,255,255,.95);border-radius:8px;margin:16px 0}
.to-media-form .to-form-privacy .to-form-required{color:#28434e;margin-bottom:10px;font-size:12.5px;line-height:1.6}
.to-media-form .to-form-privacy p:last-child{margin-bottom:0}
.to-media-form .to-form-privacy a{color:#005d67}
.to-media-form .to-form-consent{color:#fff;font-size:13px;margin-top:16px;font-weight:400}
.to-media-form .to-form-consent a,.to-media-form>.to-contact-form>p a{color:#fff}
.to-media-form .to-contact-form button{display:block;margin:18px 0 0 auto;border-radius:28px;background:#208135;padding:12px 28px;font-size:15px;font-weight:600;box-shadow:0 2px 8px #12354225}
.to-media-form .to-contact-form button:hover{background:#176c2a}
.to-media-form .to-contact-form button:focus-visible{outline:3px solid #ffd675;outline-offset:4px}
.to-media-form .to-field-error:not(:empty){background:#fff3ed;padding:6px 10px;border-radius:4px;color:#8b2020}
@media(max-width:620px){.to-media-contact{border-radius:18px;padding:30px 18px}.to-media-form .to-form-fields{grid-template-columns:1fr;gap:14px}.to-media-form .to-contact-form button{width:100%}.to-media-form .to-form-privacy{padding:14px}.to-media-contact .wp-block-column>h2.wp-block-heading{font-size:29px}}
