/*
 * DTF Store - apariencia oscura.
 * Se carga con: [dtf-store apariencia="oscuro"]
 */

#dtfstore#dtfstore.dtf-apariencia-oscuro {
    color-scheme: dark;

    /* Variables que sí consume el menú de proyecto de front.css. */
    --dtf-menu-fondo: #111827;
    --dtf-menu-texto: #f8fafc;
    --dtf-menu-texto-secundario: #cbd5e1;
    --dtf-menu-borde-color: #334155;
    --dtf-menu-area-fondo: #0f172a;
    --dtf-menu-tarjeta-fondo: #111827;
    --dtf-menu-tarjeta-borde: #334155;
    --dtf-menu-color-principal: #6f8df1;
    --dtf-menu-color-acento: #6f8df1;
    --dtf-menu-color-acento-suave: #263452;

    --dtf-referencia-fondo: #111827;
    --dtf-referencia-texto: #cbd5e1;
    --dtf-referencia-valor: #f8fafc;
    --dtf-referencia-icono: #8aa2f5;
    --dtf-referencia-borde: #334155;

    --dtf-select-fondo: #1f2937;
    --dtf-select-texto: #f8fafc;
    --dtf-select-borde: #475569;
    --dtf-select-hover-fondo: #273449;
    --dtf-select-hover-borde: #6f8df1;
    --dtf-select-focus-borde: #8aa2f5;

    --dtf-control-icono-color: #8aa2f5;
    --dtf-control-icono-fondo: #1f2937;
    --dtf-control-icono-borde: #475569;
    --dtf-configuracion-fondo: #1f2937;
    --dtf-configuracion-texto: #f8fafc;
    --dtf-configuracion-borde: #475569;
    --dtf-input-fondo: #111827;
    --dtf-input-texto: #f8fafc;
    --dtf-input-borde: #475569;

    --dtf-informacion-fondo: #1f2937;
    --dtf-informacion-texto: #f8fafc;
    --dtf-informacion-borde: #475569;
    --dtf-informacion-imagen-fondo: #111827;
    --dtf-informacion-imagen-borde: #64748b;
    --dtf-aviso-fondo: #3f1d24;
    --dtf-aviso-texto: #fca5a5;
    --dtf-aviso-borde: #f87171;

    --dtf-menu-pie-fondo: #111827;
    --dtf-menu-pie-borde: #334155;
    --dtf-servicios-fondo: #111827;
    --dtf-servicios-texto: #f8fafc;
    --dtf-servicios-borde: #475569;
    --dtf-servicios-hover-fondo: #263452;
    --dtf-servicios-hover-texto: #ffffff;
    --dtf-servicios-hover-borde: #6f8df1;
    --dtf-eliminar-fondo: #111827;
    --dtf-eliminar-texto: #f87171;
    --dtf-eliminar-borde: #f87171;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu,
#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu .textomenu,
#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu .textomenu p,
#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu .textomenu b {
    color: #f8fafc;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu .menubovina {
    background-color: #1f2937;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu .imagenmenu img {
    background-color: #111827 !important;
    border-color: #64748b !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu .infoimportante {
    color: #fca5a5;
    background-color: #3f1d24;
    border-color: #f87171;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu #contenedor-avisos,
#dtfstore#dtfstore.dtf-apariencia-oscuro #explicamenu #contenedor-avisos p {
    color: #fca5a5;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #cuadro_usuario {
    color: #f8fafc;
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
    border-color: #374151;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #cuadro_usuario .usuario_izq,
