/* Padrão visual das páginas que compartilham a identidade da home. */
body.layout-marca { background: #f5f9fc; color: #312782; padding-top: 114px; padding-bottom: 40px; }
body.layout-marca h1, body.layout-marca h2, body.layout-marca h3, body.layout-marca h4, body.layout-marca h5, body.layout-marca h6 { color: #312782; }
body.layout-marca a { color: #312782; }
body.layout-marca a:hover, body.layout-marca a:focus { color: #312782; text-decoration: underline; }
body.layout-marca p { line-height: 1.5; }
body.layout-marca .muted, body.layout-marca .help-block, body.layout-marca .wizard-help { color: #58708c; }
body.layout-marca .user-account-card, body.layout-marca .plan-card, body.layout-marca .contract-card, body.layout-marca .oferta-card, body.layout-marca .interesse-resumo, body.layout-marca .empty-state, body.layout-marca .verification-card, body.layout-marca .resend-card, body.layout-marca .contract, body.layout-marca .account-card, body.layout-marca .cadastro-card, body.layout-marca .wizard-shell, body.layout-marca .success-panel, body.layout-marca .marca-card, body.layout-marca .marca-table { background: #fff; border: 1px solid #e5e7eb; border-left: 6px solid #f47700; border-radius: 8px; box-shadow: 0 12px 30px rgba(31,36,51,.08); box-sizing: border-box; padding: 24px; margin-bottom: 24px; }
body.layout-marca .user-account-header, body.layout-marca .plan-admin-header, body.layout-marca .contract-admin-header, body.layout-marca .ofertas-hero, body.layout-marca .account-header, body.layout-marca .marca-header { background: #fff; border: 1px solid #e5e7eb; border-left: 6px solid #f47700; border-radius: 8px; padding: 24px; margin: 0 0 24px; box-shadow: 0 12px 30px rgba(31,36,51,.08); }

body.layout-marca .marca-header h3 { margin-top: 0; }
body.layout-marca .oferta-message, body.layout-marca .info-grid strong { color: #244b73; overflow-wrap: anywhere; }
body.layout-marca .interesse-price { color: #312782; }
body.layout-marca .btn:not(.btn-navbar):not(.google-signup-button) { background: #fff; border: 1px solid #312782; border-radius: 4px; box-shadow: none; text-shadow: none; color: #312782; padding: 10px 14px; min-height: 44px; box-sizing: border-box; }
body.layout-marca .btn.btn-primary:not(.btn-navbar):not(.google-signup-button), body.layout-marca .btn.btn-primary:not(.btn-navbar):not(.google-signup-button)-main, body.layout-marca .btn.btn-success:not(.btn-navbar):not(.google-signup-button) { background: #312782; color: #fff; }
body.layout-marca .btn:not(.btn-navbar):hover, body.layout-marca .btn:not(.btn-navbar):focus { background: #312782; color: #fff; text-decoration: underline; }
body.layout-marca a:focus-visible, body.layout-marca button:focus-visible { outline: 3px solid #f47700; outline-offset: 3px; }
body.layout-marca input:not([type=checkbox]):not([type=radio]):not([type=hidden]), body.layout-marca select, body.layout-marca textarea { box-sizing: border-box; min-height: 44px; border: 1px solid #d8dde8; border-radius: 8px; padding: 10px 12px; color: #173f69; box-shadow: none; max-width: 100%; }
body.layout-marca input:focus, body.layout-marca select:focus, body.layout-marca textarea:focus { border-color: #312782; box-shadow: 0 0 0 3px rgba(49,39,130,.14); }
body.layout-marca input[type=checkbox], body.layout-marca input[type=radio] { min-height: 0; width: auto; }
body.layout-marca .nav-tabs { display: flex; flex-wrap: wrap; gap: 6px; border: 0; }
body.layout-marca .nav-tabs > li > a { background: #fff; border: 1px solid #d8dde8; border-radius: 8px; }
body.layout-marca .nav-tabs > .active > a { background: #312782; color: #fff; border-color: #312782; }
body.layout-marca .marca-table { overflow-x: auto; }
body.layout-marca .marca-table table { margin-bottom: 0; }
body.layout-marca th { background: #f4f3f9; color: #312782; }
body.layout-marca td { vertical-align: middle; }
body.layout-marca .plan-card input[type=checkbox] { width: auto; }
body.layout-marca .verification-card, body.layout-marca .resend-card, body.layout-marca .contract { margin: 24px auto; }
body.layout-marca #divLogin { width: auto; max-width: 460px; margin: 24px auto; padding: 24px; background: #fff; border: 1px solid #e5e7eb; border-left: 6px solid #f47700; border-radius: 8px; box-shadow: 0 12px 30px rgba(31,36,51,.08); box-sizing: border-box; }
body.layout-marca #divLogo { width: auto; margin: 0; }
body.layout-marca #divLogin .tamanhoInput, body.layout-marca #divLogin .tamanhoButton { width: 100%; }
body.layout-marca #divLogin h1 { font-size: 28px; line-height: 1.2; }
body.layout-marca .search-landing { padding-top: 24px; }
body.layout-marca .success-panel { margin-top: 24px; }
body.layout-marca .contract-content, body.layout-marca .contract-preview { font-family: var(--fonte-institucional); }
body.layout-marca .navbar {
				margin-bottom: 0;
			}
body.layout-marca .navbar-inverse .navbar-inner {
				background: rgba(255, 255, 255, 0.97);
				border: 0;
				box-shadow: 0 2px 14px rgba(49, 39, 130, 0.14);
				min-height: 90px;
			}
body.layout-marca .navbar .brand { padding: 11px 20px; }
body.layout-marca .navbar .brand-logo { display: block; height: 68px; width: auto; }
body.layout-marca .navbar-inverse .nav > li > a {
				color: #312782;
				font-weight: 600;
				padding-bottom: 35px;
				padding-top: 35px;
				text-shadow: none;
			}
body.layout-marca .navbar-inverse .nav > li > a:hover, body.layout-marca .navbar-inverse .nav > li > a:focus { background: #f4f3f9; color: #f47700; }
body.layout-marca .navbar .nav, body.layout-marca .navbar .nav > li {
				list-style: none;
			}
body.layout-marca .navbar .nav {
				margin-left: 0;
			}


body.layout-marca .navbar .nav { float: right; }
body.layout-marca .navbar-inverse .nav > .active > a { background: #f4f3f9; color: #312782; box-shadow: inset 0 -3px #f47700; }
@media (max-width: 1100px) {
body.layout-marca { padding-top: 0; }
body.layout-marca .navbar-fixed-top {
					margin: 0;
					position: static;
				}
body.layout-marca .navbar .container-fluid {
					box-sizing: border-box;
					padding-left: 16px;
					padding-right: 16px;
					width: 100%;
				}
body.layout-marca .navbar .brand {
					margin-left: 0;
					padding: 16px 8px 16px 0;
					white-space: nowrap;
				}
body.layout-marca .navbar .brand-logo { height: 58px; }
body.layout-marca .navbar .btn-navbar {
					display: block;
					margin: 26px 0 26px 5px;
				}
body.layout-marca .navbar .nav-collapse, body.layout-marca .navbar .nav-collapse.collapse {
					clear: both;
					height: 0 !important;
					overflow: hidden;
					width: 100%;
				}
body.layout-marca .navbar .nav-collapse.in, body.layout-marca .navbar .nav-collapse.collapse.in {
					height: auto !important;
					overflow: visible;
				}
body.layout-marca .navbar .nav-collapse .nav {
					display: block;
					float: none;
					margin: 0 0 10px;
					width: 100%;
				}
body.layout-marca .navbar .nav-collapse .nav > li {
					float: none;
				}
body.layout-marca .navbar .nav-collapse .nav > li > a {
					border-radius: 5px;
					font-size: 14px;
					line-height: 20px;
					padding: 10px 12px;
					text-align: left;
				}


}
@media (max-width: 767px) {
body.layout-marca { padding-left: 0; padding-right: 0; }
body.layout-marca > .marca-card, body.layout-marca > .verification-card, body.layout-marca > .resend-card, body.layout-marca > .contract, body.layout-marca #divLogin { margin: 24px 16px; }
body.layout-marca .row-fluid > [class*='span'] { float: none; margin-left: 0; width: 100%; }
body.layout-marca .user-account-card, body.layout-marca .plan-card, body.layout-marca .contract-card, body.layout-marca .oferta-card { padding: 20px 16px; }
body.layout-marca .navbar .nav { width: 100%; }
}