.jecr-card-number {
  position: absolute;
  font-size: 20rem; 
  color: #666666; 
  z-index: 0; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1; /
  user-select: none; 
  pointer-events: none;/
}

.jecr-card:hover .jecr-card-number {

  opacity: 0.2; 
}
@media (max-width:800px) {
  .jecr-card-container {
    flex-wrap: wrap;
		flex-direction:column;
	}

  .jecr-card {
    flex-basis: 100% !important;
		max-width: 100% !important;
  }}
@media (max-width: 480px) {
	.jecr-card-container {
    flex-wrap: wrap;
		flex-direction:column;}
  .jecr-card {
    flex-basis: 100% !important;
		max-width: 100% !important;
  }
}
.has-url {
	text-align: left !important;
		  z-index: 2;
}
.left-copy{
	text-align: left;
	  z-index: 2;
}
.jecr-learn-more-url {
	  z-index: 2;

    text-align: center;
	display: flex;
	font-family:  "Source Sans Pro";
	color: #05A8A1;
	letter-spacing: 0px;
	 text-decoration-line: underline;
	

}


.jecr-card-container {
  display: flex;
  justify-content: flex-start; 
	text-align: left !important;
	  margin: 0 auto;
  gap: 40px; 
	font-size:16px;
/*	margin-left:20px;
	margin-right:20px;*/
		opacity: 0;
  transition: opacity 0.5s ease-out;
	   
}

.jecr-card {
  background: #fff;
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.32);
  border-radius: 10px;
  padding: 40px;
  text-align: left;
	height: auto;
	display: flex;
  flex-direction: column;
  justify-content: flex-start;    
	align-items: flex-start;    
   gap: 4px;
	line-height:150%;


	flex: 1 1 0px; 

  z-index: 1;


  position: relative; 


}
.jecr-card:hover {
  transform: scale(1.05); 
}

.jecr-card .jecr-icon {
  /* Style for the icon, such as width, height, or background-color */
  margin-bottom: 34px;
}

.jecr-header-card {
  margin-top: 0;
  color: #333;
	margin:0px;
	letter-spacing:1px;
font-family:AvenirNextCondensed-Demi, "Source Sans Pro";
font-size: 21px;
font-weight: 600;
line-height: 31.5px;
text-align: left;

}

.jecr-animate-fade-up{
	  animation: jecr-fadeInUp 0.5s ease-out forwards 0s;
}

@keyframes jecr-fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.jecr-copy {
  color: #666666;
  font-size: 16px;
	display: flex;
	align-items: flex-start;

font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: left;


}





@keyframes slideUp {
  from {
    transform: translateY(20px); 
    opacity: 0; /* Empieza completamente transparente */
  }
  to {
    transform: translateY(0); /* Termina en su posición final */
    opacity: 1; /* Termina completamente opaco */
  }
}





.jecr-card-delay-1 h4, .jecr-card-delay-1 p,  .jecr-card-delay-1, .jecr-icon .jecr-card-delay-1 {
  animation-delay: 0s;
}
.jecr-card-delay-2 h4, .jecr-card-delay-2 p,  .jecr-card-delay-2, .jecr-icon .jecr-card-delay-2 {
  animation-delay: 1s;
}

.jecr-card-delay-3 h4, .jecr-card-delay-3 p,  .jecr-card-delay-3, .jecr-icon .jecr-card-delay-3  {
	animation-delay: 2s;}

.jecr-card h4, .jecr-card p, .jecr-card .jecr-icon ,.jecr-learn-more-url {
  animation: slideUp 0.7s ease forwards;
}

.jecr-learn-more-url:visited{
	color:#05a8a1
}

.jecr-learn-more-url:hover{
	color:#1A6D6A;
	
}


.jecr-card-container .only-one-card {
  justify-content: center; /* Centra la única tarjeta */
}

.only-one-card .jecr-card {
  max-width: 46%; 
	width: 46%;
  margin: 0 auto; 
}

/* Ajustes para pantallas más pequeñas */
@media (max-width: 768px) {
	.jecr-learn-more-url{padding-bottom: 40px;}
	
.jecr-card-container {
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:30px;
	padding-bottom:30px;}
  .only-one-card .jecr-card {
    max-width: 100%;
		 width: 100%; 
  }
}

@media (max-width: 480px) {
  .only-one-card .jecr-card {
    max-width: 100%; /* Un ancho máximo aún más grande para pantallas muy pequeñas */
		 width: 100%; 
  }
}