/* --- ESTILOS PARA FONDO AZUL OSCURO Y TEXTOS CLAROS --- */

/* 1. Cambiamos el fondo a un azul oscuro profesional */
.bg-custom-gradient {
    background: #0A192F; /* Azul marino oscuro */
    fill: #0A192F;
}

/* 2. Devolvemos el color blanco al texto y títulos */
.bg-custom-gradient .title-block,
.swiper-caption {
    color: #FFFFFF; 
}

.bg-custom-gradient .title-block h1,
.bg-custom-gradient .title-block .h1,
.bg-custom-gradient .title-block h2,
.bg-custom-gradient .title-block .h2,
.bg-custom-gradient .title-block h3,
.bg-custom-gradient .title-block .h3,
.bg-custom-gradient .title-block h4,
.bg-custom-gradient .title-block .h4,
.bg-custom-gradient .title-block h5,
.bg-custom-gradient .title-block .h5,
.bg-custom-gradient .title-block h6,
.bg-custom-gradient .title-block .h6,
.swiper-caption h1,
.swiper-caption h2,
.swiper-caption h4 {
    color: #FFFFFF;
}

.bg-custom-gradient .title-block p,
.swiper-caption h4 {
    color: rgba(255, 255, 255, 0.8); /* Blanco con un poco de transparencia */
}

/* 3. Hacemos visible el texto decorativo (opcional) */
.section-decorate .section-decorate-title p {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.07) 52.49%, rgba(255,255,255,0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 4. Ajustamos el color del formulario de contacto para el fondo oscuro */
.bg-custom-gradient .form-modern .form-control {
    border-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

.bg-custom-gradient .form-modern .form-label {
    color: #FFFFFF;
}

.bg-custom-gradient .form-modern .form-label.focus {
    color: #ef6079;
}