:root{--ink:#1a2535;--blue-deep:#2e4a72;--blue-mid:#4a6fa5;--blue-light:#6b8fb5;--blue-pale:#c8d8e8;--steel:#8fa4b8;--surface:#f4f7fa;--white:#fff;--border:#dde8f2;--text:#4a6070}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Barlow',sans-serif;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}a{color:inherit}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.nav__inner{max-width:1180px;margin:auto;height:70px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav img{height:50px;display:block}.nav__actions{display:flex;align-items:center;gap:.75rem}.nav__link{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--blue-mid)}.nav__cta{background:var(--blue-deep);color:#fff;padding:.7rem 1rem}.nav__cta:hover{background:var(--ink)}
.hero{max-width:1180px;margin:2.2rem auto 0;background:#fff;border:1px solid var(--border);overflow:hidden}.hero img{width:100%;height:auto;display:block;max-height:520px;object-fit:cover}.hero__inner{max-width:850px;margin:auto;padding:clamp(2rem,5vw,4rem)}.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-mid)}h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.5rem,6vw,4.6rem);font-weight:800;line-height:1.01;margin:.7rem 0 1.2rem}.intro{font-size:1.14rem;line-height:1.75;color:var(--text)}
.article{max-width:850px;margin:0 auto;background:#fff;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 clamp(2rem,5vw,4rem) 4rem}.article h2{font-family:'Barlow Condensed',sans-serif;font-size:1.65rem;color:var(--blue-deep);margin:2.2rem 0 .65rem}.article p,.article li{font-size:1rem;line-height:1.85;color:var(--text);font-weight:300}.article ul{margin:.7rem 0 1.4rem 1.25rem}.article li{margin-bottom:.55rem}.article strong{font-weight:600;color:var(--blue-deep)}aside{margin:2rem 0;padding:1.35rem 1.5rem;background:var(--surface);border-left:4px solid var(--blue-mid);font-size:1rem;line-height:1.7;color:var(--text)}
.article-cta{margin-top:3rem;background:linear-gradient(135deg,#e7eef4,#f4f7fa);padding:2rem;border:1px solid var(--border)}.article-cta h2{margin:0 0 .5rem;color:var(--ink)}.article-cta p{margin-bottom:1.25rem}.button{display:inline-block;background:var(--blue-deep);color:#fff;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 1.25rem}.button:hover{background:var(--ink)}
.footer{max-width:1180px;margin:0 auto 2rem;padding:1.4rem 2rem;background:var(--ink);color:var(--steel);display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.8rem}.footer a{text-decoration:none;color:var(--blue-pale)}
.whatsapp{position:fixed;right:20px;bottom:20px;z-index:50;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 10px 26px rgba(26,37,53,.28);text-decoration:none}.whatsapp svg{width:31px;height:31px;fill:currentColor}
.blog-grid{max-width:1180px;margin:2.5rem auto;padding:0 2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-card{background:#fff;border:1px solid var(--border);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:.2s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(26,37,53,.09)}.blog-card img{width:100%;height:260px;object-fit:cover;display:block}.blog-card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.blog-card h2{font-family:'Barlow Condensed',sans-serif;font-size:1.55rem;line-height:1.15;margin:.55rem 0 .7rem}.blog-card p{color:var(--text);font-size:.95rem;line-height:1.65;font-weight:300}.read{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-mid);margin-top:1.2rem}.blog-head{max-width:1180px;margin:3rem auto 0;padding:0 2rem}.blog-head h1{font-size:clamp(2.8rem,6vw,4.7rem)}
@media(max-width:760px){.nav__inner{padding:0 1rem}.nav__link{display:none}.nav img{height:43px}.hero{margin:1rem}.hero img{max-height:none;object-fit:contain}.hero__inner{padding:2rem 1.35rem}.article{margin:0 1rem;padding:0 1.35rem 3rem}.article p,.article li{font-size:.96rem}.article-cta .button{width:100%;text-align:center}.footer{margin:0 1rem 1rem;flex-direction:column;align-items:flex-start}.blog-grid{grid-template-columns:1fr;padding:0 1rem}.blog-card img{height:auto}.blog-head{padding:0 1rem}.whatsapp{right:14px;bottom:14px;width:56px;height:56px}}


/* Ajustes mobile: navegación, imágenes completas y WhatsApp visible */
@media(max-width:760px){
  .nav__inner{height:64px;padding:0 .8rem;gap:.55rem;}
  .nav img{height:40px;}
  .nav__actions{gap:.45rem;margin-left:auto;}
  .nav__link{display:inline-block!important;font-size:.72rem;letter-spacing:.07em;}
  .nav__cta{padding:.55rem .7rem;}
  .hero img,.blog-card img{height:auto!important;max-height:none!important;object-fit:contain!important;}
  .whatsapp{
    display:grid!important;visibility:visible!important;opacity:1!important;z-index:9999!important;
    right:14px!important;bottom:max(18px, calc(env(safe-area-inset-bottom) + 10px))!important;
    width:58px!important;height:58px!important;
  }
  .whatsapp svg{display:block!important;width:30px!important;height:30px!important;fill:#fff!important;color:#fff!important;}
  .whatsapp svg path{fill:#fff!important;}
}


/* ── AJUSTE MOBILE 2 ANBLA ── */
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden;}
@media(max-width:760px){
  body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  .hero,.article,.footer,.blog-grid,.blog-head{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .hero{border-left:0;border-right:0;}
  .article{border-left:0;border-right:0;}
  .blog-grid{padding-left:1rem!important;padding-right:1rem!important;}
  .blog-card img,.hero img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .whatsapp{
    width:68px!important;
    height:68px!important;
    right:14px!important;
    bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px))!important;
    z-index:99999!important;
  }
  .whatsapp svg{width:36px!important;height:36px!important;}
}