/* ============================================================
   Blog 3T - redesign (Manual da Marca: #FFCB00 / #000 / #FFF)
   Scope: home articles section, /artigos listing, article page.
   Namespaced under .b3t- to avoid touching legacy styles.
   ============================================================ */

.b3t-section{background:#FFFFFF;padding:44px 0}
/* home section sits in the site's .container; /artigos and article pages use the contained wrap below */
.b3t-wrap{max-width:1140px;margin:0 auto;padding:0 15px}
.b3t-card:active,.b3t-featured:active{border:1px solid #E6E6E6} /* legacy a:active{border:none} would shift layout */
.b3t-share a:active{border:1.5px solid #000}

/* section heading */
.b3t-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.b3t-sechead h2{font-size:26px;font-weight:900;letter-spacing:-.01em;color:#000;margin:0}
.b3t-sechead h2 em{font-style:normal;box-shadow:inset 0 -10px 0 #FFCB00}
.b3t-sechead .b3t-all{font-size:13px;font-weight:700;color:#000;text-decoration:none}
.b3t-sechead .b3t-all:hover{color:#000;text-decoration:none}
.b3t-sechead .b3t-all .b3t-ar{display:inline-block;transition:transform 180ms cubic-bezier(.2,0,0,1)}
.b3t-sechead .b3t-all:hover .b3t-ar{transform:translateX(4px)}

/* chip: caixa quadrada (grafismo do manual) */
.b3t-chip{display:inline-block;background:#FFCB00;color:#000;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px 4px;line-height:1.4}
.b3t-chip-neg{background:#000;color:#FFCB00}

/* article card */
.b3t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.b3t-card{background:#FFF;border:1px solid #E6E6E6;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.05);text-decoration:none;color:#000;transition:box-shadow 180ms cubic-bezier(.2,0,0,1)}
.b3t-card:hover{color:#000;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.b3t-card .b3t-img{position:relative;overflow:hidden;background:#000;padding-top:62.5%}
.b3t-card .b3t-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,0,0,1)}
.b3t-card .b3t-img .b3t-chip{position:absolute;top:12px;left:12px}
.b3t-card .b3t-bd{padding:18px 20px 16px;display:flex;flex-direction:column;flex:1}
.b3t-card h3{font-size:18px;font-weight:700;line-height:1.3;color:#000;margin:0 0 8px;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:3px;text-underline-offset:4px;transition:text-decoration-color 180ms cubic-bezier(.2,0,0,1)}
.b3t-card .b3t-exc{font-size:13.5px;line-height:1.6;color:#666;margin-bottom:14px}
.b3t-card .b3t-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.b3t-card .b3t-dt{font-size:11.5px;font-weight:500;color:#666}
.b3t-card .b3t-read{font-size:12.5px;font-weight:700;color:#000}
.b3t-read .b3t-ar,.b3t-all .b3t-ar{color:#FFCB00;font-weight:900;display:inline-block;transition:transform 180ms cubic-bezier(.2,0,0,1)}
.b3t-card:hover h3{text-decoration-color:#FFCB00}
.b3t-card:hover .b3t-read .b3t-ar{transform:translateX(4px)}
@media (prefers-reduced-motion: no-preference){
  .b3t-card:hover .b3t-img img{transform:scale(1.05)}
}
.b3t-card:focus-visible,.b3t-featured:focus-visible{outline:3px solid #FFCB00;outline-offset:3px}

/* home: horizontal snap on mobile */
@media(max-width:1024px){.b3t-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .b3t-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:8px}
  .b3t-grid .b3t-card{flex:0 0 84%;scroll-snap-align:start}
}

/* /artigos hero */
.b3t-hero{background:#000;color:#FFF;padding:40px 0 36px}
.b3t-hero .b3t-kick{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFCB00;margin-bottom:8px}
.b3t-hero h1{font-size:34px;font-weight:900;letter-spacing:-.01em;color:#FFF;margin:0}
.b3t-hero p{font-size:14px;color:#BBB;margin:8px 0 0}
@media(max-width:640px){.b3t-hero h1{font-size:26px}}

/* featured */
.b3t-featured{display:flex;background:#FFF;border:1px solid #E6E6E6;overflow:hidden;margin:28px 0 24px;box-shadow:0 1px 2px rgba(0,0,0,.05);text-decoration:none;color:#000;transition:box-shadow 180ms cubic-bezier(.2,0,0,1)}
.b3t-featured:hover{color:#000;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.b3t-featured .b3t-fimg{width:52%;position:relative;flex:none;overflow:hidden;background:#000;aspect-ratio:16/9.4}
.b3t-featured .b3t-fimg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,0,0,1)}
.b3t-featured .b3t-fimg .b3t-chip{position:absolute;top:12px;left:12px}
@media (prefers-reduced-motion: no-preference){
  .b3t-featured:hover .b3t-fimg img{transform:scale(1.05)}
}
.b3t-featured .b3t-fbd{padding:26px 30px;display:flex;flex-direction:column;flex:1}
.b3t-featured .b3t-over{margin-bottom:10px}
.b3t-featured h3{font-size:24px;font-weight:900;line-height:1.25;letter-spacing:-.01em;color:#000;margin:0 0 10px}
.b3t-featured p{font-size:13.5px;line-height:1.6;color:#666;margin:0}
.b3t-featured .b3t-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px}
@media(max-width:820px){.b3t-featured{flex-direction:column}.b3t-featured .b3t-fimg{width:100%;aspect-ratio:16/9}}

/* button (cantos retos - feedback do cliente: sem bordas arredondadas) */
.b3t-btn{display:inline-flex;align-items:center;gap:8px;background:#FFCB00;color:#000;font-size:12.5px;font-weight:700;padding:10px 18px;border:2px solid #FFCB00;text-decoration:none;transition:background 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1),border-color 150ms cubic-bezier(.2,0,0,1)}
.b3t-btn,.b3t-fchip,.b3t-chip,.b3t-share a,.b3t-share button,.b3t-pagin a,.b3t-pagin span,.b3t-card,.b3t-featured,.b3t-cta,.b3t-prevnext a{border-radius:0;-webkit-appearance:none;appearance:none}
.b3t-fchip:focus:not(:focus-visible),.b3t-btn:focus:not(:focus-visible){outline:none}
.b3t-btn .b3t-ar{display:inline-block;transition:transform 180ms cubic-bezier(.2,0,0,1)}
.b3t-btn:hover{background:#000;border-color:#000;color:#FFCB00;text-decoration:none}
.b3t-btn:hover .b3t-ar{transform:translateX(4px)}

/* category filter chips (caixas quadradas) */
.b3t-fbar{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}
.b3t-fchip{font-family:inherit;font-size:12.5px;font-weight:700;padding:8px 16px;border:1.5px solid #E6E6E6;background:#FFF;color:#000;cursor:pointer;transition:background 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1),border-color 150ms cubic-bezier(.2,0,0,1)}
.b3t-fchip:hover{background:#000;border-color:#000;color:#FFF}
.b3t-fchip[aria-pressed="true"]{background:#FFCB00;border-color:#FFCB00;color:#000}

/* pagination */
.b3t-pagin{display:flex;gap:6px;align-items:center;justify-content:center;margin:30px 0 10px}
.b3t-pagin a,.b3t-pagin span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;background:#FFF;border:1px solid #E6E6E6;color:#000;text-decoration:none;transition:background 150ms,color 150ms}
.b3t-pagin a:hover{background:#000;color:#FFF;text-decoration:none}
.b3t-pagin .b3t-cur{background:#000;color:#FFCB00;border-color:#000;font-weight:700}

/* article page */
.b3t-progress{position:sticky;top:0;z-index:1029;height:4px;background:#E6E6E6}
.b3t-progress i{display:block;height:100%;width:0;background:#FFCB00}
.b3t-open{padding:30px 0 8px}
.b3t-bc{font-size:11.5px;color:#666;margin-bottom:16px}
.b3t-bc a{color:#666;text-decoration:none}
.b3t-bc a:hover{color:#000;text-decoration:underline;text-decoration-color:#FFCB00;text-decoration-thickness:2px}
.b3t-bc b{color:#BBB;font-weight:400;padding:0 4px}
.b3t-open h1{font-size:36px;font-weight:900;line-height:1.15;letter-spacing:-.015em;color:#000;margin:14px 0 10px}
@media(max-width:640px){.b3t-open h1{font-size:28px}}
.b3t-dek{font-size:17px;line-height:1.55;color:#666;margin-bottom:18px}
.b3t-byline{display:flex;align-items:center;gap:14px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;padding:10px 0}
.b3t-byline img{width:38px;height:38px;object-fit:contain}
.b3t-byline .b3t-who{flex:1}
.b3t-byline .b3t-who b{font-size:12.5px;display:block;color:#000}
.b3t-byline .b3t-who span{font-size:11px;color:#666}
.b3t-share{display:flex;gap:8px}
.b3t-share a,.b3t-share button{width:32px;height:32px;border:1.5px solid #E6E6E6;background:#FFF;display:flex;align-items:center;justify-content:center;font-size:12px;color:#000;cursor:pointer;position:relative;text-decoration:none;padding:0;transition:background 150ms,color 150ms,border-color 150ms}
.b3t-share a:hover,.b3t-share button:hover{background:#000;border-color:#000;color:#FFF;text-decoration:none}
.b3t-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#000;color:#FFF;font-size:10.5px;font-weight:500;padding:5px 9px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms}
.b3t-tip.b3t-show{opacity:1}
.b3t-heroimg{margin-top:22px}
.b3t-heroimg .b3t-ratio{position:relative;padding-top:56.25%;overflow:hidden;background:#000}
.b3t-heroimg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.b3t-heroimg .b3t-cap{font-size:11.5px;color:#666;margin-top:8px}
.b3t-body{margin-top:26px;padding-bottom:10px}
.b3t-body p{font-size:17px;line-height:1.7;color:#000;margin-bottom:14px}
.b3t-body p a,.b3t-body li a,.b3t-body a.link-inside-text{color:#000;font-weight:500;text-decoration:underline;text-decoration-color:#FFCB00;text-decoration-thickness:2px;text-underline-offset:3px;transition:background 180ms}
.b3t-body p a:hover,.b3t-body li a:hover,.b3t-body a.link-inside-text:hover{background:#FFCB00;color:#000}
.b3t-body a.b3t-cta,.b3t-body a.b3t-cta:hover{text-decoration:none;background:#000}
.b3t-body img{max-width:100%;height:auto;margin:10px 0}
.b3t-fig{margin:20px 0}
.b3t-fig img{width:100%;height:auto;display:block}
.b3t-video{position:relative;padding-top:56.25%;background:#000}
.b3t-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.b3t-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 0 20px}
.b3t-videos-1{grid-template-columns:minmax(0,1fr);max-width:680px}
@media(max-width:640px){.b3t-videos{grid-template-columns:1fr}}
.b3t-vcard{min-width:0}
.b3t-vplay{position:relative;display:block;width:100%;padding:0;padding-top:56.25%;border:0;background:#000;cursor:pointer;overflow:hidden}
.b3t-vplay img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,0,0,1)}
@media (prefers-reduced-motion: no-preference){.b3t-vplay:hover img{transform:scale(1.05)}}
.b3t-vbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#000;color:#FFCB00;display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:4px;transition:background 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1)}
.b3t-vplay:hover .b3t-vbtn{background:#FFCB00;color:#000}
.b3t-vtit{font-size:13.5px;font-weight:700;color:#000;margin-top:10px}
.b3t-video-title{font-size:23px;font-weight:700;color:#000;margin:26px 0 12px}
.b3t-video-title span{box-shadow:inset 0 -9px 0 #FFCB00}

/* rent CTA (real linked products) */
.b3t-cta{display:flex;gap:16px;background:#000;padding:18px 20px;align-items:center;margin:20px 0;color:#FFF;text-decoration:none}
.b3t-cta:hover{color:#FFF;text-decoration:none}
.b3t-cta .b3t-thumb{width:78px;height:78px;overflow:hidden;flex:none;background:#FFF}
.b3t-cta .b3t-thumb img{width:100%;height:100%;object-fit:cover}
.b3t-cta .b3t-info{flex:1}
.b3t-cta .b3t-k{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FFCB00;margin-bottom:4px}
.b3t-cta b{font-size:15px;display:block;color:#FFF}
@media(max-width:640px){.b3t-cta{flex-wrap:wrap}.b3t-cta .b3t-btn{width:100%;justify-content:center}}

/* related */
.b3t-related{border-top:1px solid #E6E6E6;margin-top:34px;padding:30px 0 30px}

/* previous / next article */
.b3t-prevnext{display:flex;gap:14px;padding:0 0 40px}
.b3t-prevnext a,.b3t-prevnext span{flex:1}
.b3t-prevnext a{background:#FFF;border:1px solid #E6E6E6;padding:14px 18px;text-decoration:none;color:#000;transition:border-color 150ms cubic-bezier(.2,0,0,1)}
.b3t-prevnext a:hover{border-color:#FFCB00;color:#000;text-decoration:none}
.b3t-prevnext a:active{border:1px solid #FFCB00}
.b3t-pn-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;color:#666;text-transform:uppercase;margin-bottom:4px}
.b3t-prevnext b{font-size:13.5px;color:#000}
.b3t-prevnext .b3t-pn-next{text-align:right}
@media(max-width:640px){.b3t-prevnext{flex-direction:column}}