/* ==========================================================================
   automatizaciones.css — Bots y automatizaciones de negocio
   ========================================================================== */
.auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.auto-card{border:1px solid var(--line);border-radius:16px;padding:28px 24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.auto-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px -16px rgba(19,69,178,.4);border-color:var(--blue-soft)}
.auto-card .ac-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--orange-soft),var(--blue-soft));margin-bottom:18px}
.auto-card .ac-icon svg{width:22px;height:22px}
.auto-card:nth-child(3n+2) .ac-icon{background:linear-gradient(135deg,var(--blue-soft),var(--orange-soft))}
.auto-card h3{font-size:16.5px;margin-bottom:8px}
.auto-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.55}
@media (max-width:900px){.auto-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.auto-grid{grid-template-columns:1fr}}

@keyframes ap-icon-wiggle{0%,100%{transform:scale(1.12) rotate(-6deg)}50%{transform:scale(1.2) rotate(5deg)}}

.auto-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:860px;margin:0 auto}
.auto-price{
  position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:30px 20px;text-align:center;color:#1c1712;
  background:linear-gradient(165deg,#fffdf7 60%,#f3efe2 100%);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.auto-price:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 46px -16px rgba(19,69,178,.4)}
.auto-price .ap-icon{
  width:54px;height:54px;border-radius:50%;margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,var(--orange-soft),var(--blue-soft));
  box-shadow:0 10px 22px -6px rgba(19,69,178,.55);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.auto-price:nth-child(3n+2) .ap-icon{background:linear-gradient(135deg,var(--blue-soft),var(--orange-soft))}
.auto-price .ap-icon svg{width:24px;height:24px}
.auto-price:hover .ap-icon{box-shadow:0 14px 30px -6px rgba(19,69,178,.7);animation:ap-icon-wiggle 1.1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.auto-price:hover .ap-icon{animation:none}}
.auto-price h4{font-size:13.5px;margin-bottom:10px;min-height:34px}
.auto-price .price{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;font-weight:800;color:var(--orange-burnt)}
@media (max-width:700px){.auto-prices{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.auto-prices{grid-template-columns:1fr}}

.quote-card{
  position:relative;overflow:hidden;border-radius:20px;padding:46px 44px;text-align:center;max-width:760px;margin:0 auto;
  background:linear-gradient(155deg,#08090c 45%,#16264f 130%);border:1.5px solid var(--orange);color:#fff;
}
.quote-card .bp-badge{
  display:inline-flex;background:var(--orange);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;
  padding:7px 15px;border-radius:999px;margin-bottom:18px;
}
.quote-card h3{font-size:30px;color:#fff;margin-bottom:10px}
.quote-card p{color:rgba(255,255,255,.7);font-size:14.5px;max-width:48ch;margin:0 auto 26px}
.quote-card .price{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;font-weight:700;margin-bottom:22px}
.quote-card .price small{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;color:rgba(255,255,255,.6);letter-spacing:.05em;margin-top:6px}