/* Página da Pronto (sitepronto.top): apresenta a empresa e os produtos. Usa o site.css comum. */
.pronto-hero .wrap { align-items: center; }
.pronto-stack { display: grid; gap: .9rem; max-width: 440px; margin-left: auto; width: 100%; }
.stack-card {
  display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: .9rem; align-items: center;
  padding: 1.1rem 1.2rem; border-radius: 18px; text-decoration: none; color: #fff;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); backdrop-filter: blur(6px);
  transition: transform .15s, background .15s;
}
a.stack-card:hover { transform: translateX(-4px); background: rgba(255, 255, 255, .14); }
.stack-card .stack-ico { grid-row: 1 / span 2; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--brand), var(--brand-2)); box-shadow: 0 6px 18px color-mix(in srgb, var(--brand) 35%, transparent); }
.stack-card.soon .stack-ico { background: rgba(255, 255, 255, .1); box-shadow: none; }
.stack-card b { font-size: 1.05rem; }
.stack-card small { opacity: .75; font-size: .88rem; }
.stack-card.soon { opacity: .6; border-style: dashed; }
@media (max-width: 960px) { .pronto-stack { margin: 2rem auto 0; } }

.products-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; align-items: stretch; }
@media (max-width: 1000px) { .products-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 680px) { .products-grid { grid-template-columns: minmax(0, 1fr); } }
.product-card { display: flex; flex-direction: column; gap: 1rem; padding: 1.6rem; }
.product-card.soon { background: transparent; border-style: dashed; box-shadow: none; }
.product-top { display: flex; gap: .9rem; align-items: flex-start; }
.product-ico { width: 56px; height: 56px; flex: none; display: grid; place-items: center; border-radius: 16px; color: var(--brand); background: color-mix(in srgb, var(--brand) 10%, #fff); }
.product-top h3 { font-size: 1.25rem; margin: 0 0 .2rem; }
.product-for { margin: 0; color: var(--muted); font-size: .9rem; }
.product-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.product-list li { display: flex; gap: .55rem; align-items: flex-start; font-size: .95rem; }
.product-list .icon { color: var(--ok); margin-top: .15rem; flex: none; }
.product-price { margin: 0; font-weight: 700; color: var(--brand); min-height: 1.4em; }
.product-price:empty { display: none; }
.product-ctas { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: auto; }
.product-ctas .btn { flex: 1 1 auto; }
.btn-ghost-dark { background: transparent; color: var(--text); border-color: var(--border); }
.btn-ghost-dark:hover { border-color: var(--brand); color: var(--brand); }
.muted-text { color: var(--muted); margin: 0; }

.pronto-contact .contact-links { display: grid; gap: .7rem; }
.pronto-contact .contact-links a {
  display: flex; align-items: center; gap: .6rem; padding: .9rem 1.1rem; border-radius: 14px; text-decoration: none; font-weight: 700;
  background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); color: #fff; overflow-wrap: anywhere;
}
.pronto-contact .contact-links a:hover { background: rgba(255, 255, 255, .18); }