@charset "utf-8";

/* CSS Document */

/* Fundo geral suave (opcional) */
body {
    background-color: #eef6ff !important; /* azul muito suave */
}

/* Cartão principal do artista */
.resultado-item {
    background: linear-gradient(to bottom right, #ffffff, #e8f2ff); /* branco → azul suave */
    border: 1px solid #d0e2ff; /* borda azul clara */
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 60, 150, 0.08); /* sombra azulada suave */
}

/* Painel extra (quando clica em + Mais) */
.extra-panel {
    background: #f0f6ff; /* azul suave */
    border-top: 1px solid #d0e2ff;
}

/* Blocos internos do painel extra */
.extra-item {
    background: #ffffff;
    border: 1px solid #d0e2ff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 60, 150, 0.05);
}

/* Imagem do artista com borda azul */
.td-imagem img {
    border: 2px solid #d0e2ff;
}

/* Nome do artista em azul Bootstrap */
.td-info h5 a {
    color: #0d6efd !important;
    font-weight: 600;
}

/* Títulos internos */
.meta-line strong {
    color: #0d6efd;
}


input[type="text"],
input[type="password"],
input[type="submit"],
button[type="submit"],
input[name="procura"],
textarea {
  border: 2px solid red;
  border-radius: 10px;
}

input[type="text"],
input[type="password"] {
  padding: 6px 5px;
}

input[type="submit"] {
  background-color: #00CDFA;
}

button[type="submit"] {
  border: 2px solid #2BD094;
}

input[name="procura"] {
  padding: 20px 5px;
  background-image: url('searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

textarea {
  width: 95%;
  height: 120px;
  padding: 12px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  resize: none;
}

alert {
  background-color: #f44336; /* Cor de fundo vermelho */
  color: white; /* Texto branco */
  padding: 10px; /* Espaçamento interno */
  margin-bottom: 15px; /* Espaço abaixo do alerta */
  border-radius: 5px; /* Bordas arredondadas */
}

table {
    border-collapse: separate;
    border-spacing: 20 px;
}

th, td {
    border: 1px solid black;
    padding: 20 px;
}

/* Separador superior visível (usado após os botões do topo) */
.top-sep {
  border: 0;
  height: 6px;
  background-color: #007bff; /* azul */
  margin: 12px 0;
  border-radius: 3px;
}

/* Aumentar espaço lateral da página */
.container {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.top-pesquisa {
    border: 0 !important;
    border-top: 8px solid #161414 !important;
}