.elementor-254 .elementor-element.elementor-element-4a8a6988{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-254 .elementor-element.elementor-element-4a8a6988.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-254 .elementor-element.elementor-element-5ab55522{--display:flex;--min-height:100vh;--justify-content:center;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-254 .elementor-element.elementor-element-5ab55522:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-5ab55522 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://study.gabrielschumann.com.br/wp-content/uploads/2024/09/GOAT-min.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-254 .elementor-element.elementor-element-507307fb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-7a19b46c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;}.elementor-254 .elementor-element.elementor-element-7a19b46c .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:bold;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-1628076c .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:1.5rem;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-254 .elementor-element.elementor-element-578f310f .elementor-button{background-color:#FFFFFF;font-family:"Syne", Sans-serif;font-weight:500;border-radius:100px 100px 100px 100px;padding:25px 45px 25px 45px;}.elementor-254 .elementor-element.elementor-element-578f310f{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-7631f4e8{--display:flex;--min-height:100vh;--justify-content:center;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-254 .elementor-element.elementor-element-7631f4e8:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-7631f4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6F388C;background-image:url("https://study.gabrielschumann.com.br/wp-content/uploads/2024/09/RAINHA-min.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-4de2bd02 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-5a032242{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;}.elementor-254 .elementor-element.elementor-element-5a032242 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:bold;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-1edaa8fa .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:1.5rem;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-8dee7fa .elementor-button{background-color:#FFFFFF;font-family:"Syne", Sans-serif;font-weight:500;border-radius:100px 100px 100px 100px;padding:25px 45px 25px 45px;}.elementor-254 .elementor-element.elementor-element-8dee7fa{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-7a5d0938{--display:flex;--min-height:100vh;--justify-content:center;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-254 .elementor-element.elementor-element-7a5d0938:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-7a5d0938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF00DF;background-image:url("https://study.gabrielschumann.com.br/wp-content/uploads/2024/09/FIM-DE-SEMANA-min.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-641c8b79 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-42e1589e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;}.elementor-254 .elementor-element.elementor-element-42e1589e .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:bold;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-7f42feb .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:1.5rem;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-5b594cae .elementor-button{background-color:#FFFFFF;font-family:"Syne", Sans-serif;font-weight:500;border-radius:100px 100px 100px 100px;padding:25px 45px 25px 45px;}.elementor-254 .elementor-element.elementor-element-5b594cae{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-4f938bad{--display:flex;--min-height:100vh;--justify-content:center;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-254 .elementor-element.elementor-element-4f938bad:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-4f938bad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7B1C84;background-image:url("https://study.gabrielschumann.com.br/wp-content/uploads/2024/09/TRAVISSS-min.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-5e394b91 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-7cb30654{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;}.elementor-254 .elementor-element.elementor-element-7cb30654 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:bold;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-610bbda0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:1.5rem;font-weight:500;line-height:1.1em;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-3809b4a4{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-3809b4a4 .elementor-button{font-family:"Syne", Sans-serif;font-weight:500;border-radius:100px 100px 100px 100px;padding:25px 45px 25px 45px;}.elementor-254 .elementor-element.elementor-element-5f877692{--display:flex;}body.elementor-page-254:not(.elementor-motion-effects-element-type-background), body.elementor-page-254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-5ab55522{--min-height:70vh;}.elementor-254 .elementor-element.elementor-element-7a19b46c{padding:0px 0px 15px 0px;}.elementor-254 .elementor-element.elementor-element-7a19b46c .elementor-heading-title{font-size:25px;}.elementor-254 .elementor-element.elementor-element-1628076c .elementor-heading-title{font-size:16px;}.elementor-254 .elementor-element.elementor-element-578f310f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:90px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-7631f4e8{--min-height:70vh;}.elementor-254 .elementor-element.elementor-element-5a032242{padding:0px 0px 15px 0px;}.elementor-254 .elementor-element.elementor-element-5a032242 .elementor-heading-title{font-size:25px;}.elementor-254 .elementor-element.elementor-element-1edaa8fa .elementor-heading-title{font-size:16px;}.elementor-254 .elementor-element.elementor-element-8dee7fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:90px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-7a5d0938{--min-height:70vh;}.elementor-254 .elementor-element.elementor-element-42e1589e{padding:0px 0px 15px 0px;}.elementor-254 .elementor-element.elementor-element-42e1589e .elementor-heading-title{font-size:25px;}.elementor-254 .elementor-element.elementor-element-7f42feb .elementor-heading-title{font-size:16px;}.elementor-254 .elementor-element.elementor-element-5b594cae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:90px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-4f938bad{--min-height:70vh;}.elementor-254 .elementor-element.elementor-element-7cb30654{padding:0px 0px 15px 0px;}.elementor-254 .elementor-element.elementor-element-7cb30654 .elementor-heading-title{font-size:25px;}.elementor-254 .elementor-element.elementor-element-610bbda0 .elementor-heading-title{font-size:16px;}.elementor-254 .elementor-element.elementor-element-3809b4a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:90px 0px 0px 0px;}}@media(min-width:768px){.elementor-254 .elementor-element.elementor-element-4a8a6988{--width:100vw;}}/* Start custom CSS for heading, class: .elementor-element-507307fb */.textovertical {
  writing-mode: vertical-rl; /* Texto na vertical, da direita para a esquerda */
  text-orientation: upright; /* Mantém os caracteres na posição vertical normal */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: white;
  transition: opacity 0.5s ease-in;
}

/* No mobile, o texto fica em horizontal */
@media only screen and (max-width: 768px) {
  .textovertical {
    writing-mode: horizontal-tb; /* Texto normal (horizontal) no mobile */
    text-orientation: initial; /* Reseta a orientação do texto no mobile */
    transform: translate(-50%, -50%); /* Mantém a centralização no mobile */
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-578f310f */.elementor-254 .elementor-element.elementor-element-578f310f .elementor-button-wrapper .elementor-button { 
    background: rgba( 255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    backdrop-filter: blur( 25px);
    -webkit-backdrop-filter: blur( 25px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ab55522 *//* Estilo padrão para os painéis */
.panel {
  cursor: pointer;
  flex: 0.5;
  overflow: hidden;
  transition: flex 0.5s ease, filter 1s ease; /* Adiciona transição para o filtro */
  filter: grayscale(100%); /* Aplica o efeito preto e branco inicialmente */
}

/* Painel ativo que remove o preto e branco */
.panel.active {
  flex-grow: 5;
  flex-shrink: 0.5;
  filter: grayscale(0%); /* Remove o preto e branco quando o painel está ativo */
  transition: flex 0.5s ease, filter 1s ease; /* Transição suave para o filtro */
}

/* Cabeçalhos, parágrafos e botões dentro do painel */
.panel h2,
.panel p,
.panel .elementor-button {
  position: absolute;
  opacity: 0;
}

/* Elementos aparecem quando o painel está ativo */
.panel.active h2,
.panel.active p,
.panel.active .elementor-button {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}

/* Classe "vertical" para texto que aparece quando o painel está encolhido */
.panel .vertical {
  position: absolute;
  opacity: 1;
  transition: all 0.5s ease-in;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: white;
  pointer-events: none; /* Não permite interações com o texto */
}

/* O texto "vertical" some quando o painel é expandido */
.panel.active .vertical {
  opacity: 0;
  transition: all 0.5s ease-in;
}

/* Estilos para mobile */
@media only screen and (max-width: 768px) {
  .panels-container {
    display: flex;
    flex-direction: column; /* Alinha os painéis na vertical */
  }

  .panel {
    width: 100%;
    height: 30vh; /* Define a altura padrão para painéis não ativos no mobile */
    transition: height 0.5s ease, filter 1s ease; /* Transição suave no mobile */
    flex: 0; /* Remove flex para ajustar o comportamento de altura */
  }

  .panel.active {
    height: 70vh; /* Expande o painel ativo para 70vh no mobile */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4de2bd02 */.textovertical {
  writing-mode: vertical-rl; /* Texto na vertical, da direita para a esquerda */
  text-orientation: upright; /* Mantém os caracteres na posição vertical normal */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: white;
  transition: opacity 0.5s ease-in;
}

/* No mobile, o texto fica em horizontal */
@media only screen and (max-width: 768px) {
  .textovertical {
    writing-mode: horizontal-tb; /* Texto normal (horizontal) no mobile */
    text-orientation: initial; /* Reseta a orientação do texto no mobile */
    transform: translate(-50%, -50%); /* Mantém a centralização no mobile */
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8dee7fa */.elementor-254 .elementor-element.elementor-element-8dee7fa .elementor-button-wrapper .elementor-button { 
    background: rgba( 255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    backdrop-filter: blur( 25px);
    -webkit-backdrop-filter: blur( 25px);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-641c8b79 */.textovertical {
  writing-mode: vertical-rl; /* Texto na vertical, da direita para a esquerda */
  text-orientation: upright; /* Mantém os caracteres na posição vertical normal */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: white;
  transition: opacity 0.5s ease-in;
}

/* No mobile, o texto fica em horizontal */
@media only screen and (max-width: 768px) {
  .textovertical {
    writing-mode: horizontal-tb; /* Texto normal (horizontal) no mobile */
    text-orientation: initial; /* Reseta a orientação do texto no mobile */
    transform: translate(-50%, -50%); /* Mantém a centralização no mobile */
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5b594cae */.elementor-254 .elementor-element.elementor-element-5b594cae .elementor-button-wrapper .elementor-button { 
    background: rgba( 255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    backdrop-filter: blur( 25px);
    -webkit-backdrop-filter: blur( 25px);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5e394b91 */.textovertical {
  writing-mode: vertical-rl; /* Texto na vertical, da direita para a esquerda */
  text-orientation: upright; /* Mantém os caracteres na posição vertical normal */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: white;
  transition: opacity 0.5s ease-in;
}

/* No mobile, o texto fica em horizontal */
@media only screen and (max-width: 768px) {
  .textovertical {
    writing-mode: horizontal-tb; /* Texto normal (horizontal) no mobile */
    text-orientation: initial; /* Reseta a orientação do texto no mobile */
    transform: translate(-50%, -50%); /* Mantém a centralização no mobile */
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3809b4a4 */.elementor-254 .elementor-element.elementor-element-3809b4a4 .elementor-button-wrapper .elementor-button { 
    background: rgba( 255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    backdrop-filter: blur( 25px);
    -webkit-backdrop-filter: blur( 25px);
}/* End custom CSS */