/*Heros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

html.heightFull, html.heightFull body, html.heightFull main.main-default, html.heightFull main.main-default .content-wrapper  { height: 100% }
html.heightFull header.header-default { position: absolute; top: 0; z-index: 2 } 

.wrapper-content-hero { height: 100%; display: flex; position: sticky; z-index: 1; }
.header-hero-full .wrapper-content-hero { padding-top: 80px }
.wrapper-content-hero.textCenter { align-items: center }
.wrapper-content-hero.textTop { align-items: flex-start }
.wrapper-content-hero.textBottom { align-items: flex-end }
.wrapper-content-hero.textRight { flex-direction: row-reverse; }
.wrapper-content-hero.textCenterHorizontal { align-items: center; }
.wrapper-content-hero.textCenterHorizontal.textBottom { flex-direction: column-reverse; }
.wrapper-content-hero.textCenterHorizontal.textCenter { flex-direction: column-reverse; }
.wrapper-content-hero.textCenterHorizontal.textTop { flex-direction: column; }
.wrapper-content-hero.textCenterHorizontal .text { text-align: center; }
.wrapper-content-hero.textCenterHorizontal .subtitulo { margin: 0 auto }

.header-hero.header-hero-default { margin: 0 auto }
.header-hero.header-hero-default.wrapper-element-96 { max-width: 96% }
.header-hero.header-hero-default.wrapper-element-80 { max-width: 80% }
.header-hero.header-hero-default.wrapper-default .bar-text .text { padding-left: 12px; }
.header-hero.header-hero-default.RadiusBottom { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.header-hero.header-hero-default.RadiusBottom:before { content: ""; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.header-hero.header-hero-default.RadiusTop { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.header-hero.header-hero-default.RadiusTop:before { content: ""; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.header-hero.header-hero-default.header-hero-altHiden { height: inherit; }
.header-hero.header-hero-default.header-hero-full { height: 100%; }
.header-hero-default { width: 100%; height: 580px; background: #f5f5f5; position: relative; }
.header-hero-default:before { content: ""; position: absolute; width: 100%; height: 100%; display: block; z-index: 1 }
.header-hero-default .bar-text {  padding: 60px 0; box-sizing: border-box; }
.header-hero-default .bar-text .titulo { font-size: 40px; line-height: 46px; font-weight: 600 }
.header-hero-default .bar-text .subtitulo { font-size: 19px; line-height: 24px; padding-top: 12px; }
.header-hero-default .bar-thumb-cta { flex-grow: 1; height: 100%; display: flex }
.header-hero-default .bar-thumb-cta.topLeft { justify-content: flex-start; align-items: flex-start; }
.header-hero-default .bar-thumb-cta.topRight { justify-content: flex-end; align-items: flex-start; }
.header-hero-default .bar-thumb-cta.center { justify-content: center; align-items: center; }
.header-hero-default .bar-thumb-cta.centerTop { justify-content: center; align-items: flex-start; }
.header-hero-default .bar-thumb-cta.centerBottom { justify-content: center; align-items: flex-end; }
.header-hero-default .bar-thumb-cta.bottomLeft { justify-content: flex-start; align-items: flex-end; }
.header-hero-default .bar-thumb-cta.bottomRight { justify-content: flex-end; align-items: flex-end; }
.header-hero-default .bar-thumb-cta .thumb { width: 100%; max-width: fit-content; display: block; }

.header-hero-default .video-background { position: absolute; top: 0; left: 0;  height: calc(100% + 1px); width: calc(100% + 1px); object-fit: cover; }

/*hero page . . . . . . . . . . . . . . . */
.hero-post { margin-bottom: 30px; }
.hero-post .bar-relacionado { padding-top: 20px }
.hero-post .bar-relacionado .card-item-mini-horizon { padding: 6px; background: #ffffff90 }
.hero-post .bar-relacionado .card-item-mini-horizon .bar-thumb img.thumb { width: 80px; min-width: 80px; }

.superHero { height: 580px; padding: 20px 0; box-sizing: border-box; display: flex; align-items: center; position: relative; }
.superHero:before { content: ""; position: absolute; width: 100%; height: 100%; display: block; background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.3) 33%, rgba(0,0,0,0.1) 100%); }
.superHero .content { position: sticky; z-index: 1 }
.superHero .content .bar-text { max-width: 70% }

.superHeroVideo { height: 580px; padding: 20px 0; box-sizing: border-box; display: flex; align-items: center; position: relative; }
.superHeroVideo:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; display: block; background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.3) 33%, rgba(0,0,0,0.1) 100%); }
.superHeroVideo .content { position: sticky; z-index: 1 }
.superHeroVideo .content .bar-text { max-width: 70% }
.superHeroVideo .video-background { position: absolute; top: 0; left: 0;  height: calc(100% + 1px); width: calc(100% + 1px); object-fit: cover; }
/* ^ hero page . . . . . . . . . . . . . . . */

@media ( max-width: 768px ) {

.header-hero.header-hero-default.mobile-wrapper-element-full { max-width: 100% }
.header-hero.header-hero-default.mobile-wrapper-element-96 { max-width: 96% }
.header-hero.header-hero-default.wrapper-default { padding: 0; }

.wrapper-content-hero { flex-direction: column-reverse; }
.header-hero.header-hero-default.header-hero-full { height: calc(100% - 50px); }
.wrapper-content-hero.textLeft { align-items: flex-start; }
.header-hero-default .bar-text { padding: 20px 0 }

.header-hero-default .bar-text .titulo { font-size: 20px; line-height: 27px; word-wrap: break-word;:  }
.header-hero-default .bar-text .subtitulo { font-size: 15px; line-height: 21px; padding-top: 12px; }

/*hero page . . . . . . . . . . . . . . . */
.superHero,
.superHeroVideo { height: 560px; align-items: flex-end; padding: 0; }
.superHeroVideo .content { padding-bottom: 18px; }

.hero-post .bar-relacionado .card-item-mini-horizon { width: 100%; }
.hero-post .bar-relacionado .card-item-mini-horizon .bar-thumb img.thumb { width: 70px; min-width: 70px }
.hero-post .bar-relacionado .card-item-mini-horizon .bar-text { padding: 0; }
/* ^ hero page . . . . . . . . . . . . . . . */
}