
/* Transcotta Notícias 1.0.2 — layout isolado para Elementor/temas */
.tn-wrap, .tn-wrap *, .tn-wrap *::before, .tn-wrap *::after { box-sizing:border-box !important; }
.tn-wrap {
 --tn-red:#e93439; --tn-red-dark:#c92735; --tn-orange:#f56a31; --tn-ink:#292323;
 --tn-muted:#756c68; --tn-cream:#fff9f1; --tn-line:#eee4da;
 width:100% !important; max-width:1220px !important; margin:0 auto !important;
 padding:54px 24px 68px !important; font-family:"Montserrat",Arial,sans-serif !important;
 color:var(--tn-ink) !important; clear:both !important;
}
.tn-wrap a { text-decoration:none !important; }
.tn-heading { max-width:720px !important; margin:0 0 34px !important; padding:0 !important; }
.tn-heading__eyebrow { display:block !important; margin:0 0 8px !important; color:var(--tn-red) !important; font-size:11px !important; font-weight:800 !important; letter-spacing:1.2px !important; text-transform:uppercase !important; }
.tn-heading h2 { margin:0 !important; padding:0 !important; color:var(--tn-ink) !important; font-size:clamp(30px,3.1vw,43px) !important; line-height:1.08 !important; font-weight:850 !important; letter-spacing:-1px !important; }
.tn-heading p { margin:12px 0 0 !important; padding:0 !important; color:var(--tn-muted) !important; font-size:14px !important; line-height:1.65 !important; font-weight:500 !important; }
.tn-heading__line { display:block !important; width:52px !important; height:4px !important; margin:18px 0 0 !important; border-radius:99px !important; background:linear-gradient(90deg,var(--tn-red),var(--tn-orange)) !important; }

