/* Contenedor principal centrado */
.container {
  background-color: #ffffff; /* Fondo blanco para el contenedor */
  border-radius: 10px; /* Bordes redondeados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil */
  width: 100%; /* Hace que el contenedor ocupe todo el ancho posible dentro del límite */
  margin-top: 10px;
}

/* Botón estilizado */
.btn-primary {
  background-color: #800000; /* Botón azul institucional */
  border-color: #ffffff;
  text-transform: uppercase;
}

.btn-primary:hover {
  background-color: #85283f; /* Hover del botón */
  border-color: #080808;
}

p {
  font-size: 1.1rem; /* Aumenta el tamaño de fuente */
  line-height: 1.6; /* Mejora el espaciado entre las líneas */
  margin-top: 20px; /* Añade espacio arriba del párrafo */
  margin-bottom: 20px; /* Añade espacio debajo del párrafo */
}

  .bg-vino {
    background-color: #800020; /* color vino */
  }
  .bg-Borgona {
    background-color: #800000; /* color Borgona */
  }
  .bg-vinoclaro {
    background-color: #A52A2A; /* color vinoclaro */
  }
  
/* Fuente y color general de la tabla */
#tablaResultados {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #1a1a1a; /* color del texto */
    border-radius: 10px;
    overflow: hidden;
}

/* Encabezado */
#tablaResultados thead {
    background: linear-gradient(90deg, #6f42c1, #d63384); /* degradado bonito */
    color: #fff; /* texto blanco */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Filas del cuerpo */
#tablaResultados tbody tr {
    transition: background 0.3s, transform 0.2s;
}

/* Hover */
#tablaResultados tbody tr:hover {
    background-color: #f8f9fa; /* gris claro */
    transform: scale(1.01);
}

/* Celdas */
#tablaResultados td {
    vertical-align: middle;
    padding: 0.75rem;
}

/* URL como link con estilo */
#tablaResultados td:nth-child(3) a {
    color: #0d6efd;
    text-decoration: underline;
}

#tablaResultados td:nth-child(3) a:hover {
    color: #6610f2;
}

/* Estilo para estatus */
#tablaResultados td:nth-child(6) {
    font-weight: bold;
    text-transform: capitalize;
}

/* Diferentes colores según estatus */
#tablaResultados td:nth-child(6):contains("segura") {
    color: green;
}
#tablaResultados td:nth-child(6):contains("no segura") {
    color: red;
}
#tablaResultados td:nth-child(6):contains("revisando") {
    color: orange;
}

/* Estilos para el botón de logout */
.btn-danger {
    font-size: 1rem;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    background-color: darkred;
}
.btn-danger:hover {
    background-color: red;
}

/* Contenedor del boton de logout */
.containerLogout {
  background-color: #ffffff; /* Fondo blanco para el contenedor */
  border-radius: 10px; /* Bordes redondeados */
  width: 100%; /* Hace que el contenedor ocupe todo el ancho posible dentro del límite */
  margin-top: 10px;
}