/* Cambiar el fondo de la sección a negro */
#dt_overview {
    background-color: black !important;
}

/* Ocultar la imagen de fondo del div overview-shape */
#dt_overview .overview-shape {
    display: none; /* O puedes usar background-image: none !important; */
}

/* Asegurar que los fondos internos sean transparentes */
#dt_overview .overview-content,
#dt_overview .overview-img-wrap {
    background-color: transparent;
}

/* Cambiar el color del texto y otros elementos a blanco para legibilidad */
#dt_overview,
#dt_overview p,
#dt_overview h2,
#dt_overview .content-bottom .count,
#dt_overview .content-bottom p {
    color: white;
}

/* Ajustar colores de íconos u otros elementos si es necesario */
#dt_overview .icon i {
    color: white;
}
/* Cambiar el fondo de la sección a negro */
#dt_information {
    background-color: black !important;
}

/* Eliminar la imagen de fondo de elementos internos si es necesario */
#dt_information .information-shape {
    background-image: none;
    /* O */
    display: none;
}

/* Asegurar que los fondos internos sean transparentes */
#dt_information .information-content,
#dt_information .information-img-wrap {
    background-color: transparent;
}


/* Cambiar el color de iconos u otros elementos */
#dt_information .icon,
#dt_information .icon i {
    color: white;
}


/* Cambiar el fondo de la sección de contacto a negro */
#content .dt_posts {
    background-color: black !important;
}

/* Ajustar el color del texto y etiquetas */
#content .dt_posts,
#content .dt_posts p,
#content .dt_posts label,
#content .dt_posts h1,
#content .dt_posts h2,
#content .dt_posts h3,
#content .dt_posts h4,
#content .dt_posts h5,
#content .dt_posts h6 {
    color: white;
}

/* Ajustar los campos de entrada y áreas de texto */
#content .dt_posts input,
#content .dt_posts textarea {
    background-color: #333;
    color: white;
    border: 1px solid #555;
}

#content .dt_posts input::placeholder,
#content .dt_posts textarea::placeholder {
    color: #bbb;
}

/* Ajustar los botones */
#content .dt_posts button,
#content .dt_posts input[type="submit"] {
    background-color: #555;
    color: white;
    border: 1px solid #777;
}

#content .dt_posts button:hover,
#content .dt_posts input[type="submit"]:hover {
    background-color: #777;
}

/* Ajustes específicos para WPForms */
#wpforms-1048 {
    background-color: transparent;
}

#wpforms-1048 .wpforms-field-label,
#wpforms-1048 .wpforms-field-sublabel,
#wpforms-1048 .wpforms-submit {
    color: white;
}

#wpforms-1048 .wpforms-field input,
#wpforms-1048 .wpforms-field textarea {
    background-color: #333;
    color: white;
    border: 1px solid #555;
}

#wpforms-1048 .wpforms-submit {
    background-color: #555;
    color: white;
    border: 1px solid #777;
}

#wpforms-1048 .wpforms-submit:hover {
    background-color: #777;
}

/* Cambiar el fondo del menú de navegación a negro */
.dt_navbar-menu {
    background-color: black !important;
}

/* Cambiar el color del texto y enlaces del menú a blanco */
.dt_navbar-menu,
.dt_navbar-menu a,
.dt_navbar-menu li,
.dt_navbar-menu .menu-item,
.dt_navbar-menu .menu-item a {
    color: white !important;
}

/* Ajustar colores en estados hover y focus */
.dt_navbar-menu a:hover,
.dt_navbar-menu a:focus {
    color: #ccc !important;
}

/* Resaltar el elemento del menú activo */
.dt_navbar-menu .current-menu-item > a {
    color: #fff;
    font-weight: bold;
}

/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
    .dt_navbar-menu {
        background-color: black !important;
    }

    .dt_navbar-menu a,
    .dt_navbar-menu li,
    .dt_navbar-menu .menu-item,
    .dt_navbar-menu .menu-item a {
        color: white !important;
    }
}



/* Cambiar el fondo de la barra de navegación a negro solo cuando es sticky */
.dt_navbar-wrapper.is--sticky.on {
    background-color: black;
}


/**//**/
/* Aplicar filtro negro semi-transparente a la imagen de fondo */
#dt_pagetitle {
    position: relative;
    z-index: 0;
}

#dt_pagetitle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Ajusta la opacidad aquí */
    z-index: 1;
}

/* Asegurar que el contenido esté por encima del filtro */
#dt_pagetitle .dt-container {
    position: relative;
    z-index: 2;
}

.dt_posts {
    background-color: black !important;
}

@media only screen and (max-width: 768px) {
    .dt_posts {
        background-color: black !important;
    }
}