.tn-grid { display:grid !important; width:100% !important; align-items:stretch !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.tn-grid--archive { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:26px !important; }
.tn-grid--latest { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:20px !important; }

.tn-card {
 display:flex !important; flex-direction:column !important; min-width:0 !important; width:100% !important;
 height:100% !important; margin:0 !important; padding:0 !important; overflow:hidden !important;
 background:#fff !important; border:1px solid var(--tn-line) !important; border-radius:20px !important;
 box-shadow:0 10px 32px rgba(61,43,35,.08) !important;
 transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease !important;
}
.tn-card:hover { transform:translateY(-5px) !important; border-color:rgba(233,52,57,.22) !important; box-shadow:0 18px 42px rgba(61,43,35,.13) !important; }

.tn-card__media {
 position:relative !important; display:block !important; flex:0 0 auto !important; width:100% !important;
 height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:4 / 5 !important;
 margin:0 !important; padding:0 !important; overflow:hidden !important;
 background:linear-gradient(135deg,#f5e9dd,#fff8ef) !important;
}
.tn-grid--latest .tn-card__media { height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:4 / 5 !important; }
.tn-card__media img {
 position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important;
 max-width:none !important; max-height:none !important; margin:0 !important; padding:0 !important;
 object-fit:cover !important; object-position:center !important; border:0 !important; border-radius:0 !important;
 box-shadow:none !important; transition:transform .45s ease !important;
}
.tn-card:hover .tn-card__media img { transform:scale(1.045) !important; }
.tn-card__placeholder { position:absolute !important; inset:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; color:rgba(233,52,57,.13) !important; font-size:74px !important; font-weight:900 !important; }
.tn-card__category {
 position:absolute !important; z-index:2 !important; left:15px !important; bottom:14px !important;
 width:auto !important; max-width:calc(100% - 30px) !important; margin:0 !important; padding:7px 11px !important;
 border:0 !important; border-radius:999px !important; background:rgba(255,255,255,.95) !important;
 color:var(--tn-red-dark) !important; box-shadow:0 5px 16px rgba(0,0,0,.1) !important;
 font-size:9px !important; line-height:1 !important; font-weight:850 !important; letter-spacing:.5px !important; text-transform:uppercase !important;
}

.tn-card__body { display:flex !important; flex:1 1 auto !important; flex-direction:column !important; width:100% !important; margin:0 !important; padding:21px 21px 22px !important; }
.tn-card__date { display:block !important; margin:0 0 9px !important; padding:0 !important; color:#9b908a !important; font-size:9.5px !important; line-height:1.3 !important; font-weight:750 !important; letter-spacing:.45px !important; text-transform:uppercase !important; }
.tn-card__title { margin:0 0 11px !important; padding:0 !important; color:var(--tn-ink) !important; font-size:18px !important; line-height:1.28 !important; font-weight:820 !important; letter-spacing:-.2px !important; }
.tn-card__title a { color:inherit !important; font:inherit !important; line-height:inherit !important; }
.tn-card__title a:hover { color:var(--tn-red) !important; }
.tn-card__excerpt { margin:0 0 17px !important; padding:0 !important; color:var(--tn-muted) !important; font-size:12px !important; line-height:1.65 !important; font-weight:500 !important; }
.tn-card__more { display:inline-flex !important; align-items:center !important; gap:7px !important; width:max-content !important; margin:auto 0 0 !important; padding:0 !important; color:var(--tn-red) !important; font-size:10.5px !important; line-height:1.3 !important; font-weight:850 !important; letter-spacing:.4px !important; text-transform:uppercase !important; }
.tn-card__more span { font-size:16px !important; transition:transform .2s ease !important; }
.tn-card__more:hover span { transform:translateX(4px) !important; }

.tn-latest-head { display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:28px !important; margin:0 0 31px !important; }
.tn-latest-head .tn-heading { margin:0 !important; }
.tn-all-link {
 flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:8px !important;
 margin:0 0 4px !important; padding:12px 17px !important; border:1px solid rgba(233,52,57,.2) !important;
 border-radius:999px !important; background:#fff !important; color:var(--tn-red) !important;
 font-size:10px !important; line-height:1 !important; font-weight:850 !important; letter-spacing:.45px !important; text-transform:uppercase !important;
}
.tn-all-link:hover { background:var(--tn-red) !important; color:#fff !important; }
.tn-grid--latest .tn-card__body { padding:18px !important; }
.tn-grid--latest .tn-card__title { font-size:15px !important; line-height:1.32 !important; }
.tn-grid--latest .tn-card__excerpt { font-size:11px !important; }

.tn-pagination { display:block !important; width:100% !important; margin:43px 0 0 !important; padding:0 !important; }
.tn-pagination ul { display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:center !important; gap:7px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.tn-pagination li { margin:0 !important; padding:0 !important; list-style:none !important; }
.tn-pagination a,.tn-pagination span.page-numbers {
 display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:42px !important; height:42px !important;
 margin:0 !important; padding:0 13px !important; border:1px solid var(--tn-line) !important; border-radius:11px !important;
 background:#fff !important; color:var(--tn-ink) !important; font-size:11px !important; font-weight:750 !important;
}
.tn-pagination a:hover { border-color:var(--tn-red) !important; color:var(--tn-red) !important; }
.tn-pagination span.current { border-color:transparent !important; background:linear-gradient(135deg,var(--tn-red),var(--tn-orange)) !important; color:#fff !important; box-shadow:0 7px 18px rgba(233,52,57,.2) !important; }
.tn-empty { margin:0 !important; padding:35px !important; border:1px dashed #ddcec2 !important; border-radius:16px !important; background:var(--tn-cream) !important; color:var(--tn-muted) !important; text-align:center !important; font-size:13px !important; }

@media(max-width:1024px){
 .tn-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 .tn-grid--latest{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:650px){
 .tn-wrap{padding:42px 15px 52px !important;}
 .tn-grid--archive,.tn-grid--latest{grid-template-columns:1fr !important;gap:19px !important;}
 .tn-latest-head{display:block !important;}
 .tn-latest-head .tn-heading{margin-bottom:22px !important;}
 .tn-card__title,.tn-grid--latest .tn-card__title{font-size:17px !important;}
}
@media(prefers-reduced-motion:reduce){.tn-card,.tn-card img,.tn-card__more span{transition:none !important;}}
