.blog-layout{padding:6rem 1rem;background-color:var(--color-bg-light)}.blog__container{max-width:1200px;margin:0 auto;text-align:center}.blog__header{margin-bottom:4rem}.blog__subtitle{display:block;font-family:var(--font-subtitle);font-size:var(--text-2xl);color:var(--color-secondary);margin-bottom:.5rem}.blog__title{font-family:var(--font-primary-2);font-size:var(--text-title);color:var(--color-text-main);text-transform:uppercase;font-weight:800;line-height:1.2}.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.blog__card{display:flex;flex-direction:column;background-color:var(--color-white);height:100%}.blog__img-wrap{position:relative;overflow:hidden;margin-bottom:1.5rem}.blog__img{width:100%;height:250px;object-fit:cover;display:block;transition:transform 0.4s ease}.blog__overlay{position:absolute;inset:0;background-color:rgb(255 197 0 / .85);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;z-index:2}.blog__card:hover .blog__overlay{opacity:1}.blog__card:hover .blog__img{transform:scale(1.05)}.blog__iconos{display:flex;gap:1rem;transform:translateY(15px);transition:transform 0.3s ease}.blog__card:hover .blog__iconos{transform:translateY(0)}.blog__btn-icon{width:50px;height:50px;border-radius:50%;background-color:var(--color-white);border:none;display:flex;justify-content:center;align-items:center;color:var(--color-text-main);cursor:pointer;transition:transform 0.3s ease,color 0.3s ease}.blog__btn-icon:hover{transform:scale(1.1);color:var(--color-secondary)}.blog__content{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;flex-grow:1}.blog__date{display:block;font-family:var(--font-secondary-2);font-size:var(--text-small);color:var(--color-text-muted);text-transform:uppercase;font-weight:700;margin-bottom:.8rem}.blog__card-title{margin-bottom:1rem}.blog__card-title a{font-family:var(--font-primary-2);font-size:var(--text-2xl);color:var(--color-text-main);text-transform:uppercase;text-decoration:none;transition:color 0.3s ease}.blog__card-title a:hover{color:var(--color-secondary)}.blog__meta{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-family:var(--font-secondary-2);font-size:var(--text-small);font-weight:700;color:var(--color-secondary);text-transform:uppercase}.blog__meta-item{display:flex;align-items:center;gap:.4rem}.blog__excerpt{font-family:var(--font-secondary-2);font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;margin-top:auto}.blog__excerpt p{margin:0}.blog__lightbox{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s}.blog__lightbox.is-open{opacity:1;visibility:visible}.blog__lightbox-bg{position:absolute;inset:0;background-color:rgb(17 24 39 / .95);z-index:1}.blog__lightbox-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;color:var(--color-white);font-family:var(--font-primary-2)}.blog__lightbox-contador{font-size:var(--text-lg);font-weight:700}.blog__lightbox-btn{background:#fff0;border:none;color:var(--color-white);cursor:pointer;transition:color 0.3s ease}.blog__lightbox-btn:hover{color:var(--color-secondary)}.blog__lightbox-body{position:relative;z-index:2;flex-grow:1;display:flex;justify-content:space-between;align-items:center;padding:0 2rem 2rem 2rem}.blog__lightbox-nav{background:#fff0;border:none;color:var(--color-white);cursor:pointer;padding:1rem;opacity:.6;transition:opacity 0.3s ease,color 0.3s ease,transform 0.3s ease}.blog__lightbox-nav:hover{opacity:1;color:var(--color-secondary);transform:scale(1.1)}.blog__lightbox-img-wrap{flex-grow:1;height:100%;display:flex;justify-content:center;align-items:center;padding:0 2rem}.blog__lightbox-img-principal{max-width:100%;max-height:85vh;object-fit:contain;box-shadow:0 25px 50px -12px rgb(0 0 0 / .5);opacity:0;transform:scale(.95);transition:opacity 0.3s ease,transform 0.3s ease}.blog__lightbox-img-principal.is-loaded{opacity:1;transform:scale(1)}@media (max-width:991px){.blog__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.blog__grid{grid-template-columns:1fr}.blog__meta{flex-wrap:wrap;gap:1rem}.blog__lightbox-body{padding:0 1rem 2rem 1rem}.blog__lightbox-nav{padding:.5rem}}