:root {
  --cor1:#1b2745;
  --cor2:#2a51ab;
  --cor3:#adc040;
  --cor4:#d74d63;  
}

/*	---------------- Principais ---------------- */

@font-face {
  font-family: 'geometr415';
  src: url('../font/geometric-415-black-bt.ttf') format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: 'geometr415';
  src: url('../font/geometric-415-black-lite.ttf') format("truetype");
  font-weight: normal;
}

*{
	box-sizing:border-box;
}
::before{box-sizing: unset}

html{height:100% !important; width:100%; -webkit-backface-visibility:hidden !important; overflow-y:s21/12/2022croll;}

/*body {margin:0; min-width:322px; background-color:#fff; overflow-y:hidden; font-family:'Open Sans', 'Arial','verdana'; font-weight: 400; color:#454545; height: auto; font-size:16px; -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch; line-height:18px;}*/
body {margin:0; min-width:322px; background-color:#fff; /*overflow-y:hidden*/; font-family:'geometr415', 'Arial','verdana'; font-weight: 400; color:#454545; height: auto; font-size:16px; -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch; line-height:18px;}

input, select, textarea{outline-style: none;font-family: 'Open Sans', sans-serif;appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;border: 0;background-color: #fff;}
h1,h2,h3{padding:0; margin:0; font-weight:400}
hr{color: #1e1e1f}
select::-ms-expand{display: none;}
input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: inherit;}
a {color: inherit;outline: none;text-decoration: inherit;}
a:hover{color: inherit;outline: none;text-decoration: inherit;}
a img {outline : none;}
img {border : 0; outline: 0;}
input, button, select, textarea{outline: 0;}
select{background-repeat: no-repeat; background-position:calc(100% - 15px) center; background-image: url('../imagens/seta_select.png'); background-size:12px;}
select *{padding:5px 10px;}

button{cursor: pointer;background-color: rgba(0, 0, 0, 0);outline-style: none !important;outline: thin dotted !important;outline: 0px auto -webkit-focus-ring-color !important;outline-offset: 0px !important;}
video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent;}
button, div:focus{outline: none;-webkit-tap-highlight-color: transparent}

input[type=button], input[type=submit], input[type=reset]{-webkit-appearance: none;}

.FtLight{font-weight:300;}
.FtSemi{font-weight:600;}
.FtBold {font-weight:700}

.ErroValidacao{color: red; font-size: 14px; text-align: center; margin: 10px 0; opacity: 0;}

.BordaErro{border-bottom:1px solid #D93636 !important}
.ColorErro{color:#D93636 !important;font-weight:600}
.ColorSuss{color:green !important;font-weight:600}

.SucessoValidacao{color: green; font-size: 12px; text-align: left; margin: 0 0 5px 0; opacity: 0;}

.Centralizar{display:inline-block; width: 100%;z-index:1;position: relative; max-width:1050px;} 
.Centralizar2{display:inline-block; width: 100%;z-index:1;position: relative; max-width:1180px;} 
.CentralizarQR{display:inline-block; width: 100%;z-index:1;position: relative; max-width:500px;} 

.AlinhaQR{display: flex; justify-content: center;}

.Disabled {background-color:#a0a0a0 !important;cursor: progress !important;}

/*<!-- Menu mobile -->*/

.Menu_flutuante{float: right;position: fixed;width: 300px;height: 100%;z-index: 10;right: -300px;top: 0px;transition: 0.8s;background-color: #fff;}
.ParteMenu{float: right;overflow: auto;width: 300px;background-color:var(--cor3); color: #fff;height: 100%;transition: 0.5s;}
.ParteEscura{float: right;width:100%;background: rgba(0, 0, 0, 0.60);height: 100%;cursor: pointer;transition:0.8s;position: fixed;z-index:10;display:none; top:0px;}
.DivMenu{float: right;width: 100%;height: auto;text-align: left;padding:0px 20px 0px 25px;}
.ItemMobile{padding: 0px 20px 0px 0px;float: left;width: 100%;height: auto;color:#fff; font-size: 16px;font-weight: 700;cursor: pointer;background: transparent;transition: 0.5s; text-transform: uppercase; line-height:23px; margin-bottom:30px;}
.ItemMobile:active{opacity: .8;}

.DivMenu .AlinhaFechar{margin-top:36px; margin-bottom:38px;}
.DivMenu .AlinhaFechar .BotaoFechar{width:31px; height:15.5px; float:left; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('../imagens/close.svg');}

/*-------- Classes uteis --------*/

.Linha100{width:100%; float:left;}
.Esquerda{ text-align: left;}
.Justificado{text-align: justify;}

.Inline100{width:100%; display:inline-block;}
.Centro{text-align:center !important;}

.Titulo1{font-size:36px; line-height:40px;}
.Titulo2{font-size:24px; line-height:28px;}
.Titulo3{font-size:28px; line-height:34px; color:var(--cor1); font-weight:600;}

.InputCampo{border-bottom:1px solid #bababa; padding:0px 14px 10px 10px;line-height:20px}
.InputCampo::placeholder{color:#b9b9b9;}
textarea.InputCampo{padding:10px 14px; border:1px solid #bababa; resize: none; height:auto;}

.PaginaInterna{min-height:calc(100vh - 215px); padding-top:50px; padding-bottom:100px; background-color:#eaeaea;}
.PaginaInterna .AlinhaConteudo{display:flex; align-items: flex-start;}

.PaginaInterna .AlinhaConteudo .Lateral{width:270px; float:left; background-color: #fff; border-radius:5px; padding:40px 25px 30px 25px;}
.PaginaInterna .AlinhaConteudo .Lateral .NomeUsuario{font-size:28px; color: var(--cor1); font-weight:600; line-height: 34px; margin-bottom:60px;}

.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu{display:flex; align-items: center; text-align: left; cursor: pointer; transition: .2s; padding:10px 25px; margin-bottom:10px;}
.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu .Icone{width:18px; height:20px; background-repeat: no-repeat; background-position: center center; margin-right:20px;}

.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu.Menu1 .Icone{background-image: url('../imagens/ico-menu-1_1.png');}
.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu.Menu1.Atual .Icone{background-image: url('../imagens/ico-menu-1_2.png');}

.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu.Menu2 .Icone{background-image: url('../imagens/ico-menu-2_1.png');}
.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu.Menu2.Atual .Icone{background-image: url('../imagens/ico-menu-2_2.png');}
.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu.Menu3 .Icone{background-image: url('../imagens/ico-menu-3_1.png');}
.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu.Menu3.Atual .Icone{background-image: url('../imagens/ico-menu-3_2.png');}
.PaginaInterna .AlinhaConteudo .Lateral .Menus .Menu.Menu4 .Icone{background-image: url('../imagens/ico-menu-4.png');}

.PaginaInterna .Menu .NomeMenu{color:#a2a2a2; font-size:16px; font-weight:600;}
.PaginaInterna .Menu.Atual .NomeMenu{color:#141316;}

.PaginaInterna .Lateral .SeparacaoMenu{height:1px; background-color:#a3a3a3; margin-top:60px; margin-bottom:30px; width:100%; float:left;}

.PaginaInterna .Conteudo{width:calc(100% - 300px); margin-left:30px; }
.PaginaInterna .Conteudo .Container{width:100%; background-color: #fff; border-radius:5px; padding:30px 60px 50px 60px; float:left;}

.BotaoMenuMobile{background-position: center center; background-size: contain; width:30px; height:30px; float:left; background-image: url('../imagens/menu-mobile.svg'); background-repeat: no-repeat; display:none;}

.MostraSenha {cursor:pointer;position: absolute;width: auto !important;height: 0 !important;right: 20px;bottom: 30px;}
.MostraSenha:before { content:""; display:inline-block; width:25px; height:20px; background-image:url('../imagens/Visualizar.svg');background-repeat: no-repeat;}
.MostraSenha:checked:before { background-image:url('../imagens/Esconder.svg')}

.InputSelectFalso{background-repeat: no-repeat;background-position: calc(100% - 15px) center;background-image: url('imagens/seta_select.png');background-size: 12px;}
.SelectFalso{overflow-y:auto;max-height: 170px;display:none;position: absolute;width:100%;background-color: #fff;top: 29px;border: 1px solid #767676;}
.SelectFalso .ItemSelect{text-align:left;padding: 5px 10px;}
.SelectFalso .ItemSelect2{text-align:left;padding: 5px 10px;}
.SelectFalso .ItemSelect:hover{background-color:#1e90ff;color:#fff}

/*-------- Classes uteis --------*/

/*-------- Topo --------*/

#Topo{background-color: var(--cor1); padding-top:110px; padding-left: 20px; padding-right:20px; margin-bottom:-1px;}
#Topo .Logo{float:left; margin-top:-12px;}
#Topo .AlinhaTopo{display:flex; align-items: flex-start; justify-content: space-between; padding-bottom:35px;}
#Topo .AlinhaTopo .BuscaAnimal{width:100%; float:left; max-width: 465px;}

#Topo .BuscaAnimal .LabelBusca{font-size:22px; line-height:24px; color:#fff; margin-bottom:14px;}
#Topo .BuscaAnimal .AlinhaBusca{position: relative;}

#Topo .BuscaAnimal .InputBusca{border-radius:28px; background-color: #fff; padding:0px 14px; height:50px;}
#Topo .BuscaAnimal .InputBusca::placeholder{color:#b9b9b9;}
#Topo .BuscaAnimal .BotaoPesquisa{padding:3px; position: absolute; right:14px; top:50%; transform: translateY(-50%); cursor: pointer;}


#TopoCadastro{background-color: var(--cor1); padding-top:85px; padding-left: 20px; padding-right:20px; margin-bottom:-1px;}
#TopoCadastro .Logo{display: flex; justify-content: flex-start;}
#TopoCadastro .Logo img{float:left;}

#TopoQr {background-color:var(--cor1); padding-top:60px;}
#TopoQr .AlinhaLogo{float:left; display:flex; justify-content: center; padding-bottom:10px;}


/*-------- Topo --------*/

/*-------- Login --------*/

#Login{background-color:#fff; display:flex; justify-content: center; align-items: center;min-height:100vh; padding:100px 20px;}
/* #Login .Centralizar{max-width:1240px;} */
#Login .aLinhaConteudo{display: flex; flex-wrap: wrap; justify-content: space-between; max-width:1100px;}
#Login .aLinhaConteudo .LadoImagem{width:calc(100% - 510px); float:left;}
#Login .aLinhaConteudo .Formulario{background-color:#e9e9e9; border-radius:25px; padding:45px 20px 70px 20px; width:490px; margin-left:20px; float:left; display:flex; flex-direction: column;}
#Login .aLinhaConteudo .LadoImagem .T1{color:var(--cor1); font-size:48px; line-height:52px;}
#Login .aLinhaConteudo .LadoImagem .T2{color:var(--cor3); font-size:48px; line-height:52px;}
#Login .aLinhaConteudo .LadoImagem .Texto{margin-top:30px; margin-bottom:20px;}
#Login .aLinhaConteudo .LadoImagem .Imagem img{margin-top:-5px; margin-left:-100px; height:450px; }

#Login .Formulario .AlinhaForm{padding:0px 25px;}
#Login .aLinhaConteudo .Formulario .AlinhaLogo{display:flex; justify-content: center; margin-bottom:30px;}
#Login .AlinhaInputs {display:flex; justify-content: center; flex-wrap: wrap;}
#Login .AlinhaInputs .ContainerInput{margin-bottom:18px;}
#Login .AlinhaInputs .ContainerInput:last-child{margin-bottom:0px;}
#Login .AlinhaInputs .Label{margin-bottom:13px; color:#141316;}
#Login .AlinhaInputs .InputLogin{background-color: #fff; height:42px; padding:0px 16px; font-size:15px;border-radius:20px;}

#Login .Formulario .Alinha2{margin-bottom:20px; display:flex; justify-content: space-between; align-items: center; }

#Login .Formulario .BotoesForm{display:flex; flex-direction: column; margin-bottom:30px;}
#Login .Formulario .BotoesForm input:last-child{margin-bottom:0px;}
#Login .Formulario .BotoesForm input{margin-bottom:20px; border-radius:20px; height:42px; font-size:18px; cursor:pointer; transition:.2s; font-weight:600;}
#Login .Formulario .BotoesForm input:hover{opacity: .9; filter: opacity(90);}
#Login .Formulario .BotoesForm .Botao1{color:#fff; background-color:var(--cor1);}
#Login .Formulario .BotoesForm .Botao2{background-color:transparent; border:1px solid var(--cor1); color:var(--cor1);}

#Login .Formulario .TermosDeUso span{display: inline; font-size:12px; line-height:14px;}
#Login .Formulario .TermosDeUso span.Destacado{color:var(--cor2); cursor: pointer;}
#Login .Formulario .TermosDeUso span.Destacado:hover{text-decoration: underline;}

#Login .Formulario .EsqueciSenha{font-size:12px; line-height:14px; color:var(--cor2); float:left; cursor:pointer;}

#Login .control {display: block; position: relative;padding-left: 15px; margin-bottom: 0px; padding-top: 1px; cursor: pointer; font-size: 12px;}
#Login .control input {position: absolute; z-index: -1; opacity: 0;}
#Login .control_indicator {position: absolute;top: 4px; left: 0; height: 12px; width: 12px; background: transparent; border: 1px solid #141316; border-radius: 0px;}
#Login .control:hover input ~ .control_indicator,.control input:focus ~ .control_indicator { background: transparent;}

#Login .control input:checked ~ .control_indicator {background: #141316;}
#Login .control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator {background: #141316;}
#Login .control input:disabled ~ .control_indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}
#Login .control_indicator:after {box-sizing: unset; content: ''; position: absolute; display: none;}
#Login .control input:checked ~ .control_indicator:after {display: block;}
#Login .control-checkbox .control_indicator:after {left: 2px;top: -2px; width: 3px; height: 8px; border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg);}
#Login .control-checkbox input:disabled ~ .control_indicator:after {border-color: #7b7b7b;}


/*-------- Login --------*/

/*-------- Cadastro --------*/

#Cadastro{padding-top:30px;padding-bottom:100px; background-color: var(--cor1); min-height: calc(100vh - 173px); padding-left:20px; padding-right:20px;}

#Cadastro .Cabecalho{display: flex; align-items: center; flex-direction: column;}
#Cadastro .Cabecalho > div{max-width: 615px;}
#Cadastro .Cabecalho .Titulo1{color:#fff; margin-bottom:60px;}
#Cadastro .Cabecalho .LinhaEtapas{height:2px; background-color: #fff; position: relative; margin-bottom:55px; position:relative; z-index: 2; border-left:5px transparent solid; border-right:5px transparent solid; width:calc(100% - 10px); margin-left:5px; margin-right:5px;}
#Cadastro .Cabecalho .AlinhaBolasEtapa{width:calc(100% + 20px); float:left; position: absolute; top:50%; left:-10px; transform: translateY(-50%); display: flex; justify-content: space-between} 
#Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa{width:58px; height:58px; border-radius: 50%; border:2px solid #fff; background-color: var(--cor1); display:flex; justify-content: center; align-items: center; position: relative;}
#Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa span{font-size:20px; color:#fff; font-weight: 600;}


#Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa .NomeEtapa{position: absolute; bottom:-80px; left:50%; transform: translateX(-50%); color:rgba(27, 39, 69, .5); white-space: nowrap;}

#Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa.Atual .NomeEtapa{color:var(--cor1);}

#Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa.Atual{background-color:var(--cor3); border:none;}
#Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa.Atual{color:var(--cor1);}

#Cadastro .AlinhaForm{display: flex; justify-content: center;position:relative; z-index: 1; flex-wrap: wrap;}
#Cadastro .AlinhaForm > div{max-width:900px;}

#Cadastro .BlocoFormulario{background-color: transparent; border-radius:30px; overflow: hidden;}
#Cadastro .BlocoFormulario .CabecalhoBloco{background-color: var(--cor3); padding-top:25px; padding-bottom:20px; height:74px;}
#Cadastro .BlocoFormulario .BlocoCampos{background-color:#fff; padding:50px 100px;}
#Cadastro .BlocoFormulario .CabecalhoBloco span{color:var(--cor1); text-align: left; font-weight:600; display:none; float:left;}

#Cadastro .BlocoCampos .LinhaCampos{width:calc(100% + 30px); float:left; margin-left:-30px; margin-bottom:-40px;}

#Cadastro .BlocoCampos .LinhaCampos .ContainerCampos{width:calc(50% - 30px); margin-left: 30px; margin-bottom:40px; float:left;}
#Cadastro .BlocoCampos .LinhaCampos .ContainerCampos.tam2{width:100px;}
#Cadastro .BlocoCampos .LinhaCampos .ContainerCampos.tam3{width:calc(50% - 160px);}


#Cadastro .BlocoCampos .LinhaCampos .ContainerCampos .Label{font-size:16px; color:#454545; margin-bottom:14px; font-weight:600;}
#Cadastro .BlocoCampos .LinhaCampos .ContainerCampos span{display: inline; text-align: left;}

#Cadastro .BlocoCampos .LinhaCampos .LegendaSenha{width: 100%;float: left;margin-top: -30px;text-align: left;margin-left: 30px;margin-bottom: 40px;font-size: 15px;font-weight: 500;}

span.asteristico{color:#d33952;}

#Cadastro .AlinhaInfoBotao{display:flex; justify-content: space-between; flex-wrap: wrap;align-items: flex-start; margin-top:25px;}
#Cadastro .AlinhaInfoBotao .Info{padding-left:100px; display:flex; align-items: center; float:left;}
#Cadastro .AlinhaInfoBotao .Info img{margin-right:10px;}
#Cadastro .AlinhaInfoBotao .Info .Texto{font-size: 16px; line-height:20px; color:#fff;}

#Cadastro .AlinhaInfoBotao .PosicionaNavegacao{display:flex; align-items: center;}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao{border-radius:25px; display:flex; justify-content: center; align-items: center; width:170px; height:40px; cursor:pointer; transition: .2s;}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao:hover{opacity: .9; filter: opacity(90);}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao:last-child{margin-left:20px;}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao:only-child{margin:0px;}

#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao .Txt{font-size:16px;}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao.Proximo{background-color:var(--cor3);}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao.Proximo .Txt{color:var(--cor1); font-weight:600;}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao.Anterior{background-color:transparent; border:1px solid var(--cor3);}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao.Anterior .Txt{color:var(--cor3); font-weight:600;}

#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao img:last-child{margin-left:10px;}
#Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao img:first-child{margin-right:10px;}
#Cadastro .BlocoCampos .ConteudoInfo{width:100%; float:left; margin-bottom:40px;}
#Cadastro .BlocoCampos .ConteudoInfo:last-child{margin-bottom:0px;}
#Cadastro .BlocoCampos .ConteudoInfo .TituloCadeado{margin-bottom:30px; display:flex; align-items: center; flex-wrap: wrap;}
#Cadastro .BlocoCampos .ConteudoInfo .TituloCadeado img{margin-right:15px;}
#Cadastro .BlocoCampos .ConteudoInfo .TituloCadeado span{width:calc(100% - 35px); text-align: left; font-weight:600; font-size:22px; color: var(--cor1);}

#Cadastro .control {display: block; position: relative;padding-left: 25px; margin-bottom: 0px; padding-top: 1px; cursor: pointer; font-size: 16px; text-align: left;}
#Cadastro .control input {position: absolute; z-index: -1; opacity: 0;}
#Cadastro .control_indicator {position: absolute;top: 2px; left: 0; height: 15px; width: 15px; background: transparent; border: 1px solid #141316; border-radius: 0px;}
#Cadastro .control:hover input ~ .control_indicator,.control input:focus ~ .control_indicator { background: transparent;}

#Cadastro .control input:checked ~ .control_indicator {background: #141316;}
#Cadastro .control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator {background: #141316;}
#Cadastro .control input:disabled ~ .control_indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}
#Cadastro .control_indicator:after {box-sizing: unset; content: ''; position: absolute; display: none;}
#Cadastro .control input:checked ~ .control_indicator:after {display: block;}
#Cadastro .control-checkbox .control_indicator:after {left: 4px; width: 3px; height: 8px;border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg);}
#Cadastro .control-checkbox input:disabled ~ .control_indicator:after {border-color: #7b7b7b;}

#Cadastro .BlocoCampos .AlinhaCheckBox{margin-top:20px;}
#Cadastro .BlocoCampos .AlinhaCheckBox span.link{color:#3035b8; text-decoration: underline;cursor:pointer}


/*-------- Cadastro --------*/

/*-------- MeusPets --------*/

#MeusPets .Conteudo h1{color:var(--cor1);}
#MeusPets .Conteudo .AlinhaTitulo{display:flex; justify-content: space-between; align-items: center;} 
#MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar{height:54px; border-radius:25px; padding:0px 30px; display:flex; justify-content: flex-start; align-items: center; background-color:var(--cor3); cursor:pointer; transition: .2s; width:254px;}
#MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar:hover{opacity: .9; filter:opacity(90);}

#MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar img{margin-right:13px;}
#MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar .txt{font-size:19px; color:#fff; font-weight:600;}
#MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar .txt.mobile{display:none;}

#MeusPets .Conteudo .LabelSecao{color:#fff; text-align: center; float:left; font-size:18px; line-height:24px; height:50px; background-color:var(--cor3); font-weight: 600;}

#MeusPets .Conteudo .ListagemMobile{display:none}
#MeusPets .Conteudo .Listagem{margin-top: 60px; float:left;}
#MeusPets .Conteudo .Listagem .ItemListagem{display:flex; align-items: center; background-color:#eaeaea; padding:10px 30px;margin-bottom:15px;}
#MeusPets .Conteudo .Listagem .ItemListagem:last-child{margin-bottom:0px;}

#MeusPets .Conteudo .Listagem .ItemListagem .Coluna{display:flex; align-items: flex-start; float:left; flex-direction: column;}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col1{width:100px;}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col2{width:calc(35% - 57px);}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col3{width:calc(40% - 57px);}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col4{width:calc(25% - 57px);}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col5{width:75px; justify-content: center; align-items: center; cursor:pointer;}
#MeusPets .Conteudo .Listagem .ItemListagem .FotoPet{width:80px; height:80px; float:left; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url('../imagens/img-pet-default1.png'); border-radius: 50%;}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna .T1{font-size:16px; color:#454545; font-weight:600; margin-bottom:20px; line-height:20px;}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna .T2{font-size:16px; color:#454545;}
#MeusPets .Conteudo .Listagem .ItemListagem .Coluna .BotaoDetalhes{margin-top:-3px; float:left;}

#MeusPets .Conteudo .BotaoVoltar{width:130px; height:54px; float:left; border-radius:25px; color:#fff; background-color: var(--cor3); font-weight: 600; cursor: pointer; transition: .2s;}
#MeusPets .Conteudo .BotaoVoltar:hover{opacity: .9; filter: opacity(90);}

#MeusPets .FormDados{margin-top:60px;}
#MeusPets .FormDados .Topico{background-color: var(--cor3); display: flex; justify-content: center; align-items: center; min-height:50px; padding:10px; margin-bottom:35px; margin-top:50px;}
#MeusPets .FormDados .Topico:first-child{margin-top:0px;}

#MeusPets .FormDados .Topico span{font-weight: 600; font-size:18px; color:#fff;}


#MeusPets .LinhaCampos{width:calc(100% + 30px); float:left; margin-left:-30px; margin-bottom:-30px;}

#MeusPets .LinhaCampos.ComFoto{width:calc(50% + 30px); margin-top:10px;}

#MeusPets .LinhaCampos .ContainerCampos{width:calc(100% - 30px); margin-left: 30px; margin-bottom:30px; float:left;}

#MeusPets .LinhaCampos .ContainerCampos.tam2{width:calc(50% - 30px);}
#MeusPets .LinhaCampos .ContainerCampos.tam3{width:105px;}
#MeusPets .LinhaCampos .ContainerCampos.tam4{width:calc(50% - 165px);}

#MeusPets .LinhaCampos .ContainerCampos .PosicaoUrl{display:flex; align-items:flex-start;}
#MeusPets .LinhaCampos .ContainerCampos .PosicaoUrl .TxtInsta{line-height:20px; font-size:15px; color:#b9b9b9;}
#MeusPets .LinhaCampos .ContainerCampos .PosicaoUrl .InputCampo{width:calc(100% - 110px);}

#MeusPets .LinhaCampos .ContainerCampos .Label{font-size:16px; color:#454545; margin-bottom:14px; font-weight:600;}
#MeusPets .LinhaCampos .ContainerCampos span{display: inline; text-align: left;}

#MeusPets .AlinhaImagem{margin-bottom:30px; display:flex; align-items: center; justify-content: center; width:50%; float:left;}
#MeusPets .AlinhaImagem .FotoBichinho{width:165px; height:165px; float:left; background-repeat: no-repeat; background-position: center center; background-size:cover; border-radius:50%; background-image:url('../imagens/img-pet-default1.png'); cursor: pointer;transition: .2s}
#MeusPets .AlinhaImagem .FotoBichinho:hover{opacity: .9; filter: opacity(90);}

#MeusPets .control-group{width: 100%; float:left; display: flex; flex-wrap: wrap; align-items: center;}
#MeusPets .control {display: block; position: relative; padding-left: 21px; margin-bottom: 0px; padding-top: 1px; cursor: pointer; font-size: 16px; float:left; margin-right:10px;}
#MeusPets .control input {position: absolute; z-index: -1; opacity: 0;}
#MeusPets .control_indicator {position: absolute; top: 4px; left: 0; height: 13px; width: 13px; background: #fff; border: 1px solid #000000; border-radius: 20px;}
#MeusPets .control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator {background: #fff;}

#MeusPets .NaoAutorizo .Autorizo{width:100%; margin-bottom:10px; text-align: left; font-size:16px; font-weight: 700;}
#MeusPets .NaoAutorizo .control-radio .control_indicator {border-radius:0; top: 3px; width:14px; height:14px;}

#MeusPets .NaoAutorizo .control-radio .control_indicator:after {border-radius: 0; background: var(--cor1);}

#MeusPets .NaoAutorizo  .control-radio .control_indicator:after {left:1px; top:1px;width:8px; height:8px;}
#MeusPets .NaoAutorizo  .control input:checked ~ .control_indicator{border:2px solid var(--cor1);}

#MeusPets .NaoAutorizo .control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator {border:2px solid var(--cor1);}

#MeusPets .control input:checked ~ .control_indicator {background: #fff; border:1px solid #adc040;} 
#MeusPets .control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator {background: #fff; border:1px solid #adc040;} 
#MeusPets .control input:disabled ~ .control_indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}
#MeusPets .control_indicator:after {box-sizing: unset; content: ''; position: absolute; display: none;}
#MeusPets .control input:checked ~ .control_indicator:after {display: block;}
#MeusPets .control-radio .control_indicator {border-radius: 50%;}

#MeusPets .control-radio .control_indicator:after {left: 2.5px; top: 2.5px; height: 6px; width: 6px; border-radius: 50%; background: #adc040; transition: background 250ms;}
#MeusPets .control-radio input:disabled ~ .control_indicator:after {background: #7b7b7b;}

#MeusPets .Conteudo .AlinhaBotoesFinal{display:flex; align-items: center; justify-content: flex-end; margin-top:40px;}
#MeusPets .Conteudo .AlinhaBotoesFinal .Botao{border-radius:25px; height:50px; width:170px; float:left; margin-left:20px; color:#fff; font-size:16px; cursor:pointer; transition: .2s;}
#MeusPets .Conteudo .AlinhaBotoesFinal .Botao:hover{opacity: .9s; filter: opacity(90);}

#MeusPets .Conteudo .AlinhaBotoesFinal .Botao.Previa{background-color: var(--cor1);}
#MeusPets .Conteudo .AlinhaBotoesFinal .Botao.Salvar{background-color:var(--cor3);}

#MeusPets .Conteudo .TextoProtecao{font-size:15px; line-height:21px;}

/*-------- MeusPets --------*/

/*-------- PaginaQr --------*/

#PaginaQr {color:#454545;}
#PaginaQr{min-height:calc(100vh - 104px); padding: 0px; background-color:#eaeaea;}

#PaginaQr .AvisoPerdido{height:50px; background-color: #d74d63; display:flex; justify-content: center; align-items: center;}
#PaginaQr .AvisoPerdido span{color:#fff; font-weight:600; font-size:19px;}
#PaginaQr .ConteudoQR{padding:30px 20px 50px 20px; display:flex; flex-direction: column;}
#PaginaQr .AlinhaFoto{display:flex; justify-content: center; }
#PaginaQr .ConteudoQR .FotoBichim{width:133px; height:133px; float:left; border-radius: 50%; border:4px solid #d74d63; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('../imagens/img-pet-default1.png'); margin-bottom:-13px; position: relative; z-index:2;}
#PaginaQr .ConteudoQR .BlocoApresentacao{padding:28px 22px 22px 22px; background-color:#d74d63; margin-bottom:25px; text-align: center; color:#fff;}

#PaginaQr .ConteudoQR .BlocoApresentacao .T1{margin-bottom:15px; font-size:19px; font-weight:700;}
#PaginaQr .ConteudoQR .BlocoApresentacao .T2{font-size:14px; line-height:19px;}

#PaginaQr .ConteudoQR .Informacoes{background-color: #fff; margin-bottom:25px;}

#PaginaQr .ConteudoQR .Informacoes .BlocoBotaoExpandir{width:calc(100% + 40px); margin-left:-20px; float:left; cursor: pointer; display:flex; justify-content: center; padding:10px 0px;}
#PaginaQr .ConteudoQR .Informacoes .BlocoBotaoExpandir .Txt{font-size:14px; position: relative; font-weight: 600;}
#PaginaQr .ConteudoQR .Informacoes .BlocoBotaoExpandir img{position: absolute; top:50%; transform: translateY(-45%); right:-25px;}

#PaginaQr .ConteudoQR .Informacoes .ContainerInfo{padding:30px 15px; display:none;}
#PaginaQr .ConteudoQR .SecaoDados{margin-bottom:35px; float:left;}
#PaginaQr .ConteudoQR .SecaoDados .TituloSecaoDados{margin-bottom:20px; font-size:14px; font-weight:700; display:flex; justify-content: center; align-items: center;}
#PaginaQr .ConteudoQR .SecaoDados .TituloSecaoDados .Texto{font-weight:700; text-transform: uppercase; margin-left:8px;}
#PaginaQr .ConteudoQR .SecaoDados .TituloSecaoDados img{margin-left:8px;}

#PaginaQr .ConteudoQR .SecaoDados .ItemInfo{display:flex; justify-content: center; align-items: center;}

#PaginaQr .ConteudoQR .SecaoDados .ItemInfo > div{float:left; font-size:14px; margin-bottom:8px; font-weight: 600;}
#PaginaQr .ConteudoQR .SecaoDados .ItemInfo .Col1{width:50%; text-align: right;}
#PaginaQr .ConteudoQR .SecaoDados .ItemInfo .Col2{width:50%; padding-left:5px; text-align: left;}

#PaginaQr .ConteudoQR .SubTituloImportante{font-weight:700; margin-bottom:10px;}

#PaginaQr .ConteudoQR .TextoImportante{background-color:#fff8c1; padding:20px 25px; line-height:16px;}
#PaginaQr .ConteudoQR .TxtContatar{margin-top:25px; margin-bottom:10px; color:var(--cor1); font-weight:700; font-size:16px; line-height:17px;}
#PaginaQr .ConteudoQR .BotaoContato{border-radius:25px; background-color:#d74d63; cursor:pointer; height:40px; margin-top:10px; transition: .2s; display:flex; justify-content: center; align-items: center;}
#PaginaQr .ConteudoQR .BotaoContato:hover{background-color:rgba(215, 77, 99,.9);}

#PaginaQr .ConteudoQR .BotaoContato .Icone{width:32px; float:left; display:flex; justify-content: flex-start;}
#PaginaQr .ConteudoQR .BotaoContato .Txt{color:#fff; font-weight:700; font-size:15px; font-weight:600;}


/*-------- PaginaQr --------*/

/* Aviso */
#Aviso {position: fixed; z-index: 99999; bottom: 0px; right: 0px}
#Aviso .Aviso{float: right; clear: both; position: relative; bottom: 50px; left: 380px; width: 380px; padding: 20px; margin-bottom: 8px; cursor: pointer; transition: transform 0s, left 0.2s ease-in-out;box-sizing: border-box;border-radius: 6px; opacity: 0.94;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30)}
#Aviso .Aviso:hover{transform: scale(0.95); opacity: 0.84}
#Aviso .AvisoSucesso{background-color: #46b74a;}
#Aviso .AvisoAviso{background-color: #f5b622}
#Aviso .AvisoErro{background-color: #eb3b2f}
#Aviso .Titulo{float: left; width: 100%; padding: 2px 0px; padding-left: 36px;padding-right:18px; background-position: left center; font-size: 17px; font-weight: 600; color: #fff;box-sizing: border-box;text-align:left}
#Aviso .TituloFrase{float: left; width: 100%; margin-top: 8px; margin-bottom:5px; padding-left: 36px; font-size: 16px; line-height: 16px; color: #fff;box-sizing: border-box;text-align:left}
#Aviso .TituloSucesso{background-image: url('../imagens/aviso_ok.svg');background-repeat:no-repeat;background-size:24px}
#Aviso .TituloAviso{background-image: url('../imagens/aviso_alert.svg');background-repeat:no-repeat;background-size:24px}
#Aviso .TituloErro{background-image: url('../imagens/aviso_erro.svg');background-repeat:no-repeat;background-size:24px}
#Aviso .Remover{position: absolute; top: 8px; right: 8px; width: 14px; height: 14px; background-image: url('../imagens/aviso_remover.png');background-repeat:no-repeat}
/* FIM Aviso */

/*-------- Modal --------*/

.modal-open {padding-right:0px !important}
.btn_fechar_modal{width:15px; height:15px; position:absolute; top:15px; right:15px;z-index:2; cursor:pointer; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image:url('../imagens/close2.svg');}

.ConteudoModais{background-color:#fff; border:none; position:relative;}
.modal{padding-right:0px !important; }

.Modal{width:100%; float:left; padding:40px;}


.Modal .TituloModal{font-weight: 700; font-size:22px; line-height:25px; margin-bottom:20px; color:#454545;}
.Modal .TextoComRolagem{height:395px; max-height:80vh; overflow-y:auto; font-size:15px; text-align: left; line-height: 18px;padding-right:15px;}


.Modal .TextoComRolagem *{scrollbar-width: thin;scrollbar-color: #8ACE00 #ffffff;}

/* Chrome, Edge, and Safari */
.Modal .TextoComRolagem *::-webkit-scrollbar {width: 10px;}

.Modal .TextoComRolagem *::-webkit-scrollbar-track {background: #ffffff;}

.Modal .TextoComRolagem *::-webkit-scrollbar-thumb {background-color: #8ACE00;border-radius: 10px; border: 3px solid #ffffff;}

.Modal .Esquerda{text-align:left;}
.Modal .Centro{text-align:center;}

.Modal .Linha100{width:100%; float:left;}
.Modal .Inline100{width:100%; display:inline-block;}

.Modal .Inline100 img{height:200px; display:inline-block; text-align: center;}

.Modal .AlinhaBotoes{margin-top:20px;}
.Modal .BotaoModal{width:130px; height:38px; border-radius:35px; color:#fff; font-size:15px; text-transform: uppercase; font-weight:700; transition:.3s; display:inline-block; text-align: center;}
.Modal .BotaoModal.Cancelar{background-color:#D9534F;}
.Modal .BotaoModal.Neutro{background-color:#cfcfcf;}
.Modal .BotaoModal.Salvar{background-color: #5CB85C;}

.Modal .BotaoModal:last-child{margin-left:40px;}
.Modal .BotaoModal:hover{cursor:pointer; opacity:.9; filter:opacity(90);}
.Modal .BotaoModal:active{cursor:pointer; opacity:.8; filter:opacity(80);}

/*-------- Modal --------*/

/*-------- Responsivo --------*/

#PaginaQr .ConteudoQR .Informacoes{ animation: pulse-bola 2s infinite;box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);}
#PaginaQr .ConteudoQR .EntrarSistema{ animation: pulse-bola2 2s infinite;box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);}

@keyframes pulse-bola {
  0% {
    box-shadow: 0 0 0 0 rgba(215, 77, 99,.7);
  }
  
  70% {
    box-shadow: 0 0 0 10px rgba(215, 77, 99, 0);
  }
  
  100% {
    box-shadow: 0 0 0 0 rgba(215, 77, 99, 0);
  }
}

@keyframes pulse-bola2 {
  0% {
    box-shadow: 0 0 0 0 rgba(27, 39, 69,.7);
  }
  
  70% {
    box-shadow: 0 0 0 10px rgba(27, 39, 69, 0);
  }
  
  100% {
    box-shadow: 0 0 0 0 rgba(27, 39, 69, 0);
  }
}

@media screen and (max-width:1280px){
  .Centralizar{padding:0px 20px;}
  .Centralizar2{padding:0px 20px;}
}

@media screen and (max-width:1100px){
  
  #Login .aLinhaConteudo .Formulario{width:100%; margin-left:0px; padding:30px 10px 50px 10px;}
  #Login .aLinhaConteudo{align-items: center; flex-direction: column;}

  #Login .aLinhaConteudo .LadoImagem .T1{text-align: center; font-size:35px; line-height:40px;}
  #Login .aLinhaConteudo .LadoImagem .T2{text-align: center; font-size:35px; line-height:40px;}
  #Login .aLinhaConteudo .LadoImagem .Texto{text-align: center;}
  #Login .aLinhaConteudo .LadoImagem{width:100%; display: flex; flex-direction: column; align-items: center;}

  #Login{padding:60px 20px;}

  #Login .aLinhaConteudo .LadoImagem .Textos{position: relative; z-index:2; background-color:rgba(255,255,255,.8); padding:40px 20px; border-radius: 10px; filter: blur(100);}
  #Login .aLinhaConteudo .LadoImagem .Imagem{margin-top:-300px;}
  #Login .aLinhaConteudo .LadoImagem .Imagem img{margin:20px 0px; height:300px; object-fit: contain; max-width: 100%; max-height: 100%;}
  #Login .aLinhaConteudo .LadoImagem .Linha100{width:auto;}
  #Login .aLinhaConteudo .LadoImagem .Linha100 .Linha100{width:100%;}

  #Login .aLinhaConteudo .Formulario .AlinhaLogo img{width:70px; height:70px;}
  #Login .aLinhaConteudo .Formulario .TermosDeUso {display:inline-block; float: none; text-align:center;}

  #Cadastro .AlinhaInfoBotao{align-items: center; flex-direction: column;}
  #Cadastro .AlinhaInfoBotao .Info{padding-left:0px; margin-bottom:15px;}

  #Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa .NomeEtapa{display:none;}
  
  #Cadastro .BlocoFormulario .CabecalhoBloco span{display:block;}
  #Cadastro .BlocoFormulario .CabecalhoBloco{padding:20px; height:auto; display:flex; justify-content: center;}
  #TopoCadastro {padding-top:40px;}
  #TopoCadastro .Logo{display:flex; justify-content: center;}
  #TopoCadastro .Logo img{width:230px;}
  #Cadastro .BlocoFormulario .BlocoCampos{padding:30px 20px;}

  .Titulo1{font-size:30px; line-height:35px;}
  .Titulo2{font-size:25px; line-height:30px;}
  #Cadastro .Cabecalho .AlinhaBolasEtapa .Etapa{width:48px; height:48px;}
  #Cadastro .AlinhaInfoBotao .Info .Texto{text-align: left;}
  #Cadastro{padding-bottom:60px;}
  #Cadastro .BlocoCampos .LinhaCampos{margin-bottom:-10px;}
  #Cadastro .BlocoCampos .LinhaCampos .ContainerCampos{width:calc(100% - 30px); margin-bottom:20px;}
  #Cadastro .BlocoFormulario{border-radius: 18px;}

  #Cadastro .BlocoCampos .LinhaCampos .ContainerCampos.tam2{width:calc(100% - 30px);}
  #Cadastro .BlocoCampos .LinhaCampos .ContainerCampos.tam3{width:calc(100% - 30px);}
  #Cadastro .AlinhaInfoBotao .PosicionaNavegacao .BotaoNavegacao{width:115px;}
  #Cadastro .BlocoCampos .ConteudoInfo .TituloCadeado span{font-size:18px; line-height:24px;}

	#Cadastro .BlocoCampos .LinhaCampos .LegendaSenha{width: calc(100% - 30px);margin-top:-10px}
}

@media screen and (max-width:1000px){
  .PaginaInterna .AlinhaConteudo .Lateral{display:none;}
  .PaginaInterna .Conteudo{width:100%; margin:0px;}
  .PaginaInterna .Conteudo .Container{padding:20px;}
  #MeusPets .Conteudo .Listagem{margin-top:30px;}

  #MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar .txt{display:none; font-size:17px;}
  #MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar .txt.mobile{display:block;}
  #MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar{padding:10px; height:auto; width:auto;}
  #MeusPets .Conteudo .AlinhaTitulo .BotaoCadastrar img{margin-right:5px; height:20px; width:auto; object-fit: contain;}
  .Titulo3{font-size:25px; line-height:30px;}

  #MeusPets .Conteudo .Listagem .ItemListagem{padding:10px 15px; flex-direction:column;}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna{flex-direction: row; width: 100% !important; align-items: center; margin-bottom:5px;}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna:nth-last-child(-n+2){margin-bottom:0px; margin-top:10px; justify-content: flex-start;}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna .T1{margin-bottom:0px; margin-right:5px; width:80px;}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna > div{width:auto;}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna .FotoPet{width:60px; height:60px;}
  #Topo{padding:30px 0px;}
  #Topo .AlinhaTopo{padding-bottom:0px; flex-direction: column; align-items: center;}
  #Topo .Logo{margin-bottom:5px; display: flex; width: 100%; justify-content: space-between; align-items: center;}
  #Topo .Logo img{width:160px; height:auto;object-fit: contain; max-width: 100%; max-height: 100%;}
  #Topo .BuscaAnimal .InputBusca{height:36px;}
  #Topo .BuscaAnimal .LabelBusca{font-size:15px; line-height: 18px; margin-bottom:5px;}
  #Topo .BuscaAnimal .BotaoPesquisa img{width:20px; height: auto;}
  .BotaoMenuMobile{display:block;}

  #MeusPets .LinhaCampos.ComFoto{width:calc(100% + 30px);}
  #MeusPets .AlinhaNomeFoto{display: flex; flex-direction: column-reverse; margin-bottom:30px;}
  #MeusPets .AlinhaImagem{width: 100%; margin-bottom:20px;}
  #MeusPets .LinhaCampos .ContainerCampos.tam2{width:calc(100% - 30px);}
  #MeusPets .LinhaCampos .ContainerCampos.tam3{width:calc(100% - 30px);}
  #MeusPets .LinhaCampos .ContainerCampos.tam4{width:calc(100% - 30px);}
  
  #MeusPets .FormDados{margin-top:30px;}

  #MeusPets .Conteudo .ListagemDesktop {display:none}
  #MeusPets .Conteudo .ListagemMobile {display:block}
  #MeusPets .Conteudo .AlinhaCampos {display:block;width: calc(80% - 170px);margin-left: 30px;}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col1{width: 140px !important;height:100%;float:left;margin-top: 0px;}
  #MeusPets .Conteudo .Listagem .ItemListagem{justify-content: center;padding: 40px 20px;flex-direction: row !important}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna .FotoPet{width:150px;height:150px}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna .T1{text-align:left !important}
}

@media screen and (max-width:600px){
  #Login .aLinhaConteudo .LadoImagem .Imagem img {margin:20px 0px -20px 0px;}
  #Login .Formulario .Alinha2{margin-top:0px; margin-botton:15px; flex-direction: column;}
  #Login .Formulario .Alinha2 .T1{margin-bottom:10px;}
  
  #MeusPets .Conteudo .AlinhaTitulo{flex-direction: column;}
  #MeusPets .Conteudo .AlinhaCampos{width: calc(80% - 50px);}
  #MeusPets .Conteudo .Listagem .ItemListagem{padding:20px 20px}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna .FotoPet{width:80px;height:80px}
  #MeusPets .Conteudo .AlinhaCampos{width: 80%;margin-left: 20px;}
  #MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col1{width:80px !important}
	#MeusPets .Conteudo .Listagem .ItemListagem .Coluna.Col3{margin-bottom:20px}
}

@media screen and (max-width:450px){
  #MeusPets .Conteudo .AlinhaBotoesFinal{flex-direction: column;margin-top:20px;}
  #MeusPets .Conteudo .AlinhaBotoesFinal .Botao{margin-top:10px; align-items: center;}
  #MeusPets .Conteudo .BotaoVoltar{margin-top:20px; height:40px;}

  .Modal{padding: 40px 10px;}
  .Modal .BotaoModal:last-child{margin-left:10px}
}

/*-------- Responsivo --------*/