.header{position:sticky;top:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:1000;transition:background-color var(--transition-normal)}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;gap:var(--spacing-lg)}.header-logo{flex-shrink:0}.logo-text{font-size:1.25rem;font-weight:700;color:var(--color-text)}.header-links{display:flex;list-style:none;gap:var(--spacing-lg);margin:0}.header-links a{color:var(--color-text);font-size:.9rem;font-weight:500;transition:opacity var(--transition-fast)}.header-links a:hover{opacity:.7}.header-controls{display:flex;gap:var(--spacing-sm);flex-shrink:0}.control-button{background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:border-color var(--transition-fast)}.control-button:hover{border-color:var(--color-accent)}@media (max-width: 1024px){.header-links{gap:var(--spacing-md)}.header-links a{font-size:.85rem}}@media (max-width: 768px){.header-links{display:none}.header-nav{justify-content:space-between}}.hero{padding:120px 0;min-height:80vh;display:flex;align-items:center}.hero-content{max-width:800px;margin:0 auto}.hero-badge{display:inline-block;padding:8px 16px;border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.hero-title{font-size:4rem;font-weight:800;margin-bottom:var(--spacing-md);color:var(--color-text)}.hero-subtitle{font-size:1.75rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.hero-description{font-size:1.125rem;line-height:1.8;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-ctas{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.hero-install-command{margin-top:var(--spacing-lg)}.hero-install-command .code-inline{font-size:1rem;padding:10px 20px}@media (max-width: 768px){.hero{padding:80px 0;min-height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-ctas{flex-direction:column;gap:var(--spacing-sm)}.hero-ctas .button{width:100%}}.features{background:var(--color-bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card{text-align:center;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.feature-icon{color:var(--color-accent);flex-shrink:0}.feature-card p{font-size:.95rem;font-weight:500}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.quick-start-content{max-width:900px;margin:var(--spacing-xl) auto 0}.quick-start-section{margin-bottom:var(--spacing-xl)}.quick-start-section .section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.quick-start-section .section-icon{color:var(--color-accent);flex-shrink:0}.quick-start-section h3{margin-bottom:0}.quick-start-link{text-align:center;margin-top:var(--spacing-xl)}.demo-editor{max-width:900px;margin:0 auto}.demo-editor-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group label{font-size:.875rem;font-weight:600;color:var(--color-text)}.control-group select,.control-group input[type=text]{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.875rem}.control-group input[type=checkbox]{margin-right:var(--spacing-xs)}.demo-editor-textarea{margin-bottom:var(--spacing-md)}.demo-editor-textarea textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-mono);font-size:.9rem;line-height:1.6;resize:vertical}.demo-editor-textarea textarea:focus{outline:none;border-color:var(--color-accent)}.demo-editor-result{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.demo-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600}.result-content{background:var(--color-code-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto}.result-content pre{margin:0;font-family:var(--font-family-mono);font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.demo-editor-controls{flex-direction:column;align-items:stretch}.control-group{width:100%}}.demo-examples{margin-top:var(--spacing-xl)}.demo-examples-title{margin-bottom:var(--spacing-lg);text-align:center}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.example-card{cursor:pointer;transition:all var(--transition-fast)}.example-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.example-card h4{font-size:1rem;margin-bottom:var(--spacing-sm)}.example-snippet{font-size:.875rem;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.example-card .button{width:100%;margin-top:auto}.use-cases{background:var(--color-bg-secondary)}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.use-case-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.use-case-icon{color:var(--color-accent);flex-shrink:0}.use-case-card h3{font-size:1.25rem;margin-bottom:0}.use-case-card p{margin-bottom:var(--spacing-md)}.use-case-card .code-block{margin:0}@media (max-width: 1024px){.use-cases-grid{grid-template-columns:1fr}}.api-reference{max-width:1000px;margin:0 auto}.api-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.api-section:last-child{border-bottom:none}.api-section .section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.api-section .section-icon{color:var(--color-accent);flex-shrink:0}.api-section h3{font-size:1.75rem;margin-bottom:0}.api-function{margin-bottom:var(--spacing-xl)}.api-function h4{font-size:1.125rem;margin-bottom:var(--spacing-sm);font-family:var(--font-family-mono);color:var(--color-accent)}.api-function>p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.api-params,.api-returns,.api-examples{margin-bottom:var(--spacing-md)}.api-params strong,.api-returns strong,.api-examples strong{display:block;margin-bottom:var(--spacing-sm);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.api-params ul{margin:var(--spacing-sm) 0 0 var(--spacing-lg);color:var(--color-text-secondary)}.api-params li{margin-bottom:var(--spacing-xs);line-height:1.6}.api-params code{font-size:.875rem}.siglas-section{background:var(--color-bg-secondary)}.siglas-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.siglas-search{flex:1;min-width:250px;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.9rem}.siglas-search:focus{outline:none;border-color:var(--color-accent)}.siglas-filter{padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.9rem;cursor:pointer}.siglas-table-container{overflow-x:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.siglas-table{width:100%;border-collapse:collapse}.siglas-table thead{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.siglas-table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.siglas-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.siglas-table tbody tr:last-child td{border-bottom:none}.siglas-table tbody tr:hover{background:var(--color-bg-secondary)}.sigla-cell{font-family:var(--font-family-mono);font-weight:600;min-width:120px;width:20%}.significado-cell{width:80%}.siglas-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.siglas-pagination .button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.siglas-controls{flex-direction:column}.siglas-search,.siglas-filter{width:100%}.siglas-table{font-size:.875rem}.siglas-table th,.siglas-table td{padding:var(--spacing-sm)}.sigla-cell{min-width:80px;width:30%}.significado-cell{width:70%}}.siglas-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.siglas-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column}.siglas-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.siglas-modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text);padding:var(--spacing-sm);line-height:1;transition:opacity var(--transition-fast)}.modal-close:hover{opacity:.7}.siglas-modal-search{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.siglas-modal-search input{width:100%;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);font-family:inherit;font-size:.9rem}.siglas-modal-search input:focus{outline:none;border-color:var(--color-accent)}.siglas-modal-content{display:flex;flex:1;overflow:hidden}.letter-navigation{width:60px;flex-shrink:0;border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.letter-link{display:block;text-align:center;padding:var(--spacing-xs);font-weight:600;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.letter-link:hover{background:var(--color-bg-secondary);color:var(--color-accent)}.siglas-list{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.letter-group{margin-bottom:var(--spacing-xl)}.letter-title{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-accent);position:sticky;top:0;background:var(--color-bg);padding:var(--spacing-sm) 0;z-index:1}.siglas-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sigla-item{display:flex;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.sigla-item:last-child{border-bottom:none}.sigla-original{font-family:var(--font-family-mono);font-weight:600;min-width:100px;flex-shrink:0}.sigla-arrow{color:var(--color-text-secondary);flex-shrink:0}.sigla-significado{flex:1;color:var(--color-text-secondary)}@media (max-width: 768px){.siglas-modal-overlay{padding:0}.siglas-modal{max-width:100%;max-height:100vh;border-radius:0}.letter-navigation{width:40px;font-size:.75rem}.sigla-item{flex-direction:column;gap:var(--spacing-xs)}.sigla-original{min-width:auto}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:120px}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{margin-bottom:var(--spacing-md);font-size:1.125rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text)}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}/**
 * legal-expand - Sistema de Tema (Modo Claro/Oscuro)
 *
 * @author https://github.com/686f6c61
 * @repository https://github.com/686f6c61/legal-expand
 * @license MIT
 * @date 12/2025
 *
 * Variables CSS para el sistema de temas. Define colores, sombras y propiedades
 * visuales que cambian entre modo claro y oscuro mediante el atributo data-theme.
 */:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f5;--color-text: #000000;--color-text-secondary: #666666;--color-border: #e0e0e0;--color-accent: #000000;--color-accent-hover: #333333;--color-code-bg: #f5f5f5;--color-code-text: #000000;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Fira Code", "Consolas", "Monaco", "Courier New", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 48px;--radius-sm: 4px;--radius-md: 8px;--transition-fast: .2s ease;--transition-normal: .3s ease}[data-theme=dark]{--color-bg: #000000;--color-bg-secondary: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #999999;--color-border: #333333;--color-accent: #ffffff;--color-accent-hover: #cccccc;--color-code-bg: #1a1a1a;--color-code-text: #ffffff;--shadow: 0 2px 8px rgba(255, 255, 255, .1)}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);transition:background-color var(--transition-normal),color var(--transition-normal)}/**
 * legal-expand - Estilos Globales
 *
 * @author https://github.com/686f6c61
 * @repository https://github.com/686f6c61/legal-expand
 * @license MIT
 * @date 12/2025
 *
 * Estilos globales de la landing page. Incluye reset CSS, estilos base,
 * componentes reutilizables (buttons, cards, code blocks) y utilidades.
 * Diseño minimalista en blanco y negro con modo claro/oscuro.
 */*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}}.section{padding:80px 0}@media (max-width: 768px){.section{padding:48px 0}}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:3rem;font-weight:700}h2{font-size:2.5rem;font-weight:600}h3{font-size:1.75rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}p{margin-bottom:var(--spacing-md)}.button{display:inline-block;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;border:2px solid var(--color-accent);transition:opacity var(--transition-fast)}.button:hover{opacity:.8}.button-primary{background:var(--color-accent);color:var(--color-bg)}.button-secondary{background:transparent;color:var(--color-accent)}.button-small{padding:8px 16px;font-size:.875rem}.button-with-icon{display:inline-flex;align-items:center;gap:8px}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-lg);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--color-accent)}code{font-family:var(--font-family-mono);font-size:.875rem}.code-inline{background:var(--color-code-bg);color:var(--color-code-text);padding:2px 6px;border-radius:var(--radius-sm)}.code-block{background:var(--color-code-bg);color:var(--color-code-text);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--spacing-md) 0}.code-block pre{margin:0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}
