/* Blog XALUREX: responsive, sin dependencias externas */
:root{--ink:#0b4568;--teal:#14a6a0;--pale:#f1f9f9;--stroke:#d8e7e9}
body.blog-body{margin:0;background:#f6fafb;color:#153749;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.blog-shell{max-width:1120px;margin:auto;padding:0 22px}
.blog-top{background:#fff;border-bottom:1px solid var(--stroke)}
.blog-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;min-height:92px;padding:12px 0}
.blog-logo img{max-width:245px;width:100%;height:auto;display:block}
.blog-navlinks{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.blog-navlinks a{color:var(--ink);font-weight:750;text-decoration:none;padding:8px 10px;border-radius:8px}
.blog-navlinks a:hover,.blog-navlinks a:focus-visible{background:#e8f6f4}
.blog-hero{padding:62px 0 40px;background:linear-gradient(110deg,#e5f7f5,#f1f9fe)}
.blog-hero .eyebrow{color:#078d8b;font-weight:850;letter-spacing:.15em;text-transform:uppercase;font-size:12px}
.blog-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.1;color:var(--ink);margin:12px 0 17px}
.blog-hero p{font-size:clamp(16px,2vw,19px);max-width:720px;line-height:1.55;margin:0}
.blog-main{padding:40px 0 90px;min-height:45vh}
.blog-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:26px}
.blog-toolbar label{font-weight:700;color:var(--ink)}
.blog-toolbar input,.blog-toolbar select{border:1px solid #c7dce1;background:#fff;border-radius:10px;font:inherit;padding:11px 14px;min-height:44px;max-width:100%}
.blog-toolbar input{flex:1 1 260px}.blog-toolbar select{max-width:240px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;background:white;border:1px solid var(--stroke);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0a4b6710}
.blog-card .blog-image{width:100%;height:208px;object-fit:cover;display:block;background:#e8f6f4}
.blog-noimage{height:208px;display:grid;place-items:center;font-size:60px;background:linear-gradient(115deg,#e0f7f5,#dff0f6)}
.blog-card-content{padding:20px;display:flex;flex-direction:column;flex:1}
.blog-tag{font-weight:800;color:#148e90;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.blog-card h2{font-size:21px;color:var(--ink);line-height:1.27;margin:10px 0}
.blog-card p{line-height:1.55;color:#4b6271;margin:0 0 18px;flex:1}
.blog-card a{display:inline-flex;align-items:center;color:#0c7379;font-weight:800;text-decoration:none}
.blog-card a:hover{text-decoration:underline}
.blog-state{color:#536c78;padding:18px;border:1px dashed #bdd6d9;border-radius:12px}
.blog-article{background:white;padding:clamp(20px,5vw,54px);border:1px solid var(--stroke);border-radius:18px;box-shadow:0 10px 30px #0a4b6710;max-width:920px;margin:0 auto}
.blog-article h1{color:var(--ink);font-size:clamp(29px,4vw,43px);line-height:1.17;margin:12px 0}
.blog-article .blog-date{color:#607783;font-size:14px;margin:12px 0 25px}
.blog-article .blog-summary{font-size:19px;color:#365568;line-height:1.6;border-left:4px solid var(--teal);padding:5px 0 5px 18px}
.blog-article .blog-text{font-size:17px;color:#173749;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.blog-article .blog-cover{display:block;width:100%;max-height:470px;object-fit:contain;background:#f4f9fa;border-radius:13px;margin:22px 0}
.blog-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:16px;margin:28px 0}
.blog-photos figure{margin:0}.blog-photos img{width:100%;height:220px;object-fit:contain;background:#eef7f7;border-radius:12px}
.blog-footer{background:#073b61;color:white;padding:36px 0}
.blog-footer a{color:white;text-decoration:underline}
.blog-footer p{line-height:1.8}
@media(max-width:600px){.blog-shell{padding:0 15px}.blog-nav{gap:5px;min-height:75px}.blog-logo img{max-width:200px}.blog-navlinks{gap:5px}.blog-navlinks a{padding:8px 6px;font-size:13px}.blog-hero{padding:34px 0}.blog-main{padding:24px 0 50px}.blog-toolbar{align-items:stretch;flex-direction:column}.blog-toolbar input,.blog-toolbar select{width:100%;max-width:none;flex:0 1 auto}.blog-article .blog-text{font-size:16px}.blog-photos{grid-template-columns:1fr 1fr}}