.col-card {
  border-radius: 15px;
  background-color: #F5F7FA; /* Cambia por el color que quieras */
  margin: 10px;
  padding: 20px; /* opcional, para que el contenido no pegue a los bordes */
  
  /* Sombra estilo Google Material Design */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1),
              0 6px 20px rgba(0, 0, 0, 0.1);

  /* Para que el borde redondeado se vea bien con el fondo */
  overflow: hidden;
}

/* Opcional: efecto hover */
.col-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15),
              0 8px 30px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s ease;
}

.text-card{
  padding: 25px;
}
@media (max-width: 768px) {
  .text-card {
    padding: 10px; /* la mitad de 25px */
  }
}