@charset "UTF-8";

/*
Theme Name: Tema TagMaker 2026
Theme URI: https://www.tagmaker.com.br
Description: Tema desenvolvido para TagMaker. Este tema não pode ser usado em outros sites sem autorização do Autor.
Author: QuartaDesign
Author URI: https://www.quartadesign.com.br/
Template: qd-base-2.0
Requires at least: 6.8
Tested up to: 6.9
Requires PHP: 8.0
Version: 2.0.0
License: ©2010-2026 QuartaDesign. Este tema não pode ser usado em outros sites sem autorização do Autor.
Text Domain: quartadesign
*/



/*
 * 1.0 - Cores Principais
 *
 * TRADUZIDAS NA MIGRACAO (2026-09). O tema falava o vocabulario da geracao 1:
 *
 *     --cor-principal: #ac1d23;
 *     --cor-secundaria: #3e3e4d;
 *
 * O qd-base-2.0 usa os nomes do WordPress. As cores do TagMaker sao as mesmas
 * — o vermelho e o cinza-azulado nao mudaram, so o nome da variavel.
 *
 * A --cor-secundaria era declarada e NUNCA usada (zero ocorrencias no CSS
 * inteiro). Ela vem junto assim mesmo, porque o pai 2.0 usa a secundaria em
 * regras proprias e deixa-la no padrao dele desalinharia o site.
 *
 * 2026-09
 */

:root {
  --wp--preset--color--primary: #ac1d23;
  --wp--preset--color--secondary: #3e3e4d;
}



/*
 * Cores Principais
 *
 *
 */

/* Cor texto
 */
body {
	color: #666;
}

/* Cor principal
 */
a:link,
a:visited,
#access2 h4,
#access2 ul,
ul.check li:before,
ul.check-cheio li:before,
ul.seta-cheia li:before,
ul.square li:before,
.entry-title a:link,
.entry-title a:visited,
.widget ul,
a.qd-square-icone:hover:before,  
a.qd-square-icone:active:before,
.widget-area a.qd-icone:hover,  
.widget-area a.qd-icone:active,
#access2 a:hover,
#access2 a:active,
.widget ul a:hover,
.widget ul a:active,
ul.check a:hover,
ul.check a:active,
ul.check-cheio a:hover,
ul.check-cheio a:active,
ul.seta-cheia a:hover,
ul.seta-cheia a:active,
ul.square a:hover,
ul.square a:active,
a[href$="pdf"]:before,
a[href$="doc"]:before,
a[href$="docx"]:before,
a[href$="xls"]:before,
a[href$="xlsx"]:before,
a[href$="ppt"]:before,
a[href$="pptx"]:before,
a.qd-bt-inverso:link,
a.qd-bt-inverso:visited,
.mob-menu-language ul li a:hover,
.mob-menu-language ul li a:active {
	color:var(--wp--preset--color--primary);
}

input[type="submit"],
#cookie-box .bt-aceita-cookies,
#mobile-access .menu-fecha,
a.qd-bt-inverso:hover,
a.qd-bt-inverso:active,
a.qd-bt:link,
a.qd-bt:visited  {
	background-color:var(--wp--preset--color--primary);
}
a.qd-bt-inverso:link,
a.qd-bt-inverso:visited {
	border-color: var(--wp--preset--color--primary);
}
#mobile-access .mob-menu-principal a:hover,
#mobile-access .mob-menu-principal a:active,
#mobile-access .mob-menu-principal .current-menu-item > a,
#mobile-access .mob-menu-principal .current-menu-ancestor > a,
#mobile-access .mob-menu-principal .current_page_item > a,
#mobile-access .mob-menu-principal .current_page_ancestor > a,
#mobile-access .mob-menu-principal .current_page_parent > a {
	border-color: #fff;
}

.box-destaque {
	border-top-color:var(--wp--preset--color--primary);
}
#qd-menu-contact ul li {
	background-color: rgba(30,30,30,0.8);
}
#qd-menu-contact ul li a > div {
	background-color: rgba(90,90,90, 0.8);
	border-left: solid 3px rgba(30,30,30,1);
}
#qd-menu-contact ul li:hover {
	background-color: rgba(30,30,30,1);
}
@media (max-width: 600px) {
    #qd-menu-contact ul {
        background-color: rgba(30,30,30,1); /* primaria */
    }
}


