/* Vista blog/index.blade.php (la sube al <head> el armazón: data-gk-head). */
.gk-blog{background:#f4f5f6;padding:60px 16px 88px;font-family:'Poppins',sans-serif;}
  .gk-blog *{box-sizing:border-box;}
  .gk-blog-head{max-width:1140px;margin:0 auto 46px;}
  .gk-blog-eyebrow{display:inline-block;background:#e8f8f4;color:#0e8f76;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:999px;}
  .gk-blog-head h1{font-size:44px;line-height:1.1;letter-spacing:-.02em;color:#101613;font-weight:700;margin:20px 0 14px;max-width:720px;}
  .gk-blog-head p{color:#5b6b66;font-size:17px;margin:0;max-width:640px;}
  .gk-blog-grid{max-width:1140px;margin:0 auto;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);}
  @media(max-width:980px){.gk-blog-grid{grid-template-columns:repeat(2,1fr);}.gk-blog-head h1{font-size:32px;}}
  @media(max-width:640px){.gk-blog-grid{grid-template-columns:1fr;max-width:480px;}}
  .gk-blog-destacado{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;transition:box-shadow .25s ease;box-shadow:0 1px 2px rgba(22,32,29,.04);}
  .gk-blog-destacado:hover{box-shadow:0 22px 48px rgba(22,32,29,.12);}
  .gk-blog-destacado .gk-bd-img{aspect-ratio:16/9;background:linear-gradient(135deg,#e8f8f4,#d3f0e8);overflow:hidden;}
  .gk-blog-destacado .gk-bd-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
  .gk-blog-destacado:hover .gk-bd-img img{transform:scale(1.03);}
  .gk-bd-body{padding:36px 38px;display:flex;flex-direction:column;justify-content:center;}
  .gk-bd-body .gk-bcard-meta{margin:0 0 14px;}
  .gk-bd-body h2{font-size:30px;line-height:1.22;letter-spacing:-.02em;color:#101613;font-weight:600;margin:0 0 14px;text-wrap:pretty;}
  .gk-blog-destacado:hover .gk-bd-body h2{color:#0e8f76;}
  .gk-bd-body p{color:#5b6b66;font-size:15px;line-height:1.6;margin:0 0 20px;}
  .gk-bd-leer{color:#0e8f76;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:8px;}
  @media(max-width:980px){.gk-blog-destacado{grid-template-columns:1fr;}.gk-bd-body{padding:24px 26px 30px;}.gk-bd-body h2{font-size:22px;}}
  .gk-blog-vacio{max-width:640px;margin:0 auto;background:#fff;border:1px dashed #b9e4d8;border-radius:20px;padding:48px 24px;text-align:center;color:#5b6b66;}
  .gk-blog-pag{max-width:1140px;margin:44px auto 0;display:flex;justify-content:center;gap:8px;}
  .gk-blog-pag a,.gk-blog-pag span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:1px solid #d3ece4;background:#fff;color:#3a4a45;font-size:14px;font-weight:500;text-decoration:none;}
  .gk-blog-pag a:hover{border-color:#1abc9c;color:#0e8f76;}
  .gk-blog-pag .activo{background:#0e8f76;border-color:#0e8f76;color:#fff;}
  .gk-blog-buscar{display:flex;align-items:center;gap:10px;margin:26px 0 0;max-width:520px;background:#fff;border-radius:14px;padding:6px 6px 6px 16px;box-shadow:0 1px 2px rgba(22,32,29,.05);}
  .gk-blog-buscar svg{width:19px;height:19px;color:#8a938f;flex:0 0 auto;}
  .gk-blog-buscar input{flex:1;border:0;outline:0;font:inherit;font-size:15px;color:#101613;background:transparent;min-width:0;}
  .gk-blog-buscar input::placeholder{color:#9aa5a0;}
  .gk-blog-buscar button{border:0;background:#0e8f76;color:#fff;font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;}
  .gk-blog-buscar button:hover{background:#0b7863;}
  .gk-blog-cats{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;}
  .gk-blog-cat{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:#fff;color:#3c4642;font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:999px;box-shadow:0 1px 2px rgba(22,32,29,.05);transition:.15s;}
  .gk-blog-cat i{font-style:normal;font-size:11.5px;color:#98a29d;background:#f1f3f2;border-radius:999px;padding:2px 7px;}
  .gk-blog-cat:hover{color:#0e8f76;}
  .gk-blog-cat.activo{background:#0e8f76;color:#fff;}
  .gk-blog-cat.activo i{background:rgba(255,255,255,.18);color:#fff;}
  .gk-blog-mas{max-width:1140px;margin:36px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;color:#7d938c;font-size:14.5px;}
  .gk-blog-spin{width:20px;height:20px;border-radius:999px;border:2.5px solid #d3ece4;border-top-color:#0e8f76;animation:gkspin .8s linear infinite;}
  @keyframes gkspin{to{transform:rotate(360deg)}}
  /* Tarjetas fantasma mientras llega la siguiente tanda: el usuario ve de
     inmediato que algo está cargando y el layout no da saltos. */
  .gk-skel{background:#fff;border-radius:18px;padding:10px 10px 24px;box-shadow:0 1px 2px rgba(22,32,29,.04);}
  .gk-skel-img{border-radius:12px;aspect-ratio:16/9;}
  .gk-skel-l{height:11px;border-radius:6px;margin:20px 10px 0;}
  .gk-skel-l.t{height:17px;margin-top:18px;}
  .gk-skel-l.w70{width:70%;}
  .gk-skel-l.w45{width:45%;}
  .gk-skel-img,.gk-skel-l{background:linear-gradient(100deg,#eef1f0 30%,#f7f9f8 50%,#eef1f0 70%);background-size:280% 100%;animation:gkshine 1.25s ease-in-out infinite;}
  @keyframes gkshine{from{background-position:180% 0}to{background-position:-80% 0}}
  .gk-bcard.gk-entra{animation:gkentra .45s ease both;}
  @keyframes gkentra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){.gk-skel-img,.gk-skel-l,.gk-bcard.gk-entra,.gk-blog-spin{animation:none;}}