/* ================================ NOSSOS PLANOS ============================== */
section#nossos-planos {  width: -webkit-fill-available; display: flex;padding: 12vh 0  var(--spac10);}
section#nossos-planos h1 {padding-bottom: var(--spac10); align-self: center; }
.content-nossos-planos {display: none !important;}
.content-nossos-planos.active {display: flex !important;}

section#planos-completos .flex-container { border: 1px solid var(--border-color); border-radius: var(--box-border-radius);overflow: hidden; margin-top: var(--spac8);flex-direction: column; gap: 0; }
section#planos-completos .grid-container { gap: 0;}

section#planos-completos ul#planos-precos { grid-template-columns: 1fr 1fr 1fr; border-bottom: 1px solid var(--border-color);}
section#planos-completos ul#planos-precos li { position: relative; background-color: var(--lightbg); border-right: 1px solid var(--border-color); padding: var(--spac8) var(--spac8) var(--spac8); display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--spac6); }
section#planos-completos ul#planos-precos li:hover { background-color: var(--white) }
section#planos-completos ul#planos-precos li:hover .secundary { background-color: var(--lightgreen); color: var(--white); border-color:var(--lightgreen);}
section#planos-completos ul#planos-precos li:hover .secundary:hover { background-color: var(--lightgreen-hover) }
section#planos-completos ul#planos-precos li:last-child { border-right: 0;  }
p.riscado{text-decoration: line-through; opacity: .7;}
section#planos-completos ul#planos-precos li p.price-excep {font-size: 19px; font-weight: var(--font-semibold); padding: ;}
section#planos-completos ul#planos-precos li p.price-excep b {font-size: 22px;color: var(--darkgreen);}
section#planos-completos ul#planos-precos li span.line-color {width: 100%; height: 5px; position: absolute;left: 0; top: 0; } 
section#planos-completos ul#planos-precos li span.line-color.bronze {background-color: var(--bronze);} 
section#planos-completos ul#planos-precos li span.line-color.prata {background-color: var(--prata);} 
section#planos-completos ul#planos-precos li span.line-color.ouro {background-color: var(--ouro);} 

section#planos-completos #servicos-inclusos {background-color: var(--darkbg);}
section#planos-completos #servicos-inclusos ul {grid-template-columns: 1fr 1fr 1fr;gap: var(--spac4);}
section#planos-completos #servicos-inclusos ul li {display: flex; gap: var(--spac3); align-items: center;}
section#planos-completos #servicos-inclusos ul li i {background-color: var(--lightgreen);}
section#planos-completos #servicos-inclusos ul li p {color: var(--darkgreen);}

section#planos-completos .infos-auxiliares div {display: flex; gap: var(--spac8);padding: var(--spac8) 0;border-bottom: 1px solid var(--border-color);}
section#planos-completos .infos-auxiliares div.last { border-bottom: 0;}
section#planos-completos .infos-auxiliares div i {width: 28px; height: 28px; background-color: var(--lightgreen);}
section#planos-completos .infos-auxiliares div span {width: -webkit-fill-available;display: flex; flex-direction: column;gap: var(--spac1);}

section#planos-completos #perguntas-e-blog .grid-container {grid-template-columns: inherit;    justify-content: center; display: flex;}
section#planos-completos #perguntas-e-blog .grid-container .perguntas {max-width: 980px;}


section#servicos-avulsos {display: flex;flex-direction: column;gap: var(--spac8); padding-bottom: var(--spac16);}
section#servicos-avulsos #comparativo table b {color: var(--darkgreen); }
section#servicos-avulsos #comparativo table th {font-size: 14px !important; }
section#servicos-avulsos #comparativo table td p {font-size: 13px;line-height: 1.4; }
section#servicos-avulsos #comparativo table td span {display: none;}
section#servicos-avulsos #comparativo table th, section#servicos-avulsos #comparativo table td {width: 120px;}
section#servicos-avulsos #comparativo table th:first-child, section#servicos-avulsos #comparativo table td:first-child, section#servicos-avulsos #comparativo table th:last-child, section#servicos-avulsos #comparativo table td:last-child {width: auto;}
section#servicos-avulsos #comparativo table td, section#servicos-avulsos #comparativo table th { padding: var(--spac3); }
section#servicos-avulsos #comparativo table td:nth-child(odd), section#servicos-avulsos #comparativo table th:nth-child(odd) { font-weight: var(--font-regular); color: var(--text); font-size: 16px; }

section#servicos-avulsos #comparativo table td:last-child { vertical-align: top;}
section#servicos-avulsos #comparativo table td:last-child i { width: 18px; transition: .1s;    margin: 8px 18px 0 -21px; background-color: var(--darkgreen);}
section#servicos-avulsos #comparativo table tr:hover td:last-child i { transform: rotate(180deg); }
section#servicos-avulsos #comparativo { padding: var(--spac8) 0}
section#servicos-avulsos #comparativo table td:first-child p {max-height: 500px;overflow: hidden;transition: max-height 0.1s ease-out;}
section#servicos-avulsos #comparativo table tr:hover td:first-child p {max-height: 500px;}