#dtfstore#dtfstore.dtf-apariencia-oscuro #cuadro_usuario .usuario_der,
#dtfstore#dtfstore.dtf-apariencia-oscuro #cuadro_usuario .usuario_der_text {
    color: #f8fafc;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #cuadro_usuario .avatar_dtf {
    border-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf {
    color: #e5e7eb;
    background: #0f172a;
    border-color: #334155;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #filmlistaarchivos {
    color: #fbfbfb;
    background: #111827;
    border-color: #434343;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #filmlistaarchivos::before {
    color: #082f49;
    background: #7dd3fc;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #filmlistaarchivos:hover {
    color: #f0f9ff;
    background: linear-gradient(135deg, #1e3a8a, #075985);
    border-color: #38bdf8;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dropdowndtf-menu #iconosinferiores {
    background: #0f172a;
    border-color: #334155;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dropdowndtf-menu .iconoinferior {
    color: #cbd5e1;
    background: #111827;
    border-color: #334155;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dropdowndtf-menu .iconoinferior:hover {
    color: #f8fafc;
    background: #1e293b;
    border-color: #38bdf8;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dropdowndtf-menu #iconosinferiores > .iconoinferior img {
    background: #e2e8f0;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dropdowndtf-menu #iconosinferiores > .pixelcolornew {
    background: linear-gradient(135deg, #111827, #172033);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf-container,
#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf-titulo-lista,
#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf-grid,
#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf-pie-lista {
    color: #e5e7eb;
    background-color: #111827;
    border-color: #334155;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .archivo-contenedor {
    background-color: #ffffff00;
}


#dtfstore#dtfstore.dtf-apariencia-oscuro .select-dtfstore,
#dtfstore#dtfstore.dtf-apariencia-oscuro .select-anchos-dtfstore,
#dtfstore#dtfstore.dtf-apariencia-oscuro .select-perfiles-dtfstore,
#dtfstore#dtfstore.dtf-apariencia-oscuro .input-cantidad-multiple {
    color: #f8fafc;
    background-color: #1f2937;
    border-color: #475569;
    color-scheme: dark;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .select-dtfstore option,
#dtfstore#dtfstore.dtf-apariencia-oscuro .select-anchos-dtfstore option,
#dtfstore#dtfstore.dtf-apariencia-oscuro .select-perfiles-dtfstore option {
    color: #f8fafc;
    background-color: #1f2937;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dropdowndtf-menu,
#dtfstore#dtfstore.dtf-apariencia-oscuro .menucontenido,
#dtfstore#dtfstore.dtf-apariencia-oscuro .menu-izq,
#dtfstore#dtfstore.dtf-apariencia-oscuro .menu-der,
#dtfstore#dtfstore.dtf-apariencia-oscuro .inferiormenu {
    color: #e5e7eb;
    background-color: #111827;
    border-color: #334155;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dropdowndtf-menu {
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #tipodeconsumo {
    color: #cbd5e1;
    background: linear-gradient(
        90deg,
        rgba(15, 23, 42, 0.96) 32%,
        rgba(31, 41, 55, 0.92) 100%
    );
    border-color: #334155;
}

/* Modal de subida múltiple. */
#dtfstore#dtfstore.dtf-apariencia-oscuro #contenidocuadromultiple {
    color: #e5e7eb;
    background-color: #111827;
    border: 1px solid #334155;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #arrastrararchivos {
    color: #cbd5e1;
    background-color: #1f2937;
    border-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #arrastrararchivos.dragover {
    color: #93c5fd;
    background-color: rgba(59, 130, 246, 0.16);
    border-color: #60a5fa;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple h4,
#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple strong {
    color: #ffffff;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple span,
#dtfstore#dtfstore.dtf-apariencia-oscuro .estado-msg {
    color: #ffffff;
}
#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo {
    color: #e5e7eb;
    background-color: #1f2937 !important;
    border-color: #475569 !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo .fila.nombre-peso strong {
    color: #f8fafc;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo .barra-externa {
    background-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo.advertencia {
    background-color: #3b2a16 !important;
    border-color: #fb923c !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo.advertencia .estado-msg {
    color: #fdba74 !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo.error {
    background-color: #3f1d24 !important;
    border-color: #f87171 !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo.error .estado-msg {
    color: #fca5a5 !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo.ok {
    background-color: #123524 !important;
    border-color: #4ade80 !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple .item-archivo.ok .estado-msg {
    color: #86efac !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #mensajes {
    background-color: rgba(2, 6, 23, 0.78);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #contenidomensajes {
    color: #e5e7eb;
    background-color: #111827;
    border-color: #64748b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #titulomensajes {
    color: #f8fafc;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #mensaje,
#dtfstore#dtfstore.dtf-apariencia-oscuro #mensajedeprocesando {
    color: #cbd5e1;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #barra-progreso {
    background: #334155 !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #progreso {
    background: #22c55e !important;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple li {
    color: #e5e7eb;
    background-color: #1f2937;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple li:hover {
    background-color: #273449;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple li.ok {
    background-color: #123524;
    border-color: #4ade80;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple li.error {
    background-color: #3f1d24;
    border-color: #f87171;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #listamultiple li.advertencia {
    background-color: #3b2a16;
    border-color: #fb923c;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #pesoproyectomultiple {
    color: #f8fafc;
    background-color: #1f2937;
    border: 1px solid #475569;
    border-bottom: 0;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #titulosubidamultiple {
    color: #f8fafc;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #pesomultiple,
#dtfstore#dtfstore.dtf-apariencia-oscuro #pesomultipleproyectotal {
    color: #fbbf24;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .peso-barra {
    background-color: #475569;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .peso-texto {
    color: #ffffff !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .disco img {
    filter: brightness(0.92) contrast(1.12);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #boton-subir-multiple {
    color: #ffffff;
    background-color: #3157d5;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #boton-subir-multiple:hover {
    background-color: #2647b5;
}

