/* HagoLaser blog - generado por autoblog. Editar aqui y lanzar --rebuild. */
:root{--c:#00b5e1;--dark:#101423;--dark2:#1a2033;--txt:#e8ecf4;--mut:#9aa3b5;--line:#262e47}
*{margin:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--dark);
     color:var(--txt);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--c)}
img{max-width:100%;height:auto}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.narrow{max-width:740px;margin:0 auto}

header.site{display:flex;justify-content:space-between;align-items:center;padding:18px 0;
            gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.logo{font-size:1.4rem;font-weight:800;text-decoration:none;color:var(--txt)}
.logo span{color:var(--c)}
.nav a{color:var(--mut);text-decoration:none;font-size:.95rem;margin-left:18px}
.nav a:hover,.nav a.on{color:var(--c)}
.btn{display:inline-block;background:var(--c);color:#04222b;font-weight:700;padding:9px 18px;
     border-radius:9px;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.nav a.btn{color:#04222b}

.blog-hero{padding:46px 0 26px}
.blog-hero h1{font-size:2.2rem;line-height:1.15;margin-bottom:12px}
.blog-hero p{color:var(--mut);font-size:1.1rem;max-width:640px}

.cats{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 34px}
.cats a{background:var(--dark2);border:1px solid var(--line);border-radius:99px;padding:7px 16px;
        color:var(--mut);text-decoration:none;font-size:.9rem}
.cats a:hover,.cats a.on{border-color:var(--c);color:var(--c)}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;
       padding-bottom:40px}
.card{background:var(--dark2);border:1px solid var(--line);border-radius:14px;overflow:hidden;
      display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--c);transform:translateY(-2px)}
.card .thumb{aspect-ratio:16/9;width:100%;object-fit:cover;display:block;background:#0b0e1a}
.card .body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .kicker{color:var(--c);font-size:.74rem;font-weight:700;letter-spacing:.07em;
              text-transform:uppercase}
.card h2{font-size:1.12rem;line-height:1.3}
.card h2 a{color:var(--txt);text-decoration:none}
.card:hover h2 a{color:var(--c)}
.card p{color:var(--mut);font-size:.92rem;flex:1}
.card .meta{color:var(--mut);font-size:.8rem;border-top:1px solid var(--line);padding-top:10px}

article.post{padding:34px 0 10px}
.kicker{color:var(--c);font-size:.78rem;font-weight:700;letter-spacing:.07em;
        text-transform:uppercase;margin-bottom:12px}
.kicker a{color:var(--c);text-decoration:none}
article.post h1{font-size:2.25rem;line-height:1.18;margin-bottom:14px}
.post .lead{color:var(--mut);font-size:1.12rem;margin-bottom:16px}
.post .byline{color:var(--mut);font-size:.88rem;border-bottom:1px solid var(--line);
              padding-bottom:18px;margin-bottom:26px}
.hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:30px;
          border:1px solid var(--line)}
.post h2{font-size:1.5rem;margin:40px 0 14px;line-height:1.25}
.post h3{font-size:1.15rem;margin:26px 0 10px;color:#dbe3f2}
.post p{margin-bottom:15px;color:#cdd5e4}
.post ul,.post ol{margin:0 0 18px 22px;color:#cdd5e4}
.post li{margin-bottom:7px}
.post strong{color:var(--txt)}
.post blockquote{border-left:3px solid var(--c);padding:6px 0 6px 18px;margin:22px 0;
                 color:var(--mut);font-style:italic}
.post code{background:#0b0e1a;border:1px solid var(--line);border-radius:5px;padding:1px 6px;
           font-size:.9em;font-family:Consolas,monospace}
.tablewrap{overflow-x:auto;margin:22px 0}
.post table{border-collapse:collapse;width:100%;font-size:.94rem;min-width:420px}
.post th,.post td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.post th{background:var(--dark2);color:var(--txt);font-weight:700}
.post td{color:#cdd5e4}

.safety{background:#3a2410;border:1px solid #7a5220;color:#f0c07a;border-radius:10px;
        padding:14px 18px;font-size:.92rem;margin:28px 0}
.cta{background:linear-gradient(135deg,#12243a,#0e1830);border:1px solid #24405e;
     border-radius:16px;padding:30px;text-align:center;margin:46px 0 30px}
.cta h2{margin:0 0 10px;font-size:1.45rem}
.cta p{color:#c4cdde;max-width:560px;margin:0 auto 20px}
.related{border-top:1px solid var(--line);padding-top:26px;margin-top:10px}
.related h2{font-size:1.15rem;margin-bottom:14px}
.related ul{list-style:none;margin:0}
.related li{margin-bottom:10px}
.related a{text-decoration:none}
.related a:hover{text-decoration:underline}
.related span{color:var(--mut);font-size:.85rem;display:block}

footer.site{border-top:1px solid var(--line);padding:28px 0;color:var(--mut);font-size:.84rem;
            margin-top:40px}
footer.site p{margin-bottom:8px}
footer.site a{color:var(--mut)}
@media(max-width:640px){
  article.post h1{font-size:1.65rem}
  .blog-hero h1{font-size:1.7rem}
  .nav a{margin-left:12px;font-size:.88rem}
}