/* ========================= ESAC Login — limpio (solo esta página) ========================= */ /* Header: marca + botón info */ #esac-login .brand-header{ display: flex; align-items: center; justify-content: center !important; /* centra el logo + texto */ gap: 12px; } .hr-login{ margin: 0; border-image: linear-gradient(to right, #fff, #FFFFFF80) 1; border-top: var(--bs-border-width) solid; opacity: 50; } /* Marca [EF] ESAC Finanzas */ #esac-login .brand-esac .brand-link{ display: inline-flex; align-items: center; line-height: 1; text-decoration: none; color: #000 !important; /* negro fijo */ font-weight: 800 !important; /* negrita */ } #esac-login .brand-esac .brand-mark{ --size: 40px; width: var(--size); height: var(--size); background: #5089AC; color: #fff; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; letter-spacing: .5px; font-size: .95rem; line-height: 1; box-shadow: 0 1px 0 rgba(16,24,40,.04); } #esac-login .brand-esac .brand-name-main{ font-size: 1.1rem; line-height: 1.2; } /* Títulos y texto intro */ #esac-login .nk-block-title{ color: #000 !important; font-weight: 800 !important; font-size: 1.55rem; } #esac-login .nk-block-des p{ color: #475569; } /* Inputs */ #esac-login .form-control.form-control-lg{ border-radius: 10px; box-shadow: none; } #esac-login .form-label{ font-weight: 600; } /* Links (olvidaste / términos / privacidad) en rojo */ #esac-login .form-help-row a, #esac-login .text-center small a{ color: #5089AC !important; font-weight: 600; } #esac-login .form-help-row a:hover, #esac-login .text-center small a:hover{ color: #5089AC !important; } /* Botón principal Iniciar sesión */ #esac-login .esac-login-btn{ background-image: linear-gradient(#7AAFCF,#5089AC); border-radius: 6px; color: #fff; width: 100%; justify-content: center; border: 1px solid #5089AC; padding: 0.3rem 0; font-weight: 600; font-size: 0.9rem;; } #esac-login .esac-login-btn:hover, #esac-login .esac-login-btn:focus{ background: #7AAFCF; border-color: #7AAFCF; } /* Botón Google: icono + texto centrados */ #esac-login .esac-social-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 10px; font-weight: 600; padding: 10px 14px; } #esac-login .esac-social-google .g-icon{ display: inline-block; } .login-togle-pc{ display: flex !important; } .login-togle-mobile{ display: none !important; } .login-idiomas{ border: #AEB7BE solid 1px; border-radius: 13px; } .border-login-form{ border-radius: 20px 0px 0px 20px; border: 1px solid #E2E8F0; justify-content: center; } .img-login-mobile-icon { align-content: center; text-align: center; } .login-backgorund-mobile{ background-image: url("../img/img-login-mobile.png"); background-size: cover; background-position: center; } .aling-content-center{ align-content: center; } @media (max-width: 991.98px) { .border-login-form{ border-radius: 0px; justify-content: start; background-color: #427391 !important; } .login-idiomas{ border: none; max-width: 100%; border-radius: 20px 20px 0px 0px; background-color: #fff !important; height: 100%; } .login-togle-pc{ display: none !important; } .login-togle-mobile{ display: block !important; } } /* Responsive fino */ @media (max-width: 420px){ #esac-login .brand-esac .brand-mark{ --size: 36px; font-size: .9rem; } #esac-login .brand-esac .brand-name-main{ font-size: 1.05rem; } #esac-login .esac-social-btn{ gap: 8px; } } /* ===== Auth: centrar brand + encabezado ===== */ /* Scope amplio por si tu usa pg-auth u otra clase */ .pg-auth .brand-logo, .page-auth-login .brand-logo, .nk-auth-body .brand-logo{ width: 100%; display: flex; align-items: center; justify-content: center; /* centra el logo + texto */ gap: .5rem; text-align: center; } /* Centra el título y la descripción bajo el título */ .pg-auth .nk-block-head .nk-block-title, .page-auth-login .nk-block-head .nk-block-title, .nk-auth-body .nk-block-head .nk-block-title{ text-align: center; margin-left: auto; margin-right: auto; } .pg-auth .nk-block-head .nk-block-des, .page-auth-login .nk-block-head .nk-block-des, .nk-auth-body .nk-block-head .nk-block-des{ text-align: center; margin-left: auto; margin-right: auto; }