/*
  CSS corrigido para /estatisticas/simulador/estrategia/
  Tudo foi escopado para .estrategia-bc ou para #modalComoFuncionaEstrategia
  para evitar conflito com rodapé, menu, botões e modais globais do site.
*/

.estrategia-bc{
	background:#f5fbfa;
	border-radius:22px;
	padding:14px;
}

.estrategia-bc .estrategia-hero{
	position:relative;
	overflow:hidden;
	border-radius:24px;
	padding:28px 30px;
	margin-bottom:18px;
	color:#fff;
	background:linear-gradient(135deg,#1fc997 0%,#10b997 42%,#123747 100%);
	display:flex;
	justify-content:space-between;
	gap:22px;
	align-items:flex-start;
	box-shadow:0 18px 45px rgba(13,99,87,.18);
}

.estrategia-bc .estrategia-hero:after{
	content:"";
	position:absolute;
	right:-80px;
	top:-120px;
	width:340px;
	height:340px;
	border-radius:50%;
	background:rgba(8,31,44,.38);
}

.estrategia-bc .estrategia-kicker{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.15);
	font-weight:800;
	margin-bottom:10px;
}

.estrategia-bc .estrategia-hero h1{
	font-size:28px;
	font-weight:900;
	margin:0 0 8px;
}

.estrategia-bc .estrategia-hero p{
	font-size:15px;
	line-height:1.55;
	max-width:760px;
	margin:0;
	color:rgba(255,255,255,.94);
}

.estrategia-bc .estrategia-status{
	z-index:1;
	min-width:300px;
	display:flex;
	gap:12px;
	align-items:center;
	border:1px solid rgba(255,255,255,.25);
	background:rgba(4,40,50,.35);
	backdrop-filter:blur(10px);
	border-radius:18px;
	padding:14px 16px;
}

.estrategia-bc .estrategia-status span{
	width:14px;
	height:14px;
	border-radius:50%;
	background:#8bf549;
	box-shadow:0 0 0 6px rgba(139,245,73,.14);
}

.estrategia-bc .estrategia-status small{
	display:block;
	color:rgba(255,255,255,.82);
	font-size:12px;
}

.estrategia-bc .estrategia-status.is-premium span{
	background:#ffd76a;
	box-shadow:0 0 0 6px rgba(255,215,106,.16);
}

.estrategia-bc .estrategia-card,
.estrategia-bc .estrategia-result-card{
	background:#fff;
	border-radius:20px;
	box-shadow:0 16px 38px rgba(11,61,76,.09);
	border:1px solid #dff2ed;
	overflow:hidden;
}

.estrategia-bc .estrategia-card-head{
	background:#083e46;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:16px;
}

.estrategia-bc .estrategia-card-head h2{
	font-size:16px;
	font-weight:900;
	margin:0;
}

.estrategia-bc .estrategia-toggle{
	border:0;
	border-radius:999px;
	background:#061d2c;
	color:#fff;
	font-weight:800;
	padding:7px 12px;
	font-size:12px;
}

.estrategia-bc .estrategia-form-card form{
	padding:18px;
}

.estrategia-bc .bc-plan-note{
	border:1px solid #d6eee8;
	background:#f4fffc;
	border-radius:16px;
	padding:14px;
	margin-bottom:14px;
}

.estrategia-bc .bc-plan-note h3{
	font-size:16px;
	font-weight:900;
	color:#173a45;
	margin:0 0 4px;
}

.estrategia-bc .bc-plan-note p{
	font-size:13px;
	color:#6d7a91;
	margin:0;
}

.estrategia-bc .bc-plan-note.premium{
	background:#fff8e5;
	border-color:#ffe4a8;
}

.estrategia-bc .estrategia-form-card label{
	font-size:14px;
	font-weight:700;
	color:#334;
	margin:9px 0 4px;
}

.estrategia-bc .bc-input{
	width:100%;
	height:39px;
	border:1px solid #cfe8e2;
	border-radius:14px;
	padding:0 12px;
	background:#fbfffe;
	color:#344;
	outline:none;
}

.estrategia-bc .bc-input:focus{
	border-color:#18bd99;
	box-shadow:0 0 0 4px rgba(24,189,153,.12);
}

.estrategia-bc .bc-input:disabled{
	background:#f1f5f8;
	color:#79869d;
}

.estrategia-bc .bc-badge-lock{
	float:right;
	font-size:10px;
	border-radius:999px;
	background:#0b3140;
	color:#fff;
	padding:3px 8px;
	box-shadow:0 4px 10px rgba(0,0,0,.14);
}

.estrategia-bc .bc-btn-run{
	width:100%;
	margin-top:16px;
	border:0;
	border-radius:15px;
	background:linear-gradient(135deg,#1fc997,#0f987e);
	color:#fff;
	font-weight:900;
	padding:13px 16px;
	box-shadow:0 12px 26px rgba(15,152,126,.22);
}

.estrategia-bc .bc-btn-run:disabled{
	opacity:.7;
}

.estrategia-bc .estrategia-result-card{
	min-height:360px;
	padding:22px;
}

.estrategia-bc .estrategia-empty{
	min-height:300px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#66728a;
}

.estrategia-bc .estrategia-empty-icon{
	width:68px;
	height:68px;
	border-radius:22px;
	background:#e7fbf6;
	color:#0fa78a;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:34px;
	margin-bottom:14px;
}

.estrategia-bc .estrategia-empty h2{
	color:#0d2f3c;
	font-weight:900;
	font-size:19px;
}

.estrategia-bc .estrategia-empty p{
	max-width:560px;
	line-height:1.55;
}

.estrategia-bc .bc-lock-wrap{
	min-height:70vh;
	display:flex;
	align-items:center;
	justify-content:center;
}

.estrategia-bc .bc-lock-card{
	max-width:540px;
	text-align:center;
	background:#fff;
	border-radius:26px;
	padding:36px;
	box-shadow:0 20px 50px rgba(12,62,80,.12);
	border:1px solid #dff2ed;
}

.estrategia-bc .bc-lock-icon{
	width:74px;
	height:74px;
	border-radius:24px;
	margin:0 auto 16px;
	background:#e8fbf7;
	color:#10a98a;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:36px;
}

.estrategia-bc .bc-lock-card h1{
	font-weight:900;
	color:#123747;
}

.estrategia-bc .bc-lock-card p{
	color:#66728a;
}

.estrategia-bc .bc-lock-actions{
	display:flex;
	gap:10px;
	justify-content:center;
}

.estrategia-bc .bc-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:11px 18px;
	border-radius:14px;
	font-weight:900;
	text-decoration:none;
}

.estrategia-bc .bc-btn-primary{
	background:#12b995;
	color:#fff;
}

.estrategia-bc .bc-btn-outline{
	border:1px solid #12b995;
	color:#10846f;
	background:#fff;
}

.estrategia-bc .bc-alert-lock{
	background:#fff7e8;
	border:1px solid #ffdfac;
	color:#6b4a11;
	padding:18px;
	border-radius:16px;
}

.estrategia-bc .bc-resultado-top{
	display:flex;
	justify-content:space-between;
	gap:18px;
	align-items:flex-start;
	border-bottom:1px solid #e7f1ef;
	padding-bottom:16px;
	margin-bottom:16px;
}

.estrategia-bc .bc-resultado-top span{
	font-size:12px;
	text-transform:uppercase;
	font-weight:900;
	color:#16a987;
}

.estrategia-bc .bc-resultado-top h2{
	font-size:23px;
	font-weight:900;
	color:#0e3643;
	margin:2px 0;
}

.estrategia-bc .bc-resultado-top p{
	color:#68758d;
	margin:0;
}

.estrategia-bc .bc-resultado-selo{
	font-size:22px;
	font-weight:900;
	border-radius:18px;
	padding:13px 16px;
}

.estrategia-bc .bc-resultado-selo.positivo{
	background:#e9fff5;
	color:#059466;
}

.estrategia-bc .bc-resultado-selo.negativo{
	background:#fff0f0;
	color:#c83030;
}

.estrategia-bc .bc-metricas{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:12px;
	margin-bottom:14px;
}

.estrategia-bc .bc-metricas div,
.estrategia-bc .bc-financeiro div{
	border:1px solid #e1f0ed;
	background:#fbfffe;
	border-radius:16px;
	padding:14px;
}

.estrategia-bc .bc-metricas small,
.estrategia-bc .bc-financeiro span{
	display:block;
	color:#728098;
	font-size:12px;
	font-weight:800;
}

.estrategia-bc .bc-metricas b{
	font-size:22px;
	color:#0e3643;
}

.estrategia-bc .bc-financeiro{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:12px;
	margin-bottom:14px;
}

.estrategia-bc .bc-financeiro b{
	font-size:18px;
	color:#0e3643;
}

.estrategia-bc .bc-pos{
	color:#059466!important;
}

.estrategia-bc .bc-neg{
	color:#c83030!important;
}

.estrategia-bc .bc-upgrade-box{
	border:1px dashed #19b993;
	background:#f0fffa;
	border-radius:18px;
	padding:15px;
	margin:14px 0;
	color:#0d6758;
}

.estrategia-bc .bc-upgrade-box b{
	font-size:16px;
}

.estrategia-bc .bc-upgrade-box p{
	margin:4px 0 0;
	color:#5f7284;
}

.estrategia-bc .bc-historico h3{
	font-size:17px;
	font-weight:900;
	color:#0e3643;
	margin:18px 0 10px;
}

.estrategia-bc .bc-historico h3 span{
	font-size:11px;
	color:#fff;
	background:#0e3643;
	border-radius:999px;
	padding:4px 8px;
}

.estrategia-bc .bc-historico table{
	font-size:13px;
}

.estrategia-bc .bc-hit,
.estrategia-bc .bc-miss{
	display:inline-block;
	border-radius:999px;
	padding:4px 8px;
	font-size:11px;
	font-weight:900;
}

.estrategia-bc .bc-hit{
	background:#e6fff3;
	color:#07865e;
}

.estrategia-bc .bc-miss{
	background:#fff0f0;
	color:#b62b2b;
}

.estrategia-bc .bc-help-btn{
	margin-top:14px;
	border:0;
	border-radius:999px;
	padding:10px 18px;
	background:rgba(255,255,255,.16);
	color:#fff;
	font-weight:700;
	display:inline-flex;
	align-items:center;
	gap:8px;
	box-shadow:0 10px 25px rgba(0,0,0,.12);
	transition:.2s;
}

.estrategia-bc .bc-help-btn:hover{
	background:#fff;
	color:#0f8f7f;
	transform:translateY(-1px);
}

/* Modal explicativo: escopado pelo ID para não afetar outros modais do site */
#modalComoFuncionaEstrategia .bc-estrategia-modal{
	border:0;
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 25px 80px rgba(0,0,0,.25);
	max-height:80vh;
}

#modalComoFuncionaEstrategia .bc-estrategia-modal .modal-header{
	background:linear-gradient(135deg,#0f8f7f,#18b69b);
	color:#fff;
	border:0;
	padding:22px 26px;
}

#modalComoFuncionaEstrategia .bc-modal-kicker{
	display:block;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.08em;
	opacity:.85;
	font-weight:800;
	margin-bottom:4px;
}

#modalComoFuncionaEstrategia .bc-estrategia-modal .modal-title{
	font-size:24px;
	font-weight:900;
	margin:0;
}

#modalComoFuncionaEstrategia .bc-modal-close{
	color:#fff;
	opacity:1;
	text-shadow:none;
	font-size:32px;
}

#modalComoFuncionaEstrategia .bc-estrategia-modal .btn-close{
	filter:invert(1) grayscale(100%) brightness(200%);
	opacity:1;
}

#modalComoFuncionaEstrategia .bc-estrategia-modal .modal-body{
	padding:26px;
	background:#f7fbfa;
	overflow-y:auto;
}

#modalComoFuncionaEstrategia .bc-modal-intro{
	font-size:16px;
	color:#40515f;
	line-height:1.7;
	margin-bottom:20px;
}

#modalComoFuncionaEstrategia .bc-modal-steps{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:14px;
	margin-bottom:18px;
}

#modalComoFuncionaEstrategia .bc-modal-step{
	background:#fff;
	border-radius:16px;
	padding:16px;
	display:flex;
	gap:12px;
	border:1px solid rgba(15,143,127,.12);
	box-shadow:0 8px 22px rgba(0,0,0,.05);
}

#modalComoFuncionaEstrategia .bc-step-number{
	width:34px;
	height:34px;
	min-width:34px;
	border-radius:12px;
	background:linear-gradient(135deg,#0f8f7f,#18b69b);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:900;
}

#modalComoFuncionaEstrategia .bc-modal-step h6{
	margin:0 0 5px;
	font-weight:900;
	color:#1d3440;
}

#modalComoFuncionaEstrategia .bc-modal-step p{
	margin:0;
	color:#64727d;
	font-size:14px;
	line-height:1.5;
}

#modalComoFuncionaEstrategia .bc-modal-example{
	background:#e9f8f5;
	border:1px dashed rgba(15,143,127,.35);
	border-radius:14px;
	padding:14px 16px;
	color:#1d3440;
	margin-bottom:14px;
}

#modalComoFuncionaEstrategia .bc-modal-example strong{
	display:block;
	color:#0f8f7f;
	margin-bottom:4px;
}

#modalComoFuncionaEstrategia .bc-modal-warning{
	display:flex;
	gap:10px;
	background:#fff7e8;
	color:#735116;
	border-left:4px solid #f0ad4e;
	border-radius:12px;
	padding:14px 16px;
	line-height:1.5;
}

#modalComoFuncionaEstrategia .bc-modal-warning i{
	font-size:20px;
	margin-top:2px;
}

#modalComoFuncionaEstrategia .bc-estrategia-modal .modal-footer{
	border:0;
	background:#f7fbfa;
	padding:0 26px 26px;
}

#modalComoFuncionaEstrategia .bc-btn-modal-ok{
	border:0;
	border-radius:999px;
	background:linear-gradient(135deg,#0f8f7f,#18b69b);
	color:#fff;
	font-weight:900;
	padding:12px 24px;
	box-shadow:0 10px 25px rgba(15,143,127,.25);
}

@media(max-width:991px){
	.estrategia-bc .estrategia-hero{
		display:block;
	}

	.estrategia-bc .estrategia-status{
		margin-top:16px;
		min-width:auto;
	}

	.estrategia-bc .bc-metricas,
	.estrategia-bc .bc-financeiro{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:768px){
	#modalComoFuncionaEstrategia .bc-modal-steps{
		grid-template-columns:1fr;
	}

	#modalComoFuncionaEstrategia .bc-estrategia-modal .modal-title{
		font-size:20px;
	}

	#modalComoFuncionaEstrategia .bc-estrategia-modal .modal-body{
		padding:20px;
	}
}

@media(max-width:575px){
	.estrategia-bc{
		padding:10px;
		border-radius:18px;
	}

	.estrategia-bc .estrategia-hero{
		padding:22px 18px;
		border-radius:20px;
	}

	.estrategia-bc .estrategia-hero h1{
		font-size:23px;
	}

	.estrategia-bc .bc-metricas,
	.estrategia-bc .bc-financeiro{
		grid-template-columns:1fr;
	}

	.estrategia-bc .bc-resultado-top{
		display:block;
	}

	.estrategia-bc .bc-resultado-selo{
		margin-top:12px;
		text-align:center;
	}

	.estrategia-bc .estrategia-result-card{
		padding:14px;
	}
}