:root {
    --sub_title_size_max: 128px;
    --font-max: 200px;
    --sub_title_master_min: 140px;
    --section: 100px;
}

.hidden_video{
    height: 100vh;
    width: 100%;
    z-index: 20;
    top: -150vh;
    bottom: 150vh;
    left: 0px;
    right: 0px;
    position: fixed;
    background-color: var(--blue);
    transition: var(--slow-fast)
}


.show_video_a,
.show_video_b,
.show_video_c{
    overflow: hidden; 
}

.show_video_a .content_video_a,
.show_video_b .content_video_b,
.show_video_c .content_video_c{
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.hidden_video_close{
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.hidden_video_close div{
    width: 45px;
    height: 45px;
    float: right;
    margin: 5px 12px;
    cursor: pointer;
}

.hidden_video_close div span{
  height: 5px;
  background-color: var(--white);
  width: 100%;
  display: block;
  margin-top: 5px;
  border-radius: 10px;
}

.hidden_video_close div span:first-child{
  transform: rotate(-45deg);
  margin-top: 30px;
}

.hidden_video_close div span:last-child{
  transform: rotate(45deg);
  margin-top: -5px;
}

.hidden_video_content{
    height: calc(100vh - 60px);
    padding: 20px;
}
.hidden_video_content iframe{
    width: 100%;
    height: calc(100vh - 100px);
    border-radius: 20px;
    overflow: hidden; 
}

.orangeBlock.wrapper_secundary.bar-bottom,
.teleton-page .wrapper_tertiary,
.teleton-page .containerWaves{
    padding: var(--section) 0px;
}

.plan_b{
    max-width: var(--container-img);
    margin: 0px auto;
    display: block;
    width: 100%;
}

.plan_b_min{
    width: var(--container-img-min);
}

.plan_b_mobile{
    display: none;
    width: var(--container-img);
    margin: 0px auto;
}

.plan_b_max{
    width: var(--container-img-max);
    max-width: var(--container-img-max);
}

.interlude{
    width: 100%;
    height: var(--section);
}

.page_bem_estar_social .orangeBlock.wrapper-primary .centerContent h4,
.page_bem_estar_social .wrapper_secundary .centerContent h5,
.quote.blueMark p.textMark,
.page_voluntaryConnection .quote.blueMark p.textMark,
.page_voluntaryConnection .wrapper_tertiary .containerCenter .quote.blueMark p.textMark,
.page_voluntaryConnection .wrapper_fourth div h2,
.page_pincha .wrapper_secundary .quote p.textMark,
.cardCenter .balloonInformation span,
.page_Paperless .wrapper_secundary .centerContent h3.textLeft,
.page_institutoPortal .orangeBlock.containerWaves.wavesTop .centerContent .informationRight p strong,
.page_asume .wrapper_secundary .centerContent .centerContent-secundary p strong,
.quote p.textMark,
.million_opportunities_page .orangeBlock.wrapper-primary .centerContent strong,
.million_opportunities_page .wrapper_fourth .centerContent .containerText p strong,
.million_opportunities_page .wrapper_fourth .centerContent .containerText p:last-child strong,
.schoolSuccess-page .wrapper_tertiary .centerContent h3,
.lgpd-page .wrapper_tertiary .centerContent p strong,
.markedText,
.connectivity_education .wrapper_secundary .containerWidthFull .centerContent h3.textCenter,
.connectivity_education .blockTextOne span,
.connectivity_education .blockTextTwo span,
.doubleSchool-page .wrapper-primary .centerContent h4,
.textBackground,
.bike-page .wrapper-primary .centerContent .quotationMarks p,
.plenty-of-love-page .wrapper_secundary .centerContent h4,
.page_home .profile .centerContent .contentRight .contentText .contentTextLeft strong,
.page_home .wrapper_fourth .centerContent_secondary h4,
.page_home .orangeBlock.containerWaves.wavesTop .centerContent h3,
.page_home .wrapper_fifth .centerContent .contentRight .contentText .textMark h5:first-child,
.page_home .wrapper_fifth .centerContent_secondary .contentLeft span.textMark:nth-child(2) {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
}
.donationProject .contentLef {
    width: calc(100% - 110px - 500px );
}

.plenty-of-love-page .wrapper-primary h2{
    margin-top: 0px;
    font-size: var(--sub_title_size_max);
}
.bar-bottom::after{
    display: none;
}
.red-border{
    display: block;
    width: 800px;
    background-color: #DA291C;
    height: 70px;
    margin: 0px auto;
    border-radius: 100px;
    margin-top: -40px;
    margin-bottom: 120px;
}


.doubleSchool-page .firstFold .wrapperContent .titleimage,
.page_pincha .firstFold .wrapperContent .titleimage{
    top: 0px;
    height: calc(100vh - calc(380px / 2));
}
.doubleSchool-page .firstFold .wrapperContent .titleimage{
    background-image: url('../images/banner-diploma-desktop-02.png?13');
}

.logo-claro-top{
	background-image: url(../images/logo_claro.svg);
    background-size: contain;
    background-position: center;
    height: 91px;
    width: 242px;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
}
.doubleSchool-page .logo-claro-top,
.page_pincha .logo-claro-top{
    background-image: url('../images/logo_claro_w.svg');
}
.firstFold.logoTop::before,
.global_pact .firstFold .wrapperContent .titleimage::after,
.connectivity_education .firstFold::after {
    display: none;
}
.global_pact .firstFold .wrapperContent .titleimage{
    background-image: url(../images/banner-topo-Pacto-Global-desktop-01.png?13);
}

.centerContent,
/*.containerCenter,*/
.global_pact .containerWavesTwo .centerContent,
.connectivity_education .containerWaves .centerContent,
.connectivity_education .wrapper_secundary .containerWidthFull h4,
.connectivity_education .wrapper_secundary .containerWidthFull h2,
.connectivity_education .wrapper_secundary .centerContent,
.connectivity_education .wrapper_secundary .containerWidthFull p,
.centerContent_secondary,
.page_pincha .containerWidthFull.trainees .cardCenter,
.page_social_action_music .orangeBlock.wrapper-primary p,
.page_social_action_music .orangeBlock.wrapper-primary .contentBlock,
.schoolSuccess-page .orangeBlock.containerWaves.wavesTop p,
.containerWidthFull.trainees .cardCenter,
.million_opportunities_page .wrapper_tertiary h2,
.million_opportunities_page .wrapper_tertiary h3,
.page_editorial .greyPlusBlock.containerWavesTwo .containerWidthFull h2,
.page_voluntaryConnection .blueBlock.containerWaves.wavesTop h2,
.page_voluntaryConnection .blueBlock.containerWaves.wavesTop h4,
.page_voluntaryConnection .blueBlock.containerWaves.wavesTop p.textCenter,
.page_voluntaryConnection .wrapper_fourth h4,
.page_pincha .wrapper_secundary .quote,
.page_pincha .containerWidthFull.trainees h2,
.page_pincha .containerWidthFull.trainees p.textCenter,
.page_energy_claro .wrapper_tertiary h2,
.page_social_action_music .wrapper_fourth h2:last-child{
    max-width: var(--container)!important;
}
.campusMobile-page .blueBlock.wrapper-primary h2,
.campusMobile-page .blueBlock.wrapper-primary .containerWidthFull{
     max-width: 1400px!important;
}
.containerCenter,
.campusMobile-page .blueBlock.wrapper-primary h2,
.million_opportunities_page .wrapper_tertiary h2,
.million_opportunities_page .wrapper_tertiary h3,
.page_editorial .greyPlusBlock.containerWavesTwo .containerWidthFull h2,
.page_voluntaryConnection .blueBlock.containerWaves.wavesTop h2,
.page_voluntaryConnection .blueBlock.containerWaves.wavesTop h4,
.page_voluntaryConnection .blueBlock.containerWaves.wavesTop p.textCenter,
.page_voluntaryConnection .wrapper_fourth h2,
.page_voluntaryConnection .wrapper_fourth .centerContent_secondary,
.page_voluntaryConnection .wrapper_fourth h4,
.page_pincha .containerWidthFull.trainees h2,
.page_pincha .containerWidthFull.trainees p.textCenter,
.page_energy_claro .wrapper_tertiary h2,
.page_social_action_music .wrapper_fourth h2:last-child,
.page_home .centerContent_secondary{
	margin: auto;
}

.connectivity_education .containerWaves{
    margin-bottom: 0px;
}
.containerButtons .button-pt, 
.containerButtons .button-es,
.firstFold::after{
    display: none;
}
footer p a{
    color: var(--white);
    text-decoration: none;
}
footer p a:hover{
    text-decoration: underline;
}

.wrapperCenter .pdfDownload:hover:before{
    background-image: url('../images/download-hover.png?13');
    background-size: 99px;
}

.global_pact .containerCenter::before{
    right: -344px;
}
.global_pact .centerContent p{
    font-size: 40px;
}
.global_pact .doubleSchool .centerContent p:nth-child(3)::after{
    content: '';
    background-image: url(../images/dez-principios-texto-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    position: relative;
    bottom: 0px;
    display: block;
    margin-left: 0px;
    margin-top: 20px;
}

.editorial_home a {
    font-family: var(--din-blackItalic);
    font-size: 30px;
    color: var(--orange);
    background-color: var(--white);
    display: block;
    position: relative;
    border-radius: 100px;
    text-align: center;
    padding: 30px 70px;
    cursor: pointer;
    text-decoration: none;
    margin: 0px auto;
    transition: var(--slow-med);
    width: 326px;
}

.editorial_home a:hover{
    color: var(--white);
    background-color: var(--orange);
}


@media screen and (min-width: 1052px) {
    .fix_desktop{
        width: auto!important;
        max-width: auto!important;
        height: calc(100vh - 380px)!important;
    }
}





@media screen and (max-width: 1500px) {
	.logo-claro-top{
		top: 40px;
		width: 172px;
	}
}


@media screen and (max-width: 1200px) {
    .video-a {
        display: block;
        width: 22.4%;
        height: 0px;
        position: absolute;
        top: 5.1%;
        left: 11.5%;
        z-index: 2;
        padding-top: 45.5%;
    }
    .video-b {
        display: block;
        width: 25.4%;
        height: 0px;
        position: absolute;
        top: 11.5%;
        left: 6.9%;
        z-index: 2;
        padding-top: 52.5%;
    }
    .video-c {
        display: block;
        width: 24.4%;
        height: 0px;
        position: absolute;
        top: 9.5%;
        left: 5%;
        z-index: 2;
        padding-top: 49.5%;
    }
}



@media screen and (max-width: 1051px) {
:root{
--section: 60px;
}
.editorial_home a {
font-size: 20px;
padding: 20px 20px;
width: calc(100% - 50px);
}
.video-a {
display: block;
width: 32.8%;
height: 0px;
position: absolute;
top: calc(var(--section) + 0.25%);
left: calc(((100vw - calc(100% - 40px)) / 2) + 7%);
z-index: 2;
padding-top: 65.3%;
}
.video-b {
display: block;
width: 42.4%;
height: 0px;
position: absolute;
top: 3.9%;
left: 9.2%;
z-index: 2;
padding-top: 84.5%;
}
.video-c {
display: block;
width: 37.4%;
height: 0px;
position: absolute;
top: 5.1%;
left: 11.9%;
z-index: 2;
padding-top: 72.5%;
}
.plan_b{
display: none;
}
.plan_b_mobile{
display: block;
}
.doubleSchool-page .logo-claro-top,
.page_pincha .logo-claro-top{
background-image: url('../images/logo_claro.svg');
}
.doubleSchool-page .firstFold .wrapperContent .titleimage{
background-image: url('../images/banner-diploma-mobile-02.png?13');
background-size: var(--horizontal);
}
.doubleSchool-page .firstFold .wrapperContent .titleimage,
.page_pincha .firstFold .wrapperContent .titleimage{
height: calc(100% - 230px);
top: 90px;
}
.contentLef .word_four{
margin-top: 8px;
}
.donationProject .contentLef{
width: 100%;
}
.donationProject .containerWaves .containerWidthFull {
padding: 0px 0px 0px;
}
.red-border{
width: calc(100% - 80px);
margin-bottom: 0px;
}
.logo-claro-top {
top: 4px;
height: 40px;
width: 112px;
top: 20px;
}
.global_pact .firstFold .wrapperContent .titleimage{
background-image: url(../images/banner-topo-Pacto-Global-mobile-01.png?13);
}

.social-links a,
.social-links a.social-instagram{
background-size: 16px;
width: 25px;
height: 25px;
}
.social-links a.social-facebook{
background-size: 7px;
}
.donationProject .containerWrapper .imageblock::after{
background-size: 480px; 
}
.donationProject .containerWaves{
padding-bottom: 0px;
}
.wrapperCenter .information{
font-size: 30px;
}
.wrapperCenter .pdfDownload {
width: 150px;
height: 150px;
background-size: 70px;
}
.logo-insitutoClaro{
width: 80%;
}
.centerContent {
width: calc(100% - 40px);
}
.wrapperCenter .pdfDownload::before {
background-size: 100%;
bottom: 0px;
right: 0px;
}
.donationProject .containerWrapper .imageblock{
background-position: center;
height: 260px;
}
.contentLef .word_one {
font-size: calc(var(--font_plus_max) - 56px);
}
.contentLef .word_two {
font-size: calc(var(--sub_title_size) - 100px);
}
.contentLef .word_three {
font-size: calc( var(--sub_title_max) - 123px);
}
.logo-claro {
width: 122px;
top: 60px;
}
}

@media screen and (max-width: 320px) {
.doubleSchool .containerWidthFull .centerContent h3 span {
font-size: 44px;
}
.logo-claro-top{
height: 28px;
width: 72px;
top: 32px;
}
}


@media screen and (min-width: 370px) {
    @media (max-aspect-ratio: 9/16) {
    .doubleSchool-page .firstFold .wrapperContent .titleimage,
    .page_home .firstFold .wrapperContent .titleimage,
    .connectivity_education .firstFold .wrapperContent .titleimage,
    .lgpd-page .firstFold .wrapperContent .titleimage,
    .bike-page .firstFold .wrapperContent .titleimage,
    .schoolSuccess-page .firstFold .wrapperContent .titleimage,
    .million_opportunities_page .firstFold .wrapperContent .titleimage {
    background-size: var(--vertical);
    }
}