@font-face{font-display:swap;font-family:Poppins ExtraBold;font-style:normal;src:url(../fonts/Poppins-ExtraBold.otf)}@font-face{font-display:swap;font-family:BarlowSemiCondensed Regular;font-style:normal;font-weight:100;src:url(../fonts/BarlowSemiCondensed-Regular.ttf)}.subTitle{font-family:Poppins ExtraBold;font-size:20px;font-weight:800!important;margin-top:15px;text-align:center}.subTitle span{color:#e7272c}.textParagraph{font-family:BarlowSemiCondensed Regular;font-size:14px;line-height:1.2;padding:0;text-align:center}.textParagraph span{color:#e7272c}.k-content-center{display:flex;justify-content:center;margin-bottom:10px}button[disabled],html input[disabled]{cursor:default}.required{color:#e74c3c!important}.container-scroll{display:flex;margin-left:20px;margin-right:20px;margin-top:30px}.container-scroll .col{padding-left:25px;padding-right:25px;width:100%}.info-image{height:45px}.arrow{align-items:center!important;display:flex!important;gap:1px!important}em,i{font-style:normal}dialog{border:none;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);padding:0;width:90%}dialog::backdrop{backdrop-filter:blur(3px);background-color:rgba(0,0,0,.5)}.modal-header{align-items:center;background:red;border-bottom:1px solid #eee;display:flex;height:40px;justify-content:space-between;padding:1rem}.modal-body{background:#f0f8ff;padding:1.5rem}.modal-footer{background:#f9f9f9;padding:1rem;text-align:right}#closeModal{background:none;border:none;cursor:pointer;font-size:1.5rem}.modalTitle{color:#fff;font-size:16px}.question{color:#185d9b;font-weight:600}.textCenter{text-align:center}.textFont{color:#000;font-weight:600}

/* Transiciones suaves entre formularios y páginas */
@view-transition { navigation: auto; }
@keyframes kcCardFadeSlideIn { 0% { opacity: 0; transform: translateY(4px); } 100% { opacity: 1; transform: translateY(0); } }
.kcLoginMain, .kcFormCardClass, .card-pf, #face-register-container, .scan-modal { animation: kcCardFadeSlideIn 0.18s cubic-bezier(0, 0, 0.2, 1) both; will-change: opacity, transform; }
.kc-page-exit { opacity: 0 !important; transform: translateY(-4px) !important; transition: opacity 0.1s ease-out, transform 0.1s ease-out !important; pointer-events: none !important; }
html, body, body#keycloak-bg { background-color: var(--quickstart-bg-color, #ece8e8); }