/* Encabezado compartido KERD: diseño, iconos y movimiento. */

.kerd-site .site-header .kerd-auth{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:2px solid transparent;box-shadow:0 4px 12px #1265c326;transition:transform .2s ease,box-shadow .2s ease;background-size:200% 200%;animation:kerd-auth-color 6s ease infinite}
.kerd-site .site-header .btn-login.kerd-auth-login{color:#fff;border-color:transparent;background-color:#1257bc;background-image:linear-gradient(120deg,#1257bc,#5439ad,#1257bc)}
.kerd-site .site-header .kerd-auth-register{background-image:linear-gradient(120deg,#007b83,#086185,#007b83);animation-delay:-3s}
.kerd-site .site-header .kerd-auth::after{content:"";position:absolute;inset:-50% auto -50% -80%;width:40%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-20deg);pointer-events:none;animation:kerd-auth-shine 7s ease-in-out infinite}
.kerd-site .site-header .kerd-auth-register::after{animation-delay:1.2s}
.kerd-site .site-header .kerd-auth:hover,.kerd-site .site-header .kerd-auth:focus-visible{color:#fff;transform:translateY(-3px);box-shadow:0 8px 18px #164b9138}
.kerd-site .site-header .kerd-auth:focus-visible{outline:3px solid #2b85eb;outline-offset:3px}
.kerd-site .site-header .kerd-auth:active{transform:translateY(0)}
@keyframes kerd-auth-color{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes kerd-auth-shine{0%,65%{left:-80%}100%{left:160%}}
@media(prefers-reduced-motion:reduce){.kerd-site .site-header .kerd-auth,.kerd-site .site-header .kerd-auth::after{animation:none;transition:none}.kerd-site .site-header .kerd-auth:hover,.kerd-site .site-header .kerd-auth:focus-visible{transform:none}}

.kerd-site .site-header{background:#fff;border-bottom:0;box-shadow:0 2px 10px #0a205308}
.kerd-site .logo-name{color:#0a2053}.kerd-site .logo-sub{color:#597399}
.kerd-site .site-header .btn-login,.kerd-site .site-header .btn-panel{border-color:#c1d9f9;color:#164b91;background:#fff}
.kerd-site .main-nav{background:#fff;border-top:1px solid #eef4fa}
.kerd-site .nav-link{color:#263f69;font-size:13px!important}
.kerd-site .nav-link:hover,.kerd-site .nav-link.active{background:#f4faff;color:#0065e8;border-bottom-color:#0065e8}
@media(min-width:1300px){.kerd-site .site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 max(24px,calc((100vw - 1380px)/2));min-height:83px}.kerd-site .header-inner{display:contents}.kerd-site .site-header .logo{grid-column:1;grid-row:1}.kerd-site .header-btns{grid-column:3;grid-row:1;gap:6px}.kerd-site .main-nav{grid-column:2;grid-row:1;border:0}.kerd-site .nav-inner{padding:0;width:auto;max-width:none;justify-content:center}.kerd-site .nav-link{padding:30px 8px!important;font-size:12px!important}.kerd-site .header-btns>a{font-size:10px;padding:9px 10px}.kerd-site .logo-name{font-size:20px}.kerd-site .logo-emblem{width:35px!important;height:40px!important}}
@media(max-width:760px){.kerd-site .header-inner{flex-wrap:wrap;padding:12px 20px;gap:12px}.kerd-site .header-btns{flex-wrap:wrap;gap:6px}.kerd-site .header-btns>a{font-size:10px;padding:7px 9px}.kerd-site .logo-name{font-size:18px}.kerd-site .nav-inner{padding:0 12px}.kerd-site .site-header{position:relative}}
@media(min-width:1600px){
  .kerd-site .site-header{min-height:104px;padding:0 max(24px,calc((100vw - 1725px)/2));gap:15px}
  .kerd-site .logo-name{font-size:25px}.kerd-site .logo-sub{font-size:12px}
  .kerd-site .logo-emblem{width:44px!important;height:50px!important}
  .kerd-site .nav-link{font-size:15px!important;padding:38px 10px!important}
  .kerd-site .header-btns>a{font-size:12px;padding:12px 13px}
  .kerd-site .nav-inner{justify-content:flex-start}}
/* Dar espacio al menú entre el logo y los botones sin barra horizontal. */
@media(min-width:1300px){
  .kerd-site .site-header{padding-left:12px;padding-right:12px;gap:8px}
  .kerd-site .main-nav{min-width:0}
  .kerd-site .site-header .nav-inner{width:100%;margin:0;flex-wrap:wrap!important;overflow:visible;align-items:center;justify-content:flex-start}
  .kerd-site .site-header .nav-link{font-size:12px!important;padding-left:6px!important;padding-right:6px!important}
  .kerd-site .header-btns{justify-self:end}
}
@media(min-width:1600px){
  .kerd-site .logo-name{font-size:22px}
  .kerd-site .site-header .nav-link{font-size:13px!important}
  .kerd-site .header-btns>a{padding-left:10px;padding-right:10px}
}
/* Iconos de color y movimiento del menú compartido. */
.kerd-site .nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;transition:background-color .2s,color .2s,box-shadow .2s}
.kerd-site .nav-link::before{content:"";display:block;flex-shrink:0;width:21px;height:21px;background-color:var(--kerd-nav-color,#0878ef);-webkit-mask:var(--kerd-nav-icon) center/contain no-repeat;mask:var(--kerd-nav-icon) center/contain no-repeat;transition:transform .2s ease}
.kerd-site .nav-link:hover::before,.kerd-site .nav-link:focus-visible::before{transform:translateY(-3px) rotate(-7deg) scale(1.1)}
.kerd-site .nav-link:active::before{transform:translateY(1px) scale(.92)}
.kerd-site .nav-link.active::before{animation:kerd-nav-select .4s ease-out}
.kerd-site .nav-link:focus-visible{outline:2px solid var(--kerd-nav-color);outline-offset:-4px;background:#f0f7ff}
.kerd-site .nav-inner{justify-content:flex-start}
@media(min-width:1300px){.kerd-site .nav-link{padding:18px 8px!important}}
@media(min-width:1600px){.kerd-site .nav-link{padding:23px 10px!important}}
@keyframes kerd-nav-select{0%{transform:scale(.8)}55%{transform:translateY(-3px) scale(1.15)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.kerd-site .nav-link,.kerd-site .nav-link::before{transition:none;animation:none}.kerd-site .nav-link:hover::before,.kerd-site .nav-link:focus-visible::before,.kerd-site .nav-link:active::before{transform:none}}
.kerd-site .nav-link[href$='index.php']{--kerd-nav-color:#0878ef;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v11h-6v-7H9v7H3Z%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='empleos.php']{--kerd-nav-color:#0b8ca1;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M8%207V4h8v3M3%2012a22%2022%200%200%200%2018%200M12%2011v4%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='empresas.php']{--kerd-nav-color:#6950d5;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V3h12v18M16%209h4v12M8%207h4M8%2011h4M8%2015h4M2%2021h20%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='productos.php']{--kerd-nav-color:#d87a13;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='publicar.php']{--kerd-nav-color:#159563;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%207v10M7%2012h10%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='articulos.php']{--kerd-nav-color:#3475d2;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h11l4%204v14H5ZM15%203v5h5M8%2012h9M8%2016h7%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='cultura.php']{--kerd-nav-color:#d34c78;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205H3ZM4%2021h16M5%2011v6M10%2011v6M15%2011v6M20%2011v6M3%2018h18%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='nosotros.php']{--kerd-nav-color:#0a969b;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M17%204a3%203%200%200%201%200%206M21%2021v-3a6%206%200%200%200-3-5%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='contacto.php']{--kerd-nav-color:#8b4bca;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m3%206%209%207%209-7%22%2F%3E%3C%2Fsvg%3E')}
.kerd-site .nav-link[href$='talento.php']{--kerd-nav-color:#0b8ca1;--kerd-nav-icon:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M17%204a3%203%200%200%201%200%206M21%2021v-3a6%206%200%200%200-3-5%22%2F%3E%3C%2Fsvg%3E')}
/* Accesos de notificaciones, tutoriales y créditos sobre el encabezado claro. */
.kerd-site .site-header .empresa-bell,
.kerd-site .site-header .tutorial-header-play,
.kerd-site .site-header .empresa-coin{
  min-height:46px;border:1px solid #234b83;border-radius:12px;
  background:linear-gradient(145deg,#153b72,#0a2053);color:#fff;
  box-shadow:0 3px 9px #0a205329,inset 0 1px 0 #ffffff20;
  overflow:visible;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.kerd-site .site-header .empresa-bell,
.kerd-site .site-header .tutorial-header-play{width:46px}
.kerd-site .site-header .empresa-coin{padding:0 9px;gap:6px;min-width:68px;justify-content:center}
.kerd-site .site-header .empresa-bell:hover,
.kerd-site .site-header .tutorial-header-play:hover,
.kerd-site .site-header .empresa-coin:hover{
  background:linear-gradient(145deg,#1d4e91,#10316a);border-color:#4c8cd8;
  transform:translateY(-2px);box-shadow:0 6px 13px #0a205338;
}
.kerd-site .site-header .empresa-bell:active,
.kerd-site .site-header .tutorial-header-play:active,
.kerd-site .site-header .empresa-coin:active{transform:translateY(0) scale(.96)}
.kerd-site .site-header .empresa-bell:focus-visible,
.kerd-site .site-header .tutorial-header-play:focus-visible,
.kerd-site .site-header .empresa-coin:focus-visible{outline:3px solid #2196e9;outline-offset:3px}
.kerd-site .site-header .empresa-bell-gold{width:31px;height:33px;filter:drop-shadow(0 2px 2px #0005)}
.kerd-site .site-header .empresa-coin-gold{width:34px;height:36px;filter:drop-shadow(0 2px 2px #0005)}
.kerd-site .site-header .empresa-coin-balance{background:#ffdf83;color:#553400;border:1px solid #ffeab0;border-radius:7px;min-width:20px;padding:3px 5px;font-size:13px;line-height:1.2;text-align:center;font-weight:900}
.kerd-site .site-header .empresa-bell-count,
.kerd-site .site-header .tutorial-header-count{top:-6px;right:-5px;min-width:21px;line-height:17px;font-size:11px;padding:1px 5px;border:2px solid #fff;box-shadow:0 2px 5px #0a205330}
.kerd-site .site-header .empresa-bell-count{background:#dc2626}
.kerd-site .site-header .tutorial-header-count{background:#138440}
.kerd-site .site-header .tutorial-header-play.has-pending{background:linear-gradient(145deg,#0c614c,#084035);border-color:#18986c;box-shadow:0 3px 9px #065f462b,inset 0 1px 0 #ffffff20}
@media(prefers-reduced-motion:reduce){
  .kerd-site .site-header .empresa-bell,.kerd-site .site-header .tutorial-header-play,.kerd-site .site-header .empresa-coin{transition:none}
  .kerd-site .site-header .empresa-bell:hover,.kerd-site .site-header .tutorial-header-play:hover,.kerd-site .site-header .empresa-coin:hover,
  .kerd-site .site-header .empresa-bell:active,.kerd-site .site-header .tutorial-header-play:active,.kerd-site .site-header .empresa-coin:active{transform:none}
}
/* Evitar que los accesos se estiren a la altura completa del menú. */
.kerd-site .site-header .empresa-bell,
.kerd-site .site-header .tutorial-header-play,
.kerd-site .site-header .empresa-coin{align-self:center;height:42px;min-height:42px;max-height:42px;box-sizing:border-box;border-radius:10px}
.kerd-site .site-header .empresa-bell,
.kerd-site .site-header .tutorial-header-play{width:40px;min-width:40px}
.kerd-site .site-header .empresa-coin{min-width:62px;padding:0 7px;gap:4px}
.kerd-site .site-header .empresa-bell-gold{width:27px;height:29px}
.kerd-site .site-header .empresa-coin-gold{width:29px;height:31px}
.kerd-site .site-header .empresa-coin-balance{font-size:12px;min-width:18px;padding:2px 4px}
/* Color y respuesta al interactuar con los accesos de cuenta. */
.kerd-site .site-header .header-btns .btn-panel{
  background:#edf5ff;border-color:#b4d4ff;color:#1455a3;
  box-shadow:0 2px 5px #1455a30a;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.kerd-site .site-header .header-btns a[href$="logout.php"]{
  background:#fff1f2;border-color:#fecdd3;color:#b4233d;
  box-shadow:0 2px 5px #b4233d0a;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.kerd-site .site-header .header-btns .btn-panel:hover,
.kerd-site .site-header .header-btns .btn-panel:focus-visible{
  background:#dcecff;border-color:#78aff4;color:#0a4389;
  transform:translateY(-2px);box-shadow:0 5px 12px #1455a326;
}
.kerd-site .site-header .header-btns a[href$="logout.php"]:hover,
.kerd-site .site-header .header-btns a[href$="logout.php"]:focus-visible{
  background:#ffe0e5;border-color:#f897a9;color:#991b36;
  transform:translateY(-2px);box-shadow:0 5px 12px #b4233d26;
}
.kerd-site .site-header .header-btns .btn-panel:active,
.kerd-site .site-header .header-btns a[href$="logout.php"]:active{transform:translateY(0) scale(.97);box-shadow:0 1px 3px #0a20531a}
.kerd-site .site-header .header-btns .btn-panel:focus-visible{outline:2px solid #2781db;outline-offset:3px}
.kerd-site .site-header .header-btns a[href$="logout.php"]:focus-visible{outline:2px solid #d94867;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .kerd-site .site-header .header-btns .btn-panel,.kerd-site .site-header .header-btns a[href$="logout.php"]{transition:none}
  .kerd-site .site-header .header-btns .btn-panel:hover,.kerd-site .site-header .header-btns .btn-panel:focus-visible,.kerd-site .site-header .header-btns .btn-panel:active,
  .kerd-site .site-header .header-btns a[href$="logout.php"]:hover,.kerd-site .site-header .header-btns a[href$="logout.php"]:focus-visible,.kerd-site .site-header .header-btns a[href$="logout.php"]:active{transform:none}
}