.dp-container {
  max-width: 800px;
  margin: 50px auto;
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
}

.dp-card {
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-color: white;
}

.dp-card-img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}

.dp-card-body {
  padding: 20px;
}

.dp-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}

.dp-meta {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 15px;
}

.dp-desc,
.dp-content,
.dp-visitas,
.dp-categoria,
.dp-etiquetas,
.dp-ubicacion,
.dp-caracteristicas,
.dp-precio {
  font-size: 1rem;
  margin-bottom: 10px;
  color: #444;
}

.dp-precio {
  font-size: 1.2rem;
  font-weight: bold;
  color: #28a745;
}

.dp-subtitle {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #222;
}

.dp-user,
.dp-company {
  font-size: 1.1rem;
  font-weight: bold;
  color: #007bff;
}

.dp-social {
  font-size: 1rem;
  margin-bottom: 5px;
}

.dp-social a {
  color: #007bff;
  text-decoration: none;
  font-weight: bold;
}

.dp-social a:hover {
  text-decoration: underline;
}

.ad-d1 {
  height: 130px !important;
  background-color: rgba(29, 29, 29, 0.479);
  padding: 50px 0;
}

.detalleinfo {
  margin: 20px auto !important;
}

.sideinfo1 {
  background-color: #212529 !important;
}

.white {
  color: white;
}

.gray {
  color: rgba(161, 159, 159, 0.548);
}

.sidesubinfo1 {
  background-color: #2e3338 !important;
  padding: 5%;
}

.sideinfo2 {
  margin: 20px auto !important;
  padding: 10% auto !important;
}

.divisor {
    width: 100%;
    height: 3px;
    background-color: black;
    margin: 20px 0;
}

.divisor2 {
  width: 100%;
  height: 3px;
  background-color: black;
}

.contactpost {
  background-color: #007bff;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 12px;
  margin: 5px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.contactpost:hover {
  background-color: #0056b3;
  transform: scale(1.05);
}

.contactpost:active {
  background-color: #003f7f;
  transform: scale(0.95);
}