/* Cor primaria ou branco
 */
#qd-primary-menu a,
.mini-search-icon:before,
#qd-primary-menu .qd-menu-trigger:before,
#access .qd-menu-trigger:before {
	color: #666;
}
#mobile-menu-trigger {
	background-color: #fff;
}
#mobile-menu-trigger:before {
	color:#666;
}
#mobile-access {
	background: rgb(172,29,35);
	background: linear-gradient(130deg, rgba(172,29,35,1) 0%, rgba(86,30,107,1) 100%);
}
#mobile-access .menu-fecha {
	background-color:var(--wp--preset--color--primary);
}
#mobile-access .mob-menu-principal ul li {
	border-bottom: solid 1px #fff;
}
#mobile-access .mob-menu-principal ul li:first-child {
	border-top: solid 1px #fff;
}



.flutua #qd-primary-menu a,
.flutua .mini-search-icon:before {
}
#qd-primary-menu li:hover > a,
#qd-primary-menu a:focus,
#qd-primary-menu ul ul li:hover > a,
#qd-primary-menu ul ul a:focus,
#qd-primary-menu .current-menu-item > a,
#qd-primary-menu .current-menu-ancestor > a,
#qd-primary-menu .current_page_item > a,
#qd-primary-menu .current-page-ancestor > a,
#qd-primary-menu .current_page_ancestor > a,
#qd-primary-menu .current_page_parent > a {
	border-color: transparent;
}

/* Cor secundaria
#2C3242

 */
a:hover,
a:active {
	color:#2C3242;
}
h1, 
h3, 
h5,
h6,
h2,
h4 {
	color:#2C3242;
}
#modal-box .modal-dialog-close {
	background-color: var(--wp--preset--color--primary);
	border-bottom: none;
}

.single-qd_portfolio h3,
.single-qd_portfolio h4 {
	color: #444;
}

.single-qd_portfolio .escuro h3,
.single-qd_portfolio .escuro h4 {
	color: #fff;
}
/*
 * Header
 *
 *
 */
#branding {
}
.header-row-1 {
	background-color:#444;
}
.header-row-2 {
	background-color: #fff;
}
.header-row-2 > .max-width {
	position:relative;
}
.header-row-3 {
    background-color: #fff;
	border: none;
}
.home .header-row-3 {
}
.flutua.header-row-3 {
	background-color: rgba(255,255,255,0.9);
}
#logo {
	padding: 15px 0;
}
#logo a {
}
#logo a img {
	display: inline-block;
    width: 200px;
}
.header-tel a {
	color: #fff;
}

.header-img .entry-title, 
.header-img .breadcrumbs {
	text-align: center;
}
.main-header.header-img {
	background-color: #444444;
}
.main-header {
	background: var(--wp--preset--color--primary) url("assets/images/Header-TagMaker-Contacts.jpg") no-repeat center center;
	background-size: cover;
	height: 200px;
}
.main-header .max-width {
	height: 100%;
}
.main-header-text {
}
.main-header h1,
.main-header h2 {
    color:#fff;
}
.main-header .breadcrumbs {
	color:rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.3);
	border-radius: 3px;
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
	color:rgba(255,255,255,0.7);
	text-decoration:none;
}
.breadcrumbs a:hover,
.breadcrumbs a:active {
	color:rgba(255,255,255,1);
	text-decoration:none;
}





.entry-meta {
	color: #666;
	clear: both;
	font-size: 13px;
	line-height: 1.2em;
	position: relative;
	padding-top: 0;
	margin: 0;
	border-top: none;
}



/*
 * Menus
 *
 *
 */
