/* Repaginação local O&P · 2026-09. Paleta: marca/marcas.json > op.
   Carregada depois de op.css. Mantém o catálogo, os links e os componentes. */
:root{--ink:#243544;--ink-soft:#344958;--paper:#fff;--paper-muted:#52616c;--coral:#bd263a;--coral-deep:#a41c30;--teal:#243544;--gold:#bd263a;--line:rgba(36,53,68,.16);--line-dark:rgba(36,53,68,.16)}
body{background:#fff;color:var(--ink)}.ambient{display:none}.site-header{border-bottom:1px solid #e5e1d9}.brand-mark{border-color:#e2d9ce}.brand-name small,.main-nav a,.hero-note,.site-footer,.site-footer p,.site-footer small{color:#52616c}.main-nav a:hover,.main-nav a.is-active{color:#243544}.header-cta{color:#bd263a;border-color:#bd263a;border-radius:5px}.header-cta:hover{color:white}.menu-button{color:#243544}.main-nav.is-open{background:white}.hero{min-height:690px;gap:45px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:60px 0 50px}.hero h1{font-family:var(--sans);font-size:clamp(40px,4.8vw,66px);font-weight:700;line-height:1.06;letter-spacing:-.055em}.hero h1 em{font-style:normal}.hero-lead{max-width:510px;line-height:1.8}.eyebrow{color:#bd263a}.button{border-radius:5px}.button--primary{color:white;background:#bd263a;box-shadow:none}.button--primary:hover{box-shadow:none;background:#a41c30}.button--quiet{color:#243544;border-bottom-color:#d5d9db}.hero-note-icon{color:#bd263a}.hero-note p{font-size:11px}.hero-stage.op-board-stage{min-height:0;height:auto;padding:0;margin:0;display:block;transform:none;perspective:none}.op-board-stage img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.op-board-stage figcaption{font-size:10px;color:#52616c;letter-spacing:.1em;text-align:center;margin-top:12px}.op-board-stage figcaption strong{color:#bd263a;font-weight:600}.category-strip{background:#f3ede3;border-top:1px solid #e2d9ce;border-bottom:1px solid #e2d9ce}.category-links a{color:#243544}.category-links a span{color:#6d777e}.story-card{border:1px solid #e1ded7;border-radius:8px;overflow:hidden;background:white}.story-card:hover{box-shadow:0 9px 22px #2435440d}.story-content{background:white;color:#243544}.story-content h3{color:#243544}.story-category,.story-link{color:#bd263a}.story-content p{color:#52616c}.app-banner{background:#f3ede3;color:#243544;border-radius:10px}.app-visual{background:linear-gradient(145deg,#ede4d6,#f3ede3)}.app-copy h2,.app-copy p,.app-label{color:#243544}.app-copy h2 em{color:#bd263a}.phone-shell,.phone-shell strong{color:white}.phone-card{background:#344958}.button--light{background:#bd263a;color:white;box-shadow:none}.button--light:hover{background:#a41c30;box-shadow:none}.newsletter h2{color:#243544}.newsletter-number{color:#f3ede3}.newsletter-form input{color:#243544;border-color:#929ca3}.newsletter-form input::placeholder{color:#52616c}.newsletter-form button{color:#bd263a}.newsletter-form small{color:#52616c}.site-footer a:hover{color:#bd263a}.site-footer .brand-name{color:#243544}.reveal{opacity:1;transform:none}.op-socials{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;margin:0;padding:12px 0;border-bottom:1px solid #e5e1d9}.op-socials a{color:#52616c}.op-socials a:hover{color:#bd263a}
@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:48px}.main-nav{background:#fff}.menu-button > span:not(.sr-only){background:#243544}}
/* Layout claro em todo o blog; fonte manuscrita apenas nos destaques. */
@font-face{font-family:PermanentMarker;src:url('/assets/PermanentMarker-Regular.ttf') format('truetype');font-display:swap}
:root{--display:'DM Sans',system-ui,sans-serif;--hand:PermanentMarker,cursive;--sand:#f3ede3}
.hero h1,.section-heading h2,.newsletter h2{font-family:var(--hand);font-weight:400;letter-spacing:-.025em;line-height:1.16}
.editorial-section{background:#faf8f4;padding-top:80px;padding-bottom:80px}
.brand-name{font-family:var(--sans);font-weight:700;line-height:1.12;letter-spacing:-.035em}
.site-footer{background:#fff;color:#52616c}
body.artigo{background:#fff;color:#243544}
body.artigo .site-header,body.artigo .site-footer{background:#fff;color:#243544;border-color:#e5e1d9}
body.artigo .site-header{border-bottom:1px solid #e5e1d9}
body.artigo .site-footer{border-top:1px solid #e5e1d9}
body.artigo .site-footer small{color:#52616c}
body.artigo .brand-name,body.artigo .voltar{color:#243544}
body.artigo .voltar:hover{color:#bd263a}
body.artigo .wrap{max-width:850px;padding:0 28px}
.cabecalho{padding:64px 0 34px}
.cabecalho h1{font-family:var(--hand);font-size:clamp(31px,4.2vw,52px);font-weight:400;letter-spacing:-.025em;line-height:1.17;text-wrap:balance}
.kicker{background:#f3ede3;color:#a41c30;border-radius:4px;font-size:11px;letter-spacing:.08em}
.meta{font-size:11px;line-height:1.6;letter-spacing:.065em;color:#52616c}
.lede{font-family:var(--sans);font-size:clamp(18px,2vw,21px);font-weight:400;line-height:1.75;padding-left:20px;border-left:3px solid #bd263a;color:#344958}
body.artigo article{font-size:18px;line-height:1.85}
body.artigo article h2{font-family:var(--sans);font-weight:700;font-size:clamp(25px,3vw,34px);letter-spacing:-.025em;line-height:1.25;margin-top:48px}
body.artigo article h3{font-family:var(--sans);font-weight:700;font-size:22px;line-height:1.35}
body.artigo article a:not(.botao){color:#a41c30;border-bottom-color:#bd263a65}
body.artigo article li::marker{color:#bd263a}
body.artigo .nota{background:#f3ede3;color:#344958;padding:18px 22px;border-left:3px solid #bd263a;font-size:15px;line-height:1.7}
body.artigo .cta{background:#f3ede3;color:#243544;padding:32px;border:1px solid #e2d9ce;border-radius:10px}
body.artigo .cta h2{color:#243544;line-height:1.2}
body.artigo .cta p{color:#52616c}
body.artigo .botao{background:#bd263a;color:#fff;border-radius:6px;box-shadow:none}
body.artigo .botao:hover{background:#a41c30;box-shadow:none}
body.artigo .autora{margin-top:36px;padding-top:28px}
body.artigo .comando{background:#243544;color:#fff}
body.artigo .comando .nota{background:transparent;color:#e4e9ec}
.recipe-nav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}
.recipe-nav a{border:1px solid #bd263a50;border-radius:6px;padding:10px 15px;font-size:14px;color:#a41c30;min-height:44px}
.recipe-nav a:hover{background:#f3ede3}
.recipe-video{width:100%;aspect-ratio:16/9;background:#243544;border-radius:10px}
.recipe-signature{display:flex;align-items:center;gap:18px;background:#f3ede3;border-left:4px solid #bd263a;padding:20px;margin:26px 0}
.recipe-signature img{width:76px;height:76px;object-fit:contain;flex-shrink:0}
.recipe-signature p{margin:0;font-size:16px}
.story-art--bolo{background:#f3ede3;display:flex;align-items:center;justify-content:center;gap:24px;padding:28px;color:#243544}
.story-art--bolo img{width:140px;height:140px;object-fit:contain}
.story-art--bolo strong{font:400 clamp(25px,3vw,38px)/1.15 var(--hand);max-width:210px}
@media(max-width:760px){body.artigo .wrap{padding:0 20px}.cabecalho{padding-top:38px}.cabecalho h1{font-size:clamp(30px,8vw,42px)}body.artigo article{font-size:17px;line-height:1.8}body.artigo .site-header{min-height:82px;position:relative}body.artigo .site-footer{padding:28px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.meta{gap:10px 18px}.recipe-signature{padding:16px;gap:12px}.recipe-signature img{width:58px;height:58px}body.artigo .cta{padding:24px}.section-heading h2{font-size:clamp(34px,8vw,50px)}.recipe-nav a{flex:1;text-align:center}}
@media print{body.artigo{background:#fff}.site-header,.site-footer,.recipe-nav,video,.cta{display:none!important}.wrap{max-width:100%!important;padding:0!important}.cabecalho{padding:10px 0}article{font-size:12pt!important}h2,h3{break-after:avoid}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:40px 0 45px;gap:25px;min-height:0}.hero h1{font-size:43px;max-width:520px}.hero-lead{font-size:15px}.hero-stage.op-board-stage{width:min(100%,550px);margin:auto}.op-board-stage figcaption{font-size:8px}.category-links{gap:17px}.app-banner{border-radius:0}.site-footer{grid-template-columns:minmax(0,1fr)}.site-footer>*{min-width:0;max-width:100%;white-space:normal}.site-footer>div{flex-wrap:wrap;gap:15px}}
