body, .texture {
    margin: 0;
    padding: 0;
    /* Ruta relativa a la carpeta assets */
    background-image: url('./images/textura_fondo.png');
    background-repeat: repeat; /* Al ser textura, se repetirá infinitamente */
    background-attachment: fixed; /* Mantiene el fondo quieto al hacer scroll */
    background-size: auto; /* Mantiene la escala original de la textura */
}

/* Opcional: Si usas Dash Design Kit o componentes con fondo blanco, 
   asegúrate de que sean transparentes para ver la textura */
.js-plotly-plot .plotly .bg, .dbc {
    background-color: rgba(0,0,0,0) !important;
}

.green-texture{
    background-image: url('./images/textura_fondo_verde.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
  }

.red-texture {
    background-image: url('./images/textura_rojo.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: center center;
}

.red-texture-2 {
    background-image: url('./images/textura_rojo_2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}