/* BrasilTurHub — complementos da entrada do trade (/trade/). A base é /_motor/assets/bth-epico.css. */
.tr-hero{min-height:0;padding:4rem 1.25rem 3.5rem}
.tr-selo{display:inline-block;margin:0 0 1.2rem;padding:.35rem .9rem;border-radius:999px;background:var(--ep-suave);color:var(--ep-a);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.tr-hero .ep-titulo-mega{font-size:clamp(2.4rem,8vw,6.5rem)}
.tr-acoes{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}
.tr-numeros{margin:3rem auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:1100px}
.tr-numeros div{background:#fff;border:1px solid var(--ep-borda);border-radius:18px;padding:1.25rem 1rem;box-shadow:0 10px 24px rgba(0,0,0,.05)}
.tr-numeros strong{display:block;font-family:'Roboto Slab',Georgia,serif;font-weight:900;font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--ep-a);line-height:1.1}
.tr-numeros span{display:block;color:var(--ep-cinza);font-size:.95rem;margin-top:.3rem}
.tr-quando{color:var(--ep-cinza);font-size:.85rem;margin:.9rem 0 0}

.tr-formatos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.tr-formato{background:#fff;border:1px solid var(--ep-borda);border-radius:18px;padding:1.4rem;display:flex;flex-direction:column}
.tr-formato__tag{align-self:flex-start;margin:0 0 .8rem;padding:.2rem .7rem;border-radius:999px;background:var(--ep-suave);color:var(--ep-a);font-weight:800;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.tr-formato--gratis{border:2px solid var(--ep-b)}
.tr-formato--gratis .tr-formato__tag{background:var(--ep-b);color:#fff}
.tr-formato h3{font-size:1.3rem;margin:0 0 .5rem}
.tr-formato p{color:#4b5563;margin:0 0 1rem}
.tr-formato ul{margin:auto 0 0;padding:0;list-style:none;border-top:1px solid var(--ep-borda);padding-top:.8rem}
.tr-formato li{padding-left:1.4rem;position:relative;font-size:.92rem;color:#334155;margin-bottom:.35rem}
.tr-formato li::before{content:"✓";position:absolute;left:0;color:var(--ep-b);font-weight:800}
.tr-nota{text-align:center;color:var(--ep-cinza);margin:2rem auto 0;max-width:46rem}

.tr-passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.tr-passos li{text-align:center;padding:0 .5rem}
.tr-passos b{display:inline-flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--ep-a),var(--ep-b));color:#fff;font-family:'Roboto Slab',serif;font-size:1.5rem;margin-bottom:.8rem}
.tr-passos h3{font-size:1.25rem;margin:0 0 .4rem}
.tr-passos p{color:#4b5563;margin:0}

.tr-mun{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.tr-mun__passos{margin:0;padding:1.5rem 1.5rem 1.5rem 2.6rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:18px;line-height:1.5}
.tr-mun__passos li{margin-bottom:.8rem}
.tr-mun__passos li:last-child{margin-bottom:0}
.tr-mun__botoes{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin-top:2rem}
.tr-link-claro{color:#fff;font-weight:700;border-bottom:2px solid rgba(255,255,255,.6);text-decoration:none}
.tr-link-claro:hover{color:#fff;border-bottom-color:#fff}

.tr-email{margin-top:1.5rem;color:var(--ep-cinza)}
.tr-email a{color:var(--ep-a);font-weight:700}

@media (max-width:1199.98px){.tr-formatos{grid-template-columns:repeat(2,1fr)}.tr-passos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991.98px){.tr-mun{grid-template-columns:1fr;gap:1.5rem}}
@media (max-width:767.98px){
	.tr-hero{padding-top:2.5rem}
	.tr-numeros{grid-template-columns:1fr 1fr;gap:.75rem}
	.tr-numeros div:last-child:nth-child(odd){grid-column:1/-1}
	.tr-formatos,.tr-passos{grid-template-columns:1fr}
	.tr-acoes .ep-bt{width:100%;justify-content:center}
	.tr-mun__botoes{justify-content:center;text-align:center}
}

/* Herói com foto (07/11/2026). A foto vem de /trade/index.php ($hero_foto); sem foto, fica o herói claro de antes. */
.tr-hero--foto{position:relative;isolation:isolate;justify-content:flex-start;text-align:left;color:#fff;min-height:min(86vh,800px);padding:5rem 1.25rem 3rem;
	background:#06231a var(--tr-foto) 70% center/cover no-repeat}
.tr-hero--foto::before{content:"";position:absolute;inset:0;z-index:-1;
	background:linear-gradient(90deg,rgba(5,30,22,.94) 0,rgba(5,30,22,.80) 42%,rgba(5,30,22,.25) 75%,rgba(5,30,22,.05) 100%),linear-gradient(0deg,rgba(5,30,22,.75) 0,rgba(5,30,22,0) 40%)}
.tr-hero--foto>.ep-cont{max-width:1300px;margin:0 auto}
.tr-hero--foto .tr-selo{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.tr-hero--foto .ep-titulo-mega{color:#fff;font-size:clamp(2.4rem,6.4vw,5.6rem);text-shadow:0 4px 24px rgba(0,0,0,.35)}
.tr-hero--foto .ep-nome{background:linear-gradient(45deg,#f2c94c,#8fe3b8);-webkit-background-clip:text;background-clip:text}
.tr-hero--foto .ep-lead{margin-left:0;max-width:38rem;color:#fff}
.tr-hero--foto .ep-intro{margin-left:0;max-width:36rem;color:rgba(255,255,255,.82)}
.tr-hero--foto .tr-acoes{justify-content:flex-start}
.tr-hero--foto .tr-numeros{margin:2.5rem 0 0;max-width:820px}
.tr-hero--foto .tr-numeros div{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);box-shadow:none;backdrop-filter:blur(8px)}
.tr-hero--foto .tr-numeros strong{color:#fff}
.tr-hero--foto .tr-numeros span{color:rgba(255,255,255,.82)}
.tr-hero--foto .tr-quando{color:rgba(255,255,255,.7)}
@media (max-width:767.98px){
	.tr-hero--foto{padding:3rem 1rem 2.5rem;background-position:60% center}
	.tr-hero--foto::before{background:linear-gradient(0deg,rgba(5,30,22,.95) 0,rgba(5,30,22,.82) 55%,rgba(5,30,22,.55) 100%)}
}