/* ==========================================================================
   Diseno para la pagina de inicio
   ========================================================================== */

body.home .site-main,
body.home article.content-bg,
body.home .entry-content-wrap,
body.home .entry-content {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

body.home .kb-row-layout-wrap {
    background-color: rgba(255, 255, 255, 0.85) !important; 
    
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    
    margin-top: 50px !important; 
    margin-bottom: 50px !important;
    
    border-radius: 15px !important; 
    border: 1px solid rgba(255, 255, 255, 0.5) !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; 
    
    padding: 40px !important; 
}

/* ==========================================================================
   Diseno para la pagina de reset password
   ========================================================================== */

/* Efecto cristal para el mensaje usuario conectado */
/* --- Estilo de Cristal (Glassmorphism) para Reset Password Logueado --- */

.academy-logged-in-message {
    background: rgba(255, 255, 255, 0.65) !important;
    
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px); !important;
    
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    max-width: 500px !important;
    margin: 80px auto !important;
    
    /* 4. Estilo de texto y sombras */
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(10, 42, 99, 0.08)!important;
    color: #1a2b4c !important; 
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

.academy-logged-in-message a:hover {
    background: #061c47 !important;
    transform: translateY(-2px); !important;
    color: #ffffff !important;
}

/* optimizacion en telefono */
@media (max-width: 768px) {
    body.page-id-11 #inner-wrap {
        background-attachment: scroll;
        padding: 40px 15px; 
    }
}

.error-404-custom {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.content-404 h1 {
    margin-bottom: 1rem;
}

.btn-regresar-inicio {
    display: inline-block;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 6px;
}