#navbar .nav-links a.active{color:var(--rojo)}#navbar .nav-links a.active::after{width:100%}#navbar.scrolled .nav-links a.active{color:var(--rojo)}#blog-hero{position:relative;min-height:55vh;display:flex;align-items:center;padding:160px 8% 80px;background-image:url('../assets/imagenes/mantenimiento-a-calderas-en-nuevo-leon.webp');background-size:cover;background-position:center;background-attachment:scroll;color:#fff;overflow:hidden}#blog-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,14,.95) 0,rgba(10,10,14,.7) 60%,rgba(10,10,14,.4) 100%);z-index:1}#blog-hero .hero-content{position:relative;inset:auto;z-index:2;max-width:800px;padding:0;display:block}#blog-hero .hero-titulo{font-family:var(--fuente-titulo);font-size:clamp(2.8rem, 6vw, 4.5rem);line-height:1.1;letter-spacing:2px;margin-bottom:20px;color:#fff}#blog-hero .hero-subtitulo{font-size:clamp(1rem, 2vw, 1.25rem);line-height:1.6;color:#e2e2e9;max-width:700px;margin-bottom:0}#blog-feed{padding:100px 8%;background:var(--negro)}.feed-header{text-align:center;max-width:700px;margin:0 auto 60px}.feed-header .section-desc{margin:16px auto 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);border:1px solid var(--gris-med);display:flex;flex-direction:column;transition:transform var(--transicion),box-shadow var(--transicion),border-color var(--transicion)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.1),0 0 30px rgba(200,16,46,.06);border-color:rgba(200,16,46,.18)}.blog-card-img-wrap{position:relative;width:100%;height:220px;overflow:hidden}.blog-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16, 1, .3, 1)}.blog-card:hover .blog-card-img-wrap img{transform:scale(1.06)}.blog-card-category{position:absolute;top:16px;left:16px;background:var(--rojo);color:#fff;font-family:var(--fuente-cond);font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 12px;border-radius:3px;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.15)}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-card-date{font-family:var(--fuente-cond);font-size:.8rem;color:var(--gris-text);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;display:block}.blog-card-title{font-family:var(--fuente-cond);font-size:1.35rem;font-weight:700;line-height:1.3;color:#0a0a0a;margin-bottom:12px;transition:color var(--transicion)}.blog-card:hover .blog-card-title{color:var(--rojo)}.blog-card-excerpt{font-size:.92rem;color:var(--gris-text);line-height:1.6;margin-bottom:24px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--rojo);font-family:var(--fuente-cond);font-weight:700;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;transition:color var(--transicion);width:fit-content;margin-top:auto}.blog-card-link svg{transition:transform var(--transicion)}.blog-card:hover .blog-card-link svg{transform:translateX(4px)}.blog-card-link:hover{color:var(--rojo-vivo)}#blog-cta{background:#0b0b0e;padding:90px 8%;color:#fff;border-top:3px solid var(--rojo)}.cta-container{max-width:1000px;margin:0 auto;text-align:center}.cta-badge{display:inline-block;background:rgba(200,16,46,.12);border:1px solid var(--rojo);color:#fc0;padding:6px 16px;font-family:var(--fuente-cond);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;border-radius:4px;margin-bottom:24px}.cta-title{font-family:var(--fuente-titulo);font-size:clamp(2rem, 5vw, 3.5rem);letter-spacing:2px;line-height:1.1;margin-bottom:20px}.cta-description{font-size:1.05rem;color:#a0a0ab;max-width:750px;margin:0 auto 48px;line-height:1.7}.cta-contacts{display:grid;grid-template-columns:1fr 1fr;gap:50px;text-align:left}.cta-group h3{font-family:var(--fuente-cond);font-size:1.05rem;text-transform:uppercase;letter-spacing:2px;color:#fc0;margin-bottom:20px;border-left:3px solid var(--rojo);padding-left:12px}.cta-buttons{display:flex;flex-direction:column;gap:14px}.cta-buttons .btn{justify-content:center;font-size:.95rem;padding:16px 24px;width:100%}.btn-whatsapp{background:#25d366;color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.3)}.btn-whatsapp:hover{background:#20ba56;box-shadow:0 6px 24px rgba(37,211,102,.5);transform:translateY(-2px);color:#fff}.cta-buttons .btn-outline{border-color:rgba(255,255,255,.15);color:#fff}.cta-buttons .btn-outline:hover{background:rgba(255,255,255,.05);border-color:#fff;transform:translateY(-2px)}.cta-buttons .btn-email:hover{border-color:var(--rojo);background:rgba(200,16,46,.1)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:30px}.cta-contacts{gap:30px}}@media (max-width:480px){.blog-card-img-wrap{height:180px}.blog-card-title{font-size:1.2rem}.cta-buttons .btn{font-size:.85rem;padding:14px 18px}}.related-posts{padding:90px 8% 100px;background:var(--gris-osc);border-top:1px solid var(--gris-borde)}.related-container{max-width:1200px;margin:0 auto}.related-header{max-width:700px;margin:0 auto 50px;text-align:center}.related-header .section-label{justify-content:center}.related-titulo{font-family:var(--fuente-titulo);font-size:clamp(2rem, 4vw, 3rem);line-height:1;letter-spacing:1px;margin-bottom:0;color:#0a0a0a}@media (max-width:768px){#blog-hero{min-height:45vh;padding-top:130px;padding-bottom:60px}#blog-feed{padding:60px 5%}.blog-grid,.cta-contacts{grid-template-columns:1fr;gap:32px}#blog-cta,.related-posts{padding:60px 5%}}.toc{background:#fff;border:1px solid var(--gris-borde);border-left:4px solid var(--rojo);border-radius:8px;padding:24px 28px;margin:0 0 40px;box-shadow:0 4px 16px rgba(0,0,0,.06)}.toc-titulo{font-family:var(--fuente-titulo);font-size:1.5rem;letter-spacing:1px;color:var(--rojo);margin-bottom:16px;text-transform:uppercase}.toc-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.toc-lista li{margin:0;padding-left:20px;position:relative}.toc-lista li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--rojo)}.toc-lista a{color:var(--gris-text);text-decoration:none;font-weight:600;transition:color var(--transicion)}.toc-lista a:hover{color:var(--rojo)}h2[id]{scroll-margin-top:100px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--fuente-cond);font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px;color:var(--gris-text)}.breadcrumbs a{color:var(--rojo);text-decoration:none;transition:color var(--transicion)}.breadcrumbs a:hover{color:var(--rojo-osc);text-decoration:underline}.bc-sep{color:var(--gris-borde);font-size:1.1rem;line-height:1;display:inline-flex;align-items:center}.bc-actual{color:var(--gris-text);max-width:420px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.toc{padding:20px 22px}.toc-lista{grid-template-columns:1fr}.breadcrumbs{font-size:.78rem;gap:6px}.bc-actual{max-width:240px}}#blog-cta,#faq,.related-posts,footer{content-visibility:auto;contain-intrinsic-size:auto 600px}.blog-card{content-visibility:auto;contain-intrinsic-size:auto 500px}