@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
    font-family: Rethink Sans, sans-serif;
    /* Rethink Sans troca (0)–(9) por glifos circulados via calt */
    font-feature-settings: "calt" 0;
    font-variant-ligatures: no-contextual;
}

.badge  {
    color: white !important;
}
#id_captcha {
background-color: #00000000 !important;
border-color: #00000000 !important;

border: 1px solid gray;
}


::selection {
    background: rgba(0, 0, 0, 0.171) !important;
}

.list-group,
button,
a,
.card,
.badge,

.card *,
.accordion,

.accordion .accordion-item, .btn-group {
    /* border-color: rgba(255, 255, 255, 0); */

    border-radius: 20px !important;
    moz-border-radius: 20px !important;
    webkit-border-radius: 20px !important;
}

#id_captcha , #id_captcha * {
border: none !important;
}




.accordion-item {
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
}

.textarea {
    padding: 20px;
}

.navbar {
    backdrop-filter: blur(5px);
}

.semBlur {
    
    backdrop-filter: blur(0px);
}

.nv-white {
    background-color: rgba(255, 255, 255, 0.884);
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
}


.nv-purple-dark {
    background: linear-gradient(80deg, #20172ef1, #15152bef) !important;
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
}

.text-primary {
    color: #ffffff !important;
}


.nv-shadow {
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
}

.nv-purple {
    background: linear-gradient(80deg, #5900ff, #2926ff) !important;
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
}



.nv-purple .nav-link,
.nv-purple .navbar-text,
.nv-purple .card-title {

    color: white !important;
}

.nav-link {
    font-size: 1.0625rem !important;
    font-weight: 700 !important;
}

/* 
body, .text-body-emphasis {
background-color: rgb(247, 247, 255);
color:rgb(48, 60, 70) !important;
} */
body {
    position: relative; /* Necessário para o uso de pseudo-elementos posicionados */
    min-height: 100vh; /* Garante que o body ocupe a altura total da janela */
    margin: 0;
}

/* Aplica o estilo apenas se o body não tiver a classe "promocao" */
body:not(.promocao)::before, .text-body-emphasis::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F7F7FF; /* Cinza bem claro */
    z-index: -1; /* Envia para trás */
}

/* Aplica o estilo apenas se o body não tiver a classe "promocao" */
body:not(.promocao)::after, .text-body-emphasis::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(0deg, transparent 97%, #F0F1FF 97%), 
        linear-gradient(90deg, transparent 97%, #F0F1FF 97%);
    background-size: 70px 70px; /* Ajusta o tamanho dos quadrados */
    z-index: -1; /* Envia para trás do conteúdo, mas na frente do pseudo-elemento ::before */
}





.promocao {
    background-color:#070720;
    background-size: 580px 580px;
    background-image:

        linear-gradient(#ffffff07 2px, transparent 2px), linear-gradient(to right, #ffffff07 2px, #070720 2px);
    background-size: 60px 60px;


    color: rgb(255, 255, 255) !important;
}




#v-pills-tab .nav-link {
    color: #5900ff !important;
}

.btn-primary,
#v-pills-tab .nav-link.active {
    border-color: #5900ff !important;
    background: linear-gradient(80deg, #5900ff, #2926ff) !important;
    transition: .5 ease all !important;
}



#v-pills-tab .nav-link.active {

    color: white !important;
}

video::cue {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    margin-left: -15px;
}

#noscript {
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: white;
    position: fixed;
}




.text-cesar {
    border-right: 5px solid;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    animation:
        typing 2s steps(18),
        cursor .4s step-end infinite alternate;
}

@keyframes cursor {
    50% {
        border-color: transparent
    }

}

@keyframes typing {
    from {
        width: 0
    }
}

