/* Título y subtítulo */
.categorias-title{
  font-size: clamp(1.8rem, 2.2vw + 1rem, 2.4rem);
  font-weight: 800;
  color:#000;
  margin: 0;
  letter-spacing:.2px;
  text-shadow: 
     2px 2px 4px rgba(255, 255, 255),   /* sombra fuerte abajo */
    -1px -1px 2px rgba(255, 255, 255);  /* contorno fino */
}
.categorias-subtitle{
  font-size: clamp(1rem, .6vw + .8rem, 1.15rem);
  color:#fff;
  margin: .35rem 0 0;
}

/* Tarjetas */
.categorias-card{
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  border-radius: 14px;
  background: #fcf1fa;  /*ffd0f6*/
}
.categorias-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 .6rem 1.2rem rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.12);
}
.categorias-card .card-title{
  font-weight: 700;
  color:#2c2c2c;
}
.categorias-card .card-text{
  color:#666;
}

/* Botón con color de marca Ayinray */
.btn-aynray{
  --aynray:#D8A9D5;               /* rosa-lila pastel */
  background: var(--aynray);
  border: 1px solid var(--aynray);
  color:#fff;
  font-weight: 600;
}
.btn-aynray:hover{
  filter: brightness(.95);
  color:#df71d8;
}

/* Clampear descripciones a 3 líneas */
.clamp-3{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

/* Pequeños ajustes en pantallas muy chicas */
@media (max-width: 420px){
  .categorias-title{ font-size: 1.75rem; }
  .categorias-subtitle{ font-size: 1rem; }
}