/**
 * Navegación institucional CINEO.
 */

.main-navigation ul li a img,
.main-navigation ul li a i,
.main-navigation ul li a ._mi,
.mobile-navigation ul li a img,
.mobile-navigation ul li a i,
.mobile-navigation ul li a ._mi {
  display: none !important;
}

.site-header .header-t {
  background: #f8fafc;
  color: #64748b;
  font-size: 13px;
  border-bottom: 1px solid #e2e8f0;
}

.homepage.hasbanner .site-header .header-t {
  background: transparent;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.site-header .custom-logo-link img,
.site-header .custom-logo {
  max-height: 73px;
  width: auto;
  height: auto;
}

.site-header .main-header {
  padding: 14px 0;
}

.site-header .header-t a,
.site-header .header-t .contact-info {
  color: #64748b;
}

.site-header .header-t a:hover,
.site-header .header-t a:focus {
  color: #0284c7;
}

.homepage.hasbanner .site-header .header-t,
.homepage.hasbanner .site-header .header-t a,
.homepage.hasbanner .site-header .header-t .contact-info,
.homepage.hasbanner .site-header .header-t .contact-info svg {
  color: #fff;
  fill: #fff;
}

.homepage.hasbanner .site-header .header-t a:hover,
.homepage.hasbanner .site-header .header-t a:focus {
  color: #bae6fd;
}

.site-header .header-t .contact-info svg {
  width: 14px;
  height: 14px;
  font-size: 13px;
}

@media only screen and (max-width: 1024px) {
  .site-header .header-t > .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    box-sizing: border-box;
    padding: 8px 20px;
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
  }

  .site-header .social-networks {
    float: none;
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 0;
  }

  .site-header .social-networks li {
    float: none;
    margin: 0;
  }

  .header-t #primary-toggle-button,
  #primary-toggle-button {
    float: none;
    box-sizing: border-box;
    margin: 0;
    flex: 0 0 40px;
  }

  .responsive-menu-holder {
    padding: 16px 20px 40px;
    box-sizing: border-box;
  }

  .mobile-navigation ul li a {
    padding: 18px 24px !important;
  }

  .site-header .responsive-menu-holder .social-networks-holder {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media only screen and (min-width: 1025px) {
  .main-header .container,
  .main-header .right,
  .main-navigation,
  .main-navigation ul {
    display: flex;
    align-items: center;
  }

  .main-header .right,
  .main-navigation ul {
    justify-content: flex-end;
  }

  .main-navigation ul li {
    float: none;
    margin-left: 0;
  }

  .homepage.hasbanner .site-header .main-header {
    background: transparent;
    border-bottom: 0;
  }

  .homepage.hasbanner .site-branding .site-title a,
  .homepage.hasbanner .site-branding p.site-description {
    color: #fff;
  }

  .main-navigation ul {
    text-transform: none;
    font-size: 15px;
  }

  .main-navigation ul li a {
    font-family: "Plus Jakarta Sans", Inter, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    text-transform: none;
    letter-spacing: 0.2px;
    padding: 12px 18px;
    border-bottom: 2px solid transparent;
  }

  .homepage.hasbanner .main-navigation ul li a {
    font-family: "Plus Jakarta Sans", Inter, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    letter-spacing: 0.2px;
    padding: 12px 18px;
    border-bottom: 2px solid transparent;
  }

  .main-navigation ul li a:hover,
  .main-navigation ul li a:focus,
  .main-navigation ul li:hover > a,
  .main-navigation ul .current-menu-item > a,
  .main-navigation ul .current-menu-ancestor > a,
  .main-navigation ul .current_page_item > a {
    color: #0284c7;
    border-bottom-color: #0284c7;
  }

  .homepage.hasbanner .main-navigation ul li a:hover,
  .homepage.hasbanner .main-navigation ul li a:focus,
  .homepage.hasbanner .main-navigation ul li:hover > a,
  .homepage.hasbanner .main-navigation ul .current-menu-item > a,
  .homepage.hasbanner .main-navigation ul .current-menu-ancestor > a,
  .homepage.hasbanner .main-navigation ul .current_page_item > a {
    color: #bae6fd;
    border-bottom-color: #bae6fd;
  }

  .main-navigation ul li:after,
  .homepage.hasbanner .main-navigation ul li:after {
    display: none;
  }

  .main-navigation ul ul li a,
  .homepage.hasbanner .main-navigation ul ul li a {
    color: #1e293b;
    padding: 10px 16px;
    border-bottom: 0;
  }

  .main-navigation ul ul li a:hover,
  .homepage.hasbanner .main-navigation ul ul li a:hover {
    color: #0284c7;
  }
}