p   {

font-size: 1.2rem!important;
line-height: 1.8rem!important;
color: #444;
}


.text-secondary {
color: #9b309d; 
}

section {
    padding: 40px 0!important;
}

.josefin   {font-family: 'Josefin Slab', serif;}
.mali   {font-family: 'Mali', cursive;}
.open   {font-family: 'Open Sans', sans-serif;letter-spacing: .1rem; }
.title-open   {font-family: 'Open Sans', sans-serif; letter-spacing: .2rem;}

.border-secondary {
border-color: #9b309d !important;

}

.text-secondary {
color: #9b309d; 
}

.btn-secondary {
  color: #fafafa;
  background-color: #9b309d; /* color base */
  border-color: #8d2b8f;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.btn-secondary: hover {
  color: #fafafa;
  background-color: #902691;
  border-color: #902691;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.btn-secondary: active {
  color: #fafafa;
  background-color: #902691; /* color base */
  border-color:#902691;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}



.section-gradient {
  background: linear-gradient(135deg, #c57cca, #a960ab, #8b4a8d);
  color: #fafafa;
  padding: 2rem;
background-size: 400% 400%; /* Área más grande para movimiento suave */
  animation: gradientMove 12s ease infinite; /* Movimiento lento y suave */;



  /* Texto más suave */
  color: #fff;
}

.section-gradient h1,
.section-gradient h2,
.section-gradient h3,
.section-gradient p {
  color: #f8f8f8; /* contraste legible pero suave */
}