.hidden {
    display: none;
}

.corcasanet_text_color {
    color: #105a3b; /* Color activo */
}


.active {
    display: block;
    // Asegúrate de que esto se aplique correctamente z-index: 1050;
    // Valor alto para asegurar que está por encima de otros elementos position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    // Centra el modal width: 80%;
    // O el ancho que prefieras background-color: white;
    // Fondo del modal
}

.icono-seccion {
    font-size: 30px;
    color: #105A3B;
    margin-right: 8px;
}

.icono-titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* VERSION PARA COMPUTADORAS LAPTOP*/
@media (min-width: 900px) {

    .Titulo_Primer_Nivel {
        font-family: 'Helvetica';
        font-size: calc(56px * 0.7); /* 39.2px */
        font-weight: 700;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(0.5rem * 0.7); /* 0.35rem */
        letter-spacing: calc(-2px * 0.7); /* -1.4px */
    }

    .Titulo_Segundo_Nivel {
        font-family: Helvetica;
        font-size: calc(44px * 0.7); /* 30.8px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(0.5rem * 0.7); /* 0.35rem */
        padding-top: calc(1rem * 0.7); /* 0.7rem */
    }

    .Titulo_Tercer_Nivel {
        font-family: Helvetica;
        font-size: calc(26px * 0.7); /* 18.2px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(15px * 0.7); /* 10.5px */
    }

    .Titulo_Cuarto_Nivel {
        font-family: Helvetica;
        font-size: calc(20px * 0.7); /* 14px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(15px * 0.7); /* 10.5px */
    }

    .Titulo_Quinto_Nivel {
        font-family: Helvetica;
        font-size: calc(16px * 0.7); /* 11.2px */
        font-weight: bold;
        line-height: 1.2;
        color: #11161E;
        margin-bottom: calc(10px * 0.7); /* 7px */
    }

    .Titulo_Sexto_Nivel {
        font-family: Helvetica;
        font-size: calc(16px * 0.7); /* 11.2px */
        font-weight: 400;
        line-height: 1.2;
        color: #11161E;
        margin-bottom: calc(10px * 0.7); /* 7px */
    }

    .Titulo_Cuadro_Control_Primer_Nivel {
        font-family: Helvetica;
        font-size: calc(34px * 0.7); /* 23.8px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(8px * 0.7); /* 5.6px */
        margin-left: calc(0.75rem * 0.7); /* 0.525rem */
        margin-right: calc(0.75rem * 0.7); /* 0.525rem */
    }

        .Titulo_Cuadro_Control_Primer_Nivel:hover {
            font-family: Helvetica;
            font-weight: bold;
            line-height: 1.2;
            color: var(--color-Estado_Principal_Hover);
            margin-bottom: calc(15px * 0.7); /* 10.5px */
        }

    .Usuario_Cuadro_Control_Primer_Nivel {
        font-family: Arial;
        font-size: calc(16px * 0.7); /* 11.2px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(8px * 0.7); /* 5.6px */
        margin-left: calc(0.75rem * 0.7); /* 0.525rem */
        margin-right: calc(0.75rem * 0.7); /* 0.525rem */
    }

    .Dimensiones_Logo {
        width: calc(10rem ); /* 7rem */
        height: calc(5rem ); /* 3.5rem */
    }
}


@media (min-width: 600px) {

    .Titulo_Primer_Nivel {
        font-family: 'Helvetica';
        font-size: calc(56px * 0.7); /* 39.2px */
        font-weight: 700;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(0.5rem * 0.7); /* 0.35rem */
        letter-spacing: calc(-2px * 0.7); /* -1.4px */
    }

    .Titulo_Segundo_Nivel {
        font-family: Helvetica;
        font-size: calc(44px * 0.7); /* 30.8px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(0.5rem * 0.7); /* 0.35rem */
        padding-top: calc(1rem * 0.7); /* 0.7rem */
    }

    .Titulo_Tercer_Nivel {
        font-family: Helvetica;
        font-size: calc(26px * 0.7); /* 18.2px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(15px * 0.7); /* 10.5px */
    }

    .Titulo_Cuarto_Nivel {
        font-family: Helvetica;
        font-size: calc(20px * 0.7); /* 14px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(15px * 0.7); /* 10.5px */
    }

    .Titulo_Quinto_Nivel {
        font-family: Helvetica;
        font-size: calc(16px * 0.7); /* 11.2px */
        font-weight: bold;
        line-height: 1.2;
        color: #11161E;
        margin-bottom: calc(10px * 0.7); /* 7px */
    }

    .Titulo_Sexto_Nivel {
        font-family: Helvetica;
        font-size: calc(16px * 0.7); /* 11.2px */
        font-weight: 400;
        line-height: 1.2;
        color: #11161E;
        margin-bottom: calc(10px * 0.7); /* 7px */
    }

    .Titulo_Cuadro_Control_Primer_Nivel {
        font-family: Helvetica;
        font-size: calc(19px * 0.7); /* 13.3px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(8px * 0.7); /* 5.6px */
        margin-left: calc(0.2rem * 0.7); /* 0.14rem */
        margin-right: calc(0.2rem * 0.7); /* 0.14rem */
    }

        .Titulo_Cuadro_Control_Primer_Nivel:hover {
            font-family: Helvetica;
            font-weight: bold;
            line-height: 1.2;
            color: var(--color-Estado_Principal_Hover);
            margin-bottom: calc(15px * 0.7); /* 10.5px */
        }

    .Usuario_Cuadro_Control_Primer_Nivel {
        font-family: Arial;
        font-size: calc(16px * 0.7); /* 11.2px */
        font-weight: bold;
        line-height: 1.2;
        color: var(--color-Color_De_Fuente);
        margin-bottom: calc(8px * 0.7); /* 5.6px */
        margin-left: calc(0.75rem * 0.7); /* 0.525rem */
        margin-right: calc(0.75rem * 0.7); /* 0.525rem */
    }

    .Dimensiones_Logo {
        width: calc(10rem ); /* 7rem */
        height: calc(5rem ); /* 3.5rem */
    }
}