/* Match the home page header and hero on the Wiki and Ranking pages. */
body{background:#f3f7fb}
.utility{height:34px;border-bottom-color:#eef2f7;color:#8a96a9;font-size:15px}
.utility-brand strong{color:#394a62;font-weight:800}

.header-zone{min-height:450px;background:#f3f7fb;isolation:isolate}
.header-zone.ranking-header,.header-zone.wiki-header{min-height:450px;background:#f3f7fb}
.notice-page .header-zone,.download-page .header-zone,.header-zone.ranking-header,.header-zone.wiki-header{min-height:420px}
.notice-page .header-zone,.download-page .header-zone,.header-zone.ranking-header,.header-zone.wiki-header{min-height:420px}
.header-zone::before,.header-zone.ranking-header::before,.header-zone.wiki-header::before{
  content:"";position:absolute;z-index:0;inset:0;opacity:1;pointer-events:none;
  background:url('../images/background/background.webp') center top / cover no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.48) 79%,rgba(0,0,0,.20) 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.48) 79%,rgba(0,0,0,.20) 88%,transparent 100%);
}
.header-zone::after,.header-zone.ranking-header::after,.header-zone.wiki-header::after{
  content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:235px;border-radius:0;filter:none;pointer-events:none;
  background:linear-gradient(180deg,rgba(243,247,251,0) 0%,rgba(243,247,251,.08) 22%,rgba(243,247,251,.30) 44%,rgba(243,247,251,.64) 66%,rgba(243,247,251,.90) 84%,#f3f7fb 100%);
}
.nav-wrap{z-index:20}
.navbar{height:74px;grid-template-columns:220px 1fr auto;padding:0 21px 0 25px}
.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#263754;line-height:1;text-align:center}
.brand-name{display:grid;justify-items:center;gap:3px;line-height:1;white-space:nowrap;font-size:0}.brand-name::before{content:"ISHGARD";font-size:22px;line-height:.9;font-weight:900;letter-spacing:-.7px;color:#263754}.brand-name::after{content:"MMORPG";font-size:9px;line-height:1;font-weight:400;letter-spacing:3.1px;color:#7f8da1}.brand-main,.brand-sub{display:none}
.nav-links{gap:4px}
.nav-link{padding:25px 10px 22px;color:#49556a;font-size:16px;font-weight:700;transition:.2s ease}
.nav-link::after{bottom:12px}
.nav-link:hover::after,.nav-link.active::after{width:20px}
.nav-actions{gap:9px}
.icon-btn,.login-top{height:40px;border:1px solid #e2e9f1;background:#fff;border-radius:12px;color:#65738a}
.icon-btn{width:40px;display:grid;place-items:center;font-size:16px}
.login-top{display:flex;align-items:center;padding:0 16px;font-weight:700;font-size:15px}
.login-top:hover,.icon-btn:hover{border-color:#bdd9ff;color:#1f7cf2;background:#f5faff}
.menu-toggle{display:none}
.inner-page-shell{margin-top:0;margin-bottom:56px}

@media(max-width:1000px){
  .navbar{grid-template-columns:1fr auto;min-height:0}
  .nav-links{position:absolute;left:0;right:0;top:74px;display:none;flex-direction:column;align-items:stretch;background:#fff;border-radius:0 0 16px 16px;padding:8px;box-shadow:0 16px 35px rgba(30,62,102,.15);width:auto;margin:0;overflow:visible}
  .nav-links.open{display:flex}
  .nav-link{padding:13px 16px;white-space:normal}
  .nav-link::after{display:none}
  .menu-toggle{display:grid}
  .login-top{display:none}
  .inner-page-shell{margin-top:0}
}
@media(max-width:680px){
  .utility{height:auto;min-height:38px;font-size:13px}
  .utility-inner{width:calc(100% - 20px);min-height:38px;padding:0;gap:10px}
  .utility-links{gap:12px;font-size:13px}
  .header-zone,.header-zone.ranking-header,.header-zone.wiki-header{min-height:390px}
  .notice-page .header-zone,.download-page .header-zone,.header-zone.ranking-header,.header-zone.wiki-header{min-height:360px}
  .notice-page .header-zone,.download-page .header-zone,.header-zone.ranking-header,.header-zone.wiki-header{min-height:360px}
  .nav-wrap{width:calc(100% - 18px)}
  .navbar{height:66px;min-height:0;padding:0 12px 0 15px;border-radius:0 0 20px 20px}
  .brand-name::before{font-size:19px}.brand-name::after{font-size:8px;letter-spacing:2.7px}
  .nav-links{top:66px}
  .inner-page-shell{margin-top:0}
}

/* Complete Community footer shared by all portal views. */
.community-footer{background:#fff;border-top:1px solid #e7edf4;margin-top:0}
.community-footer .footer-inner{width:min(1144px,calc(100% - 34px));margin:auto;padding:30px 0 34px;text-align:center;color:#8995a5}
.community-footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:15px}
.community-footer .footer-links a{font-size:14px;padding:0 10px;border-right:1px solid #dce2e9}
.community-footer .footer-links a:last-child{border-right:0}
.community-footer .footer-links a:hover{color:#1f7cf2}
.community-footer .footer-info{font-size:0;line-height:1.75;color:#98a3b0}.community-footer .footer-info::before{content:"Ishgard Community · Portal oficial de la comunidad Ishgard MMORPG. Toda la información de cuentas, rankings, eventos, noticias y servicios del servidor se administra desde este sitio.\A Ishgard MMORPG es un proyecto comunitario independiente. Las marcas y nombres de terceros pertenecen a sus respectivos propietarios.";white-space:pre-line;font-size:13px}
.community-footer .footer-brand{margin-top:15px;font-size:17px;font-weight:900;color:#3a4a61}
.community-footer .copyright{margin-top:8px;font-size:13px;color:#98a3b0}
@media(max-width:560px){
  .community-footer .footer-inner{width:calc(100% - 30px)}
  .community-footer .footer-links a{margin-bottom:8px}
}
@media(min-width:1001px){
  .navbar .nav-link{font-size:16px}
  .navbar .brand-name::before{font-size:22px}
  .navbar .login-top{font-size:15px}
}