#access {
	margin-bottom: 0;
}
#qd-primary-menu ul.qd-menu {
    justify-content: stretch;
}
#qd-primary-menu ul.qd-menu > li {
	position: relative;
	padding: 0 10px;
    flex: 1 1 auto;
}
#qd-primary-menu ul.qd-menu > li.mini-search {
    flex: 0 1 auto;
}
#qd-primary-menu ul.qd-menu > li > a {
}
#qd-primary-menu ul.qd-menu ul {
}
#qd-primary-menu ul ul a {
}
#qd-primary-menu .sub-menu a {
	justify-content: flex-start;
}
#qd-primary-menu .sub-menu a span {
	text-align: left;
}

#qd-primary-menu .current-menu-item > a,
#qd-primary-menu .current-menu-ancestor > a,
#qd-primary-menu .current_page_item > a,
#qd-primary-menu .current_page_ancestor > a,
#qd-primary-menu .current_page_parent > a {
	font-weight: normal;
	border-color: transparent;
}
#qd-primary-menu ul.qd-menu > li > a:after {
    content: '';
    display: block;
    border-top: 3px solid var(--wp--preset--color--primary);
    width: 0%;
    margin: 0 auto;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    transition: all 0.2s;
}

#qd-primary-menu ul.qd-menu > li > a:hover:after, 
#qd-primary-menu ul.qd-menu > .current-menu-item > a:after, 
#qd-primary-menu ul.qd-menu > .current-menu-ancestor > a:after, 
#qd-primary-menu ul.qd-menu > .current_page_item > a:after, 
#qd-primary-menu ul.qd-menu > .current_page_ancestor > a:after, 
#qd-primary-menu ul.qd-menu > .current_page_parent > a:after {
    width: 100%;
}





#qd-menu-language {
	position: absolute;
	top: 5px;
	right: 0;
	width: auto;
}
#qd-menu-language ul li.current-lang a {
    color: #aaa;
	font-weight: bold;
}


/*
 * Footer
 *
 *
 */
#colophon {
}
#supplementary {
	padding-top: 50px;
	padding-bottom: 20px;
}
.widget-title {
}
.widget a:link,
.widget a:visited {
}
.widget a:hover,
.widget a:focus,
.widget a:active {
}

a.qd-square-icone:before {
}
.widget-area a.qd-icone:hover, 
.widget-area a.qd-icone:active,
a.qd-square-icone:hover:before, 
a.qd-square-icone:active:before {
}
#site-info-generator {
}
#colophon a.qd-icone:link,
#colophon a.qd-icone:visited {
}
#colophon a.qd-icone:hover,
#colophon a.qd-icone:active {
}
#colophon a.qd-icone:link:before,
#colophon a.qd-icone:visited:before,
#colophon a.qd-square-icone:link:before,
#colophon a.qd-square-icone:visited:before {
}
#colophon a.qd-icone:hover:before,
#colophon a.qd-icone:active:before,
#colophon a.qd-square-icone:hover:before,
#colophon a.qd-square-icone:active:before {
}

#site-logo-footer img {
	width: 138px;
}
/*
 * Estrutura basica
 *
 *
 */




