.blog-figma-page{font-family:Inter,sans-serif;color:#0b0b0b;background:#fff}.blog-figma-page a{text-decoration:none;color:inherit}.blog-figma-breadcrumb,.blog-figma-title,.blog-figma-recent,.blog-figma-podcast,.blog-figma-categories,.blog-figma-reels{width:min(1216px,calc(100% - 40px));margin-inline:auto}.blog-figma-breadcrumb{display:flex;gap:8px;padding-top:28px;color:#696969;font-size:12px}.blog-figma-breadcrumb a{text-decoration:underline}.blog-figma-title{margin-top:46px;padding-bottom:28px;border-bottom:1px solid #d0d0d0}.blog-figma-title h1{margin:0;font-size:30px;line-height:36px;font-weight:600}.blog-figma-recent{padding:28px 0 64px}.blog-figma-recent>h2{margin:0 0 28px;color:#696969;font-size:20px;font-weight:600}.blog-figma-feature-grid{display:grid;grid-template-columns:minmax(0,696px) minmax(0,488px);gap:32px}.blog-figma-feature>a>img{display:block;width:100%;height:387px;object-fit:cover;border-radius:10px}.blog-figma-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.blog-figma-meta span{display:inline-flex;align-items:center;justify-content:center;min-width:91px;height:23px;padding:0 14px;background:#9aca3c;border-radius:99px;font-size:10px}.blog-figma-meta time{color:#696969;font-size:10px}.blog-figma-feature h3{margin:28px 0 14px;font-size:30px;line-height:36px;font-weight:600}.blog-figma-feature p{margin:0;color:#696969;font-size:18px;line-height:28px}.blog-figma-side-list{display:flex;flex-direction:column}.blog-figma-side-list article{padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid #d0d0d0}.blog-figma-side-list article:last-child{border-bottom:0}.blog-figma-side-list a{display:grid;grid-template-columns:176px 1fr;gap:32px}.blog-figma-side-list img{width:176px;height:176px;object-fit:cover;border-radius:10px}.blog-figma-side-list .blog-figma-meta{margin:20px 0 16px}.blog-figma-side-list h3{margin:0 0 12px;font-size:18px;line-height:24px;font-weight:600}.blog-figma-side-list p{margin:0;color:#696969;font-size:16px;line-height:24px}.blog-figma-podcast{position:relative;min-height:260px;margin-bottom:72px;overflow:hidden;border-radius:15px;background-image:linear-gradient(90deg,rgba(11,11,11,.92),rgba(11,11,11,.1)),var(--podcast-image);background-size:cover;background-position:center}.blog-figma-podcast>div{padding:62px 104px}.blog-figma-podcast h2{max-width:500px;margin:0 0 24px;color:#fff;font-size:24px;line-height:32px;font-weight:600}.blog-figma-podcast a{display:inline-flex;align-items:center;gap:15px;padding:16px 32px;background:#9aca3c;border-radius:10px;font-size:16px;font-weight:600}.blog-figma-section-head{display:flex;align-items:end;justify-content:space-between;padding:0 0 24px;margin-bottom:32px;border-bottom:1px solid #d0d0d0}.blog-figma-section-head h2{margin:0;font-size:20px;font-weight:600}.blog-figma-section-head>div{display:flex;gap:32px}.blog-figma-section-head input,.blog-figma-section-head select{width:278px;height:52px;padding:0 16px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;font:500 16px Inter}.blog-figma-section-head select{width:176px}.blog-figma-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 32px}.blog-figma-card img{display:block;width:100%;height:200px;object-fit:cover;border-radius:10px}.blog-figma-card> a>span{display:inline-flex;margin-top:16px;padding:3px 10px;color:#ed1c24;border:1px solid #ed1c24;border-radius:99px;font-size:10px}.blog-figma-card h3{min-height:48px;margin:10px 0 18px;font-size:16px;line-height:22px;font-weight:600}.blog-figma-card b,.blog-figma-reels article>a{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;color:#fff;background:#0b0b0b;border-radius:6px;font-size:12px;font-style:normal}.blog-figma-card b i{color:#9aca3c;font-style:normal}.blog-figma-categories{padding-bottom:64px}.blog-figma-recommended{padding:48px 20px 58px;background:#f5f5f5}.blog-figma-recommended-inner{width:min(1008px,100%);margin:auto}.blog-figma-recommended h2{margin:0 0 28px;font-size:20px;font-weight:600}.blog-figma-recommended h2 span{font-weight:700}.blog-figma-reels{padding:64px 0 80px}.blog-figma-reels>h2{margin:0 0 32px;text-align:center;font-size:20px;font-weight:600}.blog-figma-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.blog-figma-reel-grid article{text-align:center}.blog-figma-reel-player{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:10px;background:#111}.blog-figma-reel-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-figma-reels article>a{margin-top:18px}.blog-figma-page .custom-pagination{margin:48px 0 0}
@media(max-width:900px){.blog-figma-feature-grid{grid-template-columns:1fr}.blog-figma-side-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-figma-side-list a{display:block}.blog-figma-side-list img{width:100%;height:150px}.blog-figma-card-grid{gap:30px 18px}.blog-figma-podcast>div{padding:48px}}
@media(max-width:640px){.blog-figma-breadcrumb,.blog-figma-title,.blog-figma-recent,.blog-figma-podcast,.blog-figma-categories,.blog-figma-reels{width:min(100% - 30px,1216px)}.blog-figma-title{margin-top:30px}.blog-figma-feature>a>img{height:240px}.blog-figma-feature h3{font-size:24px;line-height:30px}.blog-figma-side-list,.blog-figma-card-grid,.blog-figma-reel-grid{grid-template-columns:1fr}.blog-figma-side-list a{display:grid;grid-template-columns:120px 1fr;gap:16px}.blog-figma-side-list img{width:120px;height:120px}.blog-figma-side-list p{display:none}.blog-figma-side-list .blog-figma-meta{margin-top:4px}.blog-figma-podcast>div{padding:38px 24px}.blog-figma-section-head{align-items:stretch;flex-direction:column;gap:20px}.blog-figma-section-head>div{flex-direction:column;gap:10px}.blog-figma-section-head input,.blog-figma-section-head select{width:100%}.blog-figma-card img{height:210px}.blog-figma-recommended{padding-inline:15px}.blog-figma-reel-grid{grid-template-columns:repeat(1,minmax(0,320px));justify-content:center}}
.blog-figma-newsletter{padding:54px 20px;color:#fff;background:#1d1d1d;font-family:Inter,sans-serif}.blog-figma-newsletter>div{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:min(1008px,100%);margin:auto}.blog-figma-newsletter h2{margin:0 0 12px;color:#9aca3c;font-size:20px}.blog-figma-newsletter p{max-width:420px;margin:0;line-height:1.6}.blog-figma-newsletter form{display:flex;gap:12px}.blog-figma-newsletter input{flex:1;height:48px;padding:0 16px;border:0;border-radius:5px}.blog-figma-newsletter button{padding:0 22px;border:0;border-radius:5px;background:#9aca3c;font-weight:700}@media(max-width:640px){.blog-figma-newsletter>div{grid-template-columns:1fr;gap:28px}.blog-figma-newsletter form{flex-direction:column}.blog-figma-newsletter button{height:48px}}

/* Proteção contra regras globais do tema e medidas finais do Figma 686:1506. */
.blog-figma-page,.blog-figma-page *,.blog-figma-newsletter,.blog-figma-newsletter *{font-family:Inter,sans-serif!important}
.blog-figma-title h1{font-size:30px!important;line-height:36px!important;color:#0b0b0b!important}
.blog-figma-recent>h2,.blog-figma-section-head h2,.blog-figma-recommended h2,.blog-figma-reels>h2{font-size:20px!important;line-height:28px!important}
.blog-figma-feature h3{font-size:30px!important;line-height:36px!important;color:#0b0b0b!important}
.blog-figma-side-list h3{font-size:18px!important;line-height:24px!important;color:#0b0b0b!important}
.blog-figma-card h3{font-size:16px!important;line-height:22px!important;color:#0b0b0b!important}
.blog-figma-podcast h2{font-size:24px!important;line-height:32px!important;color:#fff!important}
.blog-figma-card b,.blog-figma-reels article>a{min-height:36px;padding:0 16px!important;background:#0b0b0b!important;color:#fff!important;border-radius:5px!important;font-size:12px!important;line-height:16px!important;font-weight:600!important}
.blog-figma-card b i,.blog-figma-reels article>a span{color:#9aca3c!important}
.blog-figma-card>a>span{color:#ed1c24!important;border-color:#ed1c24!important;background:#fff!important}
.blog-figma-podcast a{background:#9aca3c!important;color:#0b0b0b!important}
.blog-figma-newsletter{min-height:260px;padding:52px 20px;background:#1d1f20!important}
.blog-figma-newsletter>div{width:min(1216px,100%);grid-template-columns:1fr 384px;gap:80px}
.blog-figma-newsletter h2{margin:0 0 14px;color:#9aca3c!important;font-size:20px!important;line-height:28px!important;font-weight:600}
.blog-figma-newsletter p{max-width:430px;color:#fff!important;font-size:16px;line-height:24px}
.blog-figma-newsletter form{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:280px;margin-left:auto}
.blog-figma-newsletter input{box-sizing:border-box;width:280px;height:52px;padding:0 16px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;color:#0b0b0b;font-size:14px}
.blog-figma-newsletter button{width:auto;height:46px;padding:0 24px;border:0;border-radius:8px;background:#9aca3c!important;color:#0b0b0b!important;font-size:14px;font-weight:600;cursor:pointer}
@media(max-width:767px){.blog-figma-title h1{font-size:30px!important;line-height:36px!important}.blog-figma-feature h3{font-size:24px!important;line-height:30px!important}.blog-figma-recent>h2,.blog-figma-section-head h2,.blog-figma-recommended h2,.blog-figma-reels>h2{font-size:20px!important;line-height:28px!important}.blog-figma-side-list h3{font-size:16px!important;line-height:22px!important}.blog-figma-card h3{font-size:16px!important;line-height:22px!important}.blog-figma-podcast h2{font-size:22px!important;line-height:30px!important}.blog-figma-newsletter{min-height:0;padding:44px 20px}.blog-figma-newsletter>div{grid-template-columns:1fr;gap:28px}.blog-figma-newsletter form{width:100%;margin:0}.blog-figma-newsletter input{width:100%}}

/* Refinamento visual após comparação direta com o frame 686:1506. */
.blog-figma-feature h3,.blog-figma-feature p,.blog-figma-side-list h3,.blog-figma-side-list p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.blog-figma-side-list article{box-sizing:border-box;height:208px;margin:0;overflow:hidden}
.blog-figma-podcast{width:min(1008px,calc(100% - 40px))}
.blog-figma-reels{width:min(1008px,calc(100% - 40px))}
.blog-figma-reel-grid{grid-template-columns:repeat(auto-fit,minmax(240px,280px));justify-content:center}
.blog-figma-reel-cover{position:absolute!important;inset:0;display:block!important;margin:0!important;padding:0!important;background:#111!important;border-radius:0!important}
.blog-figma-reel-cover img{width:100%;height:100%;object-fit:cover}
.blog-figma-reel-cover span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.72);color:#9aca3c!important;font-size:25px}
.blog-figma-newsletter input{box-sizing:border-box!important;width:280px!important;height:52px!important;min-height:52px!important;padding:0 16px!important;border:1px solid #d0d0d0!important;border-radius:8px!important;background:#fff!important;color:#0b0b0b!important;font-size:14px!important;line-height:52px!important}
@media(max-width:767px){.blog-figma-side-list article{height:auto}.blog-figma-podcast,.blog-figma-reels{width:min(100% - 30px,1008px)}.blog-figma-newsletter input{width:100%!important}}

/* Tipografia e alinhamentos finais — Figma 686:1506. */
.blog-figma-page h1,.blog-figma-page h2,.blog-figma-page h3,.blog-figma-newsletter h2{font-style:normal!important;letter-spacing:0!important;text-transform:none!important}
.blog-figma-title h1,.blog-figma-recent>h2,.blog-figma-section-head h2,.blog-figma-feature h3,.blog-figma-side-list h3,.blog-figma-card h3,.blog-figma-podcast h2,.blog-figma-recommended h2,.blog-figma-reels>h2,.blog-figma-newsletter h2{font-weight:600!important}
.blog-figma-title h1,.blog-figma-recent>h2,.blog-figma-section-head h2,.blog-figma-feature h3,.blog-figma-side-list h3,.blog-figma-card h3,.blog-figma-podcast h2,.blog-figma-newsletter h2{text-align:left!important}
.blog-figma-card h3{display:-webkit-box!important;box-sizing:border-box;height:44px!important;min-height:44px!important;margin:10px 0 18px!important;overflow:hidden!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px!important;line-height:22px!important}
.blog-figma-card b{margin-top:0!important}
.blog-figma-recommended h2,.blog-figma-reels>h2{text-align:center!important}
.blog-figma-recommended h2 span{font-weight:600!important;color:#696969!important}
.blog-figma-newsletter>div{width:min(800px,100%)!important;grid-template-columns:424px 280px!important;gap:96px!important}
.blog-figma-newsletter p{width:424px!important;max-width:424px!important}
.blog-figma-newsletter form{width:280px!important;margin:0!important}
@media(max-width:900px){.blog-figma-newsletter>div{width:min(1008px,100%)!important;grid-template-columns:1fr 280px!important;gap:40px!important}.blog-figma-newsletter p{width:auto!important}}
@media(max-width:640px){.blog-figma-title h1,.blog-figma-recent>h2,.blog-figma-section-head h2,.blog-figma-feature h3,.blog-figma-side-list h3,.blog-figma-card h3,.blog-figma-podcast h2,.blog-figma-newsletter h2{text-align:left!important}.blog-figma-recommended h2,.blog-figma-reels>h2{text-align:center!important}.blog-figma-newsletter>div{grid-template-columns:1fr!important;gap:28px!important}.blog-figma-newsletter form{width:100%!important}}

/* Cores configuráveis das categorias (painel > Blog > Categorias Blog). */
.blog-figma-meta span,.blog-figma-card>a>span{box-sizing:border-box!important;height:23px!important;padding:0 15px!important;border:0!important;border-radius:15px!important;background:var(--cat-bg,#fff)!important;color:var(--cat-text,#ed1c24)!important;font-size:10px!important;font-weight:400!important;line-height:23px!important}

/* Newsletter — componente Figma 702:598. */
.blog-figma-newsletter{position:relative;box-sizing:border-box!important;height:328px!important;min-height:328px!important;padding:0 20px!important;overflow:hidden;background:linear-gradient(90deg,#0b0b0b 0%,#363636 100%)!important}
.blog-figma-newsletter::before{content:"";position:absolute;z-index:0;top:50%;right:-63px;width:1093px;height:953px;transform:translateY(-50%);background:url("../img/newsletter-pattern.svg") center/100% 100% no-repeat;pointer-events:none}
.blog-figma-newsletter>div{position:relative;z-index:1;box-sizing:border-box;display:grid!important;grid-template-columns:384px 280px!important;column-gap:136px!important;align-items:start!important;width:min(800px,100%)!important;height:328px;margin:0 auto!important;padding-top:101px!important}
.blog-figma-newsletter h2{margin:0 0 11px!important;color:#9aca3c!important;font-size:30px!important;font-weight:600!important;line-height:36px!important;text-align:left!important}
.blog-figma-newsletter p{width:384px!important;max-width:384px!important;margin:0!important;color:#fff!important;font-size:18px!important;font-weight:400!important;line-height:28px!important}
.blog-figma-newsletter p strong{font-weight:700!important}
.blog-figma-newsletter form{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:20px!important;width:280px!important;margin:0!important}
.blog-figma-newsletter input{box-sizing:border-box!important;width:280px!important;height:52px!important;min-height:52px!important;padding:0 15px!important;border:1px solid #696969!important;border-radius:8px!important;background:#fff!important;color:#0b0b0b!important;font-size:16px!important;font-weight:400!important;line-height:24px!important}
.blog-figma-newsletter input::placeholder{color:#696969!important;opacity:1}
.blog-figma-newsletter button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;width:auto!important;height:54px!important;padding:16px 32px!important;border:0!important;border-radius:10px!important;background:#9aca3c!important;color:#0b0b0b!important;font-size:16px!important;font-weight:600!important;line-height:22px!important;white-space:nowrap}
.blog-figma-newsletter button img{display:block;width:19px;height:13px}
@media(max-width:900px){.blog-figma-newsletter>div{grid-template-columns:minmax(0,384px) 280px!important;column-gap:48px!important;width:min(712px,100%)!important}}
@media(max-width:640px){.blog-figma-newsletter{height:auto!important;min-height:0!important;padding:48px 20px!important}.blog-figma-newsletter::before{right:-420px}.blog-figma-newsletter>div{grid-template-columns:1fr!important;gap:28px!important;width:100%!important;height:auto;padding:0!important}.blog-figma-newsletter h2{font-size:28px!important;line-height:34px!important}.blog-figma-newsletter p{width:100%!important;max-width:384px!important;font-size:16px!important;line-height:24px!important}.blog-figma-newsletter p br{display:none}.blog-figma-newsletter form,.blog-figma-newsletter input{width:100%!important}}