:root{--color-primary: #2c3e50;--color-secondary: #3498db;--color-text: #333333;--color-text-light: #666666;--color-border: #e0e0e0;--color-bg: #ffffff;--color-bg-light: #f8f9fa;--color-hover: #1a73e8;--color-success: #27ae60;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Georgia", "Times New Roman", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--max-width-content: 800px;--max-width-container: 1200px;--border-radius: 8px;--transition: all .3s ease}.blog-article,.blog-page{font-family:var(--font-primary);color:var(--color-text);line-height:1.7}.article-container,.blog-container{max-width:var(--max-width-container);margin:0 auto;padding:0 var(--spacing-md)}.breadcrumb{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.breadcrumb-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--color-text-light)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:"\203a";margin-left:var(--spacing-xs);color:var(--color-text-light)}.breadcrumb-item a{color:var(--color-secondary);text-decoration:none;transition:var(--transition)}.breadcrumb-item a:hover{color:var(--color-hover);text-decoration:underline}.breadcrumb-item.active{color:var(--color-text-light)}.article-header{max-width:var(--max-width-content);margin:0 auto var(--spacing-xl);text-align:center}.article-meta-top{margin-bottom:var(--spacing-md)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.article-tag{display:inline-block;padding:.25rem .75rem;background:var(--color-bg-light);color:var(--color-secondary);text-decoration:none;border-radius:20px;font-size:.875rem;font-weight:500;transition:var(--transition)}.article-tag:hover{background:var(--color-secondary);color:#fff}.article-title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.3;margin:0 0 var(--spacing-md);color:var(--color-primary);font-weight:700}.article-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:.875rem;color:var(--color-text-light);margin-top:var(--spacing-md)}.article-author{display:flex;align-items:center;gap:.25rem}.author-label{font-weight:500}.author-name{color:var(--color-secondary);font-weight:600}.article-date,.article-reading-time{display:flex;align-items:center}.article-meta>*:not(:last-child):after{content:"\2022";margin-left:var(--spacing-md);color:var(--color-border)}.article-featured-image{margin:0 auto var(--spacing-xl);max-width:var(--max-width-content);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #0000001a}.article-featured-image img{width:100%;height:auto;display:block;transition:transform .3s ease}.article-featured-image:hover img{transform:scale(1.02)}.article-content{max-width:var(--max-width-content);margin:0 auto var(--spacing-xxl);font-size:1.125rem;line-height:1.8}.article-content h2{font-family:var(--font-heading);font-size:1.875rem;line-height:1.3;margin:var(--spacing-xl) 0 var(--spacing-md);color:var(--color-primary);font-weight:700}.article-content h3{font-family:var(--font-heading);font-size:1.5rem;line-height:1.4;margin:var(--spacing-lg) 0 var(--spacing-md);color:var(--color-primary);font-weight:600}.article-content h4{font-size:1.25rem;line-height:1.4;margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-primary);font-weight:600}.article-content p{margin:0 0 var(--spacing-md)}.article-content ul,.article-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.article-content li{margin-bottom:var(--spacing-sm)}.article-content a{color:var(--color-secondary);text-decoration:underline;transition:var(--transition)}.article-content a:hover{color:var(--color-hover)}.article-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--spacing-lg) 0;box-shadow:0 2px 8px #0000001a}.article-content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-secondary);background:var(--color-bg-light);font-style:italic;color:var(--color-text-light)}.article-content code{background:var(--color-bg-light);padding:.125rem .375rem;border-radius:3px;font-size:.9em;font-family:Monaco,Courier New,monospace}.article-content pre{background:var(--color-bg-light);padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin:var(--spacing-md) 0}.article-content pre code{background:none;padding:0}.article-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.article-content table th,.article-content table td{padding:var(--spacing-sm);border:1px solid var(--color-border);text-align:left}.article-content table th{background:var(--color-bg-light);font-weight:600}.article-footer{max-width:var(--max-width-content);margin:0 auto;padding-top:var(--spacing-xl);border-top:2px solid var(--color-border)}.article-tags-footer{margin-bottom:var(--spacing-xl)}.tags-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-link{display:inline-block;padding:.5rem 1rem;background:var(--color-bg-light);color:var(--color-text);text-decoration:none;border-radius:20px;font-size:.875rem;transition:var(--transition);border:1px solid var(--color-border)}.tag-link:hover{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.article-share{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-light);border-radius:var(--border-radius)}.share-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-primary)}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.share-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--color-border);cursor:pointer;transition:var(--transition);text-decoration:none}.share-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.share-facebook{color:#1877f2}.share-facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-twitter{color:#1da1f2}.share-twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-linkedin{color:#0077b5}.share-linkedin:hover{background:#0077b5;color:#fff;border-color:#0077b5}.share-whatsapp{color:#25d366}.share-whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.share-copy{color:var(--color-text-light)}.share-copy:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.author-bio{padding:var(--spacing-lg);background:var(--color-bg-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl)}.author-bio-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.author-bio-description{color:var(--color-text-light);line-height:1.6;margin:0}.related-posts-wrapper{background:var(--color-bg-light);padding:var(--spacing-xxl) 0;margin-top:var(--spacing-xxl)}.related-posts{margin:0 auto}.related-posts-title{font-family:var(--font-heading);font-size:2rem;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-primary);font-weight:700}.related-posts-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.related-posts-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.related-posts-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.related-posts-grid-4,.related-posts-grid-5,.related-posts-grid-6{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.related-post-card{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:var(--transition)}.related-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.related-post-link{text-decoration:none;color:inherit;display:block}.related-post-image{position:relative;width:100%;padding-top:66.67%;overflow:hidden;background:var(--color-bg-light)}.related-post-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-image-placeholder{display:flex;align-items:center;justify-content:center}.related-post-image-placeholder svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3}.related-post-tag{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-secondary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:1}.related-post-content{padding:var(--spacing-md)}.related-post-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 var(--spacing-sm);color:var(--color-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.related-post-meta time:after{content:"\2022";margin-left:var(--spacing-sm)}.related-post-excerpt{font-size:.875rem;line-height:1.6;color:var(--color-text-light);margin:0 0 var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-post-link-text{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-secondary);font-weight:600;font-size:.875rem}.related-post-card:hover .related-post-link-text{gap:.5rem}.related-post-link-text svg{transition:var(--transition)}.article-comments{background:#fff;padding:var(--spacing-xxl) 0}.comments-title{font-family:var(--font-heading);font-size:1.875rem;margin-bottom:var(--spacing-xl);color:var(--color-primary);font-weight:700}.comments-list{margin-bottom:var(--spacing-xl)}.comment{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);background:var(--color-bg-light)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.comment-author{font-weight:600;color:var(--color-primary)}.comment-date{font-size:.875rem;color:var(--color-text-light)}.comment-content{line-height:1.6;color:var(--color-text)}.comment-form-wrapper{padding:var(--spacing-lg);background:var(--color-bg-light);border-radius:var(--border-radius)}.comment-form-title{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--color-primary);font-weight:600}.form-success{padding:var(--spacing-md);background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--border-radius);color:#155724;margin-bottom:var(--spacing-md)}.form-errors{padding:var(--spacing-md);background:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--border-radius);color:#721c24;margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--color-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #3498db1a}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--color-secondary);color:#fff}.btn-primary:hover{background:var(--color-hover);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.blog-page{padding:var(--spacing-xl) 0}.blog-header{text-align:center;margin-bottom:var(--spacing-xxl)}.blog-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--spacing-lg);color:var(--color-primary);font-weight:700}.blog-tags-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md)}.tag-filter{display:inline-block;padding:.5rem 1rem;background:#fff;color:var(--color-text);text-decoration:none;border-radius:20px;font-size:.875rem;transition:var(--transition);border:1px solid var(--color-border)}.tag-filter:hover,.tag-filter.active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.blog-card{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.blog-card-link{text-decoration:none;color:inherit;flex:1;display:flex;flex-direction:column}.blog-card-image{position:relative;width:100%;padding-top:66.67%;overflow:hidden;background:var(--color-bg-light)}.blog-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image-placeholder{display:flex;align-items:center;justify-content:center}.blog-card-image-placeholder svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3}.blog-card-tag{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-secondary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:1}.blog-card-content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.blog-card-title{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 var(--spacing-sm);color:var(--color-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.blog-card-meta>*:not(:last-child):after{content:"\2022";margin-left:var(--spacing-xs)}.blog-card-excerpt{font-size:.875rem;line-height:1.6;color:var(--color-text-light);margin:0 0 var(--spacing-md);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link-text{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-secondary);font-weight:600;font-size:.875rem;margin-top:auto}.blog-card:hover .blog-card-link-text{gap:.5rem}.blog-card-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-light)}.blog-card-comments{display:inline-flex;align-items:center;gap:.25rem}.blog-pagination,.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.pagination-info{font-size:.875rem;color:var(--color-text-light)}.pagination-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);background:#fff;color:var(--color-text);text-decoration:none;border:1px solid var(--color-border);border-radius:var(--border-radius);transition:var(--transition);font-weight:500}.pagination-link:hover:not(.disabled):not(.active){background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.pagination-link.active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary);font-weight:600}.pagination-link.disabled{opacity:.5;cursor:not-allowed}.pagination-link.ellipsis{cursor:default;border:none;background:transparent}.pagination-prev,.pagination-next{gap:.25rem}@media (max-width: 768px){:root{--spacing-xl: 2rem;--spacing-xxl: 2.5rem}.article-title{font-size:1.75rem}.article-content{font-size:1rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.related-posts-grid,.blog-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.article-meta{flex-direction:column;gap:var(--spacing-xs)}.article-meta>*:not(:last-child):after{display:none}.share-buttons{justify-content:center}.breadcrumb{font-size:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.related-posts-grid-4,.related-posts-grid-5,.related-posts-grid-6,.blog-grid{grid-template-columns:repeat(2,1fr)}}@media print{.breadcrumb,.article-share,.related-posts-wrapper,.article-comments,.blog-tags-filter{display:none}.article-content{max-width:100%}.article-content a{color:var(--color-text);text-decoration:underline}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--color-secondary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/blog-styles.css.map */