/* Modal de edición de archivo. */
#dtfstore#dtfstore.dtf-apariencia-oscuro #contenidoCuadroeditar {
    color: #e5e7eb;
    background-color: #111827;
    border: 1px solid #334155;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #tituloeditar label {
    color: #f8fafc;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #contenedorimageneditar,
#dtfstore#dtfstore.dtf-apariencia-oscuro #editar-image {
    background-color: #1f2937;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .numcopias {
    color: #f8fafc;
    background-color: rgba(31, 41, 55, 0.88);
    border-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #contador_editar {
    color: #fca5a5;
    background-color: rgba(31, 41, 55, 0.92);
    border-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #editararchivo,
#dtfstore#dtfstore.dtf-apariencia-oscuro #botoneliminarchivo {
    color: #f8fafc;
    background-color: rgba(31, 41, 55, 0.90);
    border-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #cerrarCuadroeditar {
    color: #f8fafc;
    background-color: #1f2937;
    border: 1px solid #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #editar-status,
#dtfstore#dtfstore.dtf-apariencia-oscuro #dimensiones-archivo {
    color: #e5e7eb;
}

/* Modal de confirmación para eliminar archivos. */
#dtfstore#dtfstore.dtf-apariencia-oscuro #contenidoCuadroeliminar {
    color: #e5e7eb;
    background-color: #111827;
    border: 1px solid #475569;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.60);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #tituloeliminar label {
    color: #f8fafc;
    border-bottom-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #mensajeeliminar,
#dtfstore#dtfstore.dtf-apariencia-oscuro #eliminar-status {
    color: #e5e7eb;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #botoneliminar-si {
    color: #fecaca;
    background-color: #3f1d24;
    border-color: #f87171;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #botoneliminar-si:hover {
    color: #ffffff;
    background-color: #b42318;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #botoneliminar-no {
    color: #bbf7d0;
    background-color: #123524;
    border-color: #4ade80;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #botoneliminar-no:hover {
    color: #ffffff;
    background-color: #166534;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #cerrarCuadroeliminar {
    color: #f8fafc;
    background-color: #1f2937;
    border: 1px solid #475569;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #cerrarCuadroeliminar:hover {
    background-color: #334155;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .imagen-eliminar {
    background-color: #0f172a;
    border-color: #64748b;
}

/* Modal de servicios y selector de productos de planchado. */
#dtfstore#dtfstore.dtf-apariencia-oscuro #contenidoservicio {
    color: #e5e7eb;
    background-color: #111827;
    border-color: #64748b;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.60);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #tituloservicio {
    color: #f8fafc;
    border-bottom-color: #6f8df1;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #servicio,
