/* Start - css/minha-conta.css */
* {
box-sizing: border-box;
}

html, body {
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden;
}

.minha-conta {
position: relative;
background-image: url("img/desktop-fundo-castelo.webp");
background-size:cover;
background-position: center top;
background-repeat: no-repeat;
width: 100%;
min-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
.minha-conta h1 {
    color: white;
}
.minha-conta-card {
position: relative;
left: 50%;
transform: translateX(-50%);
background-color: var(--preto_lente02);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-width: 0.1vw;
border-style: solid;
border-color: var(--branco_lente01);
border-radius: 1.5vw;
box-shadow: 0 8px 32px 0 var(--preto_lente05);
padding: 3vw;
width: 60vw;
color: var(--karazan-cream);
margin-top: 5vw;
margin-bottom: 5vw;
}
.minha-conta-titulo {
font-family: var(--euphorigenic);
font-size: 4vw;
color: var(--karazan-cream);
text-align: center;
line-height: 4vw;
font-weight: normal;
letter-spacing: 0vw;
margin: 0;
padding: 0;
margin-bottom: 2vw;
}
.minha-conta-box {
width: 100%;
margin: 0 auto;
padding: 0vw;
}
.minha-conta-fireflies {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	overflow: hidden;
}
.firefly {
	position: absolute;
	background-color: rgba(255, 230, 150, 0.8);
	border-radius: 50%;
	box-shadow: 0 0 1vw rgba(255, 230, 150, 0.8), 0 0 2vw rgba(255, 230, 150, 0.5);
	filter: blur(1px);
	animation: firefly-blink 3s ease-in-out infinite;
}
@keyframes firefly-blink {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	25% {
		opacity: 1;
		transform: scale(1);
	}
	75% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(0.5);
	}
}

/*Start - MINHA CONTA PLANNE*/
.hgRirH {/*BOX*/
background-color: var(--branco_lente07);
max-width: 100% !important;
overflow-x: hidden !important;
}
.emdKHU {
background-color: var(--karazan-bordo) !important;
color: var(--karazan-cream) !important;
}
.ilkduc.ilkduc {
color: var(--karazan-cream) !important;
}
.cZkvvN {
background-color: var(--karazan-cream) !important;
color: var(--karazan-bordo) !important;
border-color: var(--karazan-bordo) !important;
}
.iHuZwK.iHuZwK { /*TÍTULO*/
color: var(--karazan-bordo);
font-family: var(--euphorigenic);
}
.etXZQx {/*BOTÃO ENTRAR*/
background-color: var(--karazan-bordo) !important;
border-color: var(--karazan-bordo) !important;
color: var(--karazan-cream) !important;
}
.etXZQx:hover {
background-color: var(--karazan-bordo) !important;
}
.fqZZxy { /*ESQUECI A SENHA*/
color: var(--karazan-blue) !important;
}
.hJbVjj { /*INPUTS*/
color: var(--karazan-bordo) !important;
}
.kpVdei { /*BOTÃO VAZADO*/
color: var(--karazan-bordo) !important;
border-color: var(--karazan-bordo) !important;
background-color: transparent !important;
}
.iIVHPA { /*VOLTAR*/
color: var(--karazan-blue) !important;
}
.sc-hmdomO.fpGmYQ,
.sc-hmdomO.fpGmYQ span{ /*TERMOS DE USO*/
color:var(--karazan-blue) !important;
}
.css-g0zw27 { /*LINHA CELULAR*/
background-color: transparent;
}
.css-g0zw27 svg{ /*LINHA CELULAR*/
fill:var(--karazan-bordo) !important;
}
.css-54ro1u{ /*LINHA CELULAR*/
color:var(--karazan-bordo) !important;
}
.css-x7xfaq .MuiInputBase-root .MuiInputAdornment-root svg { /*LINHA CELULAR*/
color:var(--karazan-bordo) !important;
}
.gLbQrl { /*ICONES INPUTS*/
position:relative;
}
.dkEeOM { /*MOSTRAR SENHA*/
position: absolute;
right:0.5vw;
top:1.5vw;
cursor: pointer;
}
.css-1bl9ma3 { /*CELULAR ARCO DO INPUT*/
inset: -8px 0px 0px;
}
.sc-cXPBUD.cAKWpC{ /*BOTÃO VAZADO CARTÃO DE CRÉDITO*/
border-color:var(--karazan-blue) !important;
}
.sc-cXPBUD.cAKWpC span{ /*BOTÃO VAZADO CARTÃO DE CRÉDITO*/
color:var(--karazan-blue) !important;
}
.hMEMFH {
background-color: var(--karazan-blue) !important;
border-color: var(--karazan-blue) !important;
color: var(--karazan-cream) !important;
}
.iOGEJb { /*TÍTULO PIX*/
color: var(--karazan-blue) !important;
}
.eBCAvj { /*BOTÃO CONCLUIR*/
background-color: var(--karazan-bordo) !important;
color: var(--karazan-cream) !important;
}
.fSfMdj { /*SELECT*/
color: var(--karazan-bordo) !important;
}
.SVORR { /*INPUTS*/
color: var(--karazan-bordo);
}

/* Estilos específicos do widget account */
.planne-widget-account {
	max-width: 100%;
}

.planne-widget-account .planne-widget-account-form-row .planne-widget-account-input-field input {
	padding-left: 16px;
	height: 45px;
}

.planne-widget-account .planne-widget-account-form-row .planne-widget-account-input-field select {
	height: 45px;
}

.planne-widget {
	font-family: var(--euphorigenic), sans-serif;
}

.planne-widget button.planne-button {
	padding: 14px 35px;
	background-color: var(--karazan-bordo);
	color: var(--karazan-cream);
}

.planne-widget button.planne-button:hover {
	background-color: var(--karazan-bordo);
}

.planne-widget button.planne-button.planne-border-button {
	border-color: var(--karazan-bordo);
	color: var(--karazan-bordo);
}

.planne-widget button.planne-button.planne-border-button:hover {
	border-color: var(--karazan-bordo);
}

/*End - MINHA CONTA PLANNE*/

@media only screen and (max-width:1024px) and (orientation: portrait){

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.minha-conta {
background-size:auto 110%;
min-height: 100vh;
overflow-x: hidden;
}
.minha-conta-card {
border-width: 0.3vw;
border-radius: 4.5vw;
box-shadow: 0 0.3vw 1vw 0 var(--preto_lente05);
padding: 6vw;
width: 95vw;
max-width: 95vw;
margin: 2vw auto;
}
.minha-conta-titulo {
font-size: 8vw;
line-height: 8vw;
margin-bottom: 6vw;
}
.minha-conta-box {
width: 100%;
padding: 0vw;
overflow-x: hidden;
}
.sc-hmdomO.fpGmYQ,
.sc-hmdomO.fpGmYQ span{ /*TERMOS DE USO*/
font-size:4vw !important;
line-height: 6vw !important;
}
.hJbVjj { /*INPUTS*/
font-size:4vw !important;
line-height: 10vw !important;
}
.dkEeOM { /*MOSTRAR SENHA*/
right: 3vw;
top: 10.5vw;
}
.css-g0zw27 { /*LINHA CELULAR*/
height: 20vw;
}
.css-o4mvg6 { /*LINHA CELULAR*/
height: 100%;
}
.css-11dibop.planne-uni-input-label-small { /*LINHA CELULAR*/
font-size: 3.5vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0px;
text-decoration: none;
height: 5vw;
}
.css-9udrzz { /*LINHA CELULAR*/
height: 15vw;
}
.css-3vdd0f.planne-uni-input-prefix-slot,
.css-1far1b9 { /*LINHA CELULAR*/
height: 100%;
}
.css-1far1b9.planne-uni-phone-input-ddi-size-medium .planne-uni-paper-trigger-button-root { /*LINHA CELULAR*/
height: 15vw;
font-size: 4vw;
font-weight: 500;
line-height: 15vw;
letter-spacing: 0px;
text-decoration: none;
}
.css-knr6ib { /*LINHA CELULAR*/
height: 5vw;
}
.css-1far1b9 span.planne-uni-phone-input-ddi-preview-text { /*LINHA CELULAR*/
font-size: 4vw;
line-height: 5vw;
}
.css-x7xfaq { /*LINHA CELULAR*/
height: 15vw;
}
.css-x7xfaq.planne-uni-input-base-with-prefix .MuiInputBase-root { /*LINHA CELULAR*/
height: 100%;
background-color: white;
}
.css-x7xfaq.planne-uni-input-base-medium input { /*LINHA CELULAR*/
font-size: 4vw;
font-weight: 500;
line-height: 5vw;
letter-spacing: 0px;
text-decoration: none;
max-height: 15vw;
height: 15vw;
margin: 0vw;
padding: 0vw;
}
.css-1bl9ma3 { /*LINHA CELULAR*/
inset: -5px 0px 0px;
}
.css-1tz03d { /*LINHA CELULAR*/
max-height: 60vw;
}
.css-8ffazi .MuiListItemText-primary { /*LINHA CELULAR*/
font-size: 4vw;
line-height: 8vw;
}
.css-1pytqj3 { /*LINHA CELULAR*/
width: 8vw;
height: 8vw;
}
.hMEMFH span,
.sc-cXPBUD.cAKWpC span{ /*BOTÃO PIX E CARTÃO DE CRÉDITO*/
font-size:5vw !important;
}
.fSfMdj { /*SELECT*/
font-size:5vw !important;
line-height:5vw !important;
}
.fSfMdj option{
font-size:5vw !important;
line-height:5vw !important;
}
.SVORR { /*INPUTS*/
font-size:5vw !important;
}

.planne-widget-account .planne-widget-account-form-row .planne-widget-account-input-field input {
	height: 15vw;
	font-size: 4vw;
}

.planne-widget-account .planne-widget-account-form-row .planne-widget-account-input-field select {
	height: 15vw;
	font-size: 4vw;
}

/* Melhorias gerais para mobile */
.planne-widget,
.planne-widget * {
max-width: 100% !important;
box-sizing: border-box !important;
}

.planne-widget-account {
width: 100% !important;
overflow-x: hidden !important;
}

}
/* End - css/minha-conta.css */