.titbig { font-size: 64px; line-height: 114%; color: #212121 }
.titbig span { display: block }
.titR { display: block; padding-bottom: 14px }
.btH { background: #211858 }

@media (max-width: 768px) {
.titbig { font-size: 34px }
}

/* header hero  . . . . . . . . . . . . . . . . . . . . . . . . . . .*/

.space-header { display:block; height: 80px; }
.header-hero-renova { width: 100%; height: 480px; }
.header-hero-renova .content { display: flex; justify-content: space-between; height: 100% }
.header-hero-renova .bar-logo-co-brand { display: block; padding: 66px 0 21px 0 }
.header-hero-renova .bar-logo-co-brand .logo { width: 100%; max-width: fit-content; }
.header-hero-renova .content .bar { width: 50% }
.header-hero-renova .content .bar-thumb { height: 100%; background: url(../img/img-hero-renovacao.jpg) no-repeat center; background-size: cover; }

.logo-parceiro-certisign { display: flex; align-items: center; }
.logo-parceiro-certisign .logo-parceiro .logo { height: 26px; width: auto; }
.logo-parceiro-certisign .logo-certisign .logo { width: 100%; max-width: fit-content; }
.logo-parceiro-certisign .separa { display: block; width: 1px; background: #BDBDBD; height: 32px; margin: 0 20px; }

@media (max-width: 768px) {

.space-header { display:block; height: 64px; }
.header-hero-renova { height: inherit; }
.header-hero-renova .wrapperFull { padding: 0px; max-width: 100% }
.header-hero-renova .content { flex-direction: column; }
.header-hero-renova .content .bar { width: 100% }
.header-hero-renova .content .bar-text { width: 96%; margin: 0 auto; padding: 0 6px }
.header-hero-renova .bar-logo-co-brand { padding: 26px 0 }
.header-hero-renova .content .bar-thumb { height: 220px; margin-top: 26px }

.logo-parceiro-certisign .logo-certisign .logo { height: 22px }
.logo-parceiro-certisign .logo-parceiro .logo { height: 18px; }
.logo-parceiro-certisign .separa { height: 22px }

}

/* section renovacao  . . . . . . . . . . . . . . . . . . . . . . . . . . .*/

.select-renovacao { width: 100%; background: #FAFAFA; padding: 63px 0 }
.card-alert { background: #F1F1F1;  border-radius: 8px; border-left: solid 4px #593EFF; max-width: 857px; padding: 21px; box-sizing: border-box; margin-top: 35px; display: flex; }
.card-alert .icon { background: url(../img/ico-alert.svg) no-repeat center; width: 17px; min-width: 17px; height: 17px; display: block; margin-right: 17px }

.grade-cards-produtos-renova { display: grid; gap: 23px; width: 100%; margin: 0 auto; grid-template-columns: repeat(auto-fill, minmax(0, 240px)); margin-top: 30px }
.card-produto-renova { background: #fff; border-radius: 8px; border: solid 1px #eee; padding: 16px; box-sizing: border-box; width: 240px; min-height: 225px; display: flex; flex-direction: column; justify-content: space-between; transition: .2s }
.card-produto-renova:hover { background: #eee;  transition: .2s }
.card-produto-renova .bar-icon { height: 46px; display: block; margin-bottom: 12px }
.card-produto-renova .icon { display: block; }
.card-produto-renova .icon-nocomputador { background: url(../img/icon_computador.svg) no-repeat center; width: 41px; min-width: 41px; height: 41px }
.card-produto-renova .icon-tokencartao { background: url(../img/icon_token_cartao.svg) no-repeat center; width: 46px; min-width: 46px; height: 46px }
.card-produto-renova .icon-nuvem { background: url(../img/icon_nuvem.svg) no-repeat center; width: 45px; min-width: 45px; height: 45px }
.card-produto-renova .tit { display: block; margin-bottom: 12px }
.card-produto-renova .bar-cta { display: block; margin-top: 12px }
.card-produto-renova .bar-cta .bt { cursor: pointer; display: flex; justify-content: center; align-items: center; height: 48px; border-radius: 8px; border: solid 1px #211858; color: #211858 }
.card-produto-renova .bar-cta .bt:hover { background: #211858; color: #fff }

@media (max-width: 768px) {
.select-renovacao { padding: 30px 0 }
.card-alert { padding: 14px }
.card-alert .icon { margin-right: 14px }

.grade-cards-produtos-renova { grid-template-columns: repeat(2, 1fr); gap: 8px }
.card-produto-renova { width: 100%; padding: 10px; min-height: 180px }
.card-produto-renova .tit { margin-bottom: 4px }
.card-produto-renova .bar-cta .bt { height: 32px; }
}

/* bread crumb  . . . . . . . . . . . . . . . . . . . . . . . . . . .*/
.bar-bread-blog { padding: 26px 0 }
.bar-bread-blog .breadcrumb {
    font-size: 13px;
    line-height: 135%;
    color: #666;
}

.bar-bread-blog .breadcrumb a {
	font-size: 13px;
    color: #616161;
    text-decoration: none;
    transition: color 0.2s ease;
}

.bar-bread-blog .breadcrumb a:hover {
    color: #003d82;
    text-decoration: underline;
}

.bar-bread-blog .breadcrumb-current {
    color: #222;
    font-weight: 500;
}

@media (max-width: 768px) {
.bar-bread-blog { padding: 16px 0 }
.bar-bread-blog .breadcrumb,.bar-bread-blog .breadcrumb a { font-size: 11px }
}

/* section big cards  . . . . . . . . . . . . . . . . . . . . . . . . . . .*/

.big-cards { padding: 63px 0 }

.big-cards .big-card { width: 100%; height: 376px; display: flex; align-items: center; background: #FAFAFA }
.big-cards .big-card .bar { width: 50% }
.big-cards .big-card .bar.bar-text { padding: 40px; box-sizing: border-box; }
.big-cards .big-card .bar.bar-text .tit { padding-bottom: 16px }
.big-cards .big-card .bar.bar-text .bar-cta { padding-top: 40px }
.big-cards .big-card .bar.bar-thumb { background: url(../img/img-portabilidade.jpg) no-repeat center; background-size: cover; height: 100% }

.big-cards .col2-big-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 60px }
.big-cards .col2-big-cards .big-card-min { width: 100%; height: 233px; border-radius: 8px; display: block; background: #E0E0E0 }
.big-cards .big-card-min.big-card-min-teste { padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; }
.big-cards .big-card-min .tit { padding-bottom: 16px }
.big-cards .big-card-min.big-card-min-teste p span { display: block; padding-top: 16px }
.big-cards .big-card-min.bigcard-compre { background: #211858; color: #fff; display: flex; justify-content: space-between; }
.big-cards .big-card-min.bigcard-compre .bar-thumb { background: url(../img/img-comprar-certificado.jpg) no-repeat center left; height: 100%; width: 233px; min-width: 233px; display: block; }
.big-cards .big-card-min.bigcard-compre .bar-text { padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100% }
.big-cards .big-card-min.bigcard-compre .bar-text .btH { background: #ECF1F9; color: #211858 }
.big-cards .big-card-min.bigcard-compre .bar-text .btH:hover { color: #fff !important }

@media (max-width: 768px) {

.big-cards { padding: 30px 0 }
.big-cards .big-card { height: inherit; flex-direction: column; }
.big-cards .big-card .bar { width: 100% }
.big-cards .big-card .bar.bar-text { padding: 20px }
.big-cards .big-card .bar.bar-thumb { height: 220px }

.big-cards .col2-big-cards { grid-template-columns: repeat(1, 1fr); margin-top: 30px }
.big-cards .col2-big-cards .big-card-min { height: inherit; }
.big-cards .col2-big-cards .big-card-min .bar-text,
.big-cards .col2-big-cards .big-card-min .bar-text .text { padding-bottom: 15px }
.big-cards .big-card-min.bigcard-compre .bar-thumb { width: 133px; min-width: 133px }

}

/* Acordion FAQs . . . . . . . . . . . . . . . . . . . . . . . */

.faq { background: #FAFAFA; padding: 60px 0 }
.wrapper-min { max-width: 857px; margin: 0 auto }
.titBigSection { display: block; margin-bottom: 40px; }
.item-acor { border-bottom: solid 1px #212121; padding: 8px 0; box-sizing: border-box; margin-bottom: 32px; }
.tabs input {
	 position: absolute;
	 opacity: 0;
	 z-index: -1;
}
 .tabs .row {
	 display: flex;
}
 .tabs .row .col {
	 flex: 1;
}
 .tabs .row .col:last-child {
	 margin-left: 1em;
}

/* Accordion styles */
 .tabs {
	overflow: hidden;
    margin: 0 auto;
}
 .tab {
	 width: 100%;
	 overflow: hidden;
	 margin-bottom: 11px;
}
 .tab-label {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 cursor: pointer;
	/* Icon */
}

 .tab-label::after {
	 content: "+";
	 width: 1em;
	 height: 1em;
	 font-size: 22px;
	 text-align: center;
	 transition: all 0.35s;
}
 .tab-content {
 	display: inherit !important;
	 max-height: 0;
	 padding: 0px;
	 transition: all 0.35s;
}

.tab-content p { display: block; margin-bottom: 18px; }
.tab-content a { text-decoration: underline; color: #593EFF }
.tab-content strong { font-weight: 700 }
.tab-content ul { padding: 20px 40px; box-sizing: border-box; }
.tab-content ul li { list-style: disc; margin-bottom: 18px }

.tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 1em;
	 font-size: 0.75em;
	 background: #2c3e50;
	 cursor: pointer;
}
 .tab-close:hover {
	 background: #1a252f;
}

 input:checked + .tab-label h3 { color: #593EFF }

 input:checked + .tab-label::after {
 	content: "|";
 	color: #593EFF;
	transform: rotate(90deg);

}
 input:checked ~ .tab-content {
	 max-height: 100vh;
	 padding: 0px;
}

 input:checked ~ .tab-content .font-medium {
 	color: #666;
 }
 /* fim Acordion FAQs . . . . . . . . . . . . . . . . . . . . . . . */

 /* Overlay - Fundo escurecido */
.popUpModalA3__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none; /* Controlado pelo JS */
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Container do Modal */
.popUpModalA3__content {
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-width: 30%; /* Conforme solicitado */
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.popUpModalA3__content .bar-thumb { margin-bottom: 32px }
.popUpModalA3__content .bar-thumb .thumb { width: 100%; max-width: 300px }
.popUpModalA3__content .bar-text .tit,
.popUpModalA3__content .bar-text .subtit { margin-bottom: 16px }
.popUpModalA3__content .bar-button { display: flex; margin-top: 40px; }
.popUpModalA3__content .bar-button button { border: 0; font-size: 18px; margin-right: 10px; background: #593EFF }
.popUpModalA3__content .bar-button button:hover { background: #4128D9 !important }

/* Ajuste para telas menores */
@media (max-width: 1024px) {
    .popUpModalA3__content { max-width: 80%; }
}

@media (max-width: 768px) {
	.popUpModalA3__content { padding: 20px; height: unset; } 
	.popUpModalA3__content { max-width: 90%; }
}