#dtfstore#dtfstore.dtf-apariencia-oscuro #servicioscheck,
#dtfstore#dtfstore.dtf-apariencia-oscuro .informacion_corte,
#dtfstore#dtfstore.dtf-apariencia-oscuro #serviciodeplanchado {
    color: #e5e7eb;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #lista_productos_planchado_usuario {
    color: #e5e7eb;
    background-color: #1f2937;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .producto-item {
    color: #e5e7eb;
    background-color: #1f2937;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .producto-img {
    background-color: #111827;
    border-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .precio-total {
    color: #bfdbfe;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .total-general {
    color: #bbf7d0;
    background-color: rgba(20, 83, 45, 0.45);
    border-color: #22c55e;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .tituloproductoplanchado {
    color: #bfdbfe;
    border-bottom-color: #64748b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #textarea_observaciones_planchado,
#dtfstore#dtfstore.dtf-apariencia-oscuro #input_cantidad_planchado {
    color: #f8fafc;
    background-color: #111827;
    border-color: #64748b;
    color-scheme: dark;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #textarea_observaciones_planchado::placeholder {
    color: #93c5fd;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .modal_productos_planchado {
    background-color: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(5px);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .modal_productos_planchado_contenido {
    color: #e5e7eb;
    background-color: #111827;
    border: 1px solid #475569;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.65);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .navbarplanchado,
#dtfstore#dtfstore.dtf-apariencia-oscuro .columna_izquierda_productos {
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #titulo_ventana_planchado {
    color: #bfdbfe;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #precio_ventana_planchado {
    color: #fca5a5;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .cerrar_modal_productos_planchado {
    color: #cbd5e1;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .cerrar_modal_productos_planchado:hover {
    color: #ffffff;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .producto_item_planchado {
    color: #e5e7eb;
    background-color: #1f2937;
    border-color: #475569;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .producto_item_planchado:hover {
    background-color: #273449;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .producto_item_planchado.activo {
    color: #ffffff;
    background-color: #263452;
    border-color: #6f8df1;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .producto_item_planchado img {
    background-color: #111827;
    border-radius: 5px;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .detalle_producto_planchado,
#dtfstore#dtfstore.dtf-apariencia-oscuro .detalle_producto_planchado > h4,
#dtfstore#dtfstore.dtf-apariencia-oscuro .detalle_producto_planchado p,
#dtfstore#dtfstore.dtf-apariencia-oscuro .detalle_producto_planchado label {
    color: #e5e7eb;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #mostrarproductos,
#dtfstore#dtfstore.dtf-apariencia-oscuro #confirmarservicios,
#dtfstore#dtfstore.dtf-apariencia-oscuro .boton_confirmar {
    color: #ffffff;
    background-color: #3157d5;
    border-color: #6f8df1;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro #mostrarproductos:hover,
#dtfstore#dtfstore.dtf-apariencia-oscuro #confirmarservicios:hover,
#dtfstore#dtfstore.dtf-apariencia-oscuro .boton_confirmar:hover {
    background-color: #2647b5;
}
#dtfstore#dtfstore.dtf-apariencia-oscuro #atencion_servicios{
	color:#e5e2ad;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .barra-menu:hover {
    color:#ffffff;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .identificador-personalizado {
    color: #ffffff;
    background-color: #313131;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .mostrarservicio {
    background-color: #b1b1b1;
    color:#000000;
}
#dtfstore#dtfstore.dtf-apariencia-oscuro .barra-menu.open {
    color: #ffffff;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .dimensiones-imagen-subida {
    color: #cbd5e1;
    background: #1e293b;
    border-color: #334155;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf-grid {
    background: #0b1220;
    scrollbar-color: #475569 #1e293b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf-grid::-webkit-scrollbar-track {
    background-color: #1e293b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .mipedidodtf-grid::-webkit-scrollbar-thumb {
    background-color: #475569;
    border-color: #1e293b;
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .image-container {
    background: #111827;
    border-color: #334155;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .image-container:hover {
    border-color: #38bdf8;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

#dtfstore#dtfstore.dtf-apariencia-oscuro .identificador-personalizado {
    color: #bae6fd;
    background: #172554;
    border-color: #1d4ed8;
}
#dtfstore#dtfstore.dtf-apariencia-oscuro #editararchivo svg{
       filter: grayscale(1) brightness(15);
    }
#dtfstore#dtfstore.dtf-apariencia-oscuro #botoneliminarchivo svg{
       filter: grayscale(1) brightness(3);
    }





/* Pantalla de finalización del pedido (es hermana de #dtfstore). */
#terminarpedido.dtf-apariencia-oscuro {
    color: #e5e7eb;
    background-color: rgba(2, 6, 23, 0.82);
}

#terminarpedido.dtf-apariencia-oscuro #terminarcabecera,
#terminarpedido.dtf-apariencia-oscuro .terminar_nombre_pedido {
    color: #f8fafc;
}

