:root{--azul-7clean:#004a99;--verde-7clean:#8cc63f;--gris-texto:#4a4a4a;--negro-mate:#1a1a1a;--blanco:#fff;--font-main:"Aller",sans-serif}.section-blog-clean{background-color:#f9f9f9;padding:60px 20px}.grid-container{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.blog-card{background:var(--blanco);border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-5px)}.card-image-wrapper{overflow:hidden;padding-top:66%;position:relative;width:100%}.card-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.blog-card:hover .card-img{transform:scale(1.05)}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:25px}.card-title{color:var(--negro-mate);font-family:var(--font-main);font-size:1.25rem;line-height:1.4;margin:0 0 15px}.card-title a{color:inherit;text-decoration:none;transition:color .2s}.card-title a:hover{color:var(--azul-7clean)}.card-excerpt{color:var(--gris-texto);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:20px}.btn-clean{align-items:center;color:var(--azul-7clean);display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;text-decoration:none;text-transform:uppercase;transition:gap .3s}.btn-clean:hover{color:var(--verde-7clean);gap:12px}.btn-clean svg{transition:transform .3s}@media (max-width:768px){.grid-container{gap:20px;grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.section-blog-clean{padding:40px 15px}}