/*
 * Nova home: paleta do brand guide INFLEET 2026 no layout herdado.
 *
 * As seções antigas (header, home.css, core-structure.css, style.css e CSS do
 * Personalizar) usam cores fora da paleta. Aqui ficam as mesmas regras, com
 * .hn-page (classe do <body> só na nova home), trocando apenas a cor:
 *   #356efc            -> #2365c4 (azul)       | rgba(53,110,252,.1) -> #dce8f9 (abas)
 *   #001f3f / #0c1f44  -> #08244a (azul escuro institucional)
 *   #22c55e            -> #4abf4c (verde)
 *   #1f4eaa (rodapé)   -> #2365c4              | #ccdbff/#fcfdff -> #eef4fc/#ffffff
 * O amarelo dos botões (#f7b50f) não muda.
 *
 * Carregado entre home.css e home-nova.css: os ajustes de home-nova.css, com a
 * mesma especificidade, continuam valendo por virem depois.
 */

.hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .links ul li.is-new a {
  background-color: rgba(74, 191, 76, 0.1);
  box-shadow: rgba(74, 191, 76, 0.35) 0px 0px 0px 1px inset;
}

.hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .links ul li.is-new:hover a {
  background-color: rgba(74, 191, 76, 0.16);
}

.hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .links ul li a .content .title .menu-new {
  background-color: #4abf4c;
}

@media screen and (min-width: 769px) {
  .hn-page .btn-full {
    border-color: #2365c4;
    background-color: #2365c4;
  }

  .hn-page .btn-border-blue {
    border-color: #2365c4;
    color: #2365c4;
  }

  .hn-page .btn-border-blue:hover {
    background-color: #2365c4;
  }
}

@media screen and (min-width: 769px) and (max-width: 1325px) {
  .hn-page .btn-full {
    border-color: #2365c4;
  }

  .hn-page .btn-border {
    color: #2365c4;
  }

  .hn-page .btn-border-blue {
    border-color: #2365c4;
    color: #2365c4;
  }
}

@media screen and (max-width: 768.9px) {
  .hn-page .btn-full {
    border-color: #2365c4;
    background-color: #2365c4;
  }

  .hn-page .btn-full:hover {
    color: #2365c4;
  }

  .hn-page .btn-border-blue {
    border-color: #2365c4;
    color: #2365c4;
  }

  .hn-page .btn-border-blue:hover {
    background-color: #2365c4;
  }
}

