.card-paquete {
  border-radius: 1rem;
  transition: transform 0.3s ease;
  position: relative;
  overflow: hidden; /* Para que el contenido no se desborde */
}

.card-paquete:hover {
  transform: scale(1.05);
}

.bg-paquete-basico,
.bg-paquete-estandar,
.bg-paquete-premium {
  background-size: cover;
  background-position: center;
  height: 300px; /* Ajusta la altura de las tarjetas */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5rem;
  color: white; /* Para el texto dentro de las tarjetas */
}

.bg-paquete-basico {
  background-image: url('img/presencia.jpg'); /* Reemplaza con la ruta de la imagen */
}

.bg-paquete-estandar {
  background-image: url('img/webcorporativa.jpg');
}

.bg-paquete-premium {
  background-image: url('img/premium.jpg');
}

.titulo-paquete {
  font-size: 2.5rem;
  font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Sombra para mejorar la legibilidad */
}

.precio {
  font-size: 1.8rem;
  font-weight: bold;
  color: #FFD700; /* Color dorado para los precios */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  margin-top: 1rem;
}

.list-unstyled {
  color: white;
  font-size: 1.1rem;
  list-style-type: none;
  margin-top: 1.5rem;
}

.list-unstyled li {
  margin-bottom: 0.5rem;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.icono-paquete {
  font-size: 1.3rem;
  color: #FFD700; /* Iconos en dorado */
  margin-right: 0.5rem;
}

.colordorado{

  color: #FFD700;
}

.bg-primary {
  background: linear-gradient(to right, #0066cc, #3399ff) !important;
}


.full-width-header {
  background: linear-gradient(to right, #0066cc, #3399ff) !important;
}

body {
  background: url('img/tecnologia.jpg') no-repeat center center fixed;
  background-size: cover;
}

.full-width-header {
  background: linear-gradient(to right, #001f3f, #004080, #007bff); /* Fondo degradado azul oscuro */
  color: white;
  padding: 3rem 1rem;
  text-align: center;
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.full-width-header h1,
.full-width-header h2,
.full-width-header p {
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7); /* Sombra para que resalte el texto */
}