body {
    background-color: black;
    background-image: none;
    color: white;
    transition: background-image 0.5s ease-in-out;
    font-family: "Acme", sans-serif;
}

.bg-itg {
    background-image: url('/static/images/fondo_ITG.png');
    background-size: cover; /* Cubrir toda el área */
    background-position: center center; /* Centrar la imagen */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-attachment: fixed; /* ¡IMPORTANTE para que el fondo no se desplace con el scroll! */
}

.bg-itg-pump {
    background-image: url('/static/images/fondo_ITG.png');
    background-size: cover; /* Cubrir toda el área */
    background-position: center center; /* Centrar la imagen */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-attachment: fixed; /* ¡IMPORTANTE para que el fondo no se desplace con el scroll! */
}

.bg-beneficios {
    background-image: url('/static/images/fondo_Beneficios.png');
    background-size: cover; /* Cubrir toda el área */
    background-position: center center; /* Centrar la imagen */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-attachment: fixed; /* ¡IMPORTANTE para que el fondo no se desplace con el scroll! */
}

.bg-justdance {
    background-image: url('/static/images/fondo_JustDance.png');
    background-size: cover; /* Cubrir toda el área */
    background-position: center center; /* Centrar la imagen */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-attachment: fixed; /* ¡IMPORTANTE para que el fondo no se desplace con el scroll! */
}

.bg-pump {
    background-image: url('/static/images/fondo_Pump.png');
    background-size: cover; /* Cubrir toda el área */
    background-position: center center; /* Centrar la imagen */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-attachment: fixed; /* ¡IMPORTANTE para que el fondo no se desplace con el scroll! */
}

.itg {
    padding-top: 0 !important; /* Espacio arriba para que no se solapen al calcular */
}

.content-section {
    padding-top: 4rem; /* Espacio arriba para que no se solapen al calcular */
    padding-bottom: 4rem; /* Espacio abajo */
    /* Importante: Asegurar que el contenido dentro no tenga fondo opaco que tape el body */
}

#itg-tx {
    background: linear-gradient(90deg, #E82024, #E8D21A);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

#table-itg {
    background-color: transparent !important;
    color: white !important;
    border-color: #E8D21A !important;
    margin-bottom: 0 !important;
}

#table-itg th {
    background-color: #E8D21A !important;
    color: black !important;
}

.table td {
    background-color: transparent !important;
    color: white !important;
}

.texto-tachado {
    text-decoration: line-through;
}

#itg-cap {
    background: linear-gradient(90deg, #007BC4, #1C43A0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

#justdance-tx {
    color: #fff;
    text-shadow: 0 4px 4px #DC5D21;
}

#table-justdance {
    background-color: transparent !important;
    color: white !important;
    border-color: #FEC94E !important;
    margin-bottom: 0 !important;
}

#table-justdance th {
    background-color: #FEC94E !important;
    color: black !important;
}

#justdance-cap {
    color: #fff;
    text-shadow: 0 4px 4px #DC5D21;
}

#pump-tx {
    background: linear-gradient(90deg, #E84B1F, #FAE500);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

#table-pump {
    background-color: transparent !important;
    color: white !important;
    border-color: #E84B1F !important;
    margin-bottom: 0 !important;
}

#table-pump th {
    background-color: #E84B1F !important;
    color: black !important;
}

#pump-cap {
    background: linear-gradient(90deg, #E84B1F, #FAE500);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.icons-tx {
    color:#E74701;
}

.card {
    background-color: transparent !important;
    color: #fff;
    border-color: #fff;
}

.tx-pe {
    color: #FFCA03;
}