.dtbird-hscroll-scroll{display:flex}
.dtbird-hslide{min-width:100%;padding:clamp(3rem, 3vw, 3vw);box-sizing:border-box}
.dtbird-hslide-content{display:flex;justify-content:space-between;align-items:center;gap:clamp(3rem, 3vw, 3vw);;max-width:100%;margin:0 auto;height:100%;}
.dtbird-hslide-image img{max-width:100%;width:100%;height:auto;display:flex;height:100%;object-fit:cover;object-position:center;}
.dtbird-hslide-text{flex:1}
.dtbird-hslide-text h2{font-size:clamp(2rem,2vw,2vw);margin-bottom:20px}
.dtbird-hslide-text .desc{color:#fff;font-weight:100}
.dtbird-hslide-text .content{color:#fff;font-weight:400}
.dtbird-hslide-content .dtbird-hslide-image{flex:1.5;box-shadow: 0px 0px clamp(.375rem, .375vw, .375vw); #FFFFFF;border-radius: clamp(1.5rem, 1.5vw, 1.5vw);overflow:hidden;height:100%;max-height:50vh;aspect-ratio:16/9;}
.dtbird-hslide-content .dtbird-hslide-text{flex:1}
.dtbird-hscroll-scroll-outer{position:sticky;top:0;height:auto;overflow:hidden}
.dtbird-hscroll-arrows{position:absolute;top:50%;left:0px;right:0px;display:flex;justify-content:space-between;z-index:10;pointer-events:none}
.dtbird-arrow{pointer-events:all;background:#00000080;color:#fff;border:none;font-size:clamp(2rem, 2vw, 2vw);padding:0;aspect-ratio:1;cursor:pointer;border-radius:clamp(1rem, 1vw, 100%);display:flex;align-items:center;justify-content:center;width:clamp(3rem, 3vw, 3vw);}
.dtbird-hscroll-dots{position:absolute;bottom:clamp(1.85rem,1.85vw, 1.85vw);left:50%;transform:translateX(-50%);display:flex;gap:clamp(.625rem, 0.625vw, 0.625vw);z-index:10}
.dtbird-dot{height:clamp(.75rem, .75vw, .75vw);border-radius:50%;border:none;background:#ffffff80;cursor:pointer;aspect-ratio:1}
.dtbird-dot.active{background:#fff}
.dtbird-hscroll-outer h3{color:#fff;justify-content:center;display:flex}
.dtbird-hscroll-outer h2{color:#fff;justify-content:center;display:flex}
.dtbird-hslide-content h3{margin-bottom:clamp(1rem, 1vw, 1vw);margin-top:0;justify-content:start}
.dtbird-hslide-content .content h3{margin-top:clamp(1rem, 1vw, 1vw);margin-top:0;justify-content:start;}

.dtbird-hscroll-wrapper {
    height: auto;
}

.dtbird-hscroll-fixed-header {
    width: 100%;
    text-align: center;
    padding: 0 clamp(2rem, 2vw, 2vw) clamp(2rem, 2vw, 2vw)  clamp(2rem, 2vw, 2vw);
    z-index: 20;
/*    backdrop-filter: blur(5px);*/
}
@media (min-width:1240px) {
    .dtbird-hscroll-fixed-header {
        max-width:50vw;
    }

}
@media (min-width:768px) {
    .dtbird-hscroll-fixed-header {
        position: absolute;
        top: 0;
        left: 0;
        max-width:100vw;
        left: 50%;
        transform: translateX(-50%);
        
    }
}

.dtbird-hscroll-fixed-header h3 {color: #fff;margin: 0;}
.dtbird-hscroll-fixed-header h2{margin:0;color:#fff;margin:clamp(1rem, 1vw, 1vw) 0;}
.dtbird-hscroll-viewer {
    height: 100%;
    position:relative;
    width:100%;
    padding-top: clamp(7.5rem, 7.5vw, 7.5vw);
    padding-bottom: clamp(2.5rem, 2.5vw, 2.5vw);
    transition:padding 0.4s;
    /* padding-left: clamp(5rem, 5vw, 5vw);
    padding-right: clamp(5rem, 5vw, 5vw);
    max-width:calc(100% -  2 * (clamp(5rem, 5vw, 5vw))); */


}
.dtbird-hscroll {
    height: 100%;
}

.dtbird-hscroll-scroll {
    display: flex;
    will-change: transform;
}

.dtbird-hslide:nth-child(odd) .dtbird-hslide-content .dtbird-hslide-image:before {
    content: "";
    display: block;
    width: 7rem;
    height: 4rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7rem' height='4rem' viewBox='0 0 106.664 50.375'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectángulo_311' data-name='Rectángulo 311' width='106.664' height='50.375' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_42' data-name='Grupo 42' transform='translate(0 0)'%3E%3Cg id='Grupo_41' data-name='Grupo 41' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Trazado_247' data-name='Trazado 247' d='M86.254,11.776C92.709,7.355,107.667.684,106.611.055S85.58,4.372,79.573,10.974c-4.495,4.94-11.005,18.04-13.993,24.314C61.6,26,53.928,11.391,48.094,7.25,39.4,1.078,0,2.486,0,2.486c2.774,3.881,30.858,8.542,39.372,11.97,7,2.818,12.874,21.5,15.923,28.781-4.126,2.835-6.651,5.223-3.833,6.175,5.022,1.7,14.121,1.023,19.328-1.041,3.232-1.283,12.021-9.216,10.374-11.787-.674-1.054-3.011-1.479-6-1.331,2.451-6.381,6.114-20.071,11.087-23.477' transform='translate(0 0.002)' fill='%23FFFFFF' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    left: 12rem;
    top: calc(100% + 4rem);
}




.dtbird-hscroll-outer {position: sticky;top: clamp(10rem, 10vw, 10vw);transition:top 0.4s;overflow: hidden;}
body.dtbird-header-hide .dtbird-hscroll-outer {top:clamp(4rem, 4vw, 4vw);}
body.dtbird-header-hide .dtbird-hscroll-viewer {top:clamp(4rem, 4vw, 4vw);}
body.dtbird-header-hide .dtbird-hscroll-viewer{
   padding-top:clamp(6rem, 6vw, 6vw);
   padding-bottom:clamp(6rem, 6vw, 6vw);
}



.dtbird-hscroll-boxed .dtbird-hslide {
    padding: clamp(7.5rem, 7.5vw, 7.5vw) clamp(5rem, 5vw, 5vw);
    padding: clamp(3.5rem,3.5vw, 3.5vw) clamp(5rem, 5vw, 5vw);
    
}
@media (min-width:768px) {
    .dtbird-hslide-content.reverse{flex-direction:row-reverse}
}
@media (max-width:767px) {
    .dtbird-hscroll-fixed-header  {
        padding:clamp(4rem,4vw, 4vw) clamp(1rem,1vw, 1vw) 0 clamp(1rem,1vw, 1vw);
        padding: clamp(1rem,1vw, 1vw);
   }
   body.dtbird-header-hide .dtbird-hscroll-fixed-header  {
    padding-top:clamp(1rem,1vw, 1vw);
}
   body.dtbird-header-hide .dtbird-hscroll-outer {top: clamp(1rem, 1vw, 1vw);}

   .dtbird-hscroll-viewer{
        padding-top:clamp(2rem, 2vw, 2vw)!important;
        margin-bottom:0px!important;
   }
} 


.dtbird-hscroll-scroll.snap {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: 50%;
  }
  
  .dtbird-hslide {
    scroll-snap-align: center;
  }

@media (max-width:767px) {
    .dtbird-hslide-content{flex-direction:column;max-height:initial;height:auto;gap:clamp(1rem, 1vw, 1vw)}
    body.dtbird-header-hide .dtbird-hscroll-outer {top: clamp(1rem, 1vw, 1vw);}
    .dtbird-hslide-content .dtbird-hslide-image {flex:0 0 50%;width:100%;}
    body.dtbird-header-hide .dtbird-hscroll-viewer{top:0px}
    
    
    /* Descativar scroll horizontal js + afegir manual */
    .dtbird-hscroll-scroll {
        height: auto !important;
        gap: 0;
        overflow:auto;
        scroll-snap-type: x mandatory;
        will-change:auto;
    }
    .dtbird-hscroll-boxed .dtbird-hslide {padding: clamp(1rem, 1vw, 1vw) clamp(2rem, 2vw, 2vw);scroll-snap-align: center;}
    .dtbird-hscroll-wrapper {
        height: auto !important;
    }
    .dtbird-hscroll-arrows {
        top:90%;
        justify-content: space-around;
    }
    .dtbird-hscroll-dots {
        display: none;
    }

}