/* Estilos para el cuadro de información de precios en MODO OSCURO */
html[data-bs-theme="dark"] .info-precio-servicio {
    border-color: #555 !important; /* Un borde más oscuro para el modo oscuro */
    background: #2c2c2c !important; /* Un fondo oscuro */
    color: #ffffff !important; /* Texto blanco puro para todo el div */
}

html[data-bs-theme="dark"] .info-precio-servicio strong {
    color: #ffffff !important; /* Asegura que las negritas también sean blancas */
}
/* Estilos para el texto "Informacion :" en MODO OSCURO */
html[data-bs-theme="dark"] .product-fields-title.text-secondary {
    color: #ffffff !important; /* Texto blanco puro */
}
/* ------------------------------------------------------------- */