


.active {
  text-decoration: none; 
  border-bottom: 2px solid  var(--bs-blue);
  padding-bottom: 2px;
}

.active:hover {
  
  border-bottom-color: darken( var(--bs-blue), 100%); 
}



.cpa {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;

}

.cpa.show {
  opacity: 1;
  transform: translateY(0);
}


.body_cpa {
  opacity: 0;
  transition: opacity 1s ease-in-out;

}

.body_cpa.show {
  opacity: 1;
}


.post-meta{
  font-size: 11px;
}

.post-title {
  
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.post-url{
color:  var(--bs-black);
text-decoration: double;
}

.post-url:hover{
  color:  var(--bs-blue);;
}

.post-text{
  font-size: 12px;
}


/* Contenedor para manejar la imagen */
.img-post {
  position: relative;
  overflow: hidden;
}

/* Estilo normal de la imagen */
.img-post img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease; /* Transición suave */
}

/* Ampliación al pasar el cursor */
.img-post:hover img {
  transform: scale(1.2); /* Escala la imagen al 120% */
}

.bt_ampli{
 
  width: auto;
  height: auto;
  transition: transform 0.3s ease; /* Transición suave */
}

.bt_ampli:hover{
  transition: transform 0.3s ease; /* Transición suave */
  transform: scale(1.2); /* Escala la imagen al 120% */
}


.container_block{
  padding: 3rem;
  
}


.banner-image {
  object-fit: cover; /* Asegura que la imagen se recorte */
  width: auto;       /* Ajusta el ancho automáticamente */
  height: 100%;      /* La imagen ocupará toda la altura del contenedor */
 
}

.bold-100 {
  font-weight: 100;
}

.bold-200 {
  font-weight: 200;
}

.bold-300 {
  font-weight: 300;
}

.bold-400 {
  font-weight: 400;
}

.bold-500 {
  font-weight: 500;
}

.bold-600 {
  font-weight: 600;
}

.bold-700 {
  font-weight: 700;
}

.bold-800 {
  font-weight: 800;
}

.bold-900 {
  font-weight: 900;
}

.justify{
  text-align: justify;
}

.bg-primary-trans-1{
  background-color:#ff000052 ;
}

.bg-primary-trans-2{
  background-color:#ff000033 ;
}




#scrollToTop {
  opacity: 0;
  transition: opacity 0.5s ease;
}

#scrollToTop.visible {
  display: flex;
  opacity: 1;
}

.rounded-50{
  border-radius: 50px;
}

.text-primary_blue{
  color: #111457;
}


.bg-primary_blue{
  background-color: #111457;
}


/* Estilo para la imagen en general */
.carousel-item .banner_img_nos img {
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* Estilo para el fondo negro semitransparente */
.carousel-item .banner_img_nos .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white; /* Letras blancas */
  text-align: center;
  z-index: 1;
}

/* Asegura que las imágenes no cubran el texto */
.carousel-item .banner_img_nos {
  position: relative;
}

/* Estilos responsivos para móvil */
@media (max-width: 768px) {
  .carousel-item .banner_img_nos {
    overflow: hidden;
    height: 50vh;
  }

  .carousel-item .banner_img_nos img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .carousel-item .banner_img_nos .overlay {
    padding: 10px; /* Espaciado en móviles */
  }
}

.mt_6{
  margin-top: 85px;
}