@media only screen and (min-width: 801px){.mobile-only{display:none !important}}@media only screen and (max-width: 800px){.desktop-only{display:none !important}}.evento-banner{display:block;width:100%;margin:0;padding:0}.evento-banner-splide{width:100%}.evento-banner__slide{display:block;position:relative;width:100%;height:61rem;background-size:cover;background-position:center;background-repeat:no-repeat;text-decoration:none;color:inherit}@media only screen and (max-width: 800px){.evento-banner__slide{background-image:none !important;height:59rem}}.evento-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 100%);z-index:1}@media only screen and (max-width: 800px){.evento-banner__overlay{height:39rem}}.evento-banner__content{position:absolute;top:50%;transform:translateY(-50%);left:5%;z-index:2;display:flex;flex-direction:column;gap:2rem;max-width:60rem}@media only screen and (max-width: 800px){.evento-banner__content{position:relative;transform:translateY(0);left:0;gap:0;padding:2.4rem 0}}.evento-banner__tags{display:flex;flex-wrap:wrap;gap:0rem;list-style:none;padding:0;margin:0}.evento-banner__tags>li:not(:last-of-type){border-right:none}.evento-banner__tag{font-family:"Factor B";font-weight:800;font-size:clamp(2.3rem,5vw,2.5rem);border:3px solid #fff;background-color:rgba(0,0,0,0);color:#fff;padding:.8rem 1.2rem;text-transform:uppercase;white-space:nowrap}@media only screen and (max-width: 600px){.evento-banner__tag{font-size:1.4rem;border:2.5px solid #000;background-color:#fff;color:#000;padding:.5rem}}.evento-banner__title{font-family:"Factor B";font-weight:800;font-size:clamp(4.2rem,5vw,4.9rem);color:#fff;margin:0;text-transform:uppercase;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.5)}@media only screen and (max-width: 800px){.evento-banner__title{font-size:2.9rem;color:#000;margin:.8rem 0 0 0;line-height:100%;vertical-align:middle;text-shadow:none}}.evento-banner__subtitle{font-family:"Factor B";font-weight:800;font-size:clamp(2.9rem,5vw,3.1rem);color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.5)}@media only screen and (max-width: 800px){.evento-banner__subtitle{font-size:1.8rem;color:#000;vertical-align:middle;margin:.8rem 0 0 0;line-height:1.3;text-shadow:none}}.evento-banner__info{display:flex;flex-direction:column;gap:.5rem}@media(max-width: 800px){.evento-banner__info{flex-direction:row;justify-content:space-between}}.evento-banner__date,.evento-banner__time{font-family:"Sofia Pro",sans-serif;font-weight:400;font-size:3rem;color:#fff;margin:0;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.5)}@media only screen and (max-width: 800px){.evento-banner__date,.evento-banner__time{font-family:"Sofia Pro",sans-serif;font-weight:500;color:#000;font-size:2rem;text-transform:uppercase;text-shadow:none}}@media only screen and (max-width: 800px){.evento-banner__time{display:none}}.evento-banner__date{margin-top:.8rem}@media only screen and (max-width: 800px){.evento-banner-splide .splide__arrows{display:flex;position:absolute;right:0;bottom:0%}}.evento-banner-splide .splide__arrow{background:rgba(0,0,0,0);border:none;width:4.7rem;height:4.7rem;opacity:.8;transition:opacity .3s ease,transform .3s ease;z-index:10}@media only screen and (max-width: 800px){.evento-banner-splide .splide__arrow{top:inherit;position:relative}}.evento-banner-splide .splide__arrow:hover{opacity:1;transform:scale(1.1)}@media only screen and (max-width: 800px){.evento-banner-splide .splide__arrow:hover{transform:scale(1)}}.evento-banner-splide .splide__arrow:disabled{opacity:.3}.evento-banner-splide .splide__arrow svg{width:100%;height:100%;display:block}@media only screen and (max-width: 800px){.evento-banner-splide .splide__arrow svg>path{fill:#000;stroke:#000}}.evento-banner-splide .splide__arrow--prev{left:2rem}.evento-banner-splide .splide__arrow--prev svg{transform:scaleX(-1)}@media only screen and (max-width: 800px){.evento-banner-splide .splide__arrow--prev{left:inherit}}.evento-banner-splide .splide__arrow--next{right:2rem}@media only screen and (max-width: 600px){.evento-banner-splide .splide__arrow--next{right:inherit}}@media only screen and (max-width: 600px){.evento-banner-splide .splide__arrow{width:3.5rem;height:3.5rem}}.evento-banner-splide .splide__slide{opacity:1}/*# sourceMappingURL=evento-banner.css.map */
