@charset "utf-8";

/* FONTS */

@font-face {
  font-family: 'Chango';
  src: url('/static/fonts/chango-v29-latin-regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Staatliches';
  src: url('/static/fonts/staatliches-v15-latin-regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Black Han Sans';
  src: url('/static/fonts/black-han-sans-v24-latin-regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Bowlby One SC';
  src: url('/static/fonts/bowlby-one-sc-v27-latin-regular.woff2') format('woff2');
  font-display: swap;
}

/* BODY */

body{
	background-color: #000000;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

/* TOPO */

.top_cont{
	background-color: #000000;
	width: 100%;
	margin-top: 20px;
}

.top-box{
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo{
	width: 150px;
	height: 150px;
}

.name-t{
	font-size: 4.8rem;
	font-family: "Chango", serif;
	font-weight: 400;
	color: #ADFF2F;
	text-decoration: none;
}

/* PRODUTO */

.product{
	text-align: center;
	color: #FF9600;
	font-size: 1.75rem;
	letter-spacing: 2px;
	word-spacing: 15px;
	font-family: "Bowlby One SC", sans-serif;
	font-weight: 500;
}

/* MENU */

.menu{
	width: 100%;
	text-align: right;
	margin-top: 1.8rem;
	padding-right: 20px;
	box-sizing: border-box;
}

.btn_menu{
	font-size: 1.3rem;
	font-family: Verdana, serif;
	font-weight: 800;
	text-decoration: none;
	color: #ffffff;
}

.btn_menu:hover{
	color: #ADFF2F;
}

.btn_login{
	font-size: 1.3rem;
	font-family: "Bowlby One SC", sans-serif;
	font-weight: 400;
	text-decoration: none;
	border-radius: 9999px;
	padding: 4px 14px;
	background-color: #0000FF;
	color: #ffffff;
}

.btn_login:hover{
	background-color: #ffffff;
	color: #0000FF;
}

/* CONTAINER PLANOS */

.description-cont{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 35px;

	width: 100%;
	max-width: 1320px;

	margin: 0 auto;
	padding-top: 60px;

	box-sizing: border-box;
}

/* CARD */

.plans{
	width: 360px;
	display: flex;
}

/* TABELA */

.t30d,
.t90d,
.t1Y{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

/* TITULO */

.plans-title{
	background-color: #00026b;

	border-top: 4px solid #00f7ff;
	border-left: 4px solid #00f7ff;
	border-right: 4px solid #00f7ff;

	border-top-left-radius: 20px;
	border-top-right-radius: 20px;

	padding: 16px 12px;

	height: 82px;

	box-sizing: border-box;

	vertical-align: middle;
}

.plan-title-text{
	color: #FFDF05;

	font-size: 1.9rem;
	font-family: Arial, sans-serif;
	font-weight: 1000;

	text-align: center;

	line-height: 1.15;

	white-space: nowrap;
}

/* BOX */

.plans-promo30,
.plans-promo90,
.plans-promo1Y{

	background-color: #e8e8e8;

	border-left: 4px solid #00f7ff;
	border-right: 4px solid #00f7ff;
	border-bottom: 4px solid #00f7ff;

	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;

	padding: 35px 24px 28px 24px;

	/* AQUI ESTÁ A CORREÇÃO PRINCIPAL */
	min-height: 520px;
	height: auto;

	box-sizing: border-box;

	display: flex;
	flex-direction: column;
}

/* CONTEUDO */

.plan-content{
	display: flex;
	flex-direction: column;
	gap: 34px;
}

/* TEXTO */

.plan-text{
	text-align: center;

	font-size: 1.05rem;
	font-family: Arial, sans-serif;
	font-weight: 700;

	line-height: 1.55;

	color: #000000;
}

.plan-bonus{
	margin-top: -5px;
}

/* BULLET */

.sgn{
	color: #2600ff;
	font-size: 1.9rem;
	font-weight: 1000;
}

/* DESCONTO */

.discount,
.discount1Y{

	margin-top: auto;

	text-align: center;

	font-size: 2rem;
	font-family: Arial, sans-serif;
	font-weight: 1000;

	color: #ff0000;

	padding-top: 35px;
	padding-bottom: 25px;
}

/* PREÇO */

.price{
	border-top: 2px solid #000000;

	padding-top: 28px;

	text-align: center;

	font-size: 3rem;
	font-family: Arial, sans-serif;
	font-weight: 1000;

	color: #1100ff;

	line-height: 1.05;

	/* CORREÇÃO DO ESTOURO */
	word-break: break-word;
	overflow-wrap: break-word;
}

/* SUBSCRIBE */

.subscribe{
	display: flex;
	justify-content: center;
	align-items: center;

	margin-top: 80px;
	margin-bottom: 80px;
}

.btn_subscribe{
	font-size: 2rem;
	font-family: "Staatliches", sans-serif;
	font-weight: 800;

	letter-spacing: 0.3rem;

	padding: 14px 30px;

	border-radius: 10px;

	text-decoration: none;

	background-color: #FFDF05;
	color: #30672E;
}

.btn_subscribe:hover{
	background-color: #30672E;
	color: #FFDF05;
}

/* FOOTER */

.footer_p{
	background-color: #1C1C1C;

	text-align: center;

	font-family: Verdana, sans-serif;
	font-size: 0.8rem;

	color: #FFFFFF;

	padding-top: 20px;
	padding-bottom: 20px;
}

/* RESPONSIVO */

@media (max-width: 1200px){

	.description-cont{
		padding-left: 20px;
		padding-right: 20px;
	}

	.plans{
		width: 340px;
	}

	.plan-title-text{
		font-size: 1.55rem;
	}

	.price{
		font-size: 2.5rem;
	}
}

@media (max-width: 767px){

	.menu{
		text-align: center;
		padding-right: 0;
	}

	.logo{
		width: 70px;
		height: 70px;
	}

	.name-t{
		font-size: 2.2rem;
	}

	.product{
		font-size: 0.9rem;
		letter-spacing: 1px;
		word-spacing: 4px;
		padding: 0 10px;
	}

	.description-cont{
		padding-top: 40px;
		gap: 25px;
	}

	.plans{
		width: 95%;
		max-width: 360px;
	}

	.plans-title{
		height: auto;
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.plan-title-text{
		font-size: 1.35rem;
		white-space: normal;
		line-height: 1.25;
	}

	.plans-promo30,
	.plans-promo90,
	.plans-promo1Y{
		min-height: auto;
		height: auto;
		padding: 30px 20px 25px 20px;
	}

	.plan-content{
		gap: 28px;
	}

	.plan-text{
		font-size: 1rem;
	}

	.discount,
	.discount1Y{
		font-size: 1.7rem;
		padding-top: 28px;
	}

	.price{
		font-size: 2.3rem;
		padding-top: 22px;
	}

	.btn_subscribe{
		font-size: 1.5rem;
		letter-spacing: 0.15rem;
	}
}