Rtapia27

## Consultoria_por_Piezas_Marco_Conceptual.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  <title>Consultoría por Piezas - Marco Conceptual</title>
  <style>
    body { font-family: Georgia, serif; max-width: 760px; margin: 40px auto; padding: 0 20px; line-height: 1.8; color: #222; }
    h1 { font-size: 1.5em; border-bottom: 2px solid #222; padding-bottom: 0.3em; }
    blockquote { border-left: 4px solid #aaa; margin-left: 0; padding-left: 1.2em; color: #555; font-style: italic; }

## nodegraph-preview.html
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>NodeGraph Preview — Tapia Abogados</title>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      background: #faf9f7;
	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
	<title>Consultoría por Piezas - Marco Conceptual</title>
	<style>
	body { font-family: Georgia, serif; max-width: 760px; margin: 40px auto; padding: 0 20px; line-height: 1.8; color: #222; }
	h1 { font-size: 1.5em; border-bottom: 2px solid #222; padding-bottom: 0.3em; }
	blockquote { border-left: 4px solid #aaa; margin-left: 0; padding-left: 1.2em; color: #555; font-style: italic; }
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>NodeGraph Preview — Tapia Abogados</title>
	<style>
	* { box-sizing: border-box; margin: 0; padding: 0; }
	body {
	background: #faf9f7;