
/* /clinica_website_contact/static/src/scss/contact.scss */
 #wrap.cr-contact-wrap{padding: 0 !important; max-width: none !important; background: #0d1526;}.cr-contact{font-family: var(--crw-font-body, "Inter", system-ui, sans-serif); background: var(--ink); color: var(--paper); line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: clip;}.cr-contact, .cr-contact *{box-sizing: border-box;}.cr-contact h1, .cr-contact h2, .cr-contact h3, .cr-contact h4, .cr-contact h5, .cr-contact h6, .cr-contact p{margin: 0; color: inherit;}.cr-contact a{color: inherit; text-decoration: none;}.cr-contact a.btn, .cr-contact .btn{border: none; background-image: none; text-transform: none; letter-spacing: normal;}.cr-contact{--ink:#0d1526; --ink-2:#131f38; --ink-3:#1b2b4d; --paper:#f7f4ec; --paper-2:#efe9db; --spark:#f0a830; --spark-deep:#d98518; --mist:#9fb0c8; --line:rgba(240,168,48,.22); --maxw:1180px; --ease:cubic-bezier(.22,.61,.36,1);}.cr-contact .wrap{max-width: var(--maxw); margin: 0 auto; padding: 0 24px;}.cr-contact .eyebrow{font-family: var(--crw-font-label, "Space Grotesk", sans-serif); font-weight: 600; font-size: .74rem; letter-spacing: .22em; text-transform: uppercase; color: var(--spark);}.cr-contact h1, .cr-contact h2, .cr-contact h3{font-family: var(--crw-font-display, "Fraunces", serif); line-height: 1.1; font-weight: 600;}.cr-contact .band{padding: clamp(70px, 9vw, 110px) 0;}.cr-contact .reveal{opacity: 1; transform: none; transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);}.cr-contact.cr-js-ready .reveal:not(.in){opacity: 0; transform: translateY(24px);}.cr-contact .reveal.in{opacity: 1; transform: none;}@keyframes fadeUp{to{opacity: 1; transform: none;}}.cr-contact .btn{font-family: var(--crw-font-label, "Space Grotesk", sans-serif); font-weight: 600; font-size: .98rem; padding: 16px 32px; border-radius: 100px; transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease), border-color 0.3s, color 0.3s; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 9px; cursor: pointer; white-space: nowrap;}.cr-contact .btn-primary{background: var(--spark); color: var(--ink); box-shadow: 0 10px 30px rgba(240, 168, 48, 0.28);}.cr-contact .btn-primary:hover{transform: translateY(-3px); box-shadow: 0 16px 40px rgba(240, 168, 48, 0.4);}.cr-contact .hero{position: relative; overflow: hidden; padding: 88px 0 60px; text-align: center; background: radial-gradient(110% 90% at 50% 5%, rgba(240, 168, 48, 0.15), transparent 55%), var(--ink);}.cr-contact .hero .eyebrow{display: block; margin-bottom: 20px; opacity: 0; animation: fadeUp 0.9s var(--ease) 0.1s forwards; transform: translateY(18px);}.cr-contact .hero h1{font-size: clamp(2.1rem, 5vw, 3.6rem); font-weight: 700; letter-spacing: -.02em; opacity: 0; animation: fadeUp 1s var(--ease) 0.3s forwards; transform: translateY(22px);}.cr-contact .hero .hero-sub{margin: 16px auto 0; color: var(--mist); font-size: 1.08rem; max-width: 52ch; opacity: 0; animation: fadeUp 1s var(--ease) 0.5s forwards; transform: translateY(22px);}.cr-contact .redirect{background: var(--ink);}.cr-contact .redirect-card{max-width: 760px; margin: 0 auto; background: linear-gradient(135deg, var(--ink-2), var(--ink-3)); border: 1px solid var(--spark); border-radius: 20px; padding: 36px 40px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 24px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.cr-contact .redirect-card .txt h3{font-size: 1.3rem; color: var(--paper); margin-bottom: 8px;}.cr-contact .redirect-card .txt p{color: var(--mist); font-size: .98rem; max-width: 44ch;}.cr-contact .split{background: var(--paper); color: var(--ink);}.cr-contact .split .row{display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start;}.cr-contact .form-card{background: #fff; border: 1px solid rgba(13, 21, 38, 0.1); border-radius: 20px; padding: 38px 36px; box-shadow: 0 20px 50px rgba(13, 21, 38, 0.08);}.cr-contact .form-card h2{font-size: 1.4rem; margin-bottom: 8px; color: var(--ink);}.cr-contact .form-card .sub{color: #5a6474; font-size: .98rem; margin-bottom: 26px;}.cr-contact .info-col h2{font-size: 1.4rem; margin-bottom: 24px; color: var(--ink);}.cr-contact .info-list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 20px; margin-bottom: 32px;}.cr-contact .info-item{display: -webkit-box; display: -webkit-flex; display: flex; gap: 16px; align-items: flex-start;}.cr-contact .info-item .ic{width: 44px; height: 44px; border-radius: 12px; background: rgba(240, 168, 48, 0.12); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex: none;}.cr-contact .info-item .ic svg{width: 20px; height: 20px; color: var(--spark-deep);}.cr-contact .info-item h3{font-size: .78rem; font-family: var(--crw-font-label, "Space Grotesk", sans-serif); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #7a8494; margin-bottom: 4px;}.cr-contact .info-item a, .cr-contact .info-item p{font-size: 1.05rem; color: var(--ink); font-weight: 500;}.cr-contact .info-item a:hover{color: var(--spark-deep);}.cr-contact .hours-card{background: #fff; border: 1px solid rgba(13, 21, 38, 0.1); border-radius: 16px; padding: 24px 28px;}.cr-contact .hours-card h3{font-size: .9rem; color: var(--spark-deep); font-family: var(--crw-font-label, "Space Grotesk", sans-serif); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 10px;}.cr-contact .hours-card p{color: #3a4453; font-size: 1.02rem;}.cr-contact .crw-contact-form{max-width: none; margin: 0; padding: 0;}.cr-contact .crw-contact-form .crw-form-alert{border-radius: 10px; padding: 14px 16px; margin-bottom: 18px; font-size: .94rem;}.cr-contact .crw-contact-form .crw-form-alert-ok{background: rgba(31, 164, 122, 0.1); border: 1px solid rgba(31, 164, 122, 0.35); color: #0f6b4f;}.cr-contact .crw-contact-form .crw-form-alert-err{background: #fef2f2; border: 1px solid #fca5a5; color: #b91c1c;}.cr-contact .crw-contact-form .crw-form-row{display: block; margin: 0;}.cr-contact .crw-contact-form .crw-form-group{flex: none; width: 100%; margin-bottom: 16px;}.cr-contact .crw-contact-form .crw-form-label{display: block; font-family: var(--crw-font-label, "Space Grotesk", sans-serif); font-weight: 600; font-size: .82rem; color: #5a6474; margin-bottom: 7px; gap: 0;}.cr-contact .crw-contact-form .crw-form-ico{display: none;}.cr-contact .crw-contact-form .crw-form-req{color: var(--spark-deep);}.cr-contact .crw-contact-form .form-control{width: 100%; padding: 13px 16px; border-radius: 10px; border: 1px solid rgba(13, 21, 38, 0.15); font-family: var(--crw-font-body, "Inter", sans-serif); font-size: .96rem; color: var(--ink); background: #fbfaf7; box-shadow: none;}.cr-contact .crw-contact-form .form-control:focus{outline: 2px solid var(--spark); border-color: var(--spark);}.cr-contact .crw-contact-form textarea.form-control{min-height: 120px; resize: vertical;}.cr-contact .crw-contact-form .crw-hp{position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important;}.cr-contact .crw-contact-form .crw-form-send{width: 100%; justify-content: center; margin-top: 6px; border-radius: 100px; padding: 16px 32px; font-family: var(--crw-font-label, "Space Grotesk", sans-serif); font-weight: 600; font-size: .98rem; background: var(--spark); color: var(--ink); border: none; box-shadow: 0 10px 30px rgba(240, 168, 48, 0.28); cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 9px; transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);}.cr-contact .crw-contact-form .crw-form-send:hover:not(:disabled){transform: translateY(-3px); box-shadow: 0 16px 40px rgba(240, 168, 48, 0.4);}.cr-contact .crw-contact-form .crw-form-send:disabled{opacity: .65; cursor: wait;}.cr-contact .crw-contact-form .crw-recaptcha-legal{margin-top: 14px; font-size: .78rem; color: #7a8494; line-height: 1.5;}.cr-contact .crw-contact-form .crw-recaptcha-legal a{color: var(--spark-deep); text-decoration: underline;}@media (max-width: 820px){.cr-contact .split .row{grid-template-columns: 1fr; gap: 32px;}.cr-contact .redirect-card{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: stretch; text-align: center; padding: 28px 24px;}.cr-contact .redirect-card .txt p{max-width: none;}.cr-contact .redirect-card .btn{justify-content: center;}.cr-contact .form-card{padding: 28px 22px;}}@media (prefers-reduced-motion: reduce){.cr-contact *, .cr-contact *::before, .cr-contact *::after{animation: none !important; transition: none !important;}.cr-contact .reveal{opacity: 1; transform: none;}}