#MarcoPastillaSlide { position: absolute; left: clamp(20px,var(--margen-pastilla-left),30px); top: clamp(100px,17%,135px); width: 150px; height: 150px; border-radius: 50%; }
.pastilla_slide { padding: 35px 5px; background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
    .pastilla_slide img { opacity:0.9; width:120px; margin:10px; }

/*---------BANNER CAPÇALERA------------------*/
.bannerHeader { position: relative; margin:0; padding: 0px; line-height: 0px; text-align: center;  background: #fff;  width:100%; background: white;overflow:hidden;/*border:1px solid green;*/}
.bannerHeader ul { list-style: none; margin:0;padding:0;vertical-align:text-top;}
    .bannerHeader ul li { display: block; float: left;  width:100%; height:auto; /*max-height:400px;*/  padding: 0; -moz-background-size:  100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; }
    .bannerHeader img { margin: 0; width: 100%; height:670px;  max-height:670px; object-fit:cover; }
    .bannerHeader .dots {  position:absolute; bottom:20px;  z-index: 1; margin-left:48%; }
        .bannerHeader .dots .active { background: #bd1e2d; }
        .bannerHeader .dots li { display: inline-block; width: 8px; height: 8px; margin: 0 7px; text-indent: -999em; border: 1px solid #555; border-radius: 5px; cursor: pointer;  background: white; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
.bannerHeader .dots li.active { background: #FB8034; /*lorena*/ opacity: 1; }


@media (max-width:1700px) {    .bannerHeader img { max-height: 500px; }}

/*@media (max-width:1400px) {    .bannerHeader img {max-height:400px; }}
*/
@media (max-width:1150px) {  .bannerHeader .dots {bottom:10px;  margin-left: 40%;}}

@media (max-width:1000px){ .bannerHeader img {max-height:400px; }} /*350*/
/*CANVI MENU*/
@media (max-width:1240px) {
    #MarcoPastillaSlide { top: max(95px,10%); }
}
@media (max-width:950px) {
        .bannerHeader .dots { margin-left: 20px; }
        
}

@media (max-width:800px) {
        .bannerHeader img { max-height: 300px; }/*250*/
        #MarcoPastillaSlide { width: 120px; height: 120px;  top: 90px; left: 20px; }
        .pastilla_slide{padding:20px 0px;}
            .pastilla_slide img {width:100px;}
}

@media (max-width:500px) {
    .bannerHeader img { max-height: 300px; }/*175*/
    #MarcoPastillaSlide { width: 85px; height: 85px; top: 80px; left: 10px; }
    .pastilla_slide { padding: 10px 0px; }
        .pastilla_slide img { width: 67px; }
}
@media (max-width:470px) {

    #MarcoSlide, #MarcoPastillaSlide { display: none; }
}