/****************************************************
*      Desenvolvido por Portal G2 - xx/xx/xxxx      *
****************************************************/

/** Impede a seleção de texto usando CSS **/
 body {
    -webkit-user-select: none;  /* Safari */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE/Edge */
    user-select: none;          /* Padrão (Chrome, Opera, Edge) */
  }
/** Impede a seleção de texto usando CSS **/

/** linha horizontal **/
hr {
    border: none;                /* Remove a borda padrão 3D */
    height: 1px;                 /* Define a espessura */
    background-color: #eee;      /* Define a cor cinza */
    color: #ccc;                 /* Cor para navegadores antigos */ }
/** linha horizontal **/


body{ font-family:Arial, sans-serif; margin:0; background:#fff; }

.logo{ font-size:60px; color:#4285F4; text-align:center; font-weight: 900; margin-top:6px;	font-family: Kristen ITC; }
.logo a{ color:#4285F4; text-decoration: none; }

.search-box{ display:flex; justify-content:center; margin-top:6px; }

.search-form{ display:flex; align-items:center; width:60%; max-width:700px;
gap:12px; /* espaço entre input e botão */ 
}

.search-input{ flex:1; padding:15px 20px; border-radius:30px; border:1px solid #dfe1e5; font-size:16px; outline:none; box-shadow:0 1px 6px rgba(32,33,36,.28); transition:0.2s; }

.search-input:focus{ box-shadow:0 2px 8px rgba(32,33,36,.35); }

.search-btn{ padding:14px 25px; border:none; background:#4285F4; color:#fff; font-size:15px; border-radius:25px; cursor:pointer; transition:0.2s; white-space:nowrap; }

.search-btn:hover{ background:#3367d6; box-shadow:0 2px 8px rgba(32,33,36,.35); }

.top-bar{ display:flex; justify-content:flex-end; padding:15px 5%; }

.cont-anuncio { display: flex; justify-content: center; /* Centraliza os itens horizontalmente */ width: 100%; }

.anuncio { width: 30%; background: #E5E5E5; border-radius: 10px; margin: 10px; padding: 10px 10px 30px 10px; 
  box-sizing: border-box; /* Garante que padding/border não quebrem o layout */
  
}
.botao{ float: left; padding:14px 25px; border:none; background:#4285F4; color:#fff; font-size:15px; border-radius:25px; }

.bt-voltar { width: 70px; margin: 90px auto; padding:14px 25px; border:none; background:#4285F4; color:#fff; font-size:15px; border-radius:25px; }

.cadastro{ text-decoration:none; background:#4285F4; color:white; padding:8px 15px; border-radius:20px; }


.container{ width:90%; margin:auto; margin-top:40px; }

.flex{ display:flex; gap:3%; }

.esq{width:70%; }
.dir{width:30%; }

.lista { margin: 90px auto 30px auto; max-width: 70%; float: left; }

.result{ margin-bottom:30px; }

.result a{ font-size:18px; color:#1a0dab; text-decoration:none; }

.result p{ font-size:14px; color:#4d5156; }

strong {background:yellow;}

.vip-box{ border:1px solid #ddd; padding:10px; margin-bottom:10px;	background: #F5F5F5; }

.paginacao a{ margin:0 5px; text-decoration:none; }



@media(max-width:900px){
.search-input{width:80%;}
.flex{flex-direction:column;}
.esq,.dir{width:100%;}
}

.vip-box h1{ font-size:19px; }
strong { background:#eee; }

footer { text-align: center; margin: 400px auto 30px auto; display: block; }

@media(max-width:740px){
.cont-anuncio  { grid-template-columns: 1fr; }
.lista { margin: 90px auto 30px auto; max-width: 100%; }
.anuncio { width: 90%; }
.botao{ float: left; padding:14px 25px; }

.bt-voltar { margin: auto; padding:14px 25px; }

}