@media screen and (min-width: 769px) {
  .hn-page.header-scrolling header {
    background-color: #08244a;
  }

  .hn-page .box-section.navy {
    background-color: #08244a;
  }

  .hn-page header .grid .box-menu nav ul li a .icon {
    stroke: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .links ul li a .icon {
    stroke: #4abf4c;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .image a {
    color: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .image a .icon {
    stroke: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .posts a.link {
    color: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .posts a.link .icon {
    stroke: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .posts .box .box-list-post-menu .title-blog {
    color: #08244a;
  }

  .hn-page footer {
    background-image: linear-gradient(47.99deg, #08244a 43.12%, #2365c4 153.5%);
  }

  .hn-page footer .grid-support .social-media ul li a {
    background-color: #2365c4;
  }

  .hn-page footer .copyright .back-top .icon {
    stroke: #2365c4;
  }

  .hn-page .box-modal .content-modal .close {
    background-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .text .title {
    color: #08244a;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input:hover,
  .hn-page .box-modal .content-modal .grid-modal .form input:focus {
    border-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input[type="submit"] {
    background-color: #2365c4;
    border-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input[type="submit"]:hover {
    color: #2365c4;
  }
}

@media screen and (min-width: 769px) and (max-width: 1325px) {
  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .image a {
    color: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .posts a.link {
    color: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .posts .box .box-list-post-menu .title-blog {
    color: #08244a;
  }

  .hn-page .box-modal .content-modal .close {
    background-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .text .title {
    color: #08244a;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input:hover,
  .hn-page .box-modal .content-modal .grid-modal .form input:focus {
    border-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input[type="submit"] {
    border-color: #2365c4;
  }
}

@media screen and (max-width: 768.9px) {
  .hn-page .box-section.navy {
    background-color: #08244a;
  }

  .hn-page header .grid .items .close .icon {
    stroke: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li a .icon {
    stroke: #2365c4;
  }

  .hn-page header .grid .box-menu nav ul li .sub-menu .grid-submenu .links ul li a .icon {
    stroke: #4abf4c;
  }

  .hn-page footer {
    background-image: linear-gradient(47.99deg, #08244a 43.12%, #2365c4 153.5%);
  }

  .hn-page footer .grid-support .social-media ul li a {
    background-color: #2365c4;
  }

  .hn-page footer .copyright .back-top .icon {
    stroke: #2365c4;
  }

  .hn-page .box-modal .content-modal .close {
    background-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .text .title {
    color: #08244a;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input:hover,
  .hn-page .box-modal .content-modal .grid-modal .form input:focus {
    border-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input[type="submit"] {
    background-color: #2365c4;
    border-color: #2365c4;
  }

  .hn-page .box-modal .content-modal .grid-modal .form input[type="submit"]:hover {
    color: #2365c4;
  }
}

@media screen and (min-width: 769px) {
  .hn-page .tabs .tab a {
    background-color: #dce8f9;
    border-color: rgba(35, 101, 196, 0);
    color: #08244a;
  }

  .hn-page .tabs .tab a.act {
    border-color: #2365c4;
    color: #2365c4;
  }

  .hn-page .tabs .tab a:hover {
    border-color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .title {
    color: #08244a;
  }

  .hn-page .tabs .content .cont-grid .item .btn-border {
    color: #2365c4;
    border-color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .btn-border:hover {
    background-color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .btn-full:hover {
    background-color: #2365c4;
  }

  .hn-page .hero .grid .text .subtitle {
    color: #2365c4;
  }

  .hn-page .hero.navy {
    background-color: #08244a;
  }

  .hn-page .grid-contact .item .subtitle {
    color: #2365c4;
  }

  .hn-page .grid-contact .item .title {
    color: #08244a;
  }

  .hn-page .grid-contact .item ul li .box-icon .icon {
    stroke: #2365c4;
  }

  .hn-page .grid-contact .item ul li .content span {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .grid-contact .item ul li .content a,
  .hn-page .grid-contact .item ul li .content p {
    color: #08244a;
  }

  .hn-page .grid-contact .form h3 {
    color: #08244a;
  }

  .hn-page .grid-contact .form p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .grid-contact .form input:hover,
  .hn-page .grid-contact .form input:focus {
    border-color: #2365c4;
  }

  .hn-page .grid-contact .form input[type="submit"] {
    background-color: #2365c4;
    border-color: #2365c4;
  }

  .hn-page .grid-contact .form input[type="submit"]:hover {
    color: #2365c4;
  }

  .hn-page .clients .grid .item .title {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .clients .grid .item .btn-prev .icon,
  .hn-page .clients .grid .item .btn-next .icon {
    stroke: #2365c4;
  }

  .hn-page .how-it-works {
    background-image: linear-gradient(0deg, #eef4fc 2.83%, #ffffff 105.3%);
  }

  .hn-page .how-it-works::before {
    background-color: #ffffff;
  }

  .hn-page .how-it-works .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .how-it-works .grid .item .title {
    color: #08244a;
  }

  .hn-page .how-it-works .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .how-it-works .grid .item p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .how-it-works .grid .item p::after {
    background-color: #2365c4;
  }

  .hn-page .how-it-works .grid-list .item h3 {
    color: #08244a;
  }

  .hn-page .our-clients .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .our-clients .grid .item .title {
    color: #08244a;
  }

  .hn-page .our-clients .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .our-clients .grid .item a {
    color: #2365c4;
  }

  .hn-page .our-clients .grid .item a .icon {
    stroke: #2365c4;
  }

  .hn-page .our-clients .box-case .box-content .text h3 {
    color: #08244a;
  }

  .hn-page .our-clients .box-case .box-content .text p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .our-clients .box-case .box-content .text a.link {
    color: #2365c4;
  }

  .hn-page .our-clients .box-case .box-content .text a.link .icon {
    stroke: #2365c4;
  }

  .hn-page .blog-home {
    background-image: linear-gradient(45deg, #2365c4 -265.96%, #ffffff 67.67%);
  }

  .hn-page .blog-home .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item .title {
    color: #08244a;
  }

  .hn-page .blog-home .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item a {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item a .icon {
    stroke: #2365c4;
  }

  .hn-page .blog-home .grid-blog .item .title-blog {
    color: #08244a;
  }

  .hn-page .blog-home .grid-blog .item .link {
    color: #2365c4;
  }

  .hn-page .blog-home .grid-blog .item .link .icon {
    stroke: #2365c4;
  }

  .hn-page .functions-app .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .functions-app .grid .item .title {
    color: #08244a;
  }

  .hn-page .functions-app .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .functions-app .grid .item p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .functions-app .grid .item p::after {
    background-color: #2365c4;
  }

  .hn-page .numbers-infos .grid .item .text {
    color: #08244a;
  }

  .hn-page .who-uses-app {
    background-color: #08244a;
  }

  .hn-page .who-uses-app .grid-text .item .subtitle {
    color: #2365c4;
  }

  .hn-page .who-uses-app .grid-text .item .title strong {
    color: #2365c4;
  }

  .hn-page .who-uses-app .grid-text .item p a {
    color: #2365c4;
  }

  .hn-page .who-uses-app .grid-text .item p.small a {
    border-color: #2365c4;
  }

  .hn-page .who-btn-border {
    border-color: #4abf4c;
  }

  .hn-page .who-uses-app .grid-text .item p.small a:hover {
    background-color: #2365c4;
  }

  .hn-page .who-uses-app .grid-text .item .btn-slide .btn-prev .icon,
  .hn-page .who-uses-app .grid-text .item .btn-slide .btn-next .icon {
    stroke: #2365c4;
  }

  .hn-page .who-uses-app .slide-app .item .box-icon {
    background-color: #4abf4c;
  }
}

@media screen and (min-width: 769px) and (max-width: 1325px) {
  .hn-page .tabs .tab a {
    border-color: rgba(35, 101, 196, 0);
    color: #08244a;
  }

  .hn-page .tabs .tab a.act {
    border-color: #2365c4;
  }

  .hn-page .tabs .tab a:hover {
    border-color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .title {
    color: #08244a;
  }

  .hn-page .hero .grid .text .subtitle {
    color: #2365c4;
  }

  .hn-page .grid-contact .item .subtitle {
    color: #2365c4;
  }

  .hn-page .grid-contact .item .title {
    color: #08244a;
  }

  .hn-page .grid-contact .item ul li .content span {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .grid-contact .item ul li .content a,
  .hn-page .grid-contact .item ul li .content p {
    color: #08244a;
  }

  .hn-page .grid-contact .form h3 {
    color: #08244a;
  }

  .hn-page .grid-contact .form p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .grid-contact .form input:hover,
  .hn-page .grid-contact .form input:focus {
    border-color: #2365c4;
  }

  .hn-page .grid-contact .form input[type="submit"] {
    border-color: #2365c4;
  }

  .hn-page .clients .grid .item .title {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .how-it-works .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .how-it-works .grid .item .title {
    color: #08244a;
  }

  .hn-page .how-it-works .grid .item p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .how-it-works .grid-list .item h3 {
    color: #08244a;
  }

  .hn-page .our-clients .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .our-clients .grid .item .title {
    color: #08244a;
  }

  .hn-page .our-clients .grid .item a {
    color: #2365c4;
  }

  .hn-page .our-clients .box-case .box-content .text h3 {
    color: #08244a;
  }

  .hn-page .our-clients .box-case .box-content .text p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .our-clients .box-case .box-content .text a.link {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item .title {
    color: #08244a;
  }

  .hn-page .blog-home .grid .item a {
    color: #2365c4;
  }

  .hn-page .blog-home .grid-blog .item .title-blog {
    color: #08244a;
  }

  .hn-page .blog-home .grid-blog .item .link {
    color: #2365c4;
  }

  .hn-page .functions-app .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .functions-app .grid .item .title {
    color: #08244a;
  }

  .hn-page .functions-app .grid .item p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .numbers-infos .grid .item .text {
    color: #08244a;
  }

  .hn-page .who-uses-app .grid-text .item .subtitle {
    color: #2365c4;
  }
}

@media screen and (max-width: 768.9px) {
  .hn-page .tabs .tab::-webkit-scrollbar-thumb {
    background-color: #2365c4;
  }

  .hn-page .tabs .tab a {
    background-color: #dce8f9;
    border-color: rgba(35, 101, 196, 0);
    color: #08244a;
  }

  .hn-page .tabs .tab a.act {
    border-color: #2365c4;
    color: #2365c4;
  }

  .hn-page .tabs .tab a:hover {
    border-color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .title {
    color: #08244a;
  }

  .hn-page .tabs .content .cont-grid .item .btn-border {
    color: #2365c4;
    border-color: #2365c4;
  }

  .hn-page .tabs .content .cont-grid .item .btn-border:hover {
    background-color: #2365c4;
  }

  .hn-page .hero .grid .text .subtitle {
    color: #2365c4;
  }

  .hn-page .hero.navy {
    background-color: #08244a;
  }

  .hn-page .grid-contact .item .subtitle {
    color: #2365c4;
  }

  .hn-page .grid-contact .item .title {
    color: #08244a;
  }

  .hn-page .grid-contact .item ul li .box-icon .icon {
    stroke: #2365c4;
  }

  .hn-page .grid-contact .item ul li .content span {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .grid-contact .item ul li .content a,
  .hn-page .grid-contact .item ul li .content p {
    color: #08244a;
  }

  .hn-page .grid-contact .form h3 {
    color: #08244a;
  }

  .hn-page .grid-contact .form p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .grid-contact .form input:hover,
  .hn-page .grid-contact .form input:focus {
    border-color: #2365c4;
  }

  .hn-page .grid-contact .form input[type="submit"] {
    background-color: #2365c4;
    border-color: #2365c4;
  }

  .hn-page .grid-contact .form input[type="submit"]:hover {
    color: #2365c4;
  }

  .hn-page .clients .grid .item .title {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .clients .grid .item .btn-prev .icon,
  .hn-page .clients .grid .item .btn-next .icon {
    stroke: #2365c4;
  }

  .hn-page .how-it-works {
    background-image: linear-gradient(0deg, #eef4fc 2.83%, #ffffff 105.3%);
  }

  .hn-page .how-it-works .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .how-it-works .grid .item .title {
    color: #08244a;
  }

  .hn-page .how-it-works .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .how-it-works .grid .item p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .how-it-works .grid-list .item h3 {
    color: #08244a;
  }

  .hn-page .our-clients .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .our-clients .grid .item .title {
    color: #08244a;
  }

  .hn-page .our-clients .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .our-clients .grid .item a {
    color: #2365c4;
  }

  .hn-page .our-clients .grid .item a .icon {
    stroke: #2365c4;
  }

  .hn-page .our-clients .box-case .box-content .text h3 {
    color: #08244a;
  }

  .hn-page .our-clients .box-case .box-content .text p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .our-clients .box-case .box-content .text a.link {
    color: #2365c4;
  }

  .hn-page .our-clients .box-case .box-content .text a.link .icon {
    stroke: #2365c4;
  }

  .hn-page .blog-home {
    background-image: linear-gradient(45deg, #2365c4 -265.96%, #ffffff 67.67%);
  }

  .hn-page .blog-home .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item .title {
    color: #08244a;
  }

  .hn-page .blog-home .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item a {
    color: #2365c4;
  }

  .hn-page .blog-home .grid .item a .icon {
    stroke: #2365c4;
  }

  .hn-page .blog-home .grid-blog .item .title-blog {
    color: #08244a;
  }

  .hn-page .blog-home .grid-blog .item a.link {
    color: #2365c4;
  }

  .hn-page .blog-home .grid-blog .item a.link .icon {
    stroke: #2365c4;
  }

  .hn-page .functions-app .grid .item .subtitle {
    color: #2365c4;
  }

  .hn-page .functions-app .grid .item .title {
    color: #08244a;
  }

  .hn-page .functions-app .grid .item .title strong {
    color: #2365c4;
  }

  .hn-page .functions-app .grid .item p {
    color: rgba(8, 36, 74, 0.7);
  }

  .hn-page .numbers-infos .grid::-webkit-scrollbar-thumb {
    background-color: #2365c4;
  }

  .hn-page .numbers-infos .grid .item .text {
    color: #08244a;
  }

  .hn-page .who-uses-app {
    background-color: #08244a;
  }

  .hn-page .who-uses-app .grid-text .item .subtitle {
    color: #2365c4;
  }

  .hn-page .who-uses-app .grid-text .item .title strong {
    color: #2365c4;
  }

  .hn-page .who-uses-app .grid-text .item p a {
    color: #2365c4;
  }

  .hn-page .who-uses-app .grid-text .item p.small a {
    border-color: #2365c4;
  }

  .hn-page .who-btn-border {
    border-color: #4abf4c;
  }

  .hn-page .who-uses-app .grid-text .item .btn-slide .btn-prev .icon,
  .hn-page .who-uses-app .grid-text .item .btn-slide .btn-next .icon {
    stroke: #2365c4;
  }

  .hn-page .who-uses-app .slide-app .item .box-icon {
    background-color: #4abf4c;
  }
}

.hn-page .blog-internal .grid .text .wp-block-table table:not(:has(thead)) tbody tr:first-child td {
  background-color: rgba(35, 101, 196, 0.08);
  color: #08244a;
  border-bottom-color: rgba(35, 101, 196, 0.2);
}

.hn-page .blog-internal .grid .text .wp-block-table table:not(:has(thead)) tbody tr:first-child:hover td {
  background-color: rgba(35, 101, 196, 0.08);
}

.hn-page.page-template-home .btn-full:hover {
  background-color: #2365c4 !important;
  border-color: #2365c4 !important;
}

.hn-page header .test-free.btn-full:hover {
  background-color: #2365c4 !important;
  border-color: #2365c4 !important;
}

.hn-page.header-scrolling header .test-demo.btn-full:hover {
  background-color: #2365c4 !important;
  border-color: #2365c4 !important;
}

.hn-page.header-scrolling header {
  background-color: #08244a;
}

.hn-page.page-template-home .btn-full:hover {
  background-color: #2365c4 !important;
  border-color: #2365c4 !important;
}

.hn-page header .test-free.btn-full:hover {
  background-color: #2365c4 !important;
  border-color: #2365c4 !important;
}

.hn-page.header-scrolling header .test-demo.btn-full:hover {
  background-color: #2365c4 !important;
  border-color: #2365c4 !important;
}

.hn-page.header-scrolling header {
  background-color: #08244a;
}

.hn-page .item .author-name {
  color: #2365c4;
}

.hn-page .item .author-wrapper:hover {
  color: #2365c4;
}

.hn-page .item .reading-time svg {
  stroke: #2365c4;
}

