body {
    background-color: #f8f9fa;
}

/* Fondo y estilo del navbar */
.custom-navbar {
 
    padding: 15px;
    border-radius: 10px; /* Bordes redondeados como en la imagen */
    display: flex;
    justify-content: center;
}


/* Card de perfil con bordes suaves */
.perfil {
    border-radius: 10px;
    overflow: hidden;
}

/* Imagen de usuario redonda */
.perfil-img {
    width: 120px; /* Ajusta el tamaño según necesidad */
    height: 120px;
    border-radius: 50%; /* Hace que la imagen sea completamente redonda */
    object-fit: cover; /* Evita deformaciones */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Agrega un efecto visual elegante */
}
/* Tamaño y estilo de las imágenes */
.exp-img {
    width: 50px; /* Ajusta según necesidad */
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
}
.boton-editar {
  background-color: #5c0000; /* Bordó oscuro */
  color: white;
  border: none;
  padding: 10px 20px;
  width: 100%;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.boton-editar:hover {
  background-color: #400000; /* Un poco más oscuro al pasar el mouse */
}


/* Fondo del encabezado en azul para destacar */
.perfil-header {
    background-color: #007bff;
    color: white;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
.btn-bordo {
    background-color: #800000; /* bordó oscuro */
    color: white;
    border: none;
}

.btn-bordo:hover {
    background-color: #660000; /* un poco más oscuro al pasar el mouse */
    color: white;
}

/* Fondo gris claro para las ofertas */
.ofertas {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
}.job-card .card-body p,
.job-card .card-body .text-muted,
.job-card .badge {
  color: black /* Sobrescribe el bordo para los textos de información laboral */
}

.job-card .badge {
  background-color: #800000;
  color: white/* Asegura que el texto de los badges siga siendo blanco */
}

.text-muted {
  color: black  /* Para descripciones y ubicaciones */
}

.card-title {
  color: #800000 /* Bordó para todos los títulos */
}

.job-card {
  margin-bottom: 2.5rem;
}
.texto-bordo {
  color: #800000; /* Color bordo */
}

    /* Ajuste para que la imagen en las ofertas sea pequeña */
    .job-logo {
      width: 50px;
      height: 50px;
      object-fit: contain;
    }
.badge-bordo-grande {
  background-color: #800000;
  color: white;
  font-size: 1.1rem;
  padding: 10px;
}
.search-button {
            background-color: #800000; /* Color rojo oscuro */
            color: white;
        }
.job-card .card-body p,
.job-card .card-body .text-muted,
.job-card .badge {
  color: black /* Sobrescribe el bordo para los textos de información laboral */
}

.job-card .badge {
  background-color: #800000;
  color: white  /* Asegura que el texto de los badges siga siendo blanco */
}

.text-muted {
  color: black /* Para descripciones y ubicaciones */
}

.sidebar h6 {
  color: #800000; /* Bordó */
}


.sidebar h5 {
  color: #800000; /* Bordó */
}.btn-bordo {
  background-color: #800000; /* Color bordo */
  border-color: #800000;
  color: white;
}

.btn-bordo:hover {
  background-color: #660000; /* Un bordo más oscuro al pasar el mouse */
  border-color: #660000;
}
.login-left h2 {
  margin: 0;
  padding-left: 40px;  /* Aumentamos el espacio desde el borde izquierdo */
  padding-right: 20px; /* Por si la palabra es larga */
  word-break: keep-all;
  white-space: normal;
  text-align: left;
}
.badge-custom {
  background-color: white !important;
  color: #800000 !important;
  border: 2px solid #800000;
  font-size: 1.0rem;
  padding: 8px 12px;
}