.caja-slide {
    position: relative;
    size: Cover;
    position: Center;
    min-height: 350px;
    border-radius: 20px;
    width: 100%;
    height: 350px;
}

.caja-botones {
 	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 2;
    padding: 30px;
}

.caja-gonseguros-academy {
    background: #0b1a6a;
	border-radius: 20px;
	padding: 40px;
	position: relative;
    box-shadow: -8px 8px 0px #3ec6ff;
}

.boton-academy {
 position: absolute;
	right: 40px;
	top: 50%;
}

.parrafo-academy {
    color: #cfd3ff;
	font-size: 14px;
}

.caja-nuestros-clientes {
    background: #0b1a6a;
	padding: 30px;
	text-align: center;
}

.boton-group {
    border-radius: 30px;
	padding: 5px;
	background: rgba(255,255,255);
	display: inline-block;
}

.caja-ecosistema-digital {
    background: #0b1a6a;
	border-radius: 20px;
	padding: 40px 60px 40px 260px;
	position: relative;
	overflow: visible;
}

.caja-ecosistema-digital-movil {
    background: #0b1a6a;
	border-radius: 20px;
	padding: 40px 40px 40px 40px;
	position: relative;
	overflow: visible;
}

.imagen-ecosistema-digital {
    position: absolute;
	left: -60px;
	top: 50%;
	transform: translateY(-50%);
	width: 220px;
	border-radius: 20px;
	object-fit: cover;
    width: 260px;
	overflow: hidden;
}

.texto-ecosistema-digital {
	line-height: 1.7;
	font-size: 17px;
	width: 100%;
}

.texto-ecosistema-digital @media (max-width: 768px) {
  .texto {
    width: 100%;
    font-size: 15px;
  }
}


.boton-ecosistema-digital {
    margin-top: 20px;
	border-radius: 20px;
	padding: 10px 18px;
}

.titulo-ecosistema-digital {
	font-size: 40px;
	margin-bottom: 40px;
}

.flip-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.flip-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.flip-front {
  width: 100%;
  display: block;
  transition: 0.4s;
  position: relative;
  z-index: 1;
}

.flip-text {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center;
  color: white;
  opacity: 0;
  transform: translateY(-50%);
  transition: 0.4s;
  padding: 0 20px;
  z-index: 2;
}

.flip-button {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transform: translateY(-50%);
  transition: 0.4s;
  z-index: 2;
}

/* HOVER */
.flip-card:hover {
  background: rgba(11,26,106,0.95);
}

.flip-card:hover .flip-front {
  opacity: 0;
  z-index: 0;
}

.flip-card:hover .flip-text,
.flip-card:hover .flip-button {
  opacity: 1;
}

.carrusel-estados-financieros {
  padding: 100px 20px;
  text-align: center;
}