html{scroll-behavior:smooth}.badge{background-color:rgba(13,110,253,.1);border-radius:20px;color:#0d6efd;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.section-blog-post-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:120px 0 60px}.blog-post-header{align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr}.post-title{color:#0d1117;font-size:2.8rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:20px 0}.post-meta{color:#64748b;font-size:1rem;font-weight:500;gap:15px}.post-meta,.post-meta span{align-items:center;display:flex}.post-meta span{gap:6px}.meta-separator{color:#cbd5e1}.blog-post__img{width:100%}.blog-post__img img{border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.08);object-fit:cover;width:100%}.blog-post__body{background:#fcfcfc;padding:60px 0}.reading-container{margin:0 auto;max-width:800px}.post-content-typography{color:#334155;font-size:1.15rem;line-height:1.8}.post-content-typography h2{color:#0d1117;font-size:1.8rem;font-weight:700;margin:50px 0 20px}.post-content-typography h3{color:#0d1117;font-size:1.4rem;margin:35px 0 15px}.post-content-typography p{margin-bottom:25px}.post-content-typography pre{background:#0d1117;border-radius:12px;color:#f0f6fc;font-size:.95rem;margin:30px 0;overflow-x:auto;padding:20px}.post-content-typography code{font-family:Courier New,Courier,monospace}.post-content-typography blockquote{background:#eef2ff;border-left:4px solid #4f46e5;border-radius:0 12px 12px 0;color:#1e1b4b;font-style:italic;margin:30px 0;padding:20px 25px}.post-content-typography img{border-radius:12px;height:auto;margin:30px 0;max-width:100%}.section-comentarios{background:#fff;border-top:1px solid #e2e8f0;padding:80px 0}.comentarios-header h2{color:#0d1117;font-size:1.6rem;margin-bottom:10px}.comentarios-header p{color:#64748b;font-size:1.1rem;margin-bottom:40px}@media screen and (max-width:992px){.blog-post-header{gap:30px;grid-template-columns:100%}.post-title{font-size:2.2rem}}@media screen and (max-width:768px){.section-blog-post-header{padding:100px 0 40px}.post-content-typography{font-size:1.05rem}}.new-comments{list-style:none;margin-top:40px;padding:0}.new-comments .comment{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.03);margin-bottom:20px;padding:24px}.new-comments .comment-from{color:#212529;display:block;font-size:1.05rem;font-weight:700;margin-bottom:2px}.new-comments .comment-date{border-bottom:1px solid #f8f9fa;color:#6c757d;display:block;font-size:.85rem;margin-bottom:15px;padding-bottom:12px}.new-comments .comment-body{color:#333;font-size:.95rem;line-height:1.6}.new-comments .comment-reply-to{color:#0d6efd;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;margin-top:15px;text-decoration:none;transition:color .2s ease,transform .2s ease}.new-comments .comment-reply-to:hover{color:#0a58ca;text-decoration:underline}.section-comentarios{background-color:#f8f9fa;border-top:1px solid #eaeaea;margin-top:40px}.section-comentarios form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.03);padding:20px}.section-comentarios .content-padding{max-width:1000px}.section-comentarios h2{color:#212529;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:30px}.comentarios label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px;margin-top:20px}.comentarios input[type=email],.comentarios input[type=text],.comentarios input[type=url],.comentarios textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.comentarios textarea{min-height:120px;resize:vertical}.comentarios input:focus,.comentarios textarea:focus{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.15);outline:none}.comentarios .hs-button.primary{background-color:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:25px;padding:14px 28px;transition:background-color .3s ease,transform .1s ease;width:auto}.comentarios .hs-button.primary:hover{background-color:#0b5ed7;transform:translateY(-2px)}