.text-gradient {
    background: linear-gradient(90deg, #5900ff, #2926ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p.lead span {
    background: linear-gradient(90deg, #5900ff, #2926ff) !important;
    color: rgb(255, 255, 255);
    margin: 0 5px;
    padding: 0 10px;
}



.container {
    animation: transitionIn 0.75s !important;
}



.p-0 {
    padding: 110px !important;
}

* .p-0 {
    padding: 110px !important;
}

.nv-grad-1 {
    background: linear-gradient(80deg, #5900ff, #2926ff) !important;
    color: white;
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
    transform: rotate3d(.1, .1, .1, 15deg);
}

.nv-grad-0 {
    background: linear-gradient(80deg, #5900ff, #2926ff) !important;
    color: white;
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
}

.nv-grad-2 {
    background: linear-gradient(140deg, #35ff35, #24ffab) !important;
    color: rgb(0, 0, 0);
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
    transform: rotate3d(.1, .1, .1, 5deg);
}

.nv-grad-3 {
    background: linear-gradient(220deg, #ffffff, rgb(233, 240, 252)) !important;
    color: rgb(0, 0, 0);
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
    transform: rotate3d(.1, .1, .1, -5deg);
}

.nv-grad-4 {
    background: linear-gradient(220deg, #141414, rgb(34, 43, 65)) !important;
    border: 1px solid white;
    color: white;
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
    transform: rotate3d(.1, .1, .1, -15deg);
}


.nv-grad-5{
    
    background: linear-gradient(80deg, #20172ef1, #15152bef) !important;
    color: white;
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.068);*/
}

.disabledPost {
    pointer-events: none !important;
    opacity: .4 !important;
}

a.activePost div.card.mb-3 {
    background: linear-gradient(80deg, #5900ff, #2926ff) !important;

    color: white !important;
    box-shadow: 0px 0px 20px #5900ff70;
}

.navbar {
    padding-top: 0.5rem;
    /* Ajuste este valor conforme necessário */
    padding-bottom: 0.5rem;
    /* Ajuste este valor conforme necessário */
}




#video_player * {
    width: 100% !important;
}

iframe {
    background-color: transparent;
    padding: 0;
    allowtransparency: true;
    box-sizing: border-box;
  }

  div input {
    margin-bottom: 10px;
    border: 1px solid grey;
  }


  .btn-primary:hover,
  #v-pills-tab:hover .nav-link.active:hover {
      border-color: #5019b8 !important;
      background: linear-gradient(80deg, #5a1ad1, #2421d3) !important;
  } 


  .naoAssinante:hover {
    background-color: #00000000 !important;
  }


  .wobble {
    animation: wobble 2s ease infinite;
  }
  
  @keyframes wobble {
    0% { transform: translateX(0%); }
    15% { transform: translateX(-7.5%) rotate(-1.5deg); }
    30% { transform: translateX(6%) rotate(0.9deg); }
    45% { transform: translateX(-4.5%) rotate(-0.9deg); }
    60% { transform: translateX(3%) rotate(0.6deg); }
    75% { transform: translateX(-1.5%) rotate(-0.3deg); }
    100% { transform: translateX(0%); }
  }
  

  
.swing {
	transform-origin: top center;
	animation: swing 2s ease infinite;
}
@keyframes swing {
	20% { transform: rotate(5deg); }	
	40% { transform: rotate(-3deg); }
	60% { transform: rotate(2deg); }	
	80% { transform: rotate(-2deg); }	
	100% { transform: rotate(0deg); }
}

.bounce {
    animation: bounce 2s ease infinite;
  }
  @keyframes bounce {
      70% { transform:translateY(0%); }
      80% { transform:translateY(-15%); }
      90% { transform:translateY(0%); }
      95% { transform:translateY(-7%); }
      97% { transform:translateY(0%); }
      99% { transform:translateY(-3%); }
      100% { transform:translateY(0); }
  }
  
  .bounce2 {
    animation: bounce2 2s ease infinite;
  }
  @keyframes bounce2 {
      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
      40% {transform: translateY(-30px);}
      60% {transform: translateY(-15px);}
  }
  
.shake {
    animation: shake 2s ease infinite;
  }
  @keyframes shake {
      0%, 100% {transform: translateX(0);}
      10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
      20%, 40%, 60%, 80% {transform: translateX(10px);}
  }

  .promocao *::selection {
    background-color: #24ffab !important;
    color: black !important;
}


.promocao .text-gradient {
    background: linear-gradient(90deg, #6e20ff, #1affba);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* .glow-button {
  --box-shadow-color: #6e20ff;
  box-shadow: 0 0 30px var(--box-shadow-color);
} */

.btn-primary.glow-button {
  --box-shadow-color: #6e20ff;
}


@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}



/* .accordion-button:not(.collapsed) {
    background-color: #5d00ff !important;
    color: #ffffff !important;
} */

.accordion-button:not(.collapsed) span {
    background-color: inherit !important; /* Mantém a cor original */
    color: inherit !important; /* Mantém a cor original */
}


ol {
    margin-bottom: 0 !important;
}

#video_player {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #00000000;
}

#video_player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card, .card h4   {
    transition: all ease .5s !important;
}
.card:hover, .card h4:hover {
    scale: 1.05;
}


/* Define a animação de esmaecimento */
/* Define a animação de esmaecimento */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scalex(0.95);
    }
    to {
        opacity: 1;
        transform: scalex(1);
    }
}

/* Aplica a animação ao body */
.container {
    animation: fadeIn 0.7s ease !important;
}

#enunciado img {
    max-width: 100% !important;
    height: auto;
  }