@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{--color-primary: #262C3A;--color-secondary: #28388E;--color-secondary-complement: #C2C4CC;--color-bg: #f2f2f2;--color-white: #fff;--color-black: #262C3A;--color-error: #d32f2f;--color-input-border: #C2C4CC;--font-main: "Inter", "Avenir", system-ui, sans-serif;--font-size-base: 1rem;--font-size-lg: 1.35rem;--font-size-title: clamp(1.3rem, 4vw, 1.8rem);--spacing-xs: .5rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1.2em;--shadow-soft: 0 4px 18px rgba(40, 56, 142, .07);--shadow-card: 0 0 24px rgba(0, 0, 0, .08);--aligment: center;--primary-button-color: #28388E ;--secondary-button-color: rgb(38, 44, 58);--primary-button-color-hover: #212c6e ;--secondary-button-color-hover: rgb(27, 31, 41)}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-main, Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans");color-scheme:light;color:var(--color-black, #121212);background:var(--color-bg, #f5f6f8);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--radius: 16px}html,body{height:100%;min-height:100dvh}body{margin:0;width:100%;min-width:0;background:var(--color-bg, #f5f6f8);color:var(--color-black, #121212);font-size:16px;line-height:1.4;padding:var(--spacing-s)}#root{display:block;width:100%;min-height:100dvh}.page{min-height:100dvh;display:grid;place-items:center;padding:min(6vw,24px)}.card{width:100%;max-width:min(92vw,460px);background:#fff;border-radius:var(--radius);box-shadow:0 10px 30px #0000000f;padding:clamp(16px,4vw,28px)}h1,h2{font-weight:600}h1{font-size:clamp(1.6rem,2.5vw + 1rem,2.4rem)}h2{font-size:clamp(1.25rem,1.2vw + 1rem,2rem)}input,button,select,textarea{font:inherit;font-size:clamp(.95rem,.6vw + .85rem,1rem)}.link-button{background:transparent;border:0;color:#28388e;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}.onboarding-container{width:100%;max-width:700px;margin-inline:auto;padding:var(--spacing-m)}@media (min-width: 768px){.onboarding-container{max-width:600px;padding:var(--spacing-l)}}@media (min-width: 1024px){.onboarding-container{max-width:700px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:#262c3a;background-color:#f2f2f2}.login-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px;box-sizing:border-box}.login-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#262c3a}label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#333}input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;color:#c2c4cc}button{width:100%;padding:.75rem;font-size:1rem;font-weight:700;background-color:#262c3a;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#262c3a}@media (min-width: 1080px){.login-container{padding:2.5rem}.login-title{font-size:2.2rem}}@media (min-width: 1024px){.login-container{padding:3rem;max-width:450px}.login-title{font-size:2.4rem}}.error-box{margin-top:1rem;padding:1rem;background-color:#fdecea;border:1px solid #f5c6cb;border-radius:.5rem;color:#a94442;display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem}.error-icon{font-size:1.5rem;margin-top:.1rem}.app-header{background:#262c3a;padding:clamp(10px,2.5vw,16px) min(4vw,24px);border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000a;width:100%}.app-logo{display:block;height:clamp(32px,4vw + 16px,44px);max-width:100%;width:auto;margin-inline:auto}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}input,textarea{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #262C3A;border-radius:.5rem;background:#f2f2f2;color:#000;font-size:1rem}input:focus,textarea:focus{border-color:#262c3a;outline:none}button,.start-btn,.submit-btn,.continue-btn{width:100%;padding:.75rem 1.2rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;background-color:#262c3a;color:#f2f2f2;cursor:pointer;transition:background .3s ease}.link-button:hover{background-color:#c2c4cc}.secondary-button:hover{background-color:var(--secondary-button-color-hover)}.step-container{display:flex;flex-direction:column;gap:1rem;width:100%;height:468px;margin-top:2rem;background-color:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014}.step-container h2{font-size:1.5rem;color:#262c3a;text-align:center}.step-container p{color:#555;font-size:1rem;text-align:center}.input-error{color:#d00000;font-size:.9rem;margin-top:-.5rem;text-align:center}.primary-button{padding:.75rem;background-color:#262c3a;color:#fff;font-weight:600;border-radius:.5rem;cursor:pointer;border:none}.primary-button:hover{background-color:var(--primary-button-color-hover)}.primary-button:disabled{background-color:#ccc;cursor:not-allowed}.otp-container{display:flex;flex-direction:column;gap:1rem;background:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014}.otp-container h2{font-size:1.5rem;text-align:center}.otp-container p{text-align:center;color:#262c3a}.otp-input{font-size:2rem;text-align:center;letter-spacing:.5rem;padding:.5rem 1rem;border:1px solid #262C3A;border-radius:.5rem;outline:none;background:#fff}.otp-buttons{display:flex;justify-content:space-between;margin-top:1rem;gap:1rem}.secondary-button{background-color:#333;color:#262c3a}.password-container{display:flex;flex-direction:column;gap:1rem;background:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014}.password-container h2{font-size:1.5rem;text-align:center}.password-container p{text-align:center;color:#555}.password-container input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:.5rem;outline:none;background:#fff}.password-buttons{display:flex;justify-content:space-between;margin-top:1rem;gap:1rem}.secondary-button{background-color:#262c3a;color:#333}.welcome-screen{background:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.app-logo{width:120px;height:auto}.welcome-screen h1{font-size:1.8rem;color:#262c3a}.welcome-screen p{color:#262c3a;font-size:1rem;max-width:400px}.primary-button{padding:.75rem 1.5rem;background-color:#262c3a;color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer}.idcapture-container{display:flex;flex-direction:column;gap:1rem;background:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014;align-items:center;text-align:center}.camera-wrapper{position:relative;width:100%;max-width:360px}.camera-feed{width:100%;border-radius:.75rem}.overlay-box{position:absolute;top:25%;left:10%;width:80%;height:50%;border:3px dashed #ffffffb3;border-radius:.5rem;pointer-events:none}.capture-btn{margin-top:1rem;background-color:#1a1a1a;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:700;cursor:pointer}.preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.document-preview{width:100%;max-width:320px;border-radius:.75rem;box-shadow:0 0 10px #0000001a}.otp-buttons{display:flex;gap:1rem}.primary-button,.secondary-button{padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;cursor:pointer;border:none}.primary-button{background-color:#262c3a;color:#fff}.secondary-button{background-color:#ddd;color:#262c3a}.back-btn{margin-top:1rem}.review-container{display:flex;flex-direction:column;gap:1rem;background:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014}.review-container h2{font-size:1.5rem;text-align:center}.review-container p{text-align:center;color:#262c3a}.review-container label{display:flex;flex-direction:column;font-weight:500;color:#262c3a}.review-container input{padding:.6rem;font-size:1rem;border-radius:.5rem;border:1px solid #ccc;margin-top:.3rem;outline:none}.review-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.primary-button,.secondary-button{flex:1;padding:.75rem;font-weight:600;border-radius:.5rem;cursor:pointer;border:none}.primary-button{background-color:#1a1a1a;color:#fff}.secondary-button{background-color:var(--secondary-button-color);color:#ddd}.input-error{color:#d00000;text-align:center;font-size:.9rem}.complete-screen{background:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center}.complete-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.complete-screen h1{font-size:1.8rem;color:#1a1a1a}.complete-screen p{font-size:1.1rem;color:#555;max-width:400px}.primary-button{padding:.75rem 1.5rem;background-color:#262c3a;color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;text-decoration:none}.existing-patient{background:#f9f9f9;padding:2rem;border-radius:1rem;box-shadow:0 0 24px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center}.existing-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-icon{font-size:3rem;color:#10b981}.existing-patient h1{font-size:1.8rem;color:#1a1a1a}.existing-patient p{font-size:1.1rem;color:#555;max-width:400px}.primary-button{padding:.75rem 1.5rem;background-color:var(--primary-button-color);color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;text-decoration:none}.dashboard-container{min-height:100vh;background:linear-gradient(to bottom right,#fff,#fff);display:flex;flex-direction:column;align-items:stretch}.dashboard-header{background:#262c3a;padding:.6rem 1rem;display:flex;align-items:center;justify-content:center;position:relative}.logo-row{width:100%;display:flex;align-items:center;justify-content:space-between}.logo-img{height:28px}.logo-text{font-family:Montserrat,"system-ui",sans-serif;font-weight:700;letter-spacing:.08em;color:#fff;margin-left:.5rem;flex:1;font-size:1.4rem}.menu-button{background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer}.menu-dots{font-size:1.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-dropdown{position:absolute;top:45px;right:20px;background:#222b3b;border-radius:8px;box-shadow:0 4px 18px #00000017;z-index:10;padding:.5rem .8rem}.menu-dropdown button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer}.dashboard-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;margin-top:1.5rem;position:relative}.dashboard-btn{width:85vw;max-width:280px;padding:1.1rem 0;border-radius:12px;border:none;font-size:1.2rem;font-family:inherit;font-weight:700;letter-spacing:.05em;box-shadow:0 2px 10px #0000000a;cursor:pointer;transition:filter .15s;margin-bottom:.8rem}.btn-autoconsulta{background:#262c3a;color:#fff}.btn-historial{background:#253892;color:#fff}.btn-sos{background:#f43c35;color:#fff;position:fixed;bottom:32px;left:50%;transform:translate(-50%);width:85vw;max-width:280px;z-index:9}@media (max-width: 400px){.dashboard-btn,.btn-sos{max-width:95vw;font-size:1rem}}.recover-pin-container form,.recover-pin-container>div{background:#f2f2f2;border-radius:1.5rem;box-shadow:0 4px 20px #0001;padding:2.5rem 2rem 2rem;min-width:320px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:1.1rem}.recover-pin-container h2{text-align:center;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#262c3a}.recover-pin-container label{font-weight:500;color:#262c3a;display:flex;flex-direction:column;gap:.25rem;font-size:1rem}.recover-pin-container input[type=text],.recover-pin-container input[type=password]{border:1px solid #262C3A;border-radius:.75rem;padding:.65rem 1rem;font-size:1.08rem;background:#fafdff;transition:border .2s}.recover-pin-container input:focus{border-color:#262c3a;outline:none}.recover-pin-container .primary-button,.recover-pin-container button[type=submit]{margin-top:.4rem;background:#262c3a;color:#fff;text-align:center;border:none;border-radius:.75rem;padding:.7rem 0;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .18s;box-shadow:0 2px 8px #1877c93d}.recover-pin-container .primary-button:disabled,.recover-pin-container button[type=submit]:disabled{background:#262c3a;justify-content:center;cursor:not-allowed}.input-error{color:#d32f2f;background:#ffeaea;border-radius:.5rem;padding:.5rem 1rem;margin-top:-.6rem;font-size:.98rem;text-align:center}