/*

              _   ____    ____                _                ______                   _                   
             (_) |_   \  /   _|              / |_             |_   _ `.                (_)                  
             __    |   \/   |   ,--.   .--. `| |-'.---.  _ .--. | | `. \ .---.  .--.   __   .--./) _ .--.   
            [  |   | |\  /| |  `'_\ : ( (`\] | | / /__\\[ `/'`\]| |  | |/ /__\\( (`\] [  | / /'`\;[ `.-. |  
             | |  _| |_\/_| |_ // | |, `'.'. | |,| \__., | |   _| |_.' /| \__., `'.'.  | | \ \._// | | | |  
            [___]|_____||_____|\'-;__/[\__) )\__/ '.__.'[___] |______.'  '.__.'[\__) )[___].',__` [___||__] 
                                                                                          ( ( __))
 
 
    @iMasterDesign Brazil [ ©1998-2077 ]
    iMasterDesign™ | iNet Solutions CORPORATION™
    Web . App . Developer . DBA . Social Marketing

    Marcelo Rocha Main | Founder and CEO by iMasterDesign™
    Full-Stack Developer, imasterdesign@imasterdesign.com.br

PROJECT: Brassolatti Imoveis -- o blog no tema

    Portado das paginas estaticas de blog/ para o tema do WordPress. O layout
    e o mesmo; o que mudou foram os TOKENS.

    O site estatico usava uma geracao anterior de nomes (--navy, --paper,
    --f1) apontando para --im-global-* proprios. O tema tem os seus, e alguns
    VALORES divergem: o paper do estatico era #f8f9fc e o do tema e #f5f7fb;
    o texto era #464646 e aqui e #3a4052; o raio medio era 8px e aqui e 12px.
    Em toda divergencia mandou o TEMA -- blog com paper proprio ao lado de
    pagina com outro se ve na hora.

    Duas trocas de proposito, nao por equivalencia:
      --im-blue-text  #3a7299 -> --im-global-color-accent-text #2f6f9f, que e
        o azul com contraste AA declarado sobre fundo claro.
      --color-silver  #DDDDDD -> --im-global-color-muted. O proprio CSS de
        origem trazia a nota de que #DDD sobre branco dava 1,36:1 e sumia.

    As regras de body.light-theme nao vieram: o tema do WordPress nao tem o
    toggle de tema que o site estatico tinha. Se um dia tiver, elas voltam.

    @iMasterDesign Brazil [ (c)1998-2077 ]
*/
.im-blog-hero{position:relative;background:var(--im-global-color-ink);color:var(--im-global-color-surface);overflow:hidden;padding:calc(var(--im-stick-top) + 72px) 0 64px}.im-blog-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(142,203,245,0.35),transparent)}.im-blog-hero__inner{position:relative;z-index:2;max-width:860px}.im-blog-hero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--im-global-font-body);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--im-global-color-ice);margin-bottom:22px}.im-blog-hero__eyebrow::before{content:'';width:42px;height:1px;background:var(--im-global-color-ice);opacity:0.6}.im-blog-hero__title{color:inherit;font-family:var(--im-global-font-display);font-weight:300;font-size:clamp(38px, 5.4vw, 68px);line-height:1.04;letter-spacing:-0.025em;font-variation-settings:"opsz" 120;margin-bottom:20px}.im-blog-hero__title em{font-style:italic;color:var(--im-global-color-ice);font-weight:400}.im-blog-hero__lead{font-family:var(--im-global-font-body);font-size:clamp(15px, 1.5vw, 18px);line-height:1.75;color:rgba(255,255,255,0.7);max-width:60ch}.im-capa{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--im-global-radius-md);background:var(--im-global-color-primary)}.im-capa__foto{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--im-global-ease)}.im-capa__svg{width:100%;height:100%;display:block}.im-capa__bg{fill:var(--im-global-color-ink)}.im-capa__band{fill:var(--im-global-color-navy-soft);opacity:0.55}.im-capa__band2{fill:var(--im-global-color-accent);opacity:0.10}.im-capa__rule{stroke:var(--im-global-color-ice);stroke-width:3;opacity:0.75}.im-capa__cat{font-family:var(--im-global-font-body);font-size:38px;letter-spacing:9px;fill:var(--im-global-color-ice)}.im-capa__num{font-family:var(--im-global-font-display);font-weight:300;fill:var(--im-global-color-surface);font-variation-settings:"opsz" 144;letter-spacing:-0.02em}.im-blog-list{padding:var(--im-section-y) 0 var(--im-section-y);background:var(--im-global-color-paper)}.im-blog-item{display:grid;grid-template-columns:360px 1fr;gap:42px;padding:44px 0;border-top:1px solid rgba(19,30,62,0.10);align-items:center}.im-blog-item:last-child{border-bottom:1px solid rgba(19,30,62,0.10)}.im-blog-item__capa{box-shadow:0 22px 44px -30px rgba(10,18,40,0.55)}.im-blog-item:hover .im-capa__foto{transform:scale(1.05)}.im-blog-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-family:var(--im-global-font-body);margin-bottom:16px}.im-blog-item__cat{display:inline-block;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--im-global-color-accent-text);border:1px solid rgba(58,114,153,0.30);border-radius:999px;padding:5px 12px}.im-blog-item__date{font-size:13px;color:var(--im-global-color-muted);letter-spacing:0.4px}.im-blog-item__read{font-size:12.5px;color:var(--im-global-color-muted)}.im-blog-item__title{font-family:var(--im-global-font-display);font-weight:300;font-size:clamp(26px, 3vw, 40px);line-height:1.12;letter-spacing:-0.02em;color:var(--im-global-color-primary);font-variation-settings:"opsz" 96;margin-bottom:14px}.im-blog-item__title a{color:inherit}.im-blog-item__title a:hover{color:var(--im-global-color-accent-text)}.im-blog-item__resumo{font-family:var(--im-global-font-body);font-size:16px;line-height:1.75;color:var(--im-global-color-text);max-width:62ch;margin-bottom:20px}.im-blog-item__cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--im-global-font-body);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--im-global-color-primary);border-bottom:1px solid rgba(19,30,62,0.25);padding-bottom:5px;transition:color .3s var(--im-global-ease),border-color .3s var(--im-global-ease),gap .3s var(--im-global-ease)}.im-blog-item__cta:hover{color:var(--im-global-color-accent-text);border-color:var(--im-global-color-accent-text);gap:16px}.im-blog-item__cta i{font-size:11px}.im-post{padding:var(--im-section-y) 0 var(--im-section-y);background:var(--im-global-color-paper)}.im-post__wrap{max-width:760px;margin:0 auto}.im-post__capa{margin:0 0 36px;border-radius:var(--im-global-radius-md);overflow:hidden}.im-post__capa img{width:100%;height:auto;display:block}.im-post__stat{display:flex;align-items:baseline;gap:16px;padding:22px 26px;margin:0 0 40px;background:var(--im-global-color-primary);color:var(--im-global-color-surface);border-radius:var(--im-global-radius-md)}.im-post__stat b{font-family:var(--im-global-font-display);font-weight:300;font-size:clamp(30px, 4vw, 44px);line-height:1;letter-spacing:-0.02em;font-variation-settings:"opsz" 96;color:var(--im-global-color-ice)}.im-post__stat span{font-family:var(--im-global-font-body);font-size:14px;line-height:1.5;color:rgba(255,255,255,0.78)}.im-post__body{font-family:var(--im-global-font-body);font-size:17px;line-height:1.85;color:var(--im-global-color-text)}.im-post__body>p{margin-bottom:24px}.im-post__body>p>strong{color:var(--im-global-color-primary);font-weight:600}.im-post__body h2{font-family:var(--im-global-font-display);font-weight:300;font-size:clamp(24px, 2.8vw, 33px);line-height:1.2;letter-spacing:-0.02em;color:var(--im-global-color-primary);font-variation-settings:"opsz" 72;margin:52px 0 18px}.im-post__list{margin:0 0 26px;padding-left:0;list-style:none}.im-post__list li{position:relative;padding-left:24px;margin-bottom:11px}.im-post__list li::before{content:'';position:absolute;left:2px;top:13px;width:7px;height:1px;background:var(--im-global-color-accent-text)}.im-post__list li strong{color:var(--im-global-color-primary);font-weight:600}.im-post__table{width:100%;border-collapse:collapse;margin:8px 0 32px;font-size:15.5px}.im-post__table caption{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--im-global-color-muted);text-align:left;padding-bottom:12px}.im-post__table th,.im-post__table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(19,30,62,0.10)}.im-post__table thead th{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--im-global-color-muted);font-weight:500;border-bottom-color:rgba(19,30,62,0.20)}.im-post__table tbody th{font-weight:400;color:var(--im-global-color-text)}.im-post__table td{text-align:right;font-variant-numeric:tabular-nums;color:var(--im-global-color-primary)}.im-post__table tr.is-highlight th,.im-post__table tr.is-highlight td{background:rgba(89,174,233,0.08);color:var(--im-global-color-primary);font-weight:600}.im-post__note{margin:0 0 30px;padding:20px 24px;border-left:2px solid var(--im-global-color-accent-text);background:rgba(89,174,233,0.06)}.im-post__note p{margin:0;font-size:15.5px;line-height:1.7;color:var(--im-global-color-text)}.im-post__quote{margin:36px 0;padding:0 0 0 26px;border-left:2px solid var(--im-global-color-primary);font-family:var(--im-global-font-display);font-weight:300;font-style:italic;font-size:clamp(20px, 2.2vw, 26px);line-height:1.42;color:var(--im-global-color-primary);font-variation-settings:"opsz" 72}.im-post__sources{margin-top:56px;padding-top:28px;border-top:1px solid rgba(19,30,62,0.14)}.im-post__sources h2{font-family:var(--im-global-font-body);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--im-global-color-muted);margin:0 0 16px;font-weight:500}.im-post__sources ol{margin:0;padding-left:20px}.im-post__sources li{font-family:var(--im-global-font-body);font-size:14px;line-height:1.65;color:var(--im-global-color-text);margin-bottom:12px}.im-post__sources a{color:var(--im-global-color-accent-text);text-decoration:underline;text-underline-offset:3px;word-break:break-word}.im-post__sources em{color:var(--im-global-color-muted);font-style:normal;font-size:13px}.im-post__cta{margin-top:48px;padding:34px 34px 36px;background:var(--im-global-color-primary);border-radius:var(--im-global-radius-md);color:var(--im-global-color-surface)}.im-post__cta h2{font-family:var(--im-global-font-display);font-weight:300;font-size:clamp(22px, 2.6vw, 30px);line-height:1.16;letter-spacing:-0.02em;color:var(--im-global-color-surface);font-variation-settings:"opsz" 72;margin:0 0 10px}.im-post__cta p{font-family:var(--im-global-font-body);font-size:15.5px;line-height:1.7;color:rgba(255,255,255,0.74);margin:0 0 22px;max-width:52ch}.im-post__cta-row{display:flex;flex-wrap:wrap;gap:12px}.im-post__nav{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:26px;border-top:1px solid rgba(19,30,62,0.14);font-family:var(--im-global-font-body);font-size:12px;letter-spacing:1.6px;text-transform:uppercase}.im-post__nav a{display:inline-flex;align-items:center;gap:9px;color:var(--im-global-color-primary)}.im-post__nav a:hover{color:var(--im-global-color-accent-text)}.im-post__nav>span{color:var(--im-global-color-muted)}@media (max-width:1023px){.im-blog-item{grid-template-columns:260px 1fr;gap:28px}}@media (max-width:767px){.im-blog-hero{padding:calc(var(--im-stick-top) + 40px) 0 34px;text-align:center}.im-blog-hero__inner{max-width:100%}.im-blog-hero__eyebrow{justify-content:center}.im-blog-hero__title{font-size:clamp(32px, 9.6vw, 42px)}.im-blog-hero__lead{margin:0 auto;font-size:15px}.im-blog-list{padding:34px 0 40px}.im-blog-item{grid-template-columns:1fr;gap:18px;padding:26px 0;text-align:center}.im-blog-item__meta{justify-content:center;gap:10px;margin-bottom:12px}.im-blog-item__resumo{margin-left:auto;margin-right:auto;font-size:15px}.im-post{padding:30px 0 40px}.im-post__stat{flex-direction:column;gap:6px;text-align:center;align-items:center;margin-bottom:28px;padding:20px}.im-post__body{font-size:16px;line-height:1.8}.im-post__body h2{margin:34px 0 14px}.im-post__table{display:block;overflow-x:auto;white-space:nowrap}.im-post__cta{padding:26px 22px 28px;text-align:center}.im-post__cta p{margin-left:auto;margin-right:auto}.im-post__cta-row{justify-content:center}.im-post__nav{flex-direction:column;gap:14px;text-align:center}}