:root{
	--space-15:15px;
	--space-150:150px;
}
body{
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

@keyframes revealEffect {
    0% {
      clip-path: inset(0 50% 0 50%);
    }
    100% {
      clip-path: inset(0 0 0 0);
    }
}
.main_banner{
    display:block;
    animation: revealEffect 0.5s ease-out forwards;
}

.creatividad-text{
    font-size:8vw;line-height: 7vw;color:#ffffff;
}
.text-description-creatividad{
    font-size:3vw;line-height: 3vw;color:#ffffff;
}
.text-description{
    font-size:7vw;
    line-height: 3vw;
    color:#ffffff;
}
.sect_title{
    font-size:.7vw;
}
.w-60{
    width:60% !important;
}
.w-80{
    width:80% !important;
}
.space-15{
	height: var(--space-15);
}
.space-150{
	height: var(--space-150);
}
.detail-servicio{
    font-size:.8vw;
}
button.info,
a.info{
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 6px 20px;
    border-radius: 31px;
}

.py-6{
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.py-7{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-8{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.py-9{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
#proyectos img{
    width:100%;
}
.card_proyecto {
    transition: opacity 0.3s ease;
  }
.contenedor_servicios:hover .card_proyecto{
    opacity:0.5;
}
.contenedor_servicios .card_proyecto:hover{
    opacity:1;
}
.card_proyecto .img_detail{
    transform: scale(1.05);
    transition: transform .3s ease;
}
.container_card_img{
    overflow: hidden;
    border-radius: 25px;
}
.card_proyecto:hover .img_detail{
    transform: scale(1);
    transition: transform .3s ease;
}
@media (max-width: 575.98px) {
	h3{
        font-size: 9.3vw !important;
    }
    .fs-12{
		font-size: 3.1vw;
        line-height: 6vw;
	}
    .fs-13{
		font-size: 4vw;
	}
    .fs-117{
        font-size: 14.1vw !important;
        line-height: 14vw !important;
    }
    #nuestros_servicios p.resume{
        font-size:6.5vw !important;
        line-height: 6.5vw !important;
    }
    body{
        font-size: 5vw;
        line-height: 8vw;
    }
    #vacantes .border-bottom{
        border-bottom:0px !important;
    }
    #vacantes button{
        font-size: 3.8vw !important;
    }
    .container-fluid.full,.container-fluid.last-part, .container-fluid.last-part.row {
        margin:0px !important;
        padding:0px !important;
    }
    .ending{
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
        margin-right: auto;
    }
    #nuestros_servicios .proyecto{
        border-bottom: 0px;
    }
}
@media (min-width: 576px) {
	
    #vacantes .border-bottom{
        border-bottom:0px !important;
    }
    .fs-38 {
        font-size: 4.3vw;
        line-height: 5.3vw;
    }
    #nuestros_servicios p.resume{
        
        font-size: 4.5vw !important;
        line-height: 4.5vw !important;    
    }
    h3{        
        font-size: 7.3vw !important;
    }
}
@media (min-width: 768px) {
	
    #vacantes .border-bottom{
        border-bottom:1px solid #dee2e6 !important;
    }
    .fs-38 {
        font-size: 4.3vw;
        line-height: 5.3vw;
    }
    #nuestros_servicios p.resume{
        font-size: 2.5vw !important;
        line-height: 2.5vw !important;    
    }
    h3{        
        font-size: 5.3vw !important;
    }
}
@media (max-width: 991.98px) {
	h3{        
        font-size: 4.3vw;
    }
    .fs-117 {
        font-size: 9.1vw;
        line-height: 9vw;
    }
    /* .fs-12{
		font-size: 2.1vw;
        line-height: 2vw;
	}
    .fs-13{
		font-size: 4vw;
	}
     */
    /* body{
        font-size: 4vw;
        line-height: 6vw;
    } */
    #nuestros_servicios p.resume{
        /* font-size:6.5vw;
        line-height: 6.5vw; */
        font-size: 2.5vw;
        line-height: 3.5vw;
    }
    
    #vacantes button{
        font-size: 1.8vw;
    }
    
    .navbar-expand-md .navbar-nav .nav-link {        
        font-size: 2vw;
    }
    .container-fluid.full,.container-fluid.last-part, .container-fluid.last-part.row {
        margin:0px !important;
        padding:0px !important;
    }
    #nuestros_servicios .proyecto{
        border-bottom: 0px;
    }
}
@media (min-width: 992px) {
    .container-fluid.full{
        width: 100% !important;
        margin:0px !important;
        padding:0px !important;
    }
    .fs-117 {
        font-size: 9.1vw;
        line-height: 9vw;
    }
    #nuestros_servicios p.resume{
        font-size: 1.5vw !important;
        line-height: 1.5vw !important;    
    }
    h3{        
        font-size: 3.3vw !important;
    }
}
@media (min-width: 1400px) {
    .fs-12{
        font-size:.8vw;
		line-height: 1.1vw;
    }
    .fs-38{
		font-size: 2.6vw;
		line-height: 2.6vw;
	}
    .fs-50{
		font-size: 3.4vw;
		line-height: 3.4vw;
	}
    .w-90 {
        width: 90% !important;
    }
    body{
        font-size: 1.1vw;
        line-height: 1.6vw;
    }
    .container-fluid{
        width: 95% !important;
    }
    .container-fluid.full{
        width: 100% !important;
        margin:0px !important;
        padding:0px !important;
    }
    #projects .proyecto img{
        width:100%;
    }
    #nuestros_servicios p.resume{
        font-size: 1.0vw !important;
        line-height: 1.0vw !important;    
    }
    h3{        
        font-size: 2.3vw !important;
    }
}