#terminarpedido.dtf-apariencia-oscuro #terminarcontenido {
    color: #e5e7eb;
    background-color: rgba(17, 24, 39, 0.96);
    border: 1px solid #475569;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.60);
}

#terminarpedido.dtf-apariencia-oscuro .terminar_titulo,
#terminarpedido.dtf-apariencia-oscuro .titulo_productos,
#terminarpedido.dtf-apariencia-oscuro .terminarservicio,
#terminarpedido.dtf-apariencia-oscuro .terminar_label {
    color: #f8fafc;
}

#terminarpedido.dtf-apariencia-oscuro .terminaratributos,
#terminarpedido.dtf-apariencia-oscuro .terminar_valor {
    color: #cbd5e1;
}

#terminarpedido.dtf-apariencia-oscuro .terminarservicio .mostrarservicio {
    color: #fff679;
}

#terminarpedido.dtf-apariencia-oscuro .terminar_observaciones {
    color: #fca5a5;
}

#terminarpedido.dtf-apariencia-oscuro .terminarcantidadproducto {
    color: #bfdbfe;
    background-color: rgba(31, 41, 55, 0.90);
    border-color: #f59e0b;
}

#terminarpedido.dtf-apariencia-oscuro .terminarprecioproducto {
    color: #111827;
    background-color: #fbbf24;
}

#terminarpedido.dtf-apariencia-oscuro .terminar_producto {
    border-bottom-color: #334155;
}

#terminarpedido.dtf-apariencia-oscuro .imagen_producto_terminar {
    background-color: #1f2937;
    border: 1px solid #475569;
}

#terminarpedido.dtf-apariencia-oscuro #terminar_productos_lista::-webkit-scrollbar-thumb {
    background-color: #64748b;
}

#terminarpedido.dtf-apariencia-oscuro #terminarvolver {
    color: #f8fafc;
    background: #1f2937;
    border-color: #64748b;
    box-shadow: none;
    text-shadow: none;
}

#terminarpedido.dtf-apariencia-oscuro #terminarvolver:hover {
    background: #334155;
}

#terminarpedido.dtf-apariencia-oscuro #terminarcomprar {
    color: #000000;
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    border-color: #ffffff;
    box-shadow: none;
    text-shadow: none;
}

#terminarpedido.dtf-apariencia-oscuro #terminarcomprar:hover {
    background: #2647b5;
}

#terminarpedido.dtf-apariencia-oscuro #terminarcomprar:active {
    background: #1e3a8a;
}

/* Pantalla completa de dtf-visor cuando se inserta fuera del Shadow DOM. */
body:has(#dtfstore.dtf-apariencia-oscuro) div:has(> #paper_fullscreen) {
    color: #f8fafc !important;
    background: #0f172a !important;
    border: 1px solid #475569;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.65) !important;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #paper_fullscreen {
    color: #f8fafc;
    background-color: #0f172a;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #paper_fullscreen .canvas-container {
    background-color: #0f172a;
    background:
        linear-gradient(#334155 2px, transparent 2px) 0 -1px,
        linear-gradient(90deg, #334155 2px, #111827 2px) -1px 0;
    background-size: 25px 25px;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #paper_fullscreen .fondodegradadoblanco {
    color: #f8fafc;
    background: linear-gradient(
        to bottom,
        rgba(15, 23, 42, 1) 15%,
        rgba(15, 23, 42, 0) 100%
    );
}
#terminarpedido.dtf-apariencia-oscuro .icono_terminar_detalles {
    filter: grayscale(1) brightness(10);
}
#terminarpedido.dtf-apariencia-oscuro .icono_terminar {
    filter: grayscale(1) brightness(10);
}
#terminarpedido.dtf-apariencia-oscuro .icono_terminar_cabecera {
    filter: grayscale(1) brightness(10);
}

