*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    --color-principal:#31827E;
    --color-negro: #3B3C4B;
    --color-blanco: #FFFFFF;
    --color-tefal: #EB322F;

    --espacio-seccion:10%;
}

h3{
    color: var(--color-principal);
    font-weight: 40pt;

}

p{
    color: var(--color-negro);
    font-weight: 26pt;
}


body{
    font-family: 'DIN Pro';
}

.header{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

    .header .header_contenedor img{
        width: 100%;
        display: flex;
        justify-content: center;
        margin: o auto;
    }

.seccion_descripcion{
    width: 80%;
    display: flex;
    justify-content: center;
    margin: var(--espacio-seccion) auto;
}


    .seccion_descripcion .seccion_descripcion_col{
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }


        .seccion_descripcion .seccion_descripcion_col .card{
            width: 95%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 0 auto;
        }

            .seccion_descripcion .seccion_descripcion_col .card img{
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin: 0 auto;
            }


    .seccion_descripcion .seccion_descripcion_tricol{
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }
    
    
        .seccion_descripcion .seccion_descripcion_tricol .card{
            width: 70%;
        }

            .seccion_descripcion .seccion_descripcion_tricol .card img{
                width: 25%;
            }

        
        .seccion_descripcion .seccion_descripcion_tricol .contenedor_img_central{
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 0 auto;
        }

            .seccion_descripcion .seccion_descripcion_tricol .contenedor_img_central .img_desktop{
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin: 0 auto;
            }

            
            .seccion_descripcion .seccion_descripcion_tricol .contenedor_img_central .img_mobile{
                display: none;
            }

.imagen_banner{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
} 
    
    .imagen_banner img{
        width: 80%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }    

.footer{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: var(--espacio-seccion);
    color: var(--color-blanco);
}

    .footer .footer_contenedor{

        width: 100%;
        height: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
        background-color: var(--color-tefal);
        
    }

        .footer .footer_contenedor img{

            width: 25%;
            display: flex;
            justify-content: center;
            margin: 0 auto;
            text-align: center;
            color: var(--color-blanco);
        }

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

    
@font-face {
    font-family: 'DIN Pro';
    src: local('DIN Pro Medium'), local('DIN-Pro-Medium'),
        url('DINPro-Medium.woff2') format('woff2'),
        url('DINPro-Medium.woff') format('woff'),
        url('DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    }



    @media (max-width: 600px) {

        .seccion_descripcion{
            width: 90%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: var(--espacio-seccion) auto;
        }
        
        
        
        .seccion_descripcion .seccion_descripcion_tricol{
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 0 auto;
        }

        
            .seccion_descripcion .seccion_descripcion_tricol .contenedor_img_central .img_mobile{
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin: 0 auto;
            }

            
            .seccion_descripcion .seccion_descripcion_tricol .contenedor_img_central .img_desktop{
                display: none;
            }



      }