.blog-lead-form-container{margin:20px 0;padding:0}.blog-lead-form-card{background:#fff;border:1px solid #0479be1a;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0479be14}.blog-lead-form-title{color:#1a1a2e;text-align:center;margin:0 0 6px;font-size:1.25rem;font-weight:700}.blog-lead-form-subtitle{color:#6b7280;text-align:center;margin:0 0 16px;font-size:.875rem}.blog-lead-form{flex-direction:column;gap:12px;display:flex}.blog-lead-form-group{width:100%}.blog-lead-form-input{color:#1a1a2e;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 14px;font-size:.95rem;transition:all .3s}.blog-lead-form-input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #0479be1a}.blog-lead-form-input::placeholder{color:#9ca3af}.blog-lead-form-input:disabled{opacity:.6;cursor:not-allowed}.blog-lead-form-submit{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#16a34a;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .3s}.blog-lead-form-submit:hover:not(:disabled){background:#03578a;transform:translateY(-2px);box-shadow:0 6px 20px #0479be59}.blog-lead-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.blog-lead-form-message{text-align:center;border-radius:8px;padding:10px 14px;font-size:.875rem;animation:.3s slideIn}.blog-lead-form-message.success{color:#166534;background:#f0fdf4;border:1px solid #86efac}.blog-lead-form-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog-lead-form-card{padding:18px 16px}.blog-lead-form-title{font-size:1.15rem}.blog-lead-form-subtitle{margin-bottom:14px;font-size:.85rem}.blog-lead-form-input{padding:11px 13px;font-size:.9rem}.blog-lead-form-submit{padding:11px 18px;font-size:.9rem}}@media (max-width:480px){.blog-lead-form-card{padding:16px 14px}.blog-lead-form-title{font-size:1.1rem}.blog-lead-form-subtitle{font-size:.8rem}}
.sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:150px}.widget{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #00000014}.widget-title{color:#1a1a2e;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:600;display:flex}.widget-title i{color:var(--primary-color)}.trending-list{flex-direction:column;gap:1rem;display:flex}.trending-item{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:8px;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .3s;display:flex}.trending-item:hover{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);transform:translate(4px);box-shadow:0 4px 12px #0479be26}.trending-item.even{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.trending-item.odd{background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border:1px solid #e0f2fe}.trending-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:70px;height:70px}.trending-text{flex:1;min-width:0}.trending-title{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.trending-meta{color:#6b7280;gap:.35rem;font-size:.75rem;display:flex}.empty-message{color:#6b7280;text-align:center;padding:1rem;font-size:.9rem}.category-list{flex-direction:column;gap:.5rem;display:flex}.category-item{color:#1a1a2e;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.category-item:hover{background:linear-gradient(135deg,var(--primary-color)0%,#0369a1 100%);color:#fff;transform:translate(4px);box-shadow:0 4px 12px #0479be40}.tag-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.tag-item{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:20px;padding:.4rem .85rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.tag-item:hover{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}@media (max-width:1024px){.sidebar{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid;position:static}}@media (max-width:768px){.sidebar{grid-template-columns:1fr}}
.toc-container{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #bae6fd;border-radius:16px;margin-bottom:2rem;padding:1.5rem 1.75rem;box-shadow:0 4px 12px #3b82f614}.toc-header{justify-content:space-between;align-items:center;display:flex}.toc-title{color:#1e3a8a;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.toc-icon{color:#3b82f6;font-size:1.4rem}.toggle-button{color:#3b82f6;cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.toggle-button:hover{color:#fff;background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.toggle-text{font-size:.875rem}.toc-list{border-top:2px solid #bae6fd;margin:1.25rem 0 0;padding:1.25rem 0 0;list-style:none}.toc-item{margin:.5rem 0}.toc-item.level-2{padding-left:0}.toc-item.level-3{padding-left:1.25rem}.toc-item.level-4{padding-left:2.5rem}.toc-link{color:#1e40af;background:#fff;border-left:3px solid #0000;border-radius:8px;margin-bottom:.375rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.toc-link:hover{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-left-color:#3b82f6;transform:translate(4px);box-shadow:0 2px 8px #3b82f626}.toc-item.active .toc-link{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-left-color:#1e40af;font-weight:600;box-shadow:0 4px 12px #3b82f64d}@media (max-width:768px){.toc-container{padding:1.25rem 1.5rem}.toc-title{font-size:1.1rem}.toggle-button{padding:.4rem .8rem;font-size:.8125rem}.toc-link{padding:.5rem .75rem;font-size:.875rem}}
.comments-section{border-top:2px solid #e3f2fd;margin-top:3rem;padding-top:2.5rem}.comments-section h3{color:#1a1a2e;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.comments-list{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.comment-item{background:linear-gradient(135deg,#fef3c7 0%,#fef9e7 100%);border:1px solid #fde68a;border-radius:12px;padding:1.25rem;transition:all .3s}.comment-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.comment-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.comment-avatar{background:linear-gradient(135deg,var(--primary-color)0%,#0369a1 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0479be4d}.comment-info{flex-direction:column;display:flex}.comment-name{color:#1a1a2e;font-size:.95rem;font-weight:600}.comment-date{color:#6b7280;font-size:.8rem}.comment-text{color:#4b5563;margin:0;font-size:.95rem;line-height:1.6}.loading,.no-comments{color:#6b7280;text-align:center;padding:2rem}.comment-form{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #bbf7d0;border-radius:12px;padding:1.5rem}.comment-form h4{color:#1a1a2e;margin-bottom:1.25rem;font-size:1.2rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.comment-form input,.comment-form textarea{border:2px solid #e9ecef;border-radius:8px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0479be1a}.comment-form textarea{resize:vertical;min-height:100px;margin-bottom:1rem}.comment-form button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.comment-form button:hover:not(:disabled){background:#03578a;transform:translateY(-2px);box-shadow:0 4px 12px #0479be4d}.comment-form button:disabled{opacity:.7;cursor:not-allowed}.message{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}@media (max-width:768px){.form-row{grid-template-columns:1fr}.comment-form{padding:1.25rem}}
.preview-card{z-index:10000;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:350px;text-decoration:none;transition:all .3s;animation:.2s ease-out previewFadeIn;display:block;position:absolute;overflow:hidden;transform:translate(-50%)translateY(10px);box-shadow:0 8px 32px #0000001f}.preview-card:hover{border-color:var(--primary-color);transform:translate(-50%)translateY(8px);box-shadow:0 12px 40px #0000002e}@keyframes previewFadeIn{0%{opacity:0;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(10px)}}.preview-image{background:#f3f4f6;width:100%;height:180px;overflow:hidden}.preview-image img{object-fit:cover;width:100%;height:100%}.preview-content{padding:1rem}.preview-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.preview-description{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.preview-meta{color:#9ca3af;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.preview-meta span{align-items:center;display:inline-flex}@media (max-width:768px){.preview-card{width:300px}.preview-image{height:150px}.preview-content{padding:.875rem}.preview-title{font-size:.9375rem}.preview-description{font-size:.8125rem}}@media (max-width:480px){.preview-card{width:calc(100vw - 2rem);max-width:280px}.preview-image{height:120px}}
.blog-search-container{width:100%;max-width:500px;margin:0 auto 1.5rem;position:relative}.blog-search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;pointer-events:none;font-size:14px;position:absolute;left:14px}.blog-search-input{color:#1a1a2e;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 40px;font-size:15px;transition:all .3s}.blog-search-input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #0479be1a}.blog-search-input::placeholder{color:#9ca3af}.clear-search{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.clear-search:hover{color:#6b7280}.blog-search-results{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:400px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #00000026}.search-loading{text-align:center;color:#6b7280;padding:20px;font-size:14px}.search-loading i{color:var(--primary-color);margin-right:8px}.search-result-item{cursor:pointer;border-bottom:1px solid #f3f4f6;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.search-result-item:last-of-type{border-bottom:none}.search-result-item:hover{background:#f0f9ff}.result-image{object-fit:cover;border-radius:6px;flex-shrink:0;width:60px;height:45px}.result-content{flex:1;min-width:0}.result-content h4{color:#1a1a2e;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.result-content p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.result-meta{color:#9ca3af;font-size:11px}.view-all-results{text-align:center;color:var(--primary-color);cursor:pointer;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;padding:12px 16px;font-size:13px;font-weight:500;transition:background .2s}.view-all-results:hover{background:#e3f2fd}.no-results{text-align:center;color:#6b7280;padding:30px 20px}.no-results i{color:#d1d5db;margin-bottom:10px;font-size:24px;display:block}.no-results p{margin:0;font-size:14px}@media (max-width:768px){.blog-search-container{max-width:100%}.blog-search-results{max-height:350px}.result-image{width:50px;height:38px}}
.blog-post-main{width:100%;max-width:1400px;margin:0 auto;padding:3rem 2rem 4rem}.content-wrapper{grid-template-columns:1fr 350px;align-items:start;gap:3rem;display:grid}.article{background:#fff;border:1px solid #0479be1a;border-radius:16px;padding:3rem;box-shadow:0 4px 20px #0479be14}.back-link{color:var(--primary-color);align-items:center;margin-bottom:2rem;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{color:#03578a;transform:translate(-4px)}.feature-image{border-radius:12px;width:100%;height:auto;margin-bottom:2.5rem;box-shadow:0 8px 24px #0479be1f}.article-header{border-bottom:2px solid #e3f2fd;margin-bottom:3rem;padding-bottom:2rem}.article-header h1{color:#1a1a2e;margin-bottom:1.25rem;font-size:2.5rem;font-weight:700;line-height:1.2}.meta-container{flex-direction:column;gap:.75rem;display:flex}.meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.author-wrapper{align-items:center;gap:.35rem;display:inline-flex}.author-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .3s}.author-link:hover{color:#03578a;text-decoration:underline}.content{color:#1a1a2e;font-size:18px;line-height:1.8}.content h1{color:#1a1a2e;margin:1.5em 0 .75em;font-size:2em;font-weight:700}.content h2{color:#1a1a2e;border-bottom:2px solid #e3f2fd;margin:1.5em 0 .75em;padding-bottom:.5rem;font-size:1.65em;font-weight:600}.content h3{color:#1a1a2e;margin:1.25em 0 .625em;font-size:1.35em;font-weight:600}.content p{margin:1.25em 0;line-height:1.8}.content ul,.content ol{margin:1.25em 0;padding-left:2em;line-height:1.8}.content li{margin:.5em 0}.content blockquote{border-left:4px solid var(--primary-color);color:#1a1a2e;background:#e3f2fd;border-radius:0 8px 8px 0;margin:1.5em 0;padding:1.25rem 1.5rem;font-style:italic}.content code{color:var(--primary-color);background-color:#e3f2fd;border-radius:4px;padding:.25em .5em;font-family:Courier New,monospace;font-size:.9em}.content pre{color:#e3f2fd;background-color:#1f2937;border-radius:8px;margin:1.5em 0;padding:1.5em;overflow-x:auto}.content pre code{color:inherit;background:0 0;padding:0}.content img{border-radius:12px;max-width:100%;height:auto;margin:2em 0;box-shadow:0 4px 16px #0479be1f}.content table{border-collapse:collapse;border-radius:8px;width:100%;margin:1.5em 0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.content table thead{color:#fff;background-color:#0479be}.content table thead th,.content table tbody th{text-align:left;color:#fff;background-color:#0479be;border:1px solid #ddd;padding:12px 16px;font-weight:600}.content table[data-header-color] thead{background-color:var(--table-header-color)}.content table[data-header-color] thead th,.content table[data-header-color] tbody th{background-color:var(--table-header-color);color:#fff}.content table[data-header-color=none] thead,.content table[data-header-color=none] thead th,.content table[data-header-color=none] tbody th{color:#1a1a2e;background-color:#f8f9fa;font-weight:600}.content table td{background-color:#fff;border:1px solid #ddd;padding:12px 16px}.content table tbody tr:nth-child(2n):not(:first-child){background-color:#f8f9fa}.content table tbody tr:hover:not(:first-child){background-color:#e3f2fd;transition:background-color .2s}.content table tbody tr:first-child:has(th):hover{background-color:inherit}@media (max-width:768px){.content table{font-size:.9em}.content table th,.content table td{padding:8px 12px}}.content a{color:var(--primary-color);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}.content a:hover{border-bottom-color:var(--primary-color)}.content strong{color:#1a1a2e;font-weight:600}.content figure[data-type=wiki-image]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:.5em 0;padding:8px}.content figure[data-type=wiki-image] img{width:100%;height:auto;box-shadow:none;border-radius:4px;margin:0}.content figure[data-type=wiki-image] figcaption{color:#4b5563;text-align:center;margin-top:8px;font-size:.85em;font-style:italic}.content figure[data-alignment=left]{float:left;clear:left;margin:.5em 1.5em .5em 0}.content figure[data-alignment=right]{float:right;clear:right;margin:.5em 0 .5em 1.5em}.content figure[data-alignment=center]{float:none;clear:both;margin:1.5em auto;display:table}.content figure[data-size=small]{max-width:200px}.content figure[data-size=medium]{max-width:300px}.content figure[data-size=large]{max-width:450px}.content:after{content:"";clear:both;display:table}.content h2,.content h3,.content h4{clear:both}.content .toc-highlight{background:linear-gradient(135deg,#0479be33 0%,#0479be1f 100%);border-radius:8px;transition:background 1s ease-out,box-shadow 1s ease-out;box-shadow:0 2px 12px #0479be26}.content .toc-highlight-fadeout{box-shadow:none;background:0 0}.content .toc-highlight-content{background:linear-gradient(135deg,#0479be14 0%,#0479be0a 100%);border-radius:0 0 8px 8px;transition:background 1s ease-out}.content .toc-highlight-content-fadeout{background:0 0}.article-footer{clear:both;border-top:2px solid #e3f2fd;margin-top:4rem;padding-top:2.5rem}.share-buttons h3{color:#1a1a2e;margin-bottom:1.25rem;font-size:1.35rem;font-weight:600}.buttons{flex-wrap:wrap;gap:1rem;display:flex}.share-btn{background:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.share-btn:hover{background:#03578a;transform:translateY(-2px);box-shadow:0 6px 20px #0479be59}.share-btn.whatsapp{background:#25d366}.share-btn.whatsapp:hover{background:#1da851;box-shadow:0 6px 20px #25d36659}.faq-section{clear:both;border-top:2px solid #e3f2fd;margin-top:4rem;padding-top:3rem}.faq-section h2{color:#1a1a2e;margin-bottom:2rem;font-size:2rem;font-weight:700}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0479be1a}.faq-item[open]{border-color:var(--primary-color);background:#fff;box-shadow:0 4px 12px #0479be26}.faq-question{color:#1a1a2e;cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.125rem;font-weight:600;list-style:none;transition:color .3s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";color:var(--primary-color);flex-shrink:0;margin-left:1rem;font-size:1.5rem;font-weight:300;transition:transform .3s}.faq-item[open] .faq-question:after{content:"−"}.faq-question:hover{color:var(--primary-color)}.faq-answer{color:#4b5563;padding:0 1.5rem 1.5rem;font-size:1rem;line-height:1.7;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.content-wrapper{grid-template-columns:1fr;gap:2rem}.article{padding:2.5rem 2rem}.article-header h1{font-size:2rem}.content{font-size:17px}}@media (max-width:768px){.blog-post-main{padding:2rem 1rem}.article{border-radius:12px;padding:2rem 1.5rem}.article-header h1{font-size:1.75rem}.content{font-size:16px}.buttons{flex-direction:column}.share-btn{justify-content:center;width:100%}}.scroll-progress{z-index:1000;cursor:pointer;width:90px;height:90px;transition:transform .2s;position:fixed;bottom:2rem;left:2rem}.scroll-progress:hover{transform:scale(1.05)}.progress-ring{filter:drop-shadow(0 3px 12px #00000040);transform:rotate(-90deg)}.progress-ring-background{fill:#fffffff2;stroke:#e0e0e0;stroke-width:5px}.progress-ring-circle{fill:none;stroke:#3b82f6;stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .1s}.progress-text{color:#3b82f6;pointer-events:none;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.scroll-progress{width:85px;height:85px;bottom:1.5rem;left:1.5rem}.progress-text{font-size:15px}.progress-ring-background,.progress-ring-circle{stroke-width:4.5px}}@media (max-width:768px){.scroll-progress{width:80px;height:80px;bottom:1.25rem;left:1.25rem}.progress-text{font-size:14px}.progress-ring-background,.progress-ring-circle{stroke-width:4px}}@media (max-width:640px){.scroll-progress{width:75px;height:75px;bottom:1rem;left:1rem}.progress-text{font-size:13px}.progress-ring-background,.progress-ring-circle{stroke-width:4px}}@media (max-width:480px){.scroll-progress{width:70px;height:70px;bottom:.75rem;left:.75rem}.progress-text{font-size:12px}.progress-ring-background,.progress-ring-circle{stroke-width:3.5px}}@media (max-width:360px){.scroll-progress{width:60px;height:60px;bottom:.5rem;left:.5rem}.progress-text{font-size:11px}.progress-ring-background,.progress-ring-circle{stroke-width:3px}}@media (max-height:500px) and (orientation:landscape){.scroll-progress{width:60px;height:60px;bottom:.5rem;left:.5rem}.progress-text{font-size:11px}}