/* ========================================================= LEMNISCATA ACADEMY LOGIN ========================================================= */ /* ========================================================= VARIABLES ========================================================= */ :root { --lemniscata-blue: #003b82; --lemniscata-green: #a6ce22; --lemniscata-card: #F3F6E8; --lemniscata-white: #ffffff; --lemniscata-text: #263238; --lemniscata-muted: #6b7280; --lemniscata-border: #dfe5d2; } /* ========================================================= OCULTAR BARRA DE WORDPRESS ========================================================= */ body.lemniscata-login-page #wpadminbar { display: none !important; } /* ========================================================= PÁGINA COMPLETA DE LOGIN ========================================================= */ body.lemniscata-login-page { margin: 0 !important; padding: 0 !important; min-height: 100vh; background-color: #f4f6f8; /* * Fondo oficial de Lemniscata */ background-image: url("/wp-content/uploads/2026/08/fondo-lemniscata.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } /* ========================================================= OCULTAR ELEMENTOS DEL TEMA ========================================================= */ body.lemniscata-login-page header, body.lemniscata-login-page footer, body.lemniscata-login-page .site-header, body.lemniscata-login-page .site-footer, body.lemniscata-login-page .site-navigation, body.lemniscata-login-page .main-navigation { display: none !important; } /* ========================================================= CONTENEDORES DEL TEMA ========================================================= */ body.lemniscata-login-page #page, body.lemniscata-login-page #content, body.lemniscata-login-page .site, body.lemniscata-login-page .site-content, body.lemniscata-login-page main, body.lemniscata-login-page article, body.lemniscata-login-page .inside-article, body.lemniscata-login-page .content-area, body.lemniscata-login-page .site-main { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; background: transparent !important; } /* ========================================================= ÁREA PRINCIPAL ========================================================= */ body.lemniscata-login-page .lemniscata-login { min-height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 40px 20px; /* * El fondo ahora está en BODY. * Esta capa queda transparente. */ background: transparent !important; } /* ========================================================= TARJETA LOGIN ========================================================= */ body.lemniscata-login-page .lemniscata-login-card { width: 100%; max-width: 430px; box-sizing: border-box; padding: 38px 40px 34px; background: #F3F6E8; border: 1px solid rgba(166, 206, 34, 0.18); border-radius: 18px; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06); } /* ========================================================= LOGO ========================================================= */ body.lemniscata-login-page .lemniscata-logo { width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 25px; } body.lemniscata-login-page .lemniscata-logo img { display: block; width: auto; max-width: 260px; max-height: 150px; height: auto; object-fit: contain; } /* ========================================================= TÍTULO ========================================================= */ body.lemniscata-login-page .lemniscata-login-card h2 { margin: 0 0 7px; padding: 0; color: var(--lemniscata-blue); font-size: 27px; line-height: 1.2; font-weight: 700; text-align: center; } /* ========================================================= SUBTÍTULO ========================================================= */ body.lemniscata-login-page .lemniscata-subtitle { margin: 0 0 28px; color: var(--lemniscata-muted); font-size: 14px; line-height: 1.5; text-align: center; } /* ========================================================= MENSAJE DE ERROR ========================================================= */ body.lemniscata-login-page .lemniscata-error { margin-bottom: 20px; padding: 12px 14px; border-radius: 8px; background: #fff1f1; border: 1px solid #f2caca; color: #a52828; font-size: 13px; line-height: 1.4; } /* ========================================================= FORMULARIO ========================================================= */ body.lemniscata-login-page .lemniscata-form { width: 100%; margin: 0; } /* ========================================================= CAMPOS ========================================================= */ body.lemniscata-login-page .lemniscata-field { width: 100%; margin-bottom: 19px; } /* ========================================================= LABELS ========================================================= */ body.lemniscata-login-page .lemniscata-field label { display: block; margin-bottom: 7px; color: var(--lemniscata-text); font-size: 13px; font-weight: 600; } /* ========================================================= INPUTS ========================================================= */ body.lemniscata-login-page .lemniscata-field input { width: 100%; height: 48px; box-sizing: border-box; margin: 0; padding: 0 14px; border: 1px solid var(--lemniscata-border); border-radius: 9px; background: #ffffff; color: var(--lemniscata-text); font-family: inherit; font-size: 14px; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; } /* ========================================================= PLACEHOLDER ========================================================= */ body.lemniscata-login-page .lemniscata-field input::placeholder { color: #9ca3af; opacity: 1; } /* ========================================================= INPUT ENFOCADO ========================================================= */ body.lemniscata-login-page .lemniscata-field input:focus { border-color: var(--lemniscata-blue); box-shadow: 0 0 0 3px rgba(0, 59, 130, 0.10); } /* ========================================================= OPCIONES ========================================================= */ body.lemniscata-login-page .lemniscata-options { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 4px 0 24px; font-size: 12px; } /* ========================================================= RECORDARME ========================================================= */ body.lemniscata-login-page .lemniscata-options label { display: flex; align-items: center; gap: 7px; margin: 0; color: #606770; cursor: pointer; white-space: nowrap; } /* ========================================================= CHECKBOX ========================================================= */ body.lemniscata-login-page .lemniscata-options input[type="checkbox"] { width: 15px; height: 15px; margin: 0; accent-color: var(--lemniscata-blue); } /* ========================================================= ENLACES ========================================================= */ body.lemniscata-login-page .lemniscata-options a, body.lemniscata-login-page .lemniscata-register a { color: var(--lemniscata-blue); text-decoration: none; font-weight: 600; } body.lemniscata-login-page .lemniscata-options a:hover, body.lemniscata-login-page .lemniscata-register a:hover { color: var(--lemniscata-green); text-decoration: underline; } /* ========================================================= BOTÓN ========================================================= */ body.lemniscata-login-page .lemniscata-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; box-sizing: border-box; margin: 0; padding: 12px 20px; border: none; border-radius: 9px; background: var(--lemniscata-blue); color: #ffffff; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; cursor: pointer; transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; } body.lemniscata-login-page .lemniscata-button:hover { background: #002e66; color: #ffffff; box-shadow: 0 5px 14px rgba(0, 59, 130, 0.22); } body.lemniscata-login-page .lemniscata-button:active { transform: translateY(1px); } /* ========================================================= REGISTRO ========================================================= */ body.lemniscata-login-page .lemniscata-register { margin-top: 23px; padding-top: 20px; border-top: 1px solid rgba(166, 206, 34, 0.20); color: #737b83; font-size: 12px; line-height: 1.5; text-align: center; } body.lemniscata-login-page .lemniscata-register p { margin: 0; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 768px) { body.lemniscata-login-page .lemniscata-login { padding: 30px 18px; } body.lemniscata-login-page .lemniscata-login-card { max-width: 420px; padding: 34px 30px 30px; } } /* ========================================================= CELULAR ========================================================= */ @media (max-width: 480px) { body.lemniscata-login-page .lemniscata-login { min-height: 100vh; padding: 25px 15px; } body.lemniscata-login-page .lemniscata-login-card { max-width: 100%; padding: 30px 23px 27px; border-radius: 15px; } body.lemniscata-login-page .lemniscata-logo img { max-width: 220px; max-height: 125px; } body.lemniscata-login-page .lemniscata-login-card h2 { font-size: 24px; } body.lemniscata-login-page .lemniscata-options { flex-direction: column; align-items: flex-start; gap: 10px; } } /* ========================================================= PANTALLAS MUY PEQUEÑAS ========================================================= */ @media (max-height: 650px) { body.lemniscata-login-page .lemniscata-login { align-items: flex-start; padding-top: 25px; padding-bottom: 25px; } }