#menupedidodtf .dropdowndtf.hover-1 {
    background: var(--dtf-barra-menu-hover-fondo, conic-gradient(#1c1c1c 0 0) var(--p, 0) / var(--p, 0) no-repeat);
	color:#ffffff;
}

.btndtf {
    color: #ffffff;
}

/* Editor avanzado */
body:has(#dtfstore.dtf-apariencia-oscuro) #cuadroeditoravanzado {
    color-scheme: dark;
    background: rgba(2, 6, 23, .84);
}

body:has(#dtfstore.dtf-apariencia-oscuro) #contenidoEditorAvanzado {
    border-color: #334155;
    background: #0f172a;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .7);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .editor-avanzado-menu,
body:has(#dtfstore.dtf-apariencia-oscuro) #pie-editor-avanzado,
body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-fabric {
    border-color: #334155;
    background: #111827;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .editor-avanzado-imagen {
    background: #0b1220;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #tituloEditorAvanzado,
body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-cabecera,
body:has(#dtfstore.dtf-apariencia-oscuro) .control-imagen-etiqueta,
body:has(#dtfstore.dtf-apariencia-oscuro) .selectores-medidas-editor legend,
body:has(#dtfstore.dtf-apariencia-oscuro) .controles-tamano-lienzo legend,
body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric summary,
body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric label,
body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-fabric strong {
    color: #f8fafc;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .editor-avanzado-copias p,
body:has(#dtfstore.dtf-apariencia-oscuro) .editor-avanzado-ayuda-edicion,
body:has(#dtfstore.dtf-apariencia-oscuro) .ayuda-area-impresion-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .referencia-modelo-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .mensaje-seleccion-filtros {
    color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .controles-tamano-lienzo,
body:has(#dtfstore.dtf-apariencia-oscuro) .ayuda-area-impresion-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric,
body:has(#dtfstore.dtf-apariencia-oscuro) .contenido-grupo-filtros,
body:has(#dtfstore.dtf-apariencia-oscuro) .editor-avanzado-copias {
    border-color: #334155;
    background: #172033;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #cuadroeditoravanzado input:not([type="range"]):not([type="color"]),
body:has(#dtfstore.dtf-apariencia-oscuro) #cuadroeditoravanzado select,
body:has(#dtfstore.dtf-apariencia-oscuro) #cuadroeditoravanzado textarea {
    border-color: #475569;
    background: #0f172a;
    color: #f8fafc;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #cuadroeditoravanzado button:not(#guardar-editor-avanzado) {
    border-color: #475569;
    background-color: #1f2937;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #cuadroeditoravanzado button:hover:not(:disabled):not(#guardar-editor-avanzado) {
    border-color: #64748b;
    background-color: #273449;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #cuadroeditoravanzado #guardar-editor-avanzado {
    border-color: #365ec7;
    background: #365ec7;
    color: #fff;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #pie-editor-avanzado {
    border-top-color: #334155;
    border-right-color: #334155;
    box-shadow: 0 -6px 16px rgba(0, 0, 0, .25);
}

body:has(#dtfstore.dtf-apariencia-oscuro) #pie-editor-avanzado #guardar-editor-avanzado {
    border-color: #3cab68;
    background: transparent;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #pie-editor-avanzado #restaurar_imagen_original {
    border-color: #ef6666;
    background: transparent;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #pie-editor-avanzado #cancelar-editor-avanzado {
    border-color: #e0ae33;
    background: transparent;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .barras-controles-editor .controles-zoom-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .barras-controles-editor .barra-acciones-archivo-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .visor-puntero-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .minimapa-editor {
    border-color: #475569;
    background: rgba(17, 24, 39, .96);
    color: #f8fafc;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .ayuda-contextual-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .confirmar-restaurar-editor-contenido {
    border-color: #475569;
    background: #172033;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .ayuda-contextual-editor--activa {
    border-color: #4c6fb9;
    background: #1d2c49;
    color: #dbeafe;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .ayuda-contextual-editor-titulo,
body:has(#dtfstore.dtf-apariencia-oscuro) .confirmar-restaurar-editor-contenido p {
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .editor-avanzado-aviso-restaurar,
body.dtf-modo-oscuro .editor-avanzado-aviso-restaurar {
    background: #152238;
    border-color: #27406a;
    color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .aviso-restaurar-cabecera,
body.dtf-modo-oscuro .aviso-restaurar-cabecera {
    color: #60a5fa;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .aviso-restaurar-icono,
body.dtf-modo-oscuro .aviso-restaurar-icono {
    color: #3b82f6;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .aviso-restaurar-texto,
body.dtf-modo-oscuro .aviso-restaurar-texto {
    color: #94a3b8;
}

/* Contraste específico del lienzo y sus herramientas. */
body:has(#dtfstore.dtf-apariencia-oscuro) #activar-edicion-imagen {
    border-color: #3b5f99;
    background: linear-gradient(135deg, #182b4a, #172554);
    color: #dbeafe;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #activar-edicion-imagen:hover {
    border-color: #6f8df1;
    background: linear-gradient(135deg, #1d365d, #1e3a72);
    box-shadow: 0 6px 18px rgba(59, 130, 246, .2);
}

body:has(#dtfstore.dtf-apariencia-oscuro) #activar-edicion-imagen img {
    filter: brightness(0) invert(1);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .acciones-editor-avanzado #restaurar_imagen_original {
    border-color: #5a2626;
    background: linear-gradient(135deg, #251818, #1f1414);
    color: #ff8e8e;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .acciones-editor-avanzado #restaurar_imagen_original:hover {
    border-color: #ff8e8e;
    background: linear-gradient(135deg, #301d1d, #281717);
    box-shadow: 0 6px 18px rgba(239, 68, 68, .2);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .acciones-editor-avanzado #restaurar_imagen_original img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(85%) saturate(3065%) hue-rotate(334deg) brightness(100%) contrast(101%);
}

body:has(#dtfstore.dtf-apariencia-oscuro) #contenedor-canvas-editor {
    border-color: #475569;
    background: #111827;
    box-shadow: inset 0 0 18px rgba(0, 0, 0, .45);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .barras-controles-editor img,
body:has(#dtfstore.dtf-apariencia-oscuro) .acciones-elemento-fabric button img,
body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric summary img,
body:has(#dtfstore.dtf-apariencia-oscuro) .visor-regla-activador img {
    filter: brightness(0) invert(1);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .acciones-elemento-fabric #activar_escala_editar[aria-pressed="true"] {
    border-color: #6f8df1;
    background: #365ec7;
    box-shadow: 0 0 0 2px #263f78;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .regla-editor {
    background: #1f2937;
    color: #e2e8f0;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .regla-horizontal-editor {
    border-bottom-color: #475569;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .regla-vertical-editor {
    border-right-color: #475569;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .regla-horizontal-editor .marca-regla-editor {
    border-left-color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .regla-vertical-editor .marca-regla-editor {
    border-top-color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .regla-editor .marca-regla-editor-secundaria {
    border-color: #64748b;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .regla-editor .marca-regla-editor-media {
    border-color: #94a3b8;
}

/* Panel derecho de herramientas */
body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-cabecera span,
body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-fabric output,
body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-fabric small,
body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-fabric .titulo-seccion-estilo-texto {
    color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric {
    border-color: #334155;
    background: #172033;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric > summary {
    color: #f8fafc;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric > summary::after {
    border-color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .grupo-filtros-fabric[open] > summary {
    border-bottom-color: #334155;
    background: #202d42;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .contenido-grupo-filtros,
body:has(#dtfstore.dtf-apariencia-oscuro) .seccion-estilo-texto,
body:has(#dtfstore.dtf-apariencia-oscuro) .mezcla-color-fabric {
    border-color: #3b475b;
    background: #172033;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .botones-formas-editor button,
body:has(#dtfstore.dtf-apariencia-oscuro) .botones-transformar-fabric button,
body:has(#dtfstore.dtf-apariencia-oscuro) .botones-capas-fabric button,
body:has(#dtfstore.dtf-apariencia-oscuro) .boton-anadir-texto-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .boton-secundario-texto-editor {
    border-color: #475569;
    background: #1f2937;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .botones-formas-editor button:hover:not(:disabled),
body:has(#dtfstore.dtf-apariencia-oscuro) .botones-transformar-fabric button:hover:not(:disabled),
body:has(#dtfstore.dtf-apariencia-oscuro) .botones-capas-fabric button:hover:not(:disabled) {
    border-color: #6f8df1;
    background: #273b5d;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .seccion-capas-fabric {
    border-top-color: #334155;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .titulo-seccion-capas {
    color: #94a3b8;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .muestra-forma-glyph,
body:has(#dtfstore.dtf-apariencia-oscuro) .muestra-forma {
    color: #dbeafe;
    background-color: #94a3b8;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .muestra-triangulo {
    background: transparent;
    border-bottom-color: #94a3b8;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .muestra-forma-glyph {
    background: transparent;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .icono-formas-editor i {
    border-color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .icono-formas-editor i:nth-child(3) {
    border-bottom-color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .panel-filtros-fabric input[type="color"] {
    border-color: #64748b;
    background: #0f172a;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .boton-importar-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .subir-fuente-editor {
    border-color: #536b91;
    background: #1d2c49;
    color: #dbeafe;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .boton-importar-editor:hover,
body:has(#dtfstore.dtf-apariencia-oscuro) .subir-fuente-editor:hover {
    border-color: #7ea5ef;
    background: #263b61;
    color: #ffffff;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .icono-importar-editor {
    border-color: #94a3b8;
    color: #dbeafe;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .ayuda-importar-editor,
body:has(#dtfstore.dtf-apariencia-oscuro) .estado-fuente-editor {
    color: #aebdd1;
}

/* Subapartados desplegables de Formas. */
body:has(#dtfstore.dtf-apariencia-oscuro) .categoria-formas-editor {
    border-color: #3b475b;
    background: #111827;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .categoria-formas-editor summary {
    color: #dbeafe;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .categoria-formas-editor summary span {
    background: #273b5d;
    color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .categoria-formas-editor[open] summary {
    border-bottom-color: #3b475b;
    background: #1d2c49;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .categoria-formas-editor summary::after {
    border-color: #cbd5e1;
}

/* Selector de tipo de prenda en Semitonos. */
body:has(#dtfstore.dtf-apariencia-oscuro) .modo-ropa-semitono {
    border-color: #475569;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .modo-ropa-semitono legend {
    color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .modo-ropa-semitono label {
    border-color: #475569;
    background: #1f2937;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .modo-ropa-semitono label:hover {
    border-color: #6f8df1;
    background: #273b5d;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .modo-ropa-semitono label:has(input:checked) {
    border-color: #6f8df1;
    background: #263b61;
    box-shadow: inset 0 0 0 1px #6f8df1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .modo-ropa-semitono span img {
    filter: grayscale(1) saturate(0) brightness(0) invert(1) opacity(.8);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .modo-ropa-semitono label:has(input:checked) span img {
    filter: grayscale(1) saturate(0) brightness(0) invert(1);
}

body:has(#dtfstore.dtf-apariencia-oscuro) #forma_semitono_editar {
    border-color: #475569;
    background: #0f172a;
    color: #f8fafc;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .esquina-reglas-editor {
    border-right-color: #475569;
    border-bottom-color: #475569;
    background: #1f2937;
    color: #cbd5e1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .visor-regla-activador:hover {
    background: #334155;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .editor-avanzado-etiqueta-copias img {
    filter: brightness(0) invert(1);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .preview-modelo-editor {
    background: #0b1220;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .preview-modelo-cabecera {
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .titulo-preview-modelo-editor > strong {
    color: #f8fafc;
}

body:has(#dtfstore.dtf-apariencia-oscuro) #detalle-preview-modelo-editor {
    color: #aebdd1;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .badges-preview-modelo span,
body:has(#dtfstore.dtf-apariencia-oscuro) .alternar-area-preview-modelo,
body:has(#dtfstore.dtf-apariencia-oscuro) #abrir-colores-preview-modelo,
body:has(#dtfstore.dtf-apariencia-oscuro) #cerrar-preview-modelo-editor {
    border-color: #475569;
    background: #1f2937;
    color: #e5e7eb;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .alternar-area-preview-modelo:hover,
body:has(#dtfstore.dtf-apariencia-oscuro) #abrir-colores-preview-modelo:hover,
body:has(#dtfstore.dtf-apariencia-oscuro) #cerrar-preview-modelo-editor:hover {
    border-color: #64748b;
    background: #334155;
}

body:has(#dtfstore.dtf-apariencia-oscuro) .colores-preview-modelo-editor {
    border-color: #475569;
    background: #172033;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .45);
}

body:has(#dtfstore.dtf-apariencia-oscuro) .escenario-preview-modelo {
    background: #111827;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .45);
}