/*
Theme Name:     TGT GROUP
Theme URI:      www.tgt.group/
Description:    tgt group
Author:         The Great
Author URI:     www.thegreat.com.br
Version:        1.0 - 2026
*/
body{
  1font-family: "Raleway", sans-serif;
  font-family: "Montserrat", sans-serif;
  color: #000; 
  font-size: 1em;
}

html, body{ height: 100%; width: 100%;}
.admin-bar .bdMenuG  { top: 32px; }
@media (max-width:980px)  { 
.admin-bar .bdMenuG  { top: 32px; }
}

.bdMenuG { 
  transition: all .3s;
  position: fixed; width: 100%; top: 0; left: 0; z-index: 999;
 background: #121a1c;
    
}


@media (min-width:1700px)  { 
.container{max-width: 1700px;}
}
.OFF-containerCustom{max-width: 1600px;}

.page-template-tpl-sobre-php .bdMenuG, 
.page-template-front-page-php .bdMenuG
{
  background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.7) 20%,
        rgba(0, 0, 0, 0.4) 45%,
        rgba(0, 0, 0, 0.15) 70%,
        rgba(255, 255, 255, 0) 100%
    );
}

#NavbarTop.scrolled {
    background: #121a1c;
}


.nav00 li a::before {
  content: ''; height: 2px; background-color: #E2223D; position: relative; top: 26px;
  z-index: 99; width: 100%; margin: 0px auto; display: block; left: 0px; opacity: 0; transition: all .3s;
}
.nav00 li a:hover::before { opacity: 1; }

.nav00 .current_page_item a::before { opacity: 1 !important; }





.divMenuCustom .nav00 .nav-link { text-transform: uppercase;
  font-weight: 400;
  color: #FFF;
  font-size: 0.9em;
  padding: 0px 15px; }
  
  @media (max-width:992px)  {
    .divMenuCustom .nav00 .nav-link{padding: 10px 15px;}
    .nav00 .dropdown-menu{ width:auto; transform: translate(0px, 0px); border-radius: 0px; }
  }
  

  .divMenuCustom:has(#navbar-content.show) {
  1padding-left: 0 !important;
  1padding-right: 0 !important;
}

/* Cor de fundo no menu para teste de transparência */
#navbar-content.show {
  background-color: #000000e8;
  margin-left: -30px;
  margin-right: -30px;
}



