a{
    text-decoration: none;
    text-decoration-style: none;
    cursor: pointer;
    color: inherit;
}

a:hover{
    color: inherit;
}

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#barraNavegacion a{
    font-family: 'regular';
}

#barraNavegacion img{
    width: 100px;
}

.sesion h3{
    font-family: 'negrita';
    color: var(--colorPrimario);
}

.seccion h3{
    font-family: 'negrita';
    color: var(--colorPrimario);
}

.seccion li, .seccion p{
    font-family: 'regular';
    color: var(--colorSecundario);
    font-size: calc(1.5 * var(--tamanoLetraBase)) !important;
}

.pie span, .pie a, .pie li{
    color: white !important;
}

.forma-dn{
    font-size: calc(2 * var(--tamanoLetraBase)) !important;
    font-family: 'negrita';
    text-align: center;
}

.imagen-carga{
    width: 100%;
}

@media screen and (min-width: 320px) {
    .seccion-texto{
        padding: 100px 0;
    }

    .seccion img{
        width: 100%;
        height:  500px;
    }

    .pie{
        padding: 200px 100px;
    }

    .pie img{
        width: 70px;
    }

    .pie span, .pie a, .pie li{
        font-size: calc(1.4 * var(--tamanoLetraBase)) !important;
    }
}

@media screen and (min-width: 520px) {
    .sesion h3{
        font-size: calc(2.7 * var(--tamanoLetraBase)) !important;
    }

    .seccion h3{
        font-size: calc(2.7 * var(--tamanoLetraBase)) !important;
    }

    .seccion p{
        font-size: calc(1.2 * var(--tamanoLetraBase)) !important;
    }

    .seccion-texto{
        padding: 270px 0;
    }

    .seccion img{
        width: 100%;
        height:  690px;
    }

    .pie{
        padding: 200px 200px;
    }

    .pie img{
        width: 70px;
    }

    .pie span, .pie a, .pie li{
        font-size: calc(1 * var(--tamanoLetraBase)) !important;
    }
}

@media screen and (min-width: 1024px) {
    .sesion h3{
        font-size: calc(3 * var(--tamanoLetraBase)) !important;
    }

    .seccion h3{
        font-size: calc(3 * var(--tamanoLetraBase)) !important;
    }

    .seccion p{
        font-size: calc(1.4 * var(--tamanoLetraBase)) !important;
    }

    .seccion-texto{
        padding: 250px 0;
    }

    .seccion img{
        width: 100%;
        height:  690px;
    }

    .pie{
        padding: 200px 200px;
    }

    .pie img{
        width: 70px;
    }

    .pie span, .pie a, .pie li{
        font-size: calc(1.5 * var(--tamanoLetraBase)) !important;
    }
}

@media screen and (min-width: 1200px) {
    .sesion h3{
        font-size: calc(3 * var(--tamanoLetraBase)) !important;
    }

    .seccion h3{
        font-size: calc(3 * var(--tamanoLetraBase)) !important;
    }

    .seccion p{
        font-size: calc(1.4 * var(--tamanoLetraBase)) !important;
    }

    .seccion-texto{
        padding: 270px 0;
    }

    .seccion img{
        width: 100%;
        height: 710px;
    }

    .pie{
        padding: 200px 200px;
    }

    .pie img{
        width: 70px;
    }

    .pie span, .pie a, .pie li{
        font-size: calc(1.5 * var(--tamanoLetraBase)) !important;
    }
}

@media screen and (min-width: 1500px) {
    .sesion h3{
        font-size: calc(3 * var(--tamanoLetraBase)) !important;
    }

    .seccion h3{
        font-size: calc(3 * var(--tamanoLetraBase)) !important;
    }

    .seccion p{
        font-size: calc(1.4 * var(--tamanoLetraBase)) !important;
    }

    .seccion-texto{
        padding: 270px 0;
    }

    .seccion img{
        width: 100%;
        height: 810px;
    }

    .pie{
        padding: 200px 200px;
    }

    .pie img{
        width: 70px;
    }

    .pie span, .pie a, .pie li{
        font-size: calc(1.5 * var(--tamanoLetraBase)) !important;
    }
}