/* ============================================================
   vukut_publico.css — Estilo marketing BS5 para vistas públicas Vukut
   Base: /shared_assets/css/tabler.min.css (Bootstrap 5) + tabler-icons.
   Marca Vukut: naranja #FF8A00 + navy. Mobile-first.
   Usado por: index (home), buscador, vacante_detalle, about, etc. (shell BS5).
   ============================================================ */
:root{
  --vk-orange:#FF8A00; --vk-orange-d:#e67a00; --vk-ink:#14233a; --vk-ink-2:#1f3350;
  --vk-muted:#6b7280; --vk-bg:#f6f8fb; --vk-line:#e9eef5;
}
.vk-body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1f2937;background:#fff}
.vk-body h1,.vk-body h2,.vk-body h3,.vk-body h4,.vk-body h5,.vk-head{font-family:'Poppins','Inter',sans-serif}
.text-orange{color:var(--vk-orange)!important}
.bg-ink{background:var(--vk-ink)!important}
.section{padding:3rem 0}
@media(max-width:767px){.section{padding:2rem 0}}

/* Botones */
.btn-vk{background:var(--vk-orange);border:none;color:#fff;font-weight:600;border-radius:10px}
.btn-vk:hover,.btn-vk:focus{background:var(--vk-orange-d);color:#fff}
.btn-vk-out{border:1.5px solid var(--vk-orange);color:var(--vk-orange);font-weight:600;border-radius:10px;background:#fff}
.btn-vk-out:hover{background:var(--vk-orange);color:#fff}
.rounded-xl{border-radius:16px}

/* Navbar */
.vk-nav{background:var(--vk-ink)}
.vk-nav .navbar-brand img{height:38px!important;width:auto;max-width:170px}
.vk-nav .nav-link{color:#cdd7e6;font-weight:500}
.vk-nav .nav-link:hover,.vk-nav .nav-link.active{color:#fff}
.vk-nav .navbar-toggler{border:0;color:#fff}
.vk-nav .dropdown-menu{font-size:.92rem}

/* Hero + buscador */
.vk-hero{background:linear-gradient(120deg,#14233a 0%,#1f3350 60%,#28466e 100%);color:#fff;position:relative;overflow:hidden;padding-top:2.25rem}
.vk-hero::after{content:"";position:absolute;right:-120px;top:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(255,138,0,.25),transparent 70%);border-radius:50%}
.vk-hero h1{font-weight:800;line-height:1.1;letter-spacing:-1px}
.vk-badge-hero{display:inline-flex;align-items:center;background:rgba(255,138,0,.15);color:var(--vk-orange);border:1px solid rgba(255,138,0,.4);border-radius:999px;padding:.4rem .95rem;font-weight:600;font-size:.9rem}
.vk-search{background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(10,20,40,.25);padding:.6rem}
.vk-search .form-control{border:none;box-shadow:none;font-weight:500}
.vk-search .input-wrap{border-right:1px solid var(--vk-line)}
@media(max-width:767px){.vk-search .input-wrap{border-right:none;border-bottom:1px solid var(--vk-line)}}
.vk-chip{background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;text-decoration:none;border:1px solid rgba(255,255,255,.18);display:inline-block}
.vk-chip:hover{background:rgba(255,255,255,.22);color:#fff}

/* Stats */
.vk-stat h3{font-weight:800;color:var(--vk-ink)}
.vk-stat small{color:var(--vk-muted)}

/* Categorías */
.vk-cat{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--vk-line);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;color:#1f2937;transition:.15s;height:100%}
.vk-cat:hover{border-color:var(--vk-orange);box-shadow:0 10px 24px rgba(20,35,58,.08);transform:translateY(-2px);color:#1f2937}
.vk-cat .ico{width:46px;height:46px;border-radius:12px;background:#fff4e6;color:var(--vk-orange);display:grid;place-items:center;font-size:1.35rem;flex:none}

/* Tarjetas de vacante */
.vk-job{background:#fff;border:1px solid var(--vk-line);border-radius:16px;padding:1.25rem;height:100%;transition:.15s}
.vk-job:hover{box-shadow:0 14px 34px rgba(20,35,58,.10);transform:translateY(-3px);border-color:#dfe7f1}
.vk-job .logo{width:50px;height:50px;border-radius:12px;background:var(--vk-bg);display:grid;place-items:center;font-weight:700;color:var(--vk-ink);flex:none}
.vk-badge-soft{background:#fff4e6;color:var(--vk-orange-d);font-weight:600;border-radius:8px}
.vk-badge-line{background:#eef2f7;color:#475569;font-weight:500;border-radius:8px}

/* Pasos */
.vk-step .num{width:54px;height:54px;border-radius:16px;background:var(--vk-orange);color:#fff;font-family:'Poppins';font-weight:800;font-size:1.4rem;display:grid;place-items:center;margin:0 auto}

/* Testimonios */
.vk-quote{background:#fff;border:1px solid var(--vk-line);border-radius:16px;padding:1.5rem}
.vk-quote .ti{color:var(--vk-orange);font-size:1.6rem}
.vk-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex:none}

/* CTA */
.vk-cta{background:linear-gradient(120deg,var(--vk-orange),#ff6a00);color:#fff;border-radius:24px}

/* Footer */
.vk-foot{background:var(--vk-ink);color:#aab8cc}
.vk-foot img{height:30px!important;width:auto}
.vk-foot a{color:#cdd7e6;text-decoration:none}
.vk-foot a:hover{color:#fff}