* {
    
    padding: 0;
    margin: 0;
}

 li{
    text-decoration: none;
    list-style: none;
    list-style-type: none;
}


body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--primary-dark);
    overflow-x: hidden;
}



/* Container */
/* ==================== */
/* CONTAINER GLOBAL */
/* ==================== */
:root {
  --container-padding: clamp(.5rem, 5vw, 2.5rem); /* Responsivo: 16px-40px */
  --container-max-width: 1440px; /* Largura máxima do layout */
}

.global-container {
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* ==================== */
/* CONTENT WRAPPER */
/* ==================== */
.global-content {
  min-height: 100vh; /* Usar min-height em vez de height */
  display: flex;
  flex-direction: column;
}

/* ==================== */
/* OTIMIZAÇÕES ESPECÍFICAS */
/* ==================== */
@media (min-width: 1600px) {
  :root {
    --container-max-width: 1600px;
  }
}

/* Safe area para dispositivos com notch */
@supports (padding: max(0px)) {
  .global-container {
    padding-left: max(var(--container-padding), env(safe-area-inset-left));
    padding-right: max(var(--container-padding), env(safe-area-inset-right));
  }
}





/* ========TITULOS========= */
/* ==================== */
/* VARIÁVEIS DE TIPOGRAFIA */
/* ==================== */

/* ==================== */
/* SISTEMA DE TÍTULOS */
/* ==================== */
/* Classe base para todos os títulos */


/* Níveis hierárquicos */
.titulo-1 {
 /* font-size: 70px; */
 font-size: clamp(2.1rem, 5.5vw, 4.7rem); 
 font-weight: bold;
}

.titulo-2 {
  font-size: clamp(2rem, 6vw, 3.5rem); /* 32px - 56px */
  letter-spacing: -0.02em;
}

.titulo-3 {
  font-size: clamp(1.75rem, 5vw, 2.5rem); /* 28px - 40px */
  letter-spacing: -0.01em;
}

.titulo-4 {
  font-size: clamp(1.5rem, 4vw, 2rem); /* 24px - 32px */
  font-weight: var(--font-weight-semibold);
}

.titulo-5 {
  font-size: clamp(1.25rem, 3vw, 1.5rem); /* 20px - 24px */
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}

/* ==================== */
/* MODIFICADORES */
/* ==================== */
/* Para títulos com cor secundária */
.titulo--secondary {
  color: var(--heading-color-secondary);
}

/* Para títulos claros (sobre fundos escuros) */
.titulo--light {
  color: var(--heading-color-light);
}

/* Títulos com margem reduzida */
.titulo--compact {
  margin-bottom: 1rem;
}

/* Títulos centralizados */
.titulo--center {
  text-align: center;
}

/* ==================== */
/* RESPONSIVIDADE ESPECÍFICA */
/* ==================== */
@media (max-width: 768px) {
  .titulo {
    margin-bottom: 1.25rem;
  }
  
  .titulo-1 {
    letter-spacing: -0.02em;
  }
  
  .titulo-4, .titulo-5 {
    line-height: var(--line-height-tight);
  }
}

/* ==================== */
/* EFEITOS ESPECIAIS */
/* ==================== */
.titulo--gradient {
  background: linear-gradient(90deg, #6241f0 0%, #080719 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.titulo--underline {
  display: inline-block;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid var(--heading-color-secondary);
}















/* ==================== *//* DEFINICÇÃO DAS COMERS

//Backgoun principal (Branco) #fff;
//Cor primaria Menu lateral #1d0449
//Cor secundaria/destaques dos titulo e subtitulos #5c06ec
//Cor escuro/dark para textos normal #212529;
//Cor para fundo dos botoes e dages #decdf1
//Cor para para elementos dentro dos botoes e badges #decdf1


//======================Mapa das class======================
////====btn=====
.btn-active //Botao com background activo #5c06ec/decdf1
.btn-opcite //Botao com background menos activo #decdf1
.btn-border-active //Botao com border activo e bk menos activo #5c06ec/5c06ec

////====btn=====
.btn-outline-active //Botao com background branco, border activo com texto activo #fff/#5c06ec


////====badge=====
.badge-active //Badge com background activo #5c06ec
.badge-opcite //Badge com background menos activo #decdf1
.badge-border-active //Badge com border activo e bk menus activo #5c06ec



////====btn=====
.bg-active //Fubdo com background activo #5c06ec
.bg-opcite //Fubdo com background menos activo #decdf1




*/


/* /////===========Botoes================= */
/* btn active */
.btn-active{
    background-color: #5c06ec;
    color: #fff;
    transition: .3s;
    border: 1px solid transparent;
}

.btn-active:hover{
    background-color: #ebe3f5;
    color: #5c06ec;
    transform: scale(1.02);
    transition: .3s;
    border: 1px solid #5c06ec;
}


/* btn border active */
.btn-border-active{
    background-color: #ebe3f5;
    color: #5c06ec;
    transition: .3s;
    border: 1px solid #5c06ec;
}

.btn-border-active:hover{
    background-color: #5c06ec;
    color: #ebe3f5;
    transform: scale(1.02);
    transition: .3s;
}

/* btn opacite */
.btn-opacite{
    background-color: #ebe3f5;
    color: #5c06ec;
    transition:.3s;
}

.btn-opacite:hover{
    background-color: #5c06ec;
    color: #ebe3f5;
    transition:.3s;
    transform: scale(1.02);
}

/* btn-outline-active */
.btn-outline-active{
    background-color: #fff;
    color: #5c06ec;
    transition: .3s;
    border: 1px solid #5c06ec;
}

.btn-outline-active:hover{
    background-color: #5c06ec;
    color: #ebe3f5;
    transform: scale(1.02);
    transition: .3s;
}



/* ===========Badge=========== */
/* active */
.badge-active{
    background-color: #5c06ec;
    color: #ebe3f5;
    padding: .5rem;
}

/* active */
.badge-opacite{
    border: 1px solid #5a06ec32;
    background-color: #ebe3f5;
    color: #5c06ec;
    padding: .5rem;
}


/* =========background bg e text========== */
/* active */
.bg-active{
    background-color: #5c06ec;
}
.bg-opacite{
    background-color: #ebe3f5;
}


.bg-active-dark{
    background-color: #1d0449;
}


.text-active-dark{
    color: #1d0449;
}

.text-active{
    color: #5c06ec;
}
.text-opacite{
    color: #bfa0e5;
}


/* ======Border=== */
.border-active-1{
    border: 1px solid #5c06ec;
}
.border-active-2{
    border: 2px solid #5c06ec;
}
.border-active-3{
    border: 3px solid #5c06ec;
}
.border-active-4{
    border: 4px solid #5c06ec;
}



.border-active-1{
    border: 1px solid #5c06ec;
}
.border-bottom-opacite-2{
    border-bottom: 2px solid #decdf1;
}



/* =====Links activos======= */
.link-active{
    color: #5c06ec;
}
.link-active:hover{
    color: #5a06ecba;
}




/* DARK.MODE */
/* /////===========Botoes================= */
/* btn active */
.darkmode .btn-active {
    background-color: #6241f0;
    color: #d3c0fc;
    transition: .3s;
    border: 1px solid transparent;
}

.darkmode .btn-active:hover {
    background-color: #2a1257;
    color: #e2d6f8;
    transform: scale(1.02);
    transition: .3s;
    border: 1px solid #6241f0;
}

/* btn border active */
.darkmode .btn-border-active {
    background-color: #2a1257;
    color: #e2d6f8;
    transition: .3s;
    border: 1px solid #6241f0;
}

.darkmode .btn-border-active:hover {
    background-color: #6241f0;
    color: #d3c0fc;
    transform: scale(1.02);
    transition: .3s;
}

/* btn opacite */
.darkmode .btn-opacite {
    background-color: #2a1257;
    color: #e2d6f8;
    transition: .3s;
}

.darkmode .btn-opacite:hover {
    background-color: #6241f0;
    color: #d3c0fc;
    transition: .3s;
    transform: scale(1.02);
}

/* btn-outline-active */
.darkmode .btn-outline-active {
    background-color: #1a1a1a;
    color: #e2d6f8;
    transition: .3s;
    border: 1px solid #6241f0;
}

.darkmode .btn-outline-active:hover {
    background-color: #6241f0;
    color: #d3c0fc;
    transform: scale(1.02);
    transition: .3s;
}

/* ===========Badge=========== */
/* active */
.darkmode .badge-active {
    background-color: #6241f0;
    color: #d3c0fc;
    padding: .5rem;
}

/* active */
.darkmode .badge-opacite {
    border: 1px solid #6241f050;
    background-color: #2a1257;
    color: #e2d6f8;
    padding: .5rem;
}

/* =========background bg e text========== */
/* active */
.darkmode .bg-active {
    background-color: #6241f0;
}
.darkmode .bg-opacite {
    background-color: #2a1257;
}

.darkmode .bg-active-dark {
    background-color: #140a2e;
}

.darkmode .text-active {
    color: #e2d6f8;
}
.darkmode .text-opacite {
    color: #d3c0fc;
}


.darkmode.text-active-dark{
    color: #e2d6f8;
}


/* ======Border=== */
.darkmode .border-active-1 {
    border: 1px solid #6241f0;
}
.darkmode .border-active-2 {
    border: 2px solid #6241f0;
}
.darkmode .border-active-3 {
    border: 3px solid #6241f0;
}
.darkmode .border-active-4 {
    border: 4px solid #6241f0;
}

.darkmode .border-bottom-opacite-2 {
    border-bottom: 2px solid #3a2960;
}

/* =====Links activos======= */
.darkmode .link-active {
    color: #e2d6f8;
}
.darkmode .link-active:hover {
    color: #6241f0;
}

form input{
    height: 45px;
}

form input select{
    height: 45px;
}