*{
    --color-rojo: #eb322f;
    --color-blanco: #fff;
    --color-gris800: #3b3c4b;
    --color-gris500: #7E7E7E;
    --color-gris200: #EEEDF2
}

html{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-size: 62.5%;
    font-family: 'DIN Pro' ;
}

body{
    background-color: var(--color-blanco);
}

h3{
    color: var(--color-gris);
    font-size: 1.8rem;
    font-weight: bold;
}

p,li{
    color: var(--color-gris);
    font-size: 1.5rem;
}

img{
    width: 100%;
}

.full{
    width: 100%;
}

.semi-full{
    width: 80%;
}


.quarter{
    width: 30%;
}

.margen-inferio{

    margin-bottom: 2rem;

}

.margen-seccion{
    margin-bottom: 4rem;
}



.centrado{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 2rem auto;
}

.seccion_dos_columnas{
    width: 80%;
    margin: 0 auto;
    flex-direction: row;
}

    .columna_izquierda{
        width: 40%;
        margin: 0 auto;
        flex-direction: column;
    }

    .columna_derecha{
        width: 40%;
        margin: auto;
        flex-direction: column;
    }

.pestana_superior{
    width: 15%;
    margin-left: 5%;
}

.pestana_inferior{
    width: 15%;
    margin-left: 80%;
}


.contenedor_card{
    flex-direction: row;
}

.card{

    height: auto;
    flex-direction: column;
    width: 30%;
    justify-content: flex-start;
    text-align: center;
}

.seccion_descripcion{
    background-color: var(--color-gris500);
    width: 100%;
    padding: 3%;
}


.seccion_escoger h3{
    margin-left:7% ;
}

.seccion_escoger_contenedor{
    width: 70%;
    flex-direction: row;
    justify-content: space-between;
}


.seccion_aceroinox{
    padding: 3%;
    width: 100%;
    background-color: var(--color-gris200);
}

.seccion_iconos .seccion_iconos_contenedor{
    width: 70%;
    margin:  0 auto;
    flex-direction: row;
    text-align: center;
}

    .seccion_iconos_contenedor .card_iconos{
        width: 30%;
        margin: 1% auto;
        color: var(--color-rojo);
    }

.footer{
    background-color: var(--color-rojo);
    text-align: center;
    margin-bottom: 0;
    border-radius: 2rem;
}

    .footer img{
        width: 50%;
        margin: 0 auto;
    }

    .footer p{
        color: var(--color-blanco);
    }


@media (max-width:700px) {
    
    .centrado{
        flex-direction: column;
        width: 80%;
    }

    .card{
        width: 80%;
        margin: 0 auto;
    }

    .seccion_dos_columnas{
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }
    
        .columna_izquierda{
            width: 80%;
            margin: 0 auto;
            flex-direction: column;
        }
    
        .columna_derecha{
            width: 80%;
            margin: auto;
            flex-direction: column;
        }
    
    
    
    .seccion_iconos{
        width: 90%;
    }

        .seccion_iconos .seccion_iconos_contenedor{
        width: 100%;
        flex-direction: column;
    }

        .seccion_iconos_contenedor .card_iconos{
            width: 60%;
            margin: 1% auto;
            color: var(--color-rojo);
        }

    
    

}


@font-face {
    font-family: 'DIN Pro';
    src: url('../fuente/DINPro-Medium.ttf');
}