/* OnProtector brand overrides — carregado depois de style.css */
:root{
  --op-cyan:#00AEC0; --op-cyan-dark:#0092A2; --op-cyan-soft:#E3F6F8;
  --op-graphite:#5A6064; --op-graphite-dark:#3F4448; --op-ink:#2B2F33;
  --black-1:#2B2F33; --black:#3F4448; --black-accent:#5A6064; --gray:#6F7579;
}
body{color:var(--op-ink)}
h1,h2,h3,h4,h5,h6{color:var(--op-ink)}
/* botões */
.btn-accent{background-color:var(--op-cyan);border-color:var(--op-cyan);color:#fff}
.btn-accent:hover{background-color:transparent;border-color:var(--op-cyan);color:var(--op-cyan)}
.btn-accent.accent{background:var(--op-cyan);border-color:var(--op-cyan);color:#fff}
.btn-accent.accent:hover{background:#fff;color:var(--op-cyan)}
.btn-accent-outline{border-color:var(--op-graphite);color:var(--op-graphite)}
.btn-accent-outline:hover{border-color:var(--op-cyan);color:var(--op-cyan)}
.btn-toggler-accent{background-color:var(--op-graphite-dark);border-color:var(--op-graphite-dark)}
/* detalhes */
.devider{border-left:2px solid var(--op-cyan)}
.read-more{color:var(--op-graphite)} .read-more:hover{color:var(--op-cyan)}
.card-service:hover{background-color:var(--op-cyan-soft);border-color:transparent}
.card-service:hover .rtmicon{color:var(--op-cyan)}
.card-counter.accent{background-color:var(--op-cyan);color:#fff}
.card-counter.accent h5{color:#fff!important}
.card-counter.accent2{background-color:var(--op-cyan-soft)}
.card-counter .fun-fact{color:var(--op-cyan)} .card-counter.accent .fun-fact{color:#fff}
.icon-box.active,.icon-box:hover{background-color:var(--op-cyan-soft);border-color:var(--op-cyan);color:var(--op-cyan)}
.icon-box + div h6,.bg-black-1 .accent-primary{color:#fff}
.devider-progress{border-top-color:#BFE9EE}
.bg-black-1{background-color:var(--op-graphite-dark)!important}
.text-accent{background:linear-gradient(to bottom,var(--op-graphite-dark) 30%,var(--op-cyan) 70%,#fff 100%);-webkit-background-clip:text;background-clip:text}
.partner{color:var(--op-graphite)!important} .partner .rtmicon{color:var(--op-cyan)}
.tab.active img{outline:3px solid var(--op-cyan);outline-offset:-3px}
.accordion-button:not(.collapsed){color:var(--op-cyan)}
.accordion-item:has(.accordion-button:not(.collapsed)){border-left:3px solid var(--op-cyan)}
.nav-link.active{text-decoration-color:var(--op-cyan);text-decoration-thickness:2px}
.dropdown-item:hover,.dropdown-item:focus{background-color:var(--op-cyan-soft);color:var(--op-cyan-dark)}
.request-loader{border-color:var(--op-cyan)} .request-loader i{color:#fff}
.request-loader::before,.request-loader::after{border-color:var(--op-cyan)!important}
.fa-star{color:var(--op-cyan)!important}
.team-name{color:var(--op-cyan-dark)}
.testimonial-container .rtmicon-blockquote{color:var(--op-cyan-soft)!important}
.bg-gray-hover .link,.link .rtmicon{color:var(--op-graphite)}
header{border-bottom:3px solid var(--op-cyan)}
footer .list .link.active{color:var(--op-cyan)!important}
footer .link:hover{color:var(--op-cyan)!important}
footer .gray{color:#BFE9EE!important}
.op-whats{background:#25D366!important;color:#fff}
.op-whats:hover{background:var(--op-cyan)!important}
.op-whats i{color:#fff!important}
footer h1,footer h1 a{color:#fff!important;font-size:clamp(28px,3.4vw,52px)}
footer h1 a:hover{color:var(--op-cyan)!important}
/* Todas as soluções */
.solution-card{border:1px solid var(--gray-outline);border-radius:10px;padding:30px}
.solution-card-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:10px;background:var(--op-cyan-soft);color:var(--op-cyan);font-size:20px}
.solution-link{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.85rem .25rem;border-radius:8px;color:var(--op-graphite);transition:all .3s}
.solution-link i:first-child{flex:none;font-size:18px;color:var(--op-cyan)}
.solution-link span{flex:1 1 auto}
.solution-link .rtmicon-arrow-up-right{flex:none;font-size:14px;opacity:0;transition:all .3s}
.solution-link:hover{padding-inline:1rem;background:var(--op-cyan-soft);color:var(--op-cyan-dark)}
.solution-link:hover .rtmicon-arrow-up-right{opacity:1;transform:translate(2px,-2px)}
