/* Priority CSS del tenant bigweb (primer pantallazo).
 * Se carga justo después de css/priority.css (genérico del sistema). */

.invisible {
    visibility: hidden;
}

.swiper_wrapper{
    background-color: var(--black-color);
}

.animation_slider .bubble:not(.tripledot) {
    position: fixed;
    right: -95%;
}


.animation_slider .bubble.tripledot {
    position: fixed;
    right: calc(-95% + 170px) !important;
}

@media(max-width:1400px){
    .animation_slider .bubble {
        right:-100%!important;
    }

    .animation_slider .bubble.tripledot {
        right: calc(-100% + 170px) !important;
    }
}

.animation_slider .bubble:not(.tripledot) {
    width: 260px;
}

.animation_slider .bubble p{
    font-size: 0.9rem;
    margin: 5px 0 0;
}

.animation_slider .bubble:nth-child(1){
    top: 380px;
}

.animation_slider .bubble:nth-child(2){
    top: 240px;
}

.animation_slider .bubble:nth-child(3){
    top: 115px;
}

@media(max-width:575px){
    .animation_slider .bubble {
        right:0%!important;
    }

    .animation_slider .bubble.tripledot {
        right: calc(0% + 170px) !important;
    }

    .animation_slider .bubble:nth-child(1){
        top: 700px;
    }
    
    .animation_slider .bubble:nth-child(2){
        top: 560px;
    }
    
    .animation_slider .bubble:nth-child(3){
        top: 435px;
    }

    #slider .swiper-slide, #slider {
        height: 110vh !important;
        max-height: unset !important;
    }

    .swiper-slide-81 .lottie{
        right: calc(50% - 130px) !important;
        top: unset !important;
        bottom: 10%;
    }
}

.portfolioCover img {
    height: 40vh;
    width: calc(100% + 60px);
    object-fit: cover;
    object-position: 50% 50%;
    margin-bottom: -70px;
    margin-top: -90px;
    margin-left: -30px;
    max-width: unset;
}

.proyecto section#page-title {
    z-index: 99;
    background: transparent !important;
    border: none !important;
}

.border-none{
    border: none;
}

.slider-caption h2 {
    font-size: clamp(30px, 3.2vw, 46px);
    letter-spacing: 1px;
    color:white;
}

section#slider, #header.full-header:not(.transparent-header), #header-wrap {
    background-color: #2f3a3a;
    color:white;
}

@media(max-width: 1400px){
    .portfolioCover img {
        height: 50vh;
    }
}

@media(max-width: 575px){
    .portfolioCover img {
        height: 20vh;
        margin-bottom: -10px !important;
        width: calc(100% - 10px);
        margin: 0 5px;
    }

    .slider-caption{
        justify-content: left!important;
        padding: 0 15px;
        top: 30px!important;
    }
}

@media (min-width: 992px) {
    #header.transparent-header.dark {
        background: linear-gradient(to bottom, rgba(32, 39, 40, 1) 0%, rgba(32, 39, 40, 0) 100%)!important;
        border-bottom: none!important;
    }
}