.blog-content{font-size:1.125rem;line-height:1.8;color:var(--color-text-muted)}.blog-content h2{margin-top:1.75rem;margin-bottom:.75rem;font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.3}.blog-content h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.375rem;font-weight:600;color:var(--color-text);line-height:1.4}.blog-content h4{margin-top:1.25rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.blog-content p{margin-bottom:1.25rem}.blog-content a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s}.blog-content a:hover{color:var(--color-primary-dark);text-decoration:underline}.blog-content strong{color:var(--color-text);font-weight:600}.blog-content em{font-style:italic}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.25rem;padding-left:.25rem}.blog-content li::marker{color:var(--color-primary)}.blog-content ul ul,.blog-content ol ol,.blog-content ul ol,.blog-content ol ul{margin-top:.5rem;margin-bottom:.5rem}.blog-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--color-primary);background-color:var(--color-background-alt);border-radius:0 .5rem .5rem 0;font-style:italic}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content code{padding:.125rem .375rem;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background-color:var(--color-background-alt);border-radius:.25rem;color:var(--color-text)}.blog-content pre{margin:1.5rem 0;padding:1.25rem;overflow-x:auto;font-size:.875rem;line-height:1.6;background-color:#1e1e1e;border-radius:.75rem}.blog-content pre code{padding:0;background:none;color:#e5e5e5;font-size:inherit}.blog-content img{margin:1.5rem 0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a}.blog-content hr{margin:2.5rem 0;border:none;border-top:2px dashed var(--color-background-alt)}.blog-toc-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem}.blog-content .plantilla{margin:1.5rem 0;padding:1.5rem 2rem;background-color:var(--color-background-alt);border-radius:.75rem;border:1px solid #e5e5e5}.blog-content .plantilla p{margin-bottom:.5rem}.blog-content .plantilla p:last-child{margin-bottom:0}.blog-content table{width:100%;margin:1.5rem 0;border-collapse:collapse;font-size:.9375rem}.blog-content th,.blog-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e5e5}.blog-content th{font-weight:600;color:var(--color-text);background-color:var(--color-background-alt)}.blog-content tr:hover{background-color:var(--color-background-alt)}.blog-toc{background-color:var(--color-background-alt);border-radius:.75rem;padding:1.25rem;border:1px solid #e5e5e5}.blog-toc-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:1rem}.blog-toc a{display:block;padding:.375rem 0;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.blog-toc a:hover{color:var(--color-primary)}.blog-toc .toc-h3{padding-left:1rem}.blog-card{background:#fff;border-radius:1rem;overflow:hidden;border:1px solid #e5e5e5;transition:all .3s ease}.blog-card:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.blog-card-image{aspect-ratio:16 / 10;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.featured-post{background:#fff;border-radius:1rem;overflow:hidden;border:1px solid #e5e5e5;transition:box-shadow .3s ease}.featured-post:hover{box-shadow:0 10px 25px -5px #0000001a}.blog-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--color-text-muted)}.blog-meta-separator{width:4px;height:4px;background-color:var(--color-text-light);border-radius:50%}@media(max-width:768px){.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}}
