.post-content h2{    
    font-size: 1rem;
    font-weight: 700;
    color: black;
}

.post-content-resume{
    font-size: 1.2rem;  
}

.post-date{
    font-weight: 600;
}

.tags-container{
    width:100%
}

.table-header{
    text-align: center;
    color: white !important;
    background-color:  black !important;
}

.text-color-green{
    color: #015b28;
}

.text-color-red{
    color: #E32636;
}

.wdt-100{
    width: 100px;
}

.w-150{
    width: 150px;
}

.w-200{
    width: 200px;
}

.w-270{
    width: 270px;
}

.w-300{
    width: 300px;
}

.w-370{
    width: 370px;
}

.w-400{
    width: 400px;
}

.w-500{
    width: 500px;
}

.w-600{
    width: 600px;
}

.w-700{
    width: 700px;
}

.w-800{
    width: 800px;
}

.tags-container-bottom{
    display: none !important;        
}

.carousel-inner {
  height: 400px;  
  align-items: center;
}

.carousel-item {    
  justify-content: center;
  align-items: center;
  height: 400px;
  position: relative;
  
}

.carrousel-container {
  height: 100%;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  background-color: #efefef;
  color: black !important;
}


/* Imagem deve se ajustar à altura do carrossel */
.carousel-image img {  
  object-fit: contain;
  display: block;
}

.carousel-caption-custom {
  max-width: 800px;
  color: #fff;  
  word-wrap: break-word;
  white-space: normal;
  text-align: justify;
}


/* Wrapper do conteúdo com imagem e texto */
.carousel-caption-custom.d-flex {
  gap: 1rem;
}

.zoom-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden; /* impede zoom fora da imagem até o hover */
  z-index: 1;
}

.zoom-hover {
  transition: none;
  cursor: zoom-in;
  position: relative;
  z-index: 2;
  
  object-fit: contain;
}

/* Ao passar o mouse sobre o wrapper, a imagem cresce centralizada, sem distorcer */
.zoom-wrapper:hover .zoom-hover {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vh;
  width: auto;
  max-height: 100vh;
  max-width: 100vw;
  background: white;
  padding: 1rem;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.carousel-inner,
.carousel-item,
.carrousel-container {
  overflow: visible !important;
}

.carousel-title {
    color: black !important;
    font-size: 2rem;
}

.carousel-caption-custom{
color: black !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(100%); /* Altera branco para preto */
}


.carousel-inner {
  max-width: 800px;   /* largura máxima */
  margin: 0 auto;     /* centraliza */
}

.carousel-control-prev {
  left: 10%;   /* quanto menor, mais perto do centro */
}

.carousel-control-next {
  right: 10%;
}
/* Estilos para responsividade em telas menores */
@media (max-width: 768px) {
    .post-cover{
        padding-left: 0 !important;
    }
    .top-container{
        flex-direction: column;
    }

    .tags-container{
        display: none !important;
        margin-top: 1.5rem !important;
        justify-content: flex-start !important;
    }

    .tags-container-bottom{
        display: block !important;        
    }

    .page-title{
        text-align: left !important;
        margin-top: 3rem !important;
    }

    .post-content-resume{
        font-size: .9rem;
    }

    .main-article{
        padding-top: 0 !important;
    }

    .carrousel-container {
    flex-direction: column !important;
  }
  .carousel-content-wrapper {
    flex-direction: column;
    text-align: center;
  }
}