.black-friday-img {display: none;}
#countdown-timer {display: none;}
/* ================== BLACK FRIDAY ================== 
.planos-antigos #nossos-planos .row { flex-direction: row;justify-content: space-around;}
.planos-antigos .black-friday-img {display: flex ;}
.planos-antigos #countdown-timer {display: flex;}
.planos-antigos section#nossos-planos {padding: 6vh 0 0;}
.planos-antigos body { background-color: #000; }
.planos-antigos h1 {display: none;}
.planos-antigos img { max-width: 580px; width: 100%;}
.planos-antigos .gradient_marcasja {background: #000;}
.planos-antigos section#planos-completos .flex-container {border: 0; }
.planos-antigos header {background-color: var(--lightbg);border-top: 1px solid var(--border-color) !important;border-bottom: 1px solid var(--border-color);transition: .3s;}
.planos-antigos section#planos-completos .infos-auxiliares div span h5 {color: var(--lightgreen);}
.planos-antigos section#planos-completos .infos-auxiliares div span p {color: #c7c7c7;}
.planos-antigos section#planos-completos .infos-auxiliares div {border-bottom: 1px solid #333}
.planos-antigos footer.simple .footer-logos {border-top: 1px solid #333;}
.planos-antigos #perguntas-e-blog h3 {color: var(--lightgreen);}
.planos-antigos #perguntas-e-blog h5 {color: var(--lightgreen);}
.planos-antigos #perguntas-e-blog p {color: #c7c7c7;}
.planos-antigos #perguntas-e-blog .grid-container ul.perguntas li {    border-bottom: 1px solid #333;}
.planos-antigos #perguntas-e-blog .grid-container ul.perguntas li:hover span {background-color: #333;}
.planos-antigos #perguntas-e-blog .grid-container ul.perguntas li.active span {background-color: #222;}
.planos-antigos #perguntas-e-blog .grid-container ul.perguntas li.active p {background-color: #222;}
.planos-antigos #perguntas-e-blog .grid-container ul.perguntas li span i {background-color: var(--lightgreen);}
.planos-antigos #last-days h4 { font-size: 22px;}

.planos-antigos .countdown-container {display: flex;justify-content: center;align-items: center;gap: 14px;margin: 0 0;padding: 14px 0;}
.planos-antigos .countdown-item {display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 1em;background: #00201a;border-radius: 23px;width: 75px;}
.planos-antigos .countdown-number {font-size: 2.5em;font-weight: bold;color: #8ce4a8;line-height: 1;}
.planos-antigos .countdown-label {font-size: 0.8em;text-transform: uppercase;color: #c2d4d1;font-weight: 500;}
@media (max-width: 1150px) {
     .planos-antigos img {margin: 0 auto;}
     .planos-antigos #nossos-planos .row { flex-direction: column;justify-content: space-around;}
}
@media (max-width: 768px) {
     .planos-antigos #last-days h4 {font-size: 16px}
     .planos-antigos .countdown-container {gap: 10px;padding: 15px;}
     .planos-antigos .countdown-number {font-size: 1.8em;}
     .planos-antigos .countdown-label {font-size: 0.75em;}
     .planos-antigos .countdown-item {width: 36px !important;}
}
 ================== BLACK FRIDAY ================== */







@media (max-width: 850px) {
     section#planos-completos ul#planos-precos {grid-template-columns: 1fr;}
     section#planos-completos ul#planos-precos li{    gap: var(--spac3);    border-bottom: 1px solid var(--border-color);}
     #servicos-inclusos {padding: var(--spac6);}
     #servicos-inclusos .flex-row {flex-direction: column-reverse !important; gap: var(--spac4);}
     section#planos-completos #servicos-inclusos ul{grid-template-columns: 1fr;}
}
@media (max-width: 750px) { 
     section#nossos-planos { padding: 100px 0 var(--spac4);}
     .new-switch a p span {display: none;}
     section#planos-completos .infos-auxiliares div {gap: var(--spac4);}
     section#planos-completos #perguntas-e-blog .row {padding: 0;}
     section#planos-completos .gap8 {gap: var(--spac4) }
     section#nossos-planos h1{padding-bottom: var(--spac10);}


     section#servicos-avulsos #comparativo table thead tr{ display: none; }
     section#servicos-avulsos #comparativo table tr td:first-child {display: flex;flex-direction: column;}
     section#servicos-avulsos #comparativo table td span {display: flex;}

     section#servicos-avulsos #comparativo table tr{ display: flex;flex-direction: column;width: -webkit-fill-available; gap: var(--spac4); padding: var(--spac4); border-radius: var(--box-border-radius); }
     section#servicos-avulsos #comparativo table tr td{ display: flex;width: 100%;padding: 0; }
     section#servicos-avulsos #comparativo table td:first-child p {max-height: 500px;}
     section#servicos-avulsos #comparativo table td:nth-child(odd), section#servicos-avulsos #comparativo table th:nth-child(odd){font-size: 14px;}

}