/* ═══════════════════════════════════════════════════════════════════
   USA Investment Club — capa SEO compartida
   Bloques: respuesta a la intención de búsqueda, 5 puntos clave,
   CTA, FAQ, botón de compartir y barra fija de llamada en móvil.
   Usa las variables de cada página con fallback a la marca.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Bloque de respuesta + puntos clave ──────────────────────────── */
.usaic-answer {
  max-width: 1100px; margin: 0 auto 8px; padding: 28px 28px 4px;
}
.usaic-answer-card {
  background: var(--red-light, #fdf0f0);
  border-left: 4px solid var(--red, #dd2e2e);
  border-radius: var(--radius, 16px);
  padding: 26px 28px;
}
.usaic-answer-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; margin-bottom: 10px; flex-wrap: wrap;
}
.usaic-answer-label {
  font-family: 'Poppins', sans-serif; font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--red, #dd2e2e);
}
.usaic-answer-text {
  font-size: 1.02rem; line-height: 1.75; color: var(--black, #0F172A); margin: 0;
}
.usaic-keypoints { margin-top: 22px; }
.usaic-keypoints-title {
  font-family: 'Poppins', sans-serif; font-size: 0.95rem; font-weight: 700;
  color: var(--black, #0F172A); margin-bottom: 12px;
}
.usaic-keypoints ul { margin: 0; padding-left: 0; list-style: none; }
.usaic-keypoints li {
  position: relative; padding-left: 30px; margin-bottom: 10px;
  font-size: 0.93rem; line-height: 1.65; color: var(--gray-dark, #334155);
}
.usaic-keypoints li::before {
  content: ''; position: absolute; left: 8px; top: 10px;
  width: 7px; height: 7px; border-radius: 50%; background: var(--red, #dd2e2e);
}
.usaic-inline-cta {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(15,23,42,0.08);
}
.usaic-inline-cta p { font-size: 0.88rem; color: var(--gray-dark, #334155); margin: 0; }
.usaic-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--red, #dd2e2e); color: #fff;
  padding: 12px 26px; border-radius: 50px;
  font-family: 'Poppins', sans-serif; font-size: 0.85rem; font-weight: 700;
  border: none; cursor: pointer; text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}
.usaic-btn:hover { background: var(--red-dark, #b82323); transform: translateY(-2px); }

/* ── Botón de compartir ──────────────────────────────────────────── */
.usaic-share {
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff; color: var(--gray-dark, #334155);
  border: 1.5px solid var(--border, #E2E8F0); border-radius: 50px;
  padding: 8px 18px; font-size: 0.78rem; font-weight: 600;
  font-family: 'Montserrat', sans-serif; cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}
.usaic-share:hover { border-color: var(--red, #dd2e2e); color: var(--red, #dd2e2e); }
.usaic-share.copied { border-color: #2e7d32; color: #2e7d32; }

/* ── FAQ ─────────────────────────────────────────────────────────── */
.usaic-faq { padding: 84px 0; background: var(--gray-light, #F8FAFC); }
.usaic-faq-inner { max-width: 820px; margin: 0 auto; padding: 0 28px; }
.usaic-faq-label {
  font-family: 'Poppins', sans-serif; font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--red, #dd2e2e);
  margin-bottom: 10px;
}
.usaic-faq h2 {
  font-family: 'Poppins', sans-serif; font-size: clamp(1.7rem, 3.4vw, 2.4rem);
  font-weight: 800; letter-spacing: -0.02em; color: var(--black, #0F172A);
  margin-bottom: 32px;
}
.usaic-faq-item {
  background: #fff; border: 1px solid var(--border, #E2E8F0);
  border-radius: var(--radius, 16px); padding: 22px 24px; margin-bottom: 12px;
}
.usaic-faq-item h3 {
  font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 700;
  color: var(--black, #0F172A); margin-bottom: 8px; line-height: 1.4;
}
.usaic-faq-item p {
  font-size: 0.91rem; line-height: 1.75; color: var(--gray-dark, #334155); margin: 0;
}

/* ── Tablas SEO ──────────────────────────────────────────────────── */
.usaic-table-wrap { overflow-x: auto; margin: 28px 0; }
.usaic-table {
  width: 100%; border-collapse: collapse; font-size: 0.88rem;
  background: #fff; border: 1px solid var(--border, #E2E8F0);
  border-radius: var(--radius, 16px); overflow: hidden;
}
.usaic-table caption {
  caption-side: top; text-align: left; font-size: 0.78rem;
  color: var(--gray, #64748B); padding-bottom: 10px;
}
.usaic-table th, .usaic-table td {
  padding: 13px 16px; text-align: left; border-bottom: 1px solid var(--border, #E2E8F0);
}
.usaic-table thead th {
  background: var(--gray-light, #F8FAFC); font-family: 'Poppins', sans-serif;
  font-size: 0.8rem; font-weight: 700; color: var(--black, #0F172A);
}
.usaic-table tbody tr:last-child td { border-bottom: none; }

/* ── Enlazado interno / topic clusters ───────────────────────────── */
.usaic-cluster { padding: 72px 0; background: #fff; }
.usaic-cluster-inner { max-width: 1100px; margin: 0 auto; padding: 0 28px; }
.usaic-cluster h2 {
  font-family: 'Poppins', sans-serif; font-size: clamp(1.5rem, 3vw, 2.1rem);
  font-weight: 800; letter-spacing: -0.02em; color: var(--black, #0F172A);
  margin-bottom: 8px;
}
.usaic-cluster-sub { font-size: 0.9rem; color: var(--gray, #64748B); margin-bottom: 28px; }
.usaic-cluster-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px;
}
.usaic-cluster-card {
  display: block; border: 1px solid var(--border, #E2E8F0);
  border-radius: var(--radius, 16px); padding: 22px;
  transition: border-color 0.2s, transform 0.2s;
}
.usaic-cluster-card:hover { border-color: var(--red, #dd2e2e); transform: translateY(-3px); }
.usaic-cluster-card h3 {
  font-family: 'Poppins', sans-serif; font-size: 0.98rem; font-weight: 700;
  color: var(--black, #0F172A); margin-bottom: 6px;
}
.usaic-cluster-card p { font-size: 0.84rem; line-height: 1.6; color: var(--gray, #64748B); margin: 0; }

/* ── Compartir flotante (escritorio) ─────────────────────────────── */
.usaic-share-float {
  position: fixed; right: 22px; bottom: 22px; z-index: 1500;
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff; color: var(--gray-dark, #334155);
  border: 1.5px solid var(--border, #E2E8F0); border-radius: 50px;
  padding: 11px 20px; font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem; font-weight: 600; cursor: pointer;
  box-shadow: 0 6px 24px rgba(15,23,42,0.12);
  transition: border-color 0.2s, color 0.2s, transform 0.2s;
}
.usaic-share-float:hover { border-color: var(--red, #dd2e2e); color: var(--red, #dd2e2e); transform: translateY(-2px); }
@media (max-width: 768px) { .usaic-share-float { display: none; } }
@media print { .usaic-share-float { display: none !important; } }

/* ── Barra fija de llamada en móvil ──────────────────────────────── */
.usaic-mobile-bar { display: none; }
@media (max-width: 768px) {
  .usaic-mobile-bar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000;
    gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255,255,255,0.96);
    backdrop-filter: saturate(180%) blur(14px);
    border-top: 1px solid var(--border, #E2E8F0);
    box-shadow: 0 -6px 24px rgba(15,23,42,0.10);
  }
  .usaic-mobile-bar a, .usaic-mobile-bar button {
    flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    height: 48px; border-radius: 50px; font-family: 'Poppins', sans-serif;
    font-size: 0.86rem; font-weight: 700; cursor: pointer; text-decoration: none;
    border: none;
  }
  .usaic-mobile-call { background: var(--red, #dd2e2e); color: #fff; flex: 2 !important; }
  .usaic-mobile-share {
    background: #fff; color: var(--gray-dark, #334155);
    border: 1.5px solid var(--border, #E2E8F0) !important;
  }
  body { padding-bottom: 74px; }
  .usaic-answer { padding: 20px 20px 0; }
  .usaic-answer-card { padding: 22px 20px; }
}
@media print { .usaic-mobile-bar, .usaic-share { display: none !important; } }