/* =============================================================================
   TEMA: NESTED (Embebido en contenido)
   Formulario integrado en artículos o páginas de contenido
   ============================================================================= */

.form-theme-post {
  /* Colores principales */
  --form-color-primary: #4A90E2;
  --form-color-primary-hover: #357ABD;
  --form-color-success: #4CAF50;
  --form-color-success-dark: #388E3C;
  
  /* Colores de progreso */
  --form-progress-bg: #e8e8e8;
  --form-progress-fill: #4A90E2;
  
  /* Colores neutrales */
  --form-color-white: #ffffff;
  --form-color-black: #333333;
  --form-color-gray: #666666;
  --form-color-gray-light: #999999;
  --form-color-gray-disabled: #e8e8e8;
  
  /* Backgrounds */
  --form-bg-container: #FAEEC8;
  --form-bg-input: #ffffff;
  --form-text-color: #333333;
  --form-text-input: #333333;
  --form-border-color: #E0E0E0;
  
  /* Tipografía */
  --form-font-size-small: 0.8rem;
  --form-font-size-default: 0.9rem;
  --form-line-height-base: 1.5rem;
  --form-title-size: 1.8rem;
  --form-title-weight: 700;
  
  /* Espaciados */
  --form-padding-base: 1.5rem;
  --form-padding-small: 10px;
  --form-border-radius: 8px;
  --form-border-radius-small: 4px;
  
  /* Sombras */
  --form-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --form-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.form-theme-post .form-post-action {
  background: var(--form-bg-container);
  color: var(--form-text-color);
  padding: var(--form-padding-base);
  border: 1px solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  box-shadow: var(--form-shadow);
}

.form-theme-post h1,
.form-theme-post h2,
.form-theme-post h3,
.form-theme-post .form-post-action h1,
.form-theme-post .form-post-action h2,
.form-theme-post .form-post-action h3 {
  color: var(--form-text-color);
  font-size: var(--form-title-size);
  font-weight: var(--form-title-weight);
  text-align: center;
}

.form-theme-post input,
.form-theme-post textarea,
.form-theme-post select {
  background: var(--form-bg-input);
  color: var(--form-text-input);
  border: 1px solid var(--form-border-color);
  border-radius: var(--form-border-radius-small);
}

.form-theme-post .form-post-action .btn-submit,
.form-theme-post .form-post-action .btn-next {
  background: var(--form-color-primary) !important;
  color: var(--form-color-white);
}

.form-theme-post .form-post-action .btn-submit:hover,
.form-theme-post .form-post-action .btn-next:hover {
  background: var(--form-color-primary-hover) !important;
}

.form-theme-post small,
.form-theme-post p,
.form-theme-post label,
.form-theme-post .form-post-action small,
.form-theme-post .form-post-action p {
  color: var(--form-text-color);
}

.form-theme-post a {
  color: var(--form-color-primary);
  text-decoration: none;
}

.form-theme-post a:hover {
  text-decoration: underline;
}