/* =====================================================
   BLOQUE DE VENTAJAS ANIMA — Versión Premium Final
   ===================================================== */

/* Contenedor general */
.aa-ventajas {
  margin: 40px 0;
  padding: 40px 0;
  font-family: "Poppins", sans-serif;
}

/* ----------------------------- */
/* HEADER PREMIUM                */
/* ----------------------------- */

.aa-ventajas-header {
  background:#F2F2F5;
  padding:24px 30px;
  border-radius:12px;
  margin-top:40px;
  margin-bottom:28px;
  border-left: 6px solid transparent;
  background:
    linear-gradient(#F2F2F5, #F2F2F5) padding-box,
    linear-gradient(180deg, #C87914, #E8A858) border-box;
}

.aa-ventajas-header-title {
  margin:0 0 10px;
  font-size:28px;
  font-weight:700;
  color:#111;
  line-height:1.25;
}

.aa-ventajas-header-subtitle {
  margin:0;
  font-size:16px;
  color:#444;
  line-height:1.7;
  font-style:italic;
  max-width:780px;
}

/* ----------------------------- */
/* GRID DE TARJETAS             */
/* ----------------------------- */

.aa-ventajas__grid {
  display:grid;
  gap:20px;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  margin-top:35px; /* Más aire premium */
}

/* ----------------------------- */
/* TARJETAS PREMIUM              */
/* ----------------------------- */

.aa-ventaja-card {
  background:#F6F7F9;
  padding:18px 22px;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,0.06); /* Sombra más elegante */
  transition:transform 0.25s ease, box-shadow 0.25s ease;
  
  /* Animación inicial */
  opacity:0;
  transform:translateY(12px);
  animation:aa-ventaja-fade-up 0.45s ease-out forwards;
}

/* Animación escalonada */
.aa-ventaja-card:nth-child(1) { animation-delay:0.05s; }
.aa-ventaja-card:nth-child(2) { animation-delay:0.12s; }
.aa-ventaja-card:nth-child(3) { animation-delay:0.19s; }
.aa-ventaja-card:nth-child(4) { animation-delay:0.26s; }

/* Hover premium */
.aa-ventaja-card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(0,0,0,0.12);
}

/* Textos dentro de tarjeta */
.aa-ventaja-card strong {
  font-size:17px;
  color:#111;
  display:block;
  margin-bottom:6px;
}

.aa-ventaja-card p {
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#555;
}

/* ----------------------------- */
/* CTA                          */
/* ----------------------------- */

.aa-ventajas__cta {
  text-align:center;
  margin-top:35px;
}

.aa-ventajas__btn {
  display:inline-block;
  padding:14px 30px;
  background:#C87914;
  color:#fff;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;
  transition:0.25s ease, box-shadow 0.25s ease;
}

.aa-ventajas__btn:hover {
  background:#a56410;
  box-shadow:0 10px 26px rgba(199, 121, 20, 0.35);
}

/* ----------------------------- */
/* ANIMACIONES                  */
/* ----------------------------- */

@keyframes aa-ventaja-fade-up {
  from {
    opacity:0;
    transform:translateY(16px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
  .aa-ventaja-card {
    opacity:1;
    transform:none;
    animation:none;
  }
}