/*-- Use For Custom Styling --*/

body,
.bg-img-5 {
    background: #fbf4ec;
}

.color-naranja {
    color: #ec7926;
} 

/*Navbar*/
.nav-square .navbar-nav .nav-item .nav-link.active {
    background-color: #f19b52;
    border-radius: 5rem 5rem 0 0;
}

/*Sección Inicio*/
#home {
    padding: 8.5rem 0 0;
}

.btn-acr {
    top: 32%;
    left: 30%;
    background: none;
    animation: none;
    border: none;
}

.btn-acr:hover {
    background: none;
    animation: none;
    border: none;
}

.btn-acr img {
    width: 15vw;
}

/*Áreas temáticas*/
.bg-img-6 {
    background-size: contain;
    background-position: bottom;
    background-color: #ffffff;
}

/*Area lo mejor*/
.bg-lomejor {
    background-attachment: unset;
    background-position: center;
    padding-bottom: 0;
}

#js-grid-mosaic-flat-mejor {
    padding-left: 3rem;
    padding-right: 3rem;
}

/*Area highlights*/
.bg-highlights {
    background: url(../images/fondo-highlights.png);
    background-size: cover;
    background-position: center;
}

.filiacion-corta {
    transform: translate(120px, 175px) rotate(65deg);
}

/*Modal CVs*/
.modal.fade {
    background-color: rgb(242 190 140 / 80%);
}

.modal-content {
    background: url(../images/fondo-cv.png);
    background-size: 43%;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: bottom left;
    border: none;
    border-radius: 1rem;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    min-height: 1024px;
}

.close:not(:disabled):not(.disabled) {
    background-color: #ffffff;
    border-radius: 0 1rem 0 0;
    font-size: 5rem;
    font-weight: 200;
    color: #844277;
    padding: 0 1rem;
}

.btn-secondary {
    transition: all 300ms;
}

.btn-secondary:hover {
    transform: scale(1.1);
}

.btn-secondary,
.btn-secondary:hover {
    background-color: transparent;
    padding: 0;
    border: unset !important;
}

@media screen and (max-width: 768px) {
    .modal-content {
        background: #ffffff;
    }
}