.HeaderButtons{}
.HeaderButtons a{background-color: #E2223D; padding: 10px 15px; border-radius: 100px; text-decoration: none; 
  color: #FFF; text-transform: uppercase; font-size: 0.8em; display: inline-block; transition: transform .2s, opacity .2s;}
.HeaderButtons a:hover{transform: translateY(-2px);}

.DTitV1{ font-size: 0.8em; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-left: 40px; }
.DTitV1:before{content: ""; position: relative; top: 11px; left: -40px; font-weight: 800; border-bottom: 2px solid #e2223d; width: 25px; height: 5px;  display: inherit; }

.DTitV2{ font-size: 0.8em; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-left: 40px; color: #FFF; }
.DTitV2:before{content: ""; position: relative; top: 11px; left: -40px; font-weight: 800; border-bottom: 2px solid #e2223d; width: 25px; height: 5px;  display: inherit; }

.DTitV3{ font-size: 0.8em; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; margin-left: 40px; color: #FFF;}
.DTitV3:before{content: ""; position: relative; top: 11px; left: -40px; font-weight: 800; border-bottom: 2px solid #e2223d; width: 25px; height: 5px;  display: inherit; }


.Cont0{font-size: 3.2em; line-height: 1.1em; font-weight: 700; color: #000; }
.Cont0V1{font-size: 1.1em; line-height: 1.4em; font-weight: 500; color: #7E7E7E; }
.Cont1{font-size: 3.2em; line-height: 1.1em; font-weight: 700; color: #FFF; }

.Cont0AboutV2{
  color: #000;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
 }
  @media (max-width:992px)  {
.Cont0AboutV2{
font-size: 0.8rem;
}
}
 .Cont0V2{font-size: 3.2em; line-height: 1.1em; font-weight: 700; color: #000; }
 
 @media (max-width:992px)  {
  .Cont0{font-size: 2.2em; }
  .Cont1{font-size: 2.2em; }
.Cont0V2{font-size: 2.4em; }
.Cont0 br{ display: none; }
.Cont0001 br{ display: none; }
.Cont0V1{ font-size: 0.9em;}
.Cont0V1 br{ display: none; }
.Cont1 br{ display: none; }
}

.BGAbout01{ background-color: #FAFAF8;}
.BGPrincipios{ background-color: #121A1C; }
.BGWhat{ background-color: #121A1C; }

.BTNMore{}
.BTNMore a{ display: inline-block;
 background-color: #E2223D; padding: 15px 35px; border-radius: 100px; text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; }
.BTNMore a:hover{ }


.BTNMoreGaleria { display: inline-block; border:0px solid #CCC;
 background-color: #E2223D; padding: 10px 35px; border-radius: 100px; text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; }
.BTNMoreGaleria:hover{ }

.BTNMoreGaleriaOFF { display: inline-block; border:0px solid #CCC;
 background-color: #2c2c2c; padding: 10px 35px; border-radius: 100px; text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; }
.BTNMoreGaleriaOFF:hover{ }


.BGMapa{ background-color: #FAFAF8;}

@media (max-width: 768px) {
  #map,
  #map .leaflet-container {
    height: 450px;
    touch-action: pan-y; /* libera rolagem vertical com 1 dedo, mas não bloqueia o gesto de pinça */
    
  }
}



  .Foundergrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    1max-width: 1000px;
    margin: 0 auto;
  }
  .Foundercard { display: flex; flex-direction: column; }
  .Founderphoto {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    margin-bottom: 16px;
    background-size: cover;
    background-position: center;
  }
@media (min-width: 1500px) {
  .Founderphoto {
    width: 300px;
  }
}

  .Founderphoto.placeholder {
    background-color: #f2e600;
  }
  .Foundername {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #111;
   margin: 10px 0px 0px 0px;
  }
  .Founderrole {
    font-size: 13px;
    color: #555;
    margin: 0 0 8px;
  }
  .FounderHR {
    border: none;
    border-top: 2px solid #e2223d;
    width: 24px;
    margin: 8px 0;
  }
  .Founderlocation {
    font-size: 12px;
    color: #999;
    margin: 0;
  }
  @media (max-width: 700px) {
    .Foundergrid { grid-template-columns: repeat(2, 1fr); }
  }



.pulse-marker {
  position: relative;
  width: 12px;
  height: 12px;
}

.pulse-marker .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  background-color: #e2223d;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 2;
}

.pulse-marker .ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  background-color: rgba(226, 34, 61, 0.6);
  border-radius: 50%;
  z-index: 1;
  animation: pulse 1.8s ease-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(3.5);
    opacity: 0;
  }
}


.divFooter {
  min-height: 200px;
  background-color: #121A1C;
  padding: 50px 0px 50px 0px;
}



.divFooterSocial{}


.DFCName{font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a8f98;
  margin-bottom: 16px;}


.BGTorneMembro{ min-height: 490px; background-repeat: no-repeat; background-position: right bottom; background-size: contain; }
.ContTM0{ font-size: 4.2em; line-height: 1.1em; font-weight: 700; color: #fff; }
.BtnTM1{ width: 260px;}
.BtnTM1 a{
background-color: #FFF; padding: 15px 30px; border-radius: 100px; text-decoration: none; color: #000; text-transform: uppercase; font-size: 0.8em; display: inline-block; }
.BtnTM1 a:hover{ }
.BtnTM1 i {margin-left: 10px;}
  
 @media (max-width:992px)  {
.BtnTM1{ width: 100%;}
 }
.BtnTM2{}
.BtnTM2 a{ border: 1px solid #FFF;
background-color: #E2223D; padding: 15px 35px; border-radius: 100px; text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; display: inline-block; }
.BtnTM2 a:hover{ }

.BtnTM3{}
.BtnTM3 a{ border: 1px solid #FFF;
background-color: transparent; padding: 15px 35px; border-radius: 100px; text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; display: inline-block; }
.BtnTM3 a:hover{ }
    
.BtnMemberIDX{}
.BtnMemberIDX a{ border: 1px solid #000;
background-color: #FFF; padding: 15px 35px; border-radius: 100px; text-decoration: none; color: #000; text-transform: uppercase; font-size: 0.8em; display: inline-block; }
.BtnMemberIDX a:hover{ }
      
.BtnMemberIDX i{margin-left: 15px;}
      
@media (max-width:980px)  { 
  .BGTorneMembro {min-height: 300px;}
  .BtnTM1 a{padding: 15px 20px;}
 .ContTM0{ font-size: 2em; }
}

.divSBI{ margin-top: 100px;}
@media (max-width:980px)  { 
.divSBI{ margin-top: 50px;}
}


.BannerInternoBG{position: relative; width: 100%; overflow: hidden; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.45); }
.BannerInternoBG .BIO{ background: #000; position: absolute; height: 100%; width: auto; left: 0px; top: 0;
 bottom: 0; right: 0px; opacity: 0.3; z-index: 2; ;
 }

 @media (max-width:992px)  {
 .BannerInternoBG .BIO {opacity: 0.6;}
}

.BannerInterno{min-height: 800px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.BannerInterno .container{z-index: 2;}
.BannerInterno .container-fluid{z-index: 2;}
.BannerInterno .T01{ color: #FFFFFF; font-weight: 700; line-height: 1.1em; font-size: 5em; margin-bottom: 0px;}
.BannerInterno .T01 p {  display: inline-block; padding: 0px 10px 2px 10px; margin: 2px; line-height: 1em; color: #FFF; }
.BannerInterno .T02{ color: #FFFFFF; font-weight: 400; line-height: 1.1em; font-size: 1.1em; margin-bottom: 0px;}
.BannerInterno .T02 p {  display: inline-block; padding: 30px 10px 2px 10px; margin: 2px; line-height: 1.2em; color: #FFF; }

@media (max-width:992px)  {
  .BannerInterno{min-height: 500px; }
  .BannerInterno br { display: none;}
  .BannerInterno .T01{  font-size: 2.5em; }
  .BannerInterno .T02{  font-size: 1em; }
}


.stats-box{ 1background: #FFF; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.stat-item{ padding: 40px 20px; text-align: center; position: relative; }
@media (min-width: 768px){
  .stat-item:not(:last-child){ border-right: 1px solid #ddd; }
}
.stat-number{ font-size: 64px; font-weight: 700; color: #0b1c1f; }
.stat-number span{ color: #ff2b4a; }
.stat-label{font-size: 12px; letter-spacing: 2px; color: #777; margin-top: 10px; }
@media (max-width: 767px){
 .stat-number{ font-size: 42px; }
 .stat-item{ padding: 25px 10px; }
}
		.leaflet-container {
			height: 700px;
			width: 100%;
			max-width: 100%;
			max-height: 100%;
		}





.Depogrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;  }
.Depocard {background: #fff; border-radius: 6px; padding: 32px 36px 28px 36px; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.04); margin: 0px 20px 20px 20px;}
@media (max-width: 800px) {
.Depocard { margin: 0px 0px 20px 0px;}
}
.Depoquote-mark {position: absolute; top: 16px; right: 28px; font-size: 56px; line-height: 1; color: #E8385F; font-family: Georgia, serif; font-weight: bold; user-select: none; }
.Depoquote-text { font-size: 20px; line-height: 1.45; color: #2c2c2c; margin: 0 0 26px 0; padding-right: 40px; min-height: 60px; }
.Depohr { border: none; border-top: 1px solid #e6e4e0; margin: 0 0 18px 0; }
.Depoperson {display: flex; align-items: center; gap: 14px;}
.Depoavatar {width: 60px; height: 60px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #ddd; }
.Depoperson-info { display: flex; flex-direction: column; }
.Deponame { font-size: 15px; font-weight: 600; color: #1a1a1a; }
.Deporole {font-size: 13.5px; color: #8a8780; margin-top: 2px; }
@media (max-width: 800px) {
 .Depogrid { grid-template-columns: 1fr; }
}



.galeria {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.galeria-item.hidden {
    display: none;
}


.galeria {
    column-count: 5;
    column-gap: 12px;
}
.ImagesGaleria {
    margin-bottom: 12px;
    break-inside: avoid; /* evita cortar a imagem entre colunas */
    display: inline-block;
    width: 100%;
}
.ImagesGaleria img {
    width: 100%;
    display: block;
    border-radius: 6px;
}
/* Responsivo */
@media (max-width: 992px) {
    .galeria { column-count: 3; }
}
@media (max-width: 768px) {
    .galeria { column-count: 2; }
}
@media (max-width: 480px) {
    .galeria { column-count: 1; }
}



.ImagesGaleria{
  float: left;
  padding: 2px;
  border: 1px solid #D2D2D2;
  margin: 5px;
 }
.ImagesGaleria a{ }
.ImagesGaleria a:hover { }

.tgt-compare{

    --line:#2a2e36;
    --grey-text:#7d828c;
    --white-text:#f2f3f5;
    --red:#e8264f;
    --eyebrow:#9aa0aa;
 
    background:var(--bg);
    max-width:1452px;
    margin:0 auto;
}
 
/* Aplica os estilos só no .row que está DENTRO de .tgt-compare,
   sem usar [class*="col-"] nem afetar nenhum outro .row do site */
.tgt-compare > .row{
    color:var(--white-text);
    font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    border-top:1px solid var(--line);
}
 
/* As duas colunas diretas do .row dentro do tgt-compare */
.tgt-compare > .row > div{
    display:flex;
    flex-direction:column;
}
 
.tgt-compare > .row > div:first-child{
    border-right:1px solid var(--line);
}
 
.tgt-compare > .row > div:first-child .CompareCont{
    color:var(--grey-text);
}
 
.tgt-compare > .row > div:last-child .CompareTit{
    color:var(--red);
}
 
.tgt-compare .CompareTit{
    padding:24px 40px;
    font-size:1.5rem;
    letter-spacing:0.12em;
    font-weight:600;
    color:var(--eyebrow);
    border-bottom:1px solid var(--line);
    line-height:1.4;
}
 
.tgt-compare .CompareCont{
padding: 34px 40px;
  font-size: 1.1rem;
  line-height: 1.4;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  font-weight: 500;
}
 
/* bullet vermelho antes de cada item da coluna direita */
.tgt-compare > .row > div:last-child .CompareCont::before{
    content:"";
    width:7px;
    height:7px;
    min-width:7px;
    border-radius:50%;
    background:var(--red);
    margin-right:14px;
    flex-shrink:0;
}
 
/* ===== Mobile ===== */
@media (max-width:991.98px){
    .tgt-compare > .row > div:first-child{
        border-right:none;
    }
    .tgt-compare .CompareTit{
        padding:18px 24px;
    }
    .tgt-compare .CompareCont{
        padding:22px 24px;
        font-size:1.1rem;
    }
}



  .how-letter{
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:min(20vw, 280px);
    color:#EA3148;
    line-height:.78;
    padding: 0px 70px;
  }
  @media (max-width:640px){
  .how-letter{padding: 0px 30px;}
  }
  .how-o{
    position:relative;
    width:min(20vw, 280px);
    height:min(20vw, 280px);
    border-radius:50%;
    border:min(3.2vw, 44px) solid #EA3148;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
  }
  .how-o svg{width:30%; fill:#000;}
  .how-tags span{
    font-size:1.7em;
    letter-spacing:3px;
    font-weight:600;
    line-height: 0.7em;
  }
 @media (max-width:640px){
   .how-tags span{font-size:0.8em;  letter-spacing:0px; }
}


 .principles-section h2{font-size:2.4rem; line-height:1.2; max-width:600px;}
  .principles-section h2 em{font-style:italic; color:var(--tgt-red); font-weight:600;}
  .principle-col{
  border-top: 1px solid rgba(255,255,255,.12);
  border-right: 1px solid rgba(255,255,255,.12);
  padding: 1rem 1rem 1rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,.12);
  }
  .principle-col:last-child{border-right:none;}
  .principle-col .num{
    font-size:.68rem;
    color:rgba(255,255,255,.4);
    letter-spacing:1px;
    display:block;
    margin-bottom:1rem;
  }
  .principle-col h3{font-size:1.05rem; font-weight:600; margin-bottom:.7rem;}
  .principle-col p{font-size:.8rem; line-height:1.6; color:rgba(255,255,255,.5); max-width:230px;}


  @media (max-width: 980px){
    .principle-col{border-right:none; border-bottom:1px solid rgba(255,255,255,.12);}
  }

  
.BGProcessos{ background-color: #FAFAF8; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; }
 .processos-section h2{font-size:2.4rem; line-height:1.2; max-width:600px;}
  .processos-section h2 em{font-style:italic; color:var(--tgt-red); font-weight:600;}
  .processo-col{
  border-top: 1px solid rgba(255,255,255,.12);
  border-right: 1px solid rgba(255,255,255,.12);
  padding: 1rem 1rem 1rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,.12);
  }
  .processo-col:last-child{border-right:none;}
  .processo-col .num{
  font-size: 0.88rem;
  color: rgb(226, 34, 61);
  letter-spacing: 1px;
  display: block;
  margin-bottom: 1rem;
  font-weight: 600;
  }
  .processo-col h3{font-size:1.05rem; font-weight:600; margin-bottom:.7rem;}
  .processo-col p{font-size: .8rem; line-height: 1.6; color: rgb(126, 126, 126); max-width: 350px; }
  @media (max-width: 980px){
    .processo-col{border-right:none; border-bottom:1px solid rgba(255,255,255,.12);}
  }


.BMList{ }

.BMLists{
  border-top: 1px solid #CCC;
  padding: 20px 0px;
}


/* Remove os bullets de <li> que o WordPress está usando como wrapper de widget */
.divFooter li.widget {list-style: none; }

/* Remove bullets dos menus */
.divFooter .menu,
.divFooter .menu li { list-style: none; padding-left: 0; margin: 0; }

/* Títulos das colunas (Explore / Connect / Follow) */
.divFooter h1 { font-size: 13px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: #8a8f98; margin-bottom: 16px; }

/* Espaçamento entre itens do menu Explore */
.divFooter .menu li { margin-bottom: 3px; }

/* Links do footer (menu, connect, follow) sem sublinhado e na cor padrão */
.divFooter a,
.divFooter .textwidget a {
  color: #c5c8cd; /* mesma cor do texto cinza claro */
  text-decoration: none;
}

.divFooter a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Espaçamento das linhas em Connect e Follow (que usam <br>) */
.divFooter .FooterText0 .textwidget {
line-height: 1.5em;
  color: #c5c8cd;
  margin-top: 30px;
}
.divFooter .textwidget {
  line-height: 1.5em;
  color: #c5c8cd;
}

/* Linha divisória + barra de copyright */
.footer-bottom-bar {
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 32px;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #6b7077;
}

.BGContatoFooter{
 min-height: 220px;
 background-color: #FAFAF8;
}  
.CTName{
 font-size: 1em;
 font-weight: 600;
 color: #797977;
 text-transform: uppercase;
 margin-bottom: 5px;
}
.CTCont{ font-size: 1em;}
.CTCont a{ color: #000; text-decoration: none; }
.CTCont a:hover{}
.CTCont i{ margin-left: 10px; font-size: 0.7em;}


.Mfilters { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; border-top: 1px solid #EEE; padding-top: 30px; }
.Mfilters .label { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; color: #888; margin-right: 8px; }
.Mfilter-btn {
border: 1px solid #ddd; background: #fff; border-radius: 20px; padding: 8px 18px; font-size: 13px; font-weight: 600; letter-spacing: 0.03em;
cursor: pointer; color: #333; transition: all 0.15s ease;
}
.Mfilter-btn:hover { border-color: #999; }
.Mfilter-btn.active {
background: #e2223d; color: #fff; border-color: #e2223d; }
  .Mgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .MgridBorder {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
  }
  .Mcard {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 70px 20px;
    text-align: center;
    transition: opacity 0.25s ease, transform 0.25s ease;
  }

  @media (max-width:980px)  { 
  .Mcard {
    padding: 20px 20px;
    1border-right: 0px solid #eee;
    border-right: 1px solid #eee;
  }
  }
  .Mcard.hidden {
    display: none;
  }
  .Mflag {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 10px;
  }

  .Mflag img{  width: 80px;  }
  .Mname {
    font-weight: 700;
    font-size: 16px;
    color: #111;
    margin-bottom: 4px;
    display: none;
  }
  .MCompany {
    font-weight: 500;
    font-size: 16px;
    color: #111;
    margin-bottom: 4px;
  }
  .Mcountry {
    font-size: 11px;
    letter-spacing: 0.08em;
    color: #999;
    text-transform: uppercase;
  }

  .Mempty-msg {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #616161;
    font-size: 1.1em;
    display: none;
  }

  @media (max-width: 900px) {
    .Mgrid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 500px) {
    .Mgrid { grid-template-columns: 1fr; }
  }

.EventUpComing{ 
  font-size: 1em;
  color: #e2223d;
  font-weight: 500;
  margin-bottom: 10px;
}

.EventTit{
  font-size: 34px;
  line-height: 1.2;
  font-weight: 600;
  color: rgb(22, 22, 22);
  margin-bottom: 18px;
}

  .NextEvent{ }
  .NextEventBG{ 
    background: #F6F5F2;
  border: 1px solid #ECECEA;
  }
  .TitEvent{ }
  .ContEvent{
    display: contents;
   }


.BorderBottomEventList{ 
 border-bottom: 1px solid #CCC;
 padding-bottom: 20px;
}

.divDescricaoFull{}

 @media (max-width: 900px) {
.divDescricaoFull img{
  max-width: 100%;
  height: auto;
}
 }

.TitEvPage{
  font-size: 1.2em;
  line-height: 1.2;
  font-weight: 600;
  color: #161616;
  margin-bottom: 18px;
}
   

    .ENcontent {
    background: #f6f5f2;
    padding: 40px 55px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .ENcontent h2 {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
    color: #161616;
    margin-bottom: 18px;
  }
  .ENcontent p.desc {
    font-size: 14px;
    line-height: 1.6;
    color: #6b6b6b;
    margin-bottom: 30px;
  }
  .ENdivider {
    border-top: 1px solid #ddd;
    margin: 8px 0 15px;
  }
  .ENmeta {
    display: flex;
    gap: 80px;
    margin-bottom: 36px;
  }
  .ENmeta-block .label {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9a9a9a;
    margin-bottom: 6px;
  }
  .ENmeta-block .value {
    font-size: 14px;
    font-weight: 600;
    color: #161616;
  }
  .ENactions {
    display: flex;
    gap: 16px;
  }
  .ENbtn {
    padding: 14px 20px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
  }
  .ENbtn-primary {
    background: #d12b3f;
    color: #fff;
    border: none;

  }
  .ENbtnV1 {
    padding: 8px 25px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
  }
  .ENbtn-primaryV1 {
    background: #d12b3f;
    color: #fff;
    border: none;
        margin-top: 10px;
  }
  .ENbtn-secondary {
    background: transparent;
    color: #333;
    border: 1px solid #c9c9c9;
  }

  .ENbtn-primary:hover{color: #FFF;}
  .ENbtn-primaryV1:hover{color: #FFF;}
  .ENbtn-secondary:hover{color: inherit;}
  @media (max-width: 760px) {
    .ENcard { grid-template-columns: 1fr; }
    .ENmeta { gap: 40px; }
  }

.PastEvents{ background-color: #FAFAF8;}


  .EPevent-card {
    max-width: 900px;
}

.EPevent-image {
    position: relative;
    width: 100%;
    1height: 300px;
    background: repeating-linear-gradient(
        45deg,
        #dcdcdc,
        #dcdcdc 10px,
        #e9e9e9 10px,
        #e9e9e9 20px
    );
}

.EPevent-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ffffff;
    padding: 5px 10px;
    font-size: 11px;
    letter-spacing: 1px;
    color: #777;
    font-weight: 600;
}

.EPevent-date {
    margin-top: 20px;
    font-size: 11px;
    letter-spacing: 2px;
    color: #888;
    text-transform: uppercase;
}

.EPevent-title {
    font-size: 1.1em;
    font-weight: 700;
    margin: 5px 0;
}

.EPevent-location {
    color: #777;
    font-size: 14px;
}

/* Responsivo */
@media (max-width: 768px) {
    .EPsection-title {
        font-size: 28px;
    }
}




  .CTlist {
    max-width: 650px;
  }
  .CTdivider {
    border: none;
    border-top: 1px solid #e5e5e5;
  }
  .CTitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    1cursor: pointer;
  }

.CTitem a{ color: #000; text-decoration: none;}
.CTitem a:hover{}


  .CTitem-text label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #8a8a8a;
    margin-bottom: 8px;
  }
  .CTitem-text .value {
    font-size: 24px;
    font-weight: 600;
    color: #111;
  }
  .CTchevron {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 16px;
  }
  .CTchevron svg {
    width: 14px;
    height: 14px;
  }


          .timeline-section {
            width: 100%;
            padding: 50px 40px 55px;
            overflow: hidden;
        }

        .timeline-container {
            width: 100%;
            max-width: 1320px;
            margin: 0 auto;
        }

        /*
         * O espaçamento superior permite que as setas
         * não encostem nas imagens.
         */
        .timeline-slider {
            position: relative;
        }

        /*
         * Cada item do Slick.
         */
        .timeline-slide {
            position: relative;
            padding: 0 15px;
            text-align: center;
            outline: none;
        }

        .timeline-item {
            position: relative;
            min-height: 225px;
        }

        /*
         * Linha horizontal.
         *
         * Ela começa no centro da foto e ocupa toda a largura
         * de cada slide, fazendo a ligação com o item seguinte.
         */
        .timeline-item::before {
            content: "";
            position: absolute;
            top: 59px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #df3456;
            z-index: 1;
        }

        /*
         * Faz a linha começar somente no centro
         * do primeiro item visível.
         */
        .slick-active:first-child .timeline-item::before {
            left: 50%;
            width: 50%;
        }

        /*
         * Foto circular.
         */
        .timeline-image-wrapper {
            position: relative;
            z-index: 3;
            width: 430px;
            height: 280px;
            margin: 0 auto;
            border: 1.5px solid #df4864;
            border-radius: 30px;
            background-color: #ffffff;
            overflow: hidden;
        }

        .timeline-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        /*
         * Pequena linha vertical saindo da foto.
         */
        .timeline-connector {
            position: relative;
            z-index: 4;
            width: 1px;
            height: 10px;
            margin: 0 auto;
            background-color: transparent;
        }

        /*
         * Círculo presente na linha horizontal.
         */
        .timeline-connector::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -10px;
            width: 15px;
            height: 15px;
            border: 0px solid #df4864;
            border-radius: 50%;
            background-color: #ffffff;
            transform: translateX(-50%);

            background-image: url(https://www.tgt.group/wp-content/themes/tgt/imgs/favicon-tgt.png);
  background-position: center center;
  margin: 0px;
  padding: 15px;
  background-repeat: no-repeat;
  background-size: 30px;
        }

.timeline-item[data-slick-index="0"]:not(.slick-cloned)::before {
    left: 50%;
    width: 50%;
}
        .timeline-year {
            position: relative;
            z-index: 4;
            margin-top: 10px;
            color: #df3456;
            font-size: 1.2em;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.2px;
            margin-bottom: 23px;
        }

        .timeline-title {
            position: relative;
            z-index: 4;
            margin-top: 20px;
            color: #7e7e7e;
            font-size: 1em;
            font-weight: 400;
            line-height: 1.2em;
            letter-spacing: 0.2px;
        }

        .timeline-description {
  position: relative;
  z-index: 4;
  max-width: 90%;
  margin: 9px auto 0;
  color: #666666;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.4em;
        }

        /*
         * Setas do Slick.
         */
        .timeline-slider .slick-prev,
        .timeline-slider .slick-next {
            z-index: 10;
            width: 36px;
            height: 36px;
            border: 1px solid #df4864;
            border-radius: 50%;
            background-color: #ffffff;
            transition:
                background-color 0.2s ease,
                opacity 0.2s ease;
        }

        .timeline-slider .slick-prev {
            left: -30px;
        }

        .timeline-slider .slick-next {
            right: -30px;
        }

        .timeline-slider .slick-prev:hover,
        .timeline-slider .slick-next:hover {
            background-color: #df4864;
        }

        .timeline-slider .slick-prev::before,
        .timeline-slider .slick-next::before {
            display: block;
            color: #df4864;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 23px;
            line-height: 31px;
            opacity: 1;
        }

        .timeline-slider .slick-prev::before {
            content: "‹";
        }

        .timeline-slider .slick-next::before {
            content: "›";
        }

        .timeline-slider .slick-prev:hover::before,
        .timeline-slider .slick-next:hover::before {
            color: #ffffff;
        }

        .timeline-slider .slick-disabled {
            opacity: 0;
            pointer-events: none;
        }

        /*
         * Remove o espaço inferior padrão criado pelo Slick.
         */
        .timeline-slider .slick-list {
            overflow: hidden;
        }

        .timeline-slider .slick-track {
            display: flex;
            align-items: flex-start;
        }

        .timeline-slider .slick-slide {
            height: auto;
        }

        /*
         * Tablet
         */
        @media (max-width: 1199px) {
            .timeline-section {
                padding-right: 50px;
                padding-left: 50px;
            }

            .timeline-slider .slick-prev {
                left: -40px;
            }

            .timeline-slider .slick-next {
                right: -40px;
            }
        }

        /*
         * Mobile
         */
        @media (max-width: 767px) {
            .timeline-section {
                padding: 40px 35px 45px;
            }

            .timeline-slide {
                padding-right: 8px;
                padding-left: 8px;
            }

            .timeline-image-wrapper {
              width: 330px;
              height: 210px;
            }

            .timeline-item::before {
                top:47px;
            }

            .timeline-description {
                max-width: 90%;
                font-size: 0.9em;
            }

            .timeline-slider .slick-prev,
            .timeline-slider .slick-next {
                width: 30px;
                height: 30px;
            }

            .timeline-slider .slick-prev {
                left: -30px;
            }

            .timeline-slider .slick-next {
                right: -30px;
            }

            .timeline-slider .slick-prev::before,
            .timeline-slider .slick-next::before {
                font-size: 20px;
                line-height: 25px;
            }
        }

        /*
         * Celulares menores.
         */
        @media (max-width: 480px) {

            .timeline-connector::after {
            bottom: 0px;

            }
            .timeline-section {
                padding-right: 25px;
                padding-left: 25px;
            }

            .timeline-image-wrapper {

            }

            .timeline-item::before {
              
            }

            .timeline-description {
                max-width: 90%;
            }

            .timeline-slider .slick-prev {
                left: -22px;
            }

            .timeline-slider .slick-next {
                right: -22px;
            }
        }

.slick-dots {
  bottom: -45px !important;
}

  .forminator-select.forminator-select-dropdown-container--open .forminator-custom-form-576.forminator-dropdown--material .select2-search input:focus {
  outline: 0px solid #254DEB !important;
  outline-offset: 1px;
}


