.viro-blog-section{background-color:var(--color-white);padding:var(--spacing-2xl) 0}.viro-blog-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.viro-blog-header-text{flex:1}.viro-blog-title-section{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--viro-secondary-color);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.viro-blog-subtitle{color:var(--color-grey);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.viro-btn-view-all{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1.5px solid var(--viro-primary-color);color:var(--viro-primary-color);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast);background-color:#fff0}.viro-btn-view-all:hover{background-color:var(--viro-primary-color);color:var(--color-white)}.viro-btn-view-all svg{transition:transform var(--transition-fast)}.viro-btn-view-all:hover svg{transform:translateX(4px);stroke:var(--color-white)}.viro-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.viro-blog-card{background-color:var(--color-white);display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal)}.viro-blog-card.has-hover-lift:hover{transform:translateY(-8px)}.viro-blog-image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:var(--img-ratio,16/9);background-color:var(--color-bg-grey)}.viro-blog-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);display:block}.viro-blog-card:hover .viro-blog-image-wrapper img{transform:scale(1.08)}.viro-blog-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / .2));opacity:0;transition:opacity var(--transition-normal)}.viro-blog-card:hover .viro-blog-overlay{opacity:1}.viro-blog-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-border);background-color:var(--color-bg-grey)}.viro-blog-date{position:absolute;top:20px;left:20px;background-color:var(--viro-primary-color);padding:10px 14px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 15px rgb(0 0 0 / .1);z-index:10;min-width:50px;transition:transform var(--transition-normal)}.viro-blog-card:hover .viro-blog-date{transform:translateY(-5px)}.viro-blog-date .day{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-white);line-height:1}.viro-blog-date .month{font-size:10px;color:rgb(255 255 255 / .9);text-transform:uppercase;font-weight:700;margin-top:2px}.viro-blog-info{padding:var(--spacing-md) 0;flex-grow:1;display:flex;flex-direction:column}.viro-blog-cat-badge{display:inline-block;font-size:11px;font-weight:var(--font-weight-bold);color:var(--viro-primary-color);text-transform:uppercase;margin-bottom:12px;text-decoration:none;position:relative;z-index:2;letter-spacing:.5px}.viro-blog-card-title{font-size:22px;font-weight:800;line-height:1.25;margin:0 0 12px 0;font-family:var(--font-family)}.viro-blog-card-title a{color:var(--viro-secondary-color);text-decoration:none;transition:color var(--transition-fast)}.viro-blog-card-title a:hover{color:var(--viro-primary-color)}.viro-blog-card-link::after{content:"";position:absolute;inset:0;z-index:1}.viro-blog-excerpt{font-size:var(--font-size-md);color:var(--color-grey);line-height:1.6;margin:0 0 20px 0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.viro-blog-footer{padding-top:15px;border-top:1px solid var(--color-border-lightest);margin-top:auto}.viro-read-more{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:700;color:var(--viro-primary-color);text-decoration:none;transition:all var(--transition-fast)}.viro-blog-card:hover .viro-read-more{color:var(--viro-secondary-color)}.viro-read-more svg{transition:transform var(--transition-fast)}.viro-blog-card:hover .viro-read-more svg{transform:translateX(5px)}@media (max-width:992px){.viro-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.viro-blog-header{flex-direction:column;align-items:flex-start}.viro-blog-title-section{font-size:var(--font-size-2xl)}}@media (max-width:576px){.viro-blog-grid{grid-template-columns:1fr}.viro-blog-section{padding:var(--spacing-xl) 0}}