.single-publicacion-container{
    margin-top: 2rem;
}
.single-publicacion-container .container:first-child{
    margin-bottom: 4.6875rem;
}

.single-publicacion-container .title-div {
    margin-bottom: 1.125rem;
}
.single-publicacion-container .title-div h1{
    margin-bottom: 0;
}

.single-publicacion-container .text{
    margin-bottom: 3.5rem;
}
.single-publicacion-container .content{
    margin-bottom: 2rem;
}

.single-publicacion-container .iframe-div iframe{
    display: block;
    margin:0 auto;
    width:100%;
    height:100vh;
}

.single-publicacion-container h2{
    margin-bottom: 1.125rem;
}

.single-publicacion-container .modal-content-div{
    display: flex;
    padding: 4.4375rem 10rem 4.4375rem 7.0625rem;
    border: 1px solid var(--vsf-primary-color);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5625rem;
}

.single-publicacion-container .modal-content-div .title-modal{
    margin-bottom: 1.125rem;
}

.single-publicacion-container .modal-content-div img{
    max-height: 192px;
}

.single-publicacion-container .modal-content-div .text-modal{
    margin-bottom: 1.625rem;
}
.single-publicacion-container .modal-content-div .content{
    text-align: center;
    margin-bottom: 0;
}
.single-publicacion-container .modal-content-div .btn{
    border-radius: var(--button-border-radius);
    font-size: 1rem;
    font-weight: 500;
}
.single-publicacion-container .modal-content-div .btn.btn-outline-primary{
    margin-right: 1.25rem;
}
.single-publicacion-container .modal-content-div .btn.btn-outline-primary:hover{
    font-weight: 500;
}

.single-publicacion-container .modal-content-div .btn.btn-primary:hover{
    background-color: white;
    color: var(--vsf-primary-color);
    border: 2px solid var(--vsf-primary-color);
}

/*Media querys*/

@media (max-width: 991px) {
    .single-publicacion-container .modal-content-div{
        display: block;
        text-align: center;
        padding: 4.4375rem 2rem;
    }
    .single-publicacion-container .modal-content-div img{
        margin-bottom: 1rem;
    }
}

@media (max-width: 575px){
    .single-publicacion-container .modal-content-div .btn.btn-outline-primary {
        margin: 0 0 1.25rem;
    }
    .single-publicacion-container .modal-content-div a{
        display: block;
    }
}