#modal-box {
	overflow: scroll;
}
span.wpcf7-list-item {
	display: block;
}
.qd-box-mostra {
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.qd-box-mostra.aberto {
	max-height: 1200px;
}
.qd-mostra-box:after {
	font-family: Arial, "sans-serif";
	content: "+";
	font-size: 0.75em;
	display: inline-block;
	margin-left: 0.5em;
	background-color: #ccc;
	border-radius: 1em;
	color: #fff;
	line-height: 1.1em;
	width: 1.1em;
	text-align: center;
}
.qd-mostra-box.ativo:after {
	content: "-";
}
.transparente {
	color: transparent;
}
a.qd-bt:link,
a.qd-bt:visited {
	padding:10px 20px;
	border-radius:6px;
	color:#fff;
}
a.qd-bt:hover,
a.qd-bt:active {
	text-decoration:none;
}
    
/*
 * Estruturas específicas
 *
 *
 */
.beneficios h4 {
	margin-bottom: 0.2em;
	font-size: 1.4em;
}
.beneficios .beneficios-item {
	position: relative;
	padding-left: 80px;
}
.beneficios .beneficios-item::before {
    position: absolute;
    display: block;
    left: 0;
    top: 5px;
    width: 60px;
    height: 60px;
    content: "";
    transition:all .4s ease;
    background-color: var(--wp--preset--color--primary);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 4px;
}
.beneficios .beneficios-item:hover::before {
	background-color: #333;
}
.beneficios .beneficios-sites::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Sites.png");
}
.beneficios .beneficios-logotipos::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Logotipos.png");
}
.beneficios .beneficios-folhetos::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Folhetos.png");
}
.beneficios .beneficios-embalagens::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Emblagens.png");
}
.beneficios .beneficios-banners::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Banners.png");
}
.beneficios .beneficios-papelaria::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Papelaria.png");
}
.beneficios .beneficios-responsivo::before {
	background-image: url("assets/images/QuartaDesign-Icon-Tech-responsivo.png");
}
.beneficios .beneficios-tecnologia::before {
	background-image: url("assets/images/QuartaDesign-Icon-Tech-html5.png");
}
.beneficios .beneficios-transicao::before {
	background-image: url("assets/images/QuartaDesign-Icon-Tech-transicao.png");
}
.beneficios .beneficios-wordpress::before {
	background-image: url("assets/images/QuartaDesign-Icon-Tech-wordpress.png");
}
.beneficios .beneficios-posts::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Posts.png");
}
.beneficios .beneficios-googleads::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Adwords.png");
}
.beneficios .beneficios-content::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Content-Mkt.png");
}
.beneficios .beneficios-emailmkt::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Email-mkt.png");
}
.beneficios .beneficios-newsletter::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Newsletters.png");
}
.beneficios .beneficios-facebookads::before {
	background-image: url("assets/images/QuartaDesign-Icon-Serv-Facebook-Ads.png");
}
.saiba-mais {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 3px !important;
    margin-bottom: -3px;
    font-weight: 700;
    text-decoration:none
}
.saiba-mais:before {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    content: "";
    transition:width .4s ease;
    background-color:var(--wp--preset--color--primary);
}

.saiba-mais:hover:before {
    width:100%
}




.template_template-contato-mapa .box-flutua {
	padding-right: 75px;
}


.qd-show-hide {
}
.qd-show-hide-trigger {
	
}
.qd-show-hide-content {
	padding-top: 1em;
	max-height: 0;
	transition: all 1.6s ease-in-out;
	overflow: hidden ;
}
.qd-show-hide:hover .qd-show-hide-content {
	max-height: 800px;
}


.page-template-template-pagina-portfolio-blog-php #qd_isotope1.posts-grid .hentry .post-content,
.page-template-template-pagina-portfolio-php  .posts-grid .hentry .post-content {
	border:none;
}

.page-template-template-pagina-portfolio-blog-php #qd_isotope1.posts-list .hentry .post-content .entry-text,
.page-template-template-pagina-portfolio-php .posts-list .hentry .post-content .entry-text {
	text-align: center;
}
.page-template-template-pagina-portfolio-blog-php #qd_isotope1.posts-grid .hentry .post-content h3,
.page-template-template-pagina-portfolio-php .posts-grid .hentry .post-content h3 {
	text-align: center;
}

.page-template-template-pagina-portfolio-blog-php #qd_isotope1.posts-grid .hentry .post-content h3 a:link,
.page-template-template-pagina-portfolio-blog-php #qd_isotope1.posts-grid .hentry .post-content h3 a:visited,
.page-template-template-pagina-portfolio-php .posts-grid .hentry .post-content h3 a:link,
.page-template-template-pagina-portfolio-php .posts-grid .hentry .post-content h3 a:visited {
}

.page-template-template-pagina-portfolio-blog-php #qd_isotope1.posts-grid .hentry .post-content h3 a:hover,
.page-template-template-pagina-portfolio-blog-php #qd_isotope1.posts-grid .hentry .post-content h3 a:active,
.page-template-template-pagina-portfolio-php .posts-grid .hentry .post-content h3 a:hover,
.page-template-template-pagina-portfolio-php .posts-grid .hentry .post-content h3 a:active {
}
.page-template-template-pagina-portfolio-blog-php .escuro #qd_isotope1.posts-grid .hentry .post-content h3 a:link,
.page-template-template-pagina-portfolio-blog-php .escuro #qd_isotope1.posts-grid .hentry .post-content h3 a:visited,
.page-template-template-pagina-portfolio-php .escuro .posts-grid .hentry .post-content h3 a:link,
.page-template-template-pagina-portfolio-php .escuro .posts-grid .hentry .post-content h3 a:visited {
	color: #fff;
}

.page-template-template-pagina-portfolio-blog-php .escuro #qd_isotope1.posts-grid .hentry .post-content h3 a:hover,
.page-template-template-pagina-portfolio-blog-php .escuro #qd_isotope1.posts-grid .hentry .post-content h3 a:active,
.page-template-template-pagina-portfolio-php .escuro .posts-grid .hentry .post-content h3 a:hover,
.page-template-template-pagina-portfolio-php .escuro .posts-grid .hentry .post-content h3 a:active {
	color: #fff !important;
	opacity: 0.7;
}

.posts-grid .hentry .post-content {
	border: none;
	/*box-shadow: 2px 2px 3px rgba(0,0,0,0.1)*/
}
.posts-columns-4 .entry-title,
.posts-columns-5 .entry-title{
	text-align: center;
	font-size: 1.3em;
}
.posts-columns-6 .entry-title {
	text-align: center;
	font-size: 1.2em;
}
.posts-grid .hentry .post-content h3 {
	margin:5px 0;
}
.posts-grid .hentry .post-content .entry-header,
.posts-grid .hentry .post-content .entry-summary {
	padding:0 10px;
}


.posts-grid .entry-title a:link,
.posts-grid .entry-title a:visited {
	color: #888;
}
.posts-grid .entry-title a:hover,
.posts-grid .entry-title a:active {
	color: var(--wp--preset--color--primary);
}
.escuro .posts-grid .entry-title a:link,
.escuro .posts-grid .entry-title a:visited {
	color: #fff;
}
.escuro .posts-grid .entry-title a:hover,
.escuro .posts-grid .entry-title a:active {
	color: #aaa;
}


.elementor-button:hover {
	text-decoration: none;
}
.grecaptcha-badge{
    visibility: collapse !important;
}


/*
 * Textos
 *
 *
 */
h1,h2,h3,h4,h5,h6 {
	font-weight:300;
    font-family: 'Montserrat', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2em;
}

h1 {
	font-weight:200;
	font-size:3.2em;
}
h2 {
	font-size:2.3em;
}
.sub-title h2 {
	font-size: 1.3em;
	font-weight:200;
	text-align: center;
}
h3 {
	font-size:2em;
}
h4 {
	font-size:1.7em;
}
.olho, 
h5 {
	font-size:1.7em;
    font-family: 'Montserrat', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 300;
}
h6 {
	font-size:1.3em;
    font-family: 'Montserrat', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}


.escuro ul.check li:before {
    color: #fff;
}


@media (max-width: 480px) {
	#qd-menu-contact ul {
	}
	#qd-menu-contact ul li a {
		border: none;
	}
	#qd-menu-contact ul li:nth-of-type(4) {
		display: none;
	}

}
/**
 * 10.0 - Media Queries
 *
 * v2.0 | 2020-06
 * 
 */

@media (min-width:480px) { 
	/* smartphones, Android phones, landscape iPhone */ 
}
@media (min-width:600px) { 
	/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
    #qd-menu-contact {
        top: 270px;
        left: inherit !important;
        width: inherit;
    }
    .single-post #main-content > .max-width #secondary {
        flex-basis: 35%;
        margin-left: 40px;
        min-width:200px
    }
	.page-template-template-blog .posts-grid .hentry .post-content {
		box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.2);
		background-color: #f9f9f9;
		padding-bottom: 1em;
	}
}
@media (min-width:801px) { 
	/* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.header-row-2 > .max-width {
		justify-content: center;
	}
	.main-header {
		height: 360px;
	}
}
@media (min-width:1025px) { 
	/* big landscape tablets, laptops, and desktops */ 
}