/* Fondo */
.fi-simple-layout {
    background-image: url('/images/image-2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; /* necesario para el ::before */
}

/* Capa oscura semitransparente sobre la imagen */
.fi-simple-layout::before {
    content: '';
    position: absolute;
    inset: 0; /* top/right/bottom/left: 0 */
    background-color: rgba(39, 22, 70, 0.649); /* ajusta el 0.55 a tu gusto */
    z-index: 0;
}

/* Asegura que el contenido quede encima de la capa */
.fi-simple-main-ctn {
    position: relative;
    z-index: 1;
}

/* Card */
.fi-simple-main,
.dark .fi-simple-main {
    background-color: rgba(26, 99, 102, 0.412) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 1rem !important;
    box-shadow: 30px 30px 30px rgba(47, 99, 118, 0.85) !important;
    backdrop-filter: blur(5px) !important;
}