/* Contenedor blanco para páginas estáticas.
   Los colores salen de los tokens de `public-theme.css`. */
.static-card {
  background: #fff;
  border: 1px solid var(--tb-line);
  border-radius: var(--tb-radius-card);
  padding: 2rem;
}

.static-card h1, .static-card h2, .static-card h5 {
  margin-top: 0;
}

@media (min-width: 768px) {
  .static-card { padding: 2.5rem; }
}

/* Ajustes menores */
.static-card .text-muted {
  color: var(--tb-gray) !important;
}

/* Sticky footer para páginas estáticas */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.static-content {
  flex: 1 0 auto;
}

.footer {
  margin-top: auto;
}

/* Estilos reutilizados de la Landing para precios */
.section {
  padding: 5rem 0;
}

/* `.price-card` y `.cta-button` estaban duplicados acá con la paleta vieja. `.cta-button` vive
   en `public-theme.css`; `.price-card` se fue del todo cuando /precios dejó de usarla. */

/* Estilos para artículos visuales */
.timeline {
  position: relative;
  padding-left: 30px;
}

.timeline::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e9ecef;
}

.timeline-item {
  position: relative;
  margin-bottom: 20px;
}

.timeline-marker {
  position: absolute;
  left: -22px;
  top: 10px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #e9ecef;
}

.timeline-content h6 {
  margin-bottom: 5px;
  font-weight: 600;
}

.timeline-content p {
  margin-bottom: 0;
  color: #6c757d;
}

/* Mejoras para cards en artículos */
.static-card .card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.static-card .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* Estilos para alertas destacadas */
.static-card .alert {
  border: none;
  border-radius: 10px;
}

/* CTA de los posts del blog. Era un gradiente verde ajeno a la paleta: el botón de acción del
   sitio es violeta, y en el blog es el mismo embudo. */
.static-card .btn-success {
  background: var(--tb-violet);
  border: none;
  padding: 12px 30px;
  font-weight: 600;
  border-radius: var(--tb-radius-btn);
  letter-spacing: 0.2px;
}

.static-card .btn-success:hover {
  background: var(--tb-violet-deep);
  transform: translateY(-1px);
}

/* Mejoras para listas */
.static-card .list-unstyled li {
  padding: 8px 0;
  border-bottom: 1px solid #f8f9fa;
}

.static-card .list-unstyled li:last-child {
  border-bottom: none;
}

/* Estilos para badges */
.static-card .badge {
  font-size: 0.8em;
  padding: 6px 12px;
}

/* Mejoras para accordions */
.static-card .accordion-button {
  font-weight: 600;
  color: #495057;
}

.static-card .accordion-button:not(.collapsed) {
  color: #0d6efd;
  background-color: #f8f9fa;
}

/* Espaciado mejorado para secciones */
.static-card h2 {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}

.static-card .mb-5 {
  margin-bottom: 3rem !important;
}

.static-card .my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.static-card.static-card-vertical > h2 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.static-card.static-card-vertical > h2:first-of-type {
  margin-top: 0;
}