/* Centrado del contenedor total */
.bj-wrapper-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 80vh !important;
    padding: 20px !important;
    background-color: #f8faff !important;
}

/* El contenedor "Hijo" que une imagen y form */
.bj-flex-container {
    display: flex !important;
    background: #fff !important;
    border-radius: 24px !important;
    overflow: hidden !important; /* Corta las esquinas de la imagen */
    box-shadow: 0 15px 50px rgba(0,0,0,0.1) !important;
    width: 100% !important;
    max-width: 850px !important; /* Ancho total de la unión */
}

/* Lado de la Imagen: Pegado y con el alto del form */
.bj-side-img-compact {
    flex: 1 !important;
    background-image: url('https://blakjob.com/wp-content/uploads/2026/05/2148888271.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    min-height: 500px !important; /* Asegura un alto mínimo visual */
}

/* Lado del Formulario */
.bj-form-content {
    flex: 1 !important;
    padding: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.bj-logo-v39 { max-width: 180px !important; margin-bottom: 20px !important; align-self: center; }
.bj-title-v39 { font-size: 24px !important; font-weight: 800 !important; color: #000 !important; margin-bottom: 25px !important; text-align: center; }

.bj-tabs-v39 { display: flex !important; border-bottom: 1px solid #eee !important; margin-bottom: 20px !important; }
.bj-tab-v39 { flex: 1 !important; padding: 12px 0 !important; cursor: pointer !important; font-weight: 600 !important; color: #999 !important; text-align: center; border-bottom: 3px solid transparent !important; }
.bj-tab-v39.active { color: ##1a73e8 !important; border-bottom: 3px solid #F26B1D !important; }

.bj-input-v39 { width: 100% !important; padding: 14px !important; margin-bottom: 12px !important; border: 1px solid #ddd !important; border-radius: 12px !important; font-size: 16px !important; box-sizing: border-box !important; }
.bj-btn-v39 { width: 100% !important; background-color: #F26B1D !important; color: #fff !important; padding: 15px !important; border: none !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; margin-top: 10px !important; }
.bj-btn-v39:hover { background: #0D0D0D !important; }

.bj-footer-v39 { margin-top: 25px !important; font-size: 14px !important; color: #666 !important; text-align: center; }
.bj-footer-v39 a { color: #F26B1D !important; text-decoration: none !important; font-weight: 700 !important; }

/* Ocultar imagen en móviles */
@media (max-width: 768px) {
    .bj-side-img-compact { display: none !important; }
    .bj-form-content { padding: 30px !important; }
}

.bj-menu-logout a { color: #d32f2f !important; font-weight: 600 !important; }