#unete{
    width: 100%;
}
    .unete-imagen{
        overflow: hidden;
    }
        .unete-imagen img{
            height: 300px;
            margin: 0 auto;
        }
    .unete-info{
        padding: 20px;
    }
        .unete-info h2{
            text-align: center;
            font-size: 20px;
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            padding-bottom: 20px;
        }
            .unete-info-detalles{
                background-color: rgba(0, 174, 225, 0.4);
                border-radius: 10px;
                padding: 20px;
                -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.55);
                -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.55);
                box-shadow: 0 1px 3px 0 rgba(0,0,0,0.55);
            }
                .unete-info-subtitulo{
                    font-size: 14px;
                    font-weight: 700;
                    padding-bottom: 10px;
                }
                .unete-info-detalles p{
                    font-size: 14px;
                    font-weight: 300;
                    padding: 5px 0 5px 20px;
                    position: relative;
                }
                .unete-info-detalles p span{
                    position: absolute;
                    top: 8px;
                    left: 0;
                }
            .unete-mas-informacion{
                padding-top: 30px;
            }
            .unete-mas-informacion a{
                background-color: var(---color-azul-primario);
                color: #FFFFFF;
                display: block;
                padding: 10px 20px;
                text-decoration: none;
                width: max-content;
            }
    @media(min-width: 576px){
        .unete-info{
            padding: 20px 30px;
        }
        .unete-imagen img{
            height: 400px;
        }
        .unete-info h2{
            font-size: 24px;
        }
        .unete-info-detalles{
            background-color: rgba(0, 174, 225, 0.4);
            border-radius: 10px;
            padding: 25px 35px;
        }
    }
    @media(min-width: 768px){
        #unete{
            display: flex;
        }
            .unete-info h2{
                font-size: 26px;
            }
            .unete-imagen, .unete-info{
                width: 50%;
            }
            .unete-imagen img{
                height: 600px;
                margin: 0 auto;
            }
    }
    @media(min-width: 1024px){
        .unete-info{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .unete-info h2{
            font-size: 30px;
        }
        .contenedor-unete-info{
            padding: 20px;
        }
    }
    @media(min-width: 1200px){
        .unete-info{
            padding: 20px 60px;
        }
        .unete-imagen img{
            height: 650px;
        }
        .unete-info-detalles p{
            font-size: 16px;
        }
        .unete-info-subtitulo{
            font-size: 16px;
        }
    }
    @media(min-width: 1400px){
        .unete-info{
            padding: 20px 100px;
        }
        .unete-info h2{
            font-size: 35px;
        }

    }