/* legal.css — estilos de las páginas legales (plantilla "Legal" / page-legal.php).
   Se encola SOLO en esa plantilla (ver inc/enqueue.php).
   El header/footer los aporta el theme; aquí solo el contenido, scopeado en .vtp-legal. */

.vtp-legal{ max-width:820px; margin:0 auto; padding:40px 24px 64px; color:#1C2B1A;
  font-family:'DM Sans',system-ui,sans-serif; line-height:1.65; }
.vtp-legal h1{ font-family:'Figtree',sans-serif; font-size:34px; font-weight:800;
  letter-spacing:-.02em; margin:0 0 8px; line-height:1.12; }
.vtp-legal .updated{ color:#5C6357; font-size:13.5px; margin:0 0 28px; }
.vtp-legal h2{ font-family:'Figtree',sans-serif; font-size:21px; font-weight:700;
  margin:30px 0 8px; color:#1C2B1A; }
.vtp-legal p{ margin:0 0 14px; color:#33402f; }
.vtp-legal ul{ margin:0 0 14px; padding-left:20px; }
.vtp-legal li{ margin-bottom:7px; }
.vtp-legal a{ color:#14712A; }
.vtp-legal a:hover{ text-decoration:underline; }

.vtp-legal .data-box{ background:#FBFAF4; border:1px solid rgba(20,43,20,.12);
  border-radius:12px; padding:18px 20px; margin:18px 0; }
.vtp-legal .data-box p{ margin:0 0 4px; font-size:15px; }

.vtp-legal .pending{ background:#fff8ec; border:1px solid #f3cf85; border-radius:10px;
  padding:12px 14px; color:#7a5200; font-size:14px; margin:14px 0; }
.vtp-legal .review-note{ background:#eef6e6; border:1px solid #cfe6bb; border-radius:10px;
  padding:14px 16px; color:#2b5a1e; font-size:14px; margin:26px 0 0; }

.vtp-legal table{ width:100%; border-collapse:collapse; margin:12px 0 16px; font-size:14px; }
.vtp-legal th,.vtp-legal td{ border:1px solid rgba(20,43,20,.12); padding:9px 12px; text-align:left; }
.vtp-legal th{ background:#FBFAF4; font-family:'Figtree',sans-serif; }

@media (max-width:520px){ .vtp-legal h1{ font-size:28px; } .vtp-legal{ padding:28px 18px 48px; } }