.hrcuadritos{
  HEIGHT: 9PX;
  BACKGROUND-COLOR: #333;
  WIDTH: 100%;
}


.sphere {
  width: 100%;
  height: 100px;
  background-color: #0c4e93;
  border-radius: 11%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  /* font-weight: bold; */
  text-align: center;
  color: #fff;
  border: 1px solid #0c4e932b
}
.sphere:hover {

  background-color: #5887b9;

}
.sphere:hover ~ div .hrcuadritos {
  background-color: #f28f4f; /* Cambia el color de fondo a negro */
}

.image-container {
   position: relative;
   margin-bottom: 30px;
 }

 .image-container img {
   width: 100%;
   display: block;
 }

 .image-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.3); /* Fondo oscuro semitransparente */
   color: white;
   padding: 10px;
   text-align: center;
   font-size: 16px;
 }

.img-container {
    position: relative;
    display: inline-block;
}

.img-container img {
    display: block;
    width: 100%; /* Ajusta según el tamaño de la imagen */

    width: 100%;

}
.img-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: linear-gradient(to bottom right, rgba(12, 78, 147, 0.3), rgba(255, 255, 255, 0) 35%);

    pointer-events: none;
}

.migas p.text-left {
  font-size: 13px;
}

.btnMigas-light .fa-circle {
  width: 6px;
  margin-right: 7px;
}

.btnMigas-light .fa-angle-right {
  margin-bottom: 8px;
}

#sector2 {
  padding-top: 90px;
}
.space-28 {
      margin-top: 28px;
    }
.space-70 {
  margin-top: 47px;
}
.space-85 {
    margin-top: 85px;
}
.cabecera-producto{
    padding-top: 5rem !important;
}
.page-header {
  margin: 0px;
   margin-bottom:30px;
  padding-top: 5rem !important;
}

.page-header-min {
  margin: 0px;
   margin-bottom:30px;
  padding-top: 3rem !important;
}

.home-empresa-titulo {
  font-weight: 700;
}

.section-subcontent {
  color: #9ea6ab;
  font-size: 26px;
  font-weight: 700;
}


.fa-brain, .fa-cogs, .fa-users {
  font-size: 3rem;
}

.home-empresa-caja1-titulo, .home-empresa-caja2-titulo, .home-empresa-caja3-titulo {
  font-weight: 700 !important;
  margin-bottom: 15px;
  margin-top: 25px;
}

.home-empresa-zona1-titulo {
  font-weight: 700;
}

.home-empresa-zona1-text {
  text-align: center;
}

.home-empresa-caja1-text, .home-empresa-caja2-text, .home-empresa-caja3-text {
  text-align: center;
}