:root{--forest:#183126;--deep:#09120e;--cream:#eeeade;--paper:#f7f4ec;--sage:#a5b994;--ink:#132118;--muted:#57645a;--line:rgba(19,33,24,.18);--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.17em}
img{display:block;max-width:100%}
button{font:inherit}
.wrap{width:min(100% - 48px,1160px);margin-inline:auto}
.site-header{background:var(--deep);color:var(--paper)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font:700 .76rem/1 var(--sans);letter-spacing:.15em}
.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--sage);border-radius:50%;color:var(--sage);font-size:.7rem;letter-spacing:0}
.main-nav{display:flex;align-items:center;gap:27px;font-size:.78rem;letter-spacing:.04em}
.main-nav a{text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--sage)}
.eyebrow{color:#657d68;font-size:.68rem;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.1}
h1{font-size:clamp(2.7rem,6vw,5.4rem);margin:.2em 0 .24em}
h2{font-size:clamp(2rem,3.2vw,3rem);margin:2.1em 0 .45em}
h3{font-size:1.5rem;margin:1.45em 0 .35em}
p{margin:0 0 1.18em}.lead{font:clamp(1.17rem,2vw,1.5rem)/1.5 var(--serif);color:#34443a}
.blog-intro{padding:78px 0 66px;background:var(--cream)}
.blog-intro p{max-width:700px}.blog-intro h1{max-width:880px}
.blog-intro h1 em,.article-head h1 em{color:#607a61;font-weight:400}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:58px 0 16px}.section-head h2{margin:0}
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:54px;padding:34px 0 90px}
.story-card{display:block;overflow:hidden;border:1px solid var(--line);background:#fffdf8;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.story-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(9,18,14,.12)}.story-card h3{font-size:clamp(2rem,3.4vw,3.5rem);margin:.35em 0 .3em}.story-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.11em}.story-card .summary{max-width:680px;color:#4a594d}.story-card-copy{padding:25px 28px 29px}.story-card-copy .card-author{display:block;margin:18px 0 6px;font-size:.76rem;color:var(--muted)}.story-cover{position:relative;display:flex;align-items:center;justify-content:center;min-height:325px;overflow:hidden;background:var(--cover-bg);color:var(--cover-accent)}.story-cover:before{content:"";position:absolute;inset:auto -15% -52% 36%;height:80%;border:1px solid currentColor;border-radius:50%;opacity:.35}.story-cover img{position:relative;z-index:1;display:block;width:auto;max-width:min(70%,260px);height:auto;max-height:268px;object-fit:contain;box-shadow:8px 16px 18px rgba(0,0,0,.22);transform:rotate(-3deg);transition:transform .25s ease}.story-card:hover .story-cover img{transform:rotate(0) scale(1.04)}.story-cover>span{position:absolute;right:19px;top:18px;font-size:.61rem;font-weight:800;letter-spacing:.18em;writing-mode:vertical-rl}
.cover-tone-vermelho{--cover-bg:#d94835;--cover-accent:#fff1df}.cover-tone-lima{--cover-bg:#cad958;--cover-accent:#1d3021}.cover-tone-vinho{--cover-bg:#621d2b;--cover-accent:#ebc4a1}.cover-tone-azul{--cover-bg:#0d70a8;--cover-accent:#f6e4ad}.cover-tone-ouro{--cover-bg:#d69b2f;--cover-accent:#392713}.cover-tone-cobalto{--cover-bg:#304db1;--cover-accent:#dce6ff}.cover-tone-coral{--cover-bg:#f07660;--cover-accent:#442219}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;padding:34px 0 90px}.post-grid .story-card h3{font-size:clamp(1.8rem,2.8vw,2.8rem)}
.topic-nav{display:flex;gap:10px;flex-wrap:wrap;padding:32px 0 0}.topic-nav a{display:inline-flex;padding:7px 15px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;text-decoration:none}.topic-nav a:hover{background:var(--cream)}
.pagination{display:flex;gap:9px;padding:0 0 80px}.pagination a{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--line);text-decoration:none;font-size:.85rem}.pagination a[aria-current=page]{background:var(--forest);color:var(--paper)}
.sidebar-note{align-self:start;border-top:3px solid var(--forest);padding-top:22px}.sidebar-note h3{margin:0 0 .5em}.sidebar-note p{font-size:.95rem;color:#4a594d}.text-link{font-size:.85rem;font-weight:700}
.article-head{background:var(--cream)}.article-head-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,34%);gap:54px;align-items:center;padding-block:55px}.breadcrumbs{font-size:.76rem;color:var(--muted)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-head h1{max-width:900px;font-size:clamp(2.75rem,5.2vw,5.1rem)}.article-head .lead{max-width:750px}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-top:12px}.article-book{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:435px;margin:0;padding:40px 25px 20px;background:var(--cover-bg);color:var(--cover-accent)}.article-book img{width:auto;max-width:80%;height:auto;max-height:350px;object-fit:contain;box-shadow:12px 17px 22px rgba(0,0,0,.24);transform:rotate(-3deg)}.article-book figcaption{align-self:stretch;display:grid;justify-items:start;gap:11px;margin-top:24px}.book-edition{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.amazon-book-link{display:inline-flex;border:1px solid currentColor;padding:9px 13px;text-decoration:none;font-size:.82rem;font-weight:700;line-height:1.2}.amazon-book-link:hover{background:var(--cover-accent);color:var(--cover-bg)}.affiliate-note{display:block;max-width:34ch;font-size:.74rem;line-height:1.45}.byline,.intro-author{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:.85rem}.byline{margin-top:12px}.byline strong,.intro-author strong{display:block;color:var(--ink)}.byline small{display:block;color:var(--muted)}.author-avatar{display:block;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:#282b2c url('/blog/images/alexandre-formagio.jpg') center 40%/cover no-repeat}.intro-author{margin-top:5px;border-bottom:1px solid var(--line);padding-bottom:8px}.intro-author strong{display:inline}
.article-shell{display:grid;grid-template-columns:minmax(0,730px) minmax(190px,1fr);gap:64px;padding:42px 0 100px;align-items:start}
.article-body{min-width:0}.article-body p,.article-body li{max-width:68ch}.article-body strong{font-weight:700}.article-body a{color:#315b37}
.article-body ul,.article-body ol{padding-left:1.25em}.article-body li{margin:.55em 0}.article-body blockquote{margin:1.7em 0;padding:12px 0 12px 26px;border-left:3px solid var(--sage);font:1.6rem/1.4 var(--serif)}
.answer{background:var(--cream);border-left:4px solid var(--forest);padding:22px 28px;margin:0 0 34px}.answer p{margin:0}
.author-note{margin:0 0 36px;padding:21px 25px;background:#e6e9d1;border-top:3px solid #8d9f42}.author-note span{display:block;font-size:.67rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#40572f}.author-note p{margin:9px 0 0;font:1.2rem/1.45 var(--serif)}
.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0}.principle{background:var(--paper);padding:20px}.principle b{display:block;color:#557057;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.principle strong{display:block;font:1.5rem var(--serif);margin:6px 0}.principle p{font-size:.91rem;line-height:1.55;margin:0}
.diagram{margin:34px 0;padding:28px;background:#12291d;color:var(--paper)}.diagram figcaption{color:var(--sage);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.diagram-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 8px}.diagram-track span{display:grid;place-items:center;min-height:76px;padding:12px;border:1px solid #6c8a70;font:1.22rem var(--serif);text-align:center}.diagram p{margin:0;color:#cbd6c6;font-size:.8rem}
.diagram-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pareto-figure{margin:34px 0;padding:26px;background:var(--cream)}.pareto-figure figcaption{margin-bottom:18px;color:#526a57;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pareto-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;margin:10px 0}.pareto-row b{font-size:.78rem}.pareto-track{display:flex;min-width:0;height:46px}.pareto-track span{display:grid;place-items:center;min-width:0;font-size:.84rem;font-weight:700}.pareto-few{background:var(--forest);color:var(--paper)}.pareto-many{background:#c8d4bd;color:var(--ink)}.pareto-figure p{font-size:.78rem;color:var(--muted);margin:18px 0 0}
.cta{background:var(--forest);color:var(--paper);padding:34px 36px;margin:46px 0}.cta .eyebrow{color:var(--sage)}.cta h2{font-size:2.35rem;margin:.35em 0}.cta p{color:#e4e9dc}.cta a{display:inline-block;border-bottom:1px solid var(--sage);color:var(--paper);font-size:.88rem;font-weight:700;text-decoration:none;padding-bottom:4px}
.article-aside{position:sticky;top:30px;border-top:1px solid var(--line);padding-top:16px;font-size:.78rem}.article-aside b{display:block;margin-bottom:12px;letter-spacing:.12em;text-transform:uppercase}.article-aside a{display:block;text-decoration:none;padding:7px 0;color:var(--muted)}.article-aside a:hover{color:var(--forest);text-decoration:underline}
.source-note{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:44px}
.related{border-top:1px solid var(--line);margin-top:60px;padding-top:1px}.related h2{font-size:2rem;margin:1.1em 0 .6em}.related-links{display:grid;gap:12px}.related-links a{font-family:var(--serif);font-size:1.3rem}
.author-box{display:flex;gap:24px;align-items:center;margin-top:50px;padding:25px;background:var(--cream)}.author-box .eyebrow{margin:0}.author-box h2{font-size:2rem;margin:.2em 0}.author-box p{font-size:.86rem;margin-bottom:10px}.author-box a{font-size:.8rem;font-weight:700}.author-photo{flex:0 0 110px;width:110px;height:140px;background:#282b2c url('/blog/images/alexandre-formagio.jpg') center 40%/cover no-repeat}
.author-page-head{background:var(--forest);color:var(--paper)}.author-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:60px;padding-block:70px}.author-page-head .eyebrow{color:var(--sage)}.author-page-head .lead{color:#e2e8dc}.author-page-head p{max-width:680px}.author-page-head img{width:100%;height:350px;object-fit:cover;object-position:center 40%}
.site-footer{background:var(--deep);color:var(--cream);padding:43px 0}.footer-row{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:.76rem}.footer-row a{text-decoration:none;color:var(--sage)}
/* Remove a margem da fotografia de produto da capa de The Comfort Zone no layout. */
.story-cover img[src$="/the-comfort-zone.jpg"]{width:180px;height:268px;max-width:none;object-fit:cover}
.article-book img[src$="/the-comfort-zone.jpg"]{width:235px;height:350px;max-width:none;object-fit:cover}
@media(max-width:780px){.wrap{width:min(100% - 36px,1160px)}.header-row{min-height:68px}.main-nav{gap:15px;font-size:.7rem}.story-grid,.article-shell,.post-grid,.article-head-grid,.author-page-grid{grid-template-columns:1fr;gap:25px}.sidebar-note{max-width:600px}.article-aside{display:none}.blog-intro{padding:55px 0}.article-head-grid{padding-block:35px}.article-book{min-height:335px}.article-book img{max-height:285px}.principles{grid-template-columns:1fr}.diagram-track{grid-template-columns:repeat(2,1fr)}.diagram-three{grid-template-columns:1fr}.footer-row{align-items:start;flex-direction:column}.article-body{font-size:1rem}.cta{padding:28px}.author-page-grid{padding-block:40px}.author-page-head img{max-width:350px}}
@media(max-width:450px){.brand{gap:9px;font-size:.62rem}.brand-mark{width:33px;height:33px}.main-nav a:last-child{display:none}.diagram-track span{font-size:1.05rem}}
