body {
    font-family: 'Arial', sans-serif;
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.2rem; /* Cambiado de 1.5rem a 1.2rem */
}

section {
    padding: 60px 0;
}

h2 {
    font-size: 2rem;
    margin-bottom: 30px;
}

.card-title {
    font-size: 1.25rem;
}

.bg-dark {
    background-color: #343a40 !important;
}

.text-white {
    color: white !important;
}

.social-icons {
    margin-top: 20px;
}

.social-icon {
    width: 30px;
    margin-right: 10px;
    transition: transform 0.2s ease;
}

.social-icon:hover {
    transform: scale(1.2);
}

#home {
    background-image: url('img/icino\ 0.1.png');
    background-size: cover;
    background-position: center;
    color: #80BFFF;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

#home h1 {
    font-size: 3rem;
    font-weight: bold;
}

#home p {
    font-size: 1.25rem;
    margin-bottom: 20px;
}

/* Nueva clase para los botones de los paquetes */
.btn-paquete {
    margin-bottom: 15px; /* Margen inferior para separar botones */
    width: 100%; /* Hacer los botones del mismo ancho */
    padding: 10px; /* Ajustar el padding para que se vean bien */
}

/* Estilo adicional opcional para los botones de los paquetes */
.btn-buy {
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Sin borde */
}

.btn-buy:hover {
    background-color: #0056b3; /* Color de fondo al pasar el ratón */
}
.btn-separado {
    margin-bottom: 15px; /* Espacio entre botones */
}