@font-face { font-family: 'Poppins-light'; src: url("../fonts/Poppins-Light.ttf") format("TrueType"), url("../fonts/Poppins-Light.otf") format("OpenType"), url("../fonts/Poppins-Light.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.ttf") format("TrueType"), url("../fonts/Poppins-Regular.otf") format("OpenType"), url("../fonts/Poppins-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; }
a { color: #78a824; text-decoration: none; }

a:hover { color: #acd51e; text-decoration: none; }

:root { --brand-green: #7cc142; --brand-dark: #0f0f10; --card-dark: #1b1b1d; --button: #1f2120; --button-hover: #434248; --button-border: #424d2d; --button-hover-border: #7d8669; }

html, body { height: 100%; }

body { background: radial-gradient(ellipse at 20% 20%, rgba(255, 255, 255, 0.04), transparent 35%), radial-gradient(ellipse at 80% 40%, rgba(255, 255, 255, 0.04), transparent 35%), radial-gradient(ellipse at 40% 80%, rgba(255, 255, 255, 0.04), transparent 35%), repeating-radial-gradient(circle at 50% 120%, rgba(255, 255, 255, 0.05) 0 2px, transparent 2px 6px), linear-gradient(180deg, #121214, #0a0a0b); color: #e9ecef; font-family: 'Poppins'; }

.navbar { backdrop-filter: blur(6px); border-bottom: 1px solid rgba(255, 255, 255, 0.06); }

.brand-mark { width: 34px; height: 34px; border-radius: 8px; background: conic-gradient(from 180deg, var(--brand-green), #2f7b10); display: inline-block; margin-right: .5rem; }

.accent { color: var(--brand-green); }

.btn-brand { --bs-btn-bg: var(--brand-green); --bs-btn-border-color: var(--brand-green); --bs-btn-hover-bg: #6fb439; --bs-btn-hover-border-color: #6fb439; --bs-btn-color: #0b0b0c; --bs-btn-focus-shadow-rgb: 124, 193, 66; font-weight: 600; }

.form-control, .form-check-input { background-color: #111214; border-color: #2b2d31; color: #e9ecef; }

.form-control:focus { border-color: var(--brand-green); box-shadow: 0 0 0 0.25rem rgba(124, 193, 66, 0.25); }

.divider { position: relative; text-align: center; color: #aab0b6; }

a.link-muted { color: #bfc5cc; text-decoration: none; }

a.link-muted:hover { color: #fff; }

footer { color: #aab0b6; }

.lexi-center-box { margin: 70px auto; color: #ffffff; text-align: center; }
.lexi-center-box p { color: white; font-size: 12px; }
.lexi-center-box .btn-login { margin-left: auto; }
.lexi-center-box .btn-login img { margin-left: 10px; }
.lexi-center-box #recoverPassBtn { margin: 15px auto; text-align: right; padding-right: 0px; text-decoration: underline; }
.lexi-center-box .users-search { position: relative; display: flex; align-items: center; max-width: 100%; }
.lexi-center-box .users-search .users-search__button { position: absolute; right: 0.4rem; bottom: 27px; border: none; background: transparent; cursor: pointer; font-size: 1rem; line-height: 1; display: flex; align-items: center; justify-content: center; }
.lexi-center-box .user-section { margin-bottom: 35px; }
.lexi-center-box .user-section .user-form table input, .lexi-center-box .user-section .user-form table select { padding: 6px 12px; }
.lexi-center-box .user-section-note { font-style: italic; }
.lexi-center-box #loginLexi .text-danger { margin-bottom: 18px; }
.lexi-center-box .panel-options .panel-option img { display: block; }
.lexi-center-box .users-section .users-table-wrapper { background-color: white; padding: 10px; height: 400px; overflow: auto; }
.lexi-center-box .users-section .users-table { color: black; background-color: white; width: 100%; }
.lexi-center-box .users-section .users-table tr { border-bottom: #e8e8e8 2px solid; }

.lexi-btn { background: #72b33e; border: #72b33e 1px solid; color: white; }

.panel-lexi { position: relative; max-width: 900px; width: 100%; margin: 0 auto; padding: 3rem 4rem; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.8); color: #ffffff; text-align: center; background-color: #222126; }
.panel-lexi p { font-size: 14px !important; }
.panel-lexi footer p { color: var(--brand-green); font-size: 12px !important; }

.panel-title { font-size: 2.4rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; }

.panel-subtitle { display: block; font-size: 0.9rem; font-weight: 300; margin-top: 0.3rem; color: #9fa3a7; }

.panel-divider { margin: 1.8rem auto 1.8rem; border: 0; height: 2px; width: 60%; background: linear-gradient(to right, transparent, var(--brand-green, #9AD24F), transparent); }

/* Texto de bienvenida */
.panel-copy { font-size: 0.95rem; line-height: 1.6; color: #d4d4d4; max-width: 640px; margin: 0 auto 2.4rem; }
.panel-copy p { margin-bottom: 0.6rem; }

.panel-copy--highlight { margin-top: 1.5rem; font-weight: 600; color: #ffffff; }

/* Opciones del panel (las 4 tarjetas) */
.panel-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 2.5rem; }

.panel-option { display: flex; flex-direction: column; align-items: center; text-decoration: none; padding: 1.4rem 0.8rem 1.1rem; border-radius: 8px; background: var(--button); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.7); border: 1px solid var(--button-border); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease; }
.panel-option:hover { box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9); border-color: var(--button-hover-border); background: var(--button-hover); }

.panel-option-icon { width: 76px; height: 76px; border-radius: 50%; margin-bottom: 0.9rem; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 20%, #ecfff3 0, #c0f3a0 35%, #8ecf5a 70%, #49772a 100%); }
.panel-option-icon img { width: 70%; height: auto; display: block; }

.panel-option-text { font-size: 0.95rem; font-weight: 600; color: #ffffff; }

/* Footer del panel */
.panel-footer { font-size: 0.78rem; color: var(--brand-green, #9AD24F); text-align: center; margin-top: 0.6rem; }

/* RESPONSIVE ========== */
@media (max-width: 992px) { .panel-lexi { padding: 2.5rem 2.2rem; }
  .panel-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .panel-lexi { padding: 2rem 1.4rem; }
  .panel-options { grid-template-columns: 1fr; }
  .panel-title { font-size: 1.9rem; } }
.jotform-card { color: black !important; background-color: white; }

#changePasswordModal { text-align: left; }
#changePasswordModal .modal-content { background-color: #5b5e6d; color: white; }
#changePasswordModal .form-group label { margin: 10px; }
#changePasswordModal button[type="submit"] { background-color: #72b33e; margin-top: 15px; border: #72b33e 1px solid; color: white; }
#changePasswordModal button.close { background-color: #72b33e; border: #72b33e 1px solid; color: white; padding: 5px 5px; line-height: 11px; }

/*# sourceMappingURL=style.css.map */