@charset "utf-8";

#auth { padding: 41px 0 81px;}
#minhaconta { padding: 0;}

#minhaconta .coluna1 { padding: 20px;}
#minhaconta .coluna2 { padding: 20px;}
#minhaconta .submenu .sair { border-top: 1px solid rgb(90 90 90 / 20%);}
#minhaconta .submenu .um:hover { background-color: rgb(90 90 90 / 10%);}
#minhaconta .submenu .um.ativo { background-color: rgb(90 90 90 / 10%);}
#minhaconta .empresas .listar .logo { position: absolute; width: 200px; top: 10px; left: 10px;}
#minhaconta .empresas .listar .logo .img { height: 120px;}
#minhaconta .empresas .listar .detalhes { min-height: 162px; padding: 2px 0 0 210px;}
#minhaconta .empresas .listar .detalhes h2 { font-size: 1.2em;}
#minhaconta .empresas .listar .detalhes h3 { font-size: 1em;}
#minhaconta .empresas .listar .detalhes h4 { padding: 3px 0; border-top: 1px solid rgb(90 90 90 / 40%); border-bottom: 1px solid rgb(90 90 90 / 40%);}
#minhaconta .empresas .listar .detalhes button { font-size: 1em;}

#minhaconta .empresas .novo .planos .opcao { background-color: rgb(90 90 90 / 5%);}
#minhaconta .empresas .novo .planos .opcao .radio { top: 7px; right: 5px;}
#minhaconta .empresas .novo .planos .opcao .label { padding: 15px 35px 15px 15px;}
#minhaconta .empresas .novo .planos .opcao .radio:checked + label { background-color: rgb(202 159 19 / 20%);}
#minhaconta .empresas .novo .planos .opcao .nome { font-size: 1.1em;}
#minhaconta .empresas .novo .planos .opcao .de { font-size: 0.9em;}
#minhaconta .empresas .novo .planos .opcao .de i { font-style: normal; text-decoration: line-through;}
#minhaconta .empresas .novo .planos .opcao .por { font-size: 1.1em;}
#minhaconta .empresas .novo .planos .opcao .nsorte { padding: 8px 0 0; border-top: 1px solid rgb(90 90 90 / 40%);}

@media only screen and (max-width: 1000px){
  #minhaconta .coluna1 { padding: 11px 3%;}
  #minhaconta .coluna2 { padding: 11px 3%;}
  #minhaconta .coluna2 .auto700 { max-width: 100%;}
}
@media only screen and (max-width: 600px){
  #minhaconta .empresas .listar .tab { display: flex; flex-wrap: wrap; justify-content: center;}
  #minhaconta .empresas .listar .logo { position: relative; top: 0; left: 0;}
  #minhaconta .empresas .listar .detalhes { width: 100%; min-height: 0; padding: 0; margin: 11px 0 0; text-align: center;}
}