/* ========================= 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; } /* 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: #315F76; 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: #13303E !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: #475569 !important; font-weight: 600; } #esac-login .form-help-row a:hover, #esac-login .text-center small a:hover{ color: #0F5102 !important; } /* Botón principal Iniciar sesión */ #esac-login .esac-login-btn{ background: #475569; border-color: #475569; border-radius: 12px; box-shadow: 0 6px 14px #102733; } #esac-login .esac-login-btn:hover, #esac-login .esac-login-btn:focus{ background: #214152; border-color: #214152; } /* 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; } /* 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; }