:root{--color-primary: #1B3A5C;--color-primary-light: #2E6B9E;--color-accent: #0D9488;--color-accent-light: #5EEAD4;--color-accent-bg: #F0FDFA;--color-text: #1F2937;--color-text-light: #6B7280;--color-bg: #FFFFFF;--color-bg-alt: #F9FAFB;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-warning: #D97706;--color-danger: #DC2626;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--content-width: 720px;--page-width: 1200px;--sidebar-width: 280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--color-primary)}h1{font-size:2rem;margin:var(--space-2xl) 0 var(--space-lg)}h2{font-size:1.5rem;margin:var(--space-2xl) 0 var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--color-border-light)}h3{font-size:1.2rem;margin:var(--space-xl) 0 var(--space-sm);color:var(--color-accent)}h4{font-size:1.05rem;margin:var(--space-lg) 0 var(--space-sm)}p{margin-bottom:var(--space-md)}strong{font-weight:600}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .15s}a:hover{color:var(--color-primary-light)}.page-wrapper{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-md)}.content-wrapper{max-width:var(--content-width);margin:0 auto;padding:var(--space-lg) 0 var(--space-3xl)}.site-header{border-bottom:1px solid var(--color-border);padding:var(--space-md) 0;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(8px);z-index:100}.site-header .page-wrapper{display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:1.1rem;font-weight:800;color:var(--color-primary);text-decoration:none;letter-spacing:-.02em}.site-logo span{color:var(--color-accent)}.site-nav{display:flex;gap:var(--space-lg);align-items:center}.site-nav a{font-size:.9rem;color:var(--color-text-light);text-decoration:none;font-weight:500;transition:color .15s}.site-nav a:hover{color:var(--color-accent)}.nav-cta{background:var(--color-accent)!important;color:#fff!important;padding:var(--space-xs) var(--space-md)!important;border-radius:6px;font-weight:600!important;font-size:.85rem!important}.nav-cta:hover{background:var(--color-primary)!important}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.nav-toggle svg{width:24px;height:24px;color:var(--color-text)}@media(max-width:768px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--space-md);gap:var(--space-md)}.site-nav.open{display:flex}}.breadcrumbs{font-size:.85rem;color:var(--color-text-light);margin-bottom:var(--space-lg);padding:var(--space-sm) 0}.breadcrumbs a{color:var(--color-text-light)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs span{margin:0 var(--space-xs)}.article-meta{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.article-meta time{font-size:.85rem;color:var(--color-text-light)}.article-content{font-size:1.05rem}.article-content ul,.article-content ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}.article-content li{margin-bottom:var(--space-sm)}.article-content blockquote{border-left:3px solid var(--color-accent);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;background:var(--color-accent-bg);border-radius:0 8px 8px 0;font-style:italic}.photo-placeholder{background:var(--color-bg-alt);border:2px dashed var(--color-border);border-radius:8px;padding:var(--space-xl);margin:var(--space-lg) 0;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.photo-placeholder .icon{font-size:2rem;opacity:.4}.photo-placeholder .label{font-size:.85rem;color:var(--color-text-light);max-width:400px}.photo-placeholder .type-badge{font-size:.75rem;background:var(--color-accent-bg);color:var(--color-accent);padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.data-placeholder{background:#fff7ed;border:1px solid #FDBA74;border-radius:6px;padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0;font-size:.9rem;color:var(--color-warning);display:inline-block}.data-placeholder:before{content:"📊 "}.faq-item{border-bottom:1px solid var(--color-border-light);padding:var(--space-lg) 0}.faq-item:last-child{border-bottom:none}.faq-question{font-weight:700;font-size:1.05rem;color:var(--color-primary);margin-bottom:var(--space-xs)}.faq-question-es{font-size:.9rem;color:var(--color-text-light);font-style:italic;margin-bottom:var(--space-sm)}.cta-block{background:var(--color-accent-bg);border:1px solid var(--color-accent-light);border-radius:12px;padding:var(--space-xl);margin:var(--space-2xl) 0;text-align:center}.cta-block h2{border:none;margin-top:0;padding-top:0}.cta-button{display:inline-block;background:var(--color-accent);color:#fff;text-decoration:none;padding:var(--space-sm) var(--space-xl);border-radius:8px;font-weight:600;font-size:1rem;margin-top:var(--space-md);transition:background .15s,transform .1s}.cta-button:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.callout{border-left:4px solid var(--color-accent);background:var(--color-accent-bg);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;border-radius:0 8px 8px 0}.callout-title{font-weight:700;color:var(--color-accent);margin-bottom:var(--space-xs);font-size:.9rem;text-transform:uppercase;letter-spacing:.03em}.action-tiers{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}.action-tier{border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg)}.action-tier-free{border-left:4px solid #22C55E}.action-tier-cheap{border-left:4px solid var(--color-accent)}.action-tier-right{border-left:4px solid var(--color-primary)}.action-tier-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.action-tier-free .action-tier-label{color:#22c55e}.action-tier-cheap .action-tier-label{color:var(--color-accent)}.action-tier-right .action-tier-label{color:var(--color-primary)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-2xl) 0;margin-top:var(--space-3xl);color:var(--color-text-light);font-size:.85rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-xl)}.footer-grid h4{color:var(--color-text);font-size:.85rem;margin-bottom:var(--space-sm)}.footer-grid a{color:var(--color-text-light);text-decoration:none;display:block;margin-bottom:var(--space-xs);font-size:.85rem}.footer-grid a:hover{color:var(--color-accent)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}h1{font-size:1.6rem}h2{font-size:1.3rem}}.toc{font-size:.85rem;line-height:1.5}.toc a{color:var(--color-text-light);text-decoration:none;display:block;padding:var(--space-xs) 0;border-left:2px solid transparent;padding-left:var(--space-sm);transition:all .15s}.toc a:hover,.toc a.active{color:var(--color-accent);border-left-color:var(--color-accent)}.lang-switch{font-size:.8rem;padding:2px 8px;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-light);text-decoration:none;font-weight:500}.lang-switch:hover{border-color:var(--color-accent);color:var(--color-accent)}