/* Opera Prime — shared CSS for content pages (pillars + insights) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#C9A263;--gold2:#E8C97A;--gold3:#F5E4A8;
  --navy:#060E1C;--navy2:#0A1525;--navy3:#0F1D30;
  --w:#ECF0F8;--w80:rgba(236,240,248,.8);--w50:rgba(236,240,248,.5);
  --w20:rgba(236,240,248,.2);--w08:rgba(236,240,248,.06);
  --gb:rgba(201,162,99,.18);
}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--w);font-family:'Inter',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--gold)}
a{color:var(--gold2);text-decoration:none}
a:hover{color:var(--gold3)}

/* NAV (compact, reused across content pages) */
nav.op-nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:18px 60px;display:flex;align-items:center;justify-content:space-between;background:rgba(6,14,28,.94);backdrop-filter:blur(24px);border-bottom:1px solid var(--w08)}
nav.op-nav .logo img{height:36px;display:block}
nav.op-nav .links{display:flex;gap:28px}
nav.op-nav .links a{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--w50);text-transform:uppercase;transition:color .2s}
nav.op-nav .links a:hover{color:var(--gold2)}
nav.op-nav .cta{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--navy);background:var(--gold);padding:10px 24px;text-transform:uppercase;transition:background .2s}
nav.op-nav .cta:hover{background:var(--gold2)}
@media(max-width:900px){nav.op-nav{padding:14px 22px}nav.op-nav .links{display:none}}

/* HERO/HEADER (article-style) */
.op-hero{padding:140px 60px 60px;border-bottom:1px solid var(--w08)}
.op-hero .crumbs{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--w50);margin-bottom:16px}
.op-hero .crumbs a{color:var(--w50)}
.op-hero .crumbs a:hover{color:var(--gold)}
.op-hero h1{font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.08;letter-spacing:-.02em;max-width:900px;margin-bottom:18px}
.op-hero .lede{font-size:clamp(15px,1.5vw,19px);color:var(--w80);line-height:1.65;max-width:760px}
.op-hero .meta{display:flex;align-items:center;gap:14px;margin-top:24px;font-size:12px;color:var(--w50);letter-spacing:.05em}
.op-hero .meta .dot{width:3px;height:3px;background:var(--gold);border-radius:50%}
.op-hero .tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}

/* CONTENT */
article.op-article{padding:60px 60px 100px}
article.op-article .wrap{max-width:780px;margin:0 auto}
article.op-article h2{font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.18;margin:48px 0 16px;color:var(--w);letter-spacing:-.01em}
article.op-article h3{font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.25;margin:32px 0 12px;color:var(--w)}
article.op-article p{font-size:16px;color:var(--w80);line-height:1.75;margin-bottom:18px}
article.op-article ul,article.op-article ol{margin:14px 0 22px 22px}
article.op-article li{font-size:16px;color:var(--w80);line-height:1.7;margin-bottom:8px}
article.op-article blockquote{border-left:3px solid var(--gold);padding:14px 22px;background:rgba(201,162,99,.05);margin:28px 0;font-size:18px;color:var(--w);font-style:italic}
article.op-article strong{color:var(--w);font-weight:700}
/* Tables — applied in articles AND in pillar/service sections */
article.op-article table,.op-section table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;table-layout:auto}
article.op-article th,article.op-article td,.op-section th,.op-section td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--w08);vertical-align:top;line-height:1.5}
article.op-article th,.op-section th{color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:700;white-space:nowrap}
article.op-article tr:hover td,.op-section tr:hover td{background:rgba(255,255,255,.02)}
/* Pricing table — give "Indicado para" the most width, force "Faixa mensal" to fit content + nowrap */
.op-section .price-table th:first-child,.op-section .price-table td:first-child{width:22%;font-weight:600;color:var(--w)}
.op-section .price-table th:nth-child(2),.op-section .price-table td:nth-child(2){width:48%}
.op-section .price-table th:last-child,.op-section .price-table td:last-child{width:30%;color:var(--gold);font-weight:600;white-space:nowrap}
@media(max-width:700px){
  article.op-article table,.op-section table{font-size:13px}
  article.op-article th,article.op-article td,.op-section th,.op-section td{padding:12px 10px}
  .op-section .price-table th,.op-section .price-table td{white-space:normal}
}

/* CTA card inside articles */
.op-cta-card{margin:48px 0;padding:32px 30px;background:linear-gradient(135deg,var(--navy3) 0%,var(--navy2) 100%);border:1px solid var(--gb);border-left:3px solid var(--gold)}
.op-cta-card h3{font-size:20px;font-weight:800;margin:0 0 10px;color:var(--w)}
.op-cta-card p{margin-bottom:16px}
.op-cta-card .btn{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:13px 26px;transition:all .2s}
.op-cta-card .btn:hover{background:var(--gold2);transform:translateY(-2px)}

/* INSIGHTS LIST (blog index) */
.op-list{padding:140px 60px 100px}
.op-list .head{max-width:1120px;margin:0 auto 50px}
.op-list .grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.op-list .card{background:rgba(255,255,255,.04);backdrop-filter:blur(8px);border:1px solid var(--w08);padding:32px 28px;transition:all .3s;display:flex;flex-direction:column}
.op-list .card:hover{border-color:var(--gb);background:rgba(255,255,255,.06);transform:translateY(-3px)}
.op-list .card .cat{font-size:9px;font-weight:700;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.op-list .card h3{font-size:22px;font-weight:800;line-height:1.28;color:var(--w);margin-bottom:12px}
.op-list .card p{font-size:14px;color:var(--w50);line-height:1.65;flex:1;margin-bottom:18px}
.op-list .card .read{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.op-list .card a{color:inherit}
.op-list .card a:hover h3{color:var(--gold2)}
@media(max-width:900px){.op-list{padding:110px 22px 60px}.op-list .grid{grid-template-columns:1fr}}

/* PILLAR — sections with darker bands */
.op-section{padding:80px 60px;border-top:1px solid var(--w08)}
.op-section.alt{background:var(--navy2)}
.op-section .wrap{max-width:1100px;margin:0 auto}
.op-section .label{font-size:9px;font-weight:700;letter-spacing:.38em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;display:block}
.op-section h2{font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:14px}
.op-section .sdiv{width:40px;height:2px;background:linear-gradient(to right,var(--gold),transparent);margin-bottom:38px}
.op-section .lead{font-size:17px;color:var(--w80);line-height:1.7;max-width:780px;margin-bottom:30px}
.op-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.op-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.op-section{padding:60px 22px}.op-grid-2,.op-grid-3{grid-template-columns:1fr}}
.op-tile{background:rgba(255,255,255,.04);border:1px solid var(--w08);padding:28px 26px}
.op-tile h3{font-size:18px;font-weight:800;margin-bottom:10px;color:var(--w)}
.op-tile p{font-size:14px;color:var(--w80);line-height:1.65}

/* FAQ */
.op-faq details{border-top:1px solid var(--w08);padding:18px 0}
.op-faq details:last-of-type{border-bottom:1px solid var(--w08)}
.op-faq summary{cursor:pointer;font-size:17px;font-weight:700;color:var(--w);display:flex;justify-content:space-between;align-items:center;list-style:none}
.op-faq summary::-webkit-details-marker{display:none}
.op-faq summary::after{content:'+';color:var(--gold);font-size:24px;font-weight:300;transition:transform .2s}
.op-faq details[open] summary::after{transform:rotate(45deg)}
.op-faq p{margin-top:14px;font-size:15px;color:var(--w80);line-height:1.7}

/* FOOTER (compact) */
footer.op-foot{background:var(--navy2);border-top:1px solid var(--w08);padding:50px 60px 30px;margin-top:60px}
footer.op-foot .wrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}
footer.op-foot .logo img{height:34px;margin-bottom:10px}
footer.op-foot .tag{font-size:11px;color:var(--w50);max-width:240px;line-height:1.6}
footer.op-foot h4{font-size:9px;font-weight:700;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
footer.op-foot a{display:block;font-size:13px;color:var(--w50);margin-bottom:8px;transition:color .2s}
footer.op-foot a:hover{color:var(--w)}
footer.op-foot .bottom{max-width:1140px;margin:30px auto 0;border-top:1px solid var(--w08);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--w20)}
@media(max-width:900px){footer.op-foot{padding:40px 22px 24px}footer.op-foot .wrap{grid-template-columns:1fr 1fr;gap:24px}}