.tecnologias ul {
    list-style: none;
    padding: 0;
    display: flex; /* Flexbox para alinear horizontalmente */
    justify-content: space-between; /* Espaciado uniforme entre los elementos */
    gap: 15px; /* Espaciado entre elementos */
}

.tecnologias ul li {
    display: flex;
    flex-direction: column; /* Íconos arriba y texto abajo */
    align-items: center; /* Centrar los íconos y texto */
    text-align: center;
    padding: 10px;
    flex: 1; /* Asegura que los elementos se distribuyan equitativamente */
}

.tecnologias ul li svg {
    width: 30px; /* Íconos grandes */
    height: 30px;
    margin-bottom: 5px;
}

.tecnologias ul li .texto-tecnologia {
    font-size: 12px; /* Texto más pequeño */
    font-weight: bold;
    color: #333;
    margin-bottom: 3px;
}

.tecnologias ul li span:last-child {
    font-size: 10px; /* Descripción aún más pequeña */
    color: #666;
}

.talla {
    background-color: #cbe5ff; /* Color gris bajo */
    padding: 15px; /* Espaciado interno */
    border-radius: 8px; /* Bordes redondeados */
    margin-top: 15px; /* Espaciado superior */
}

.talla .title-tipo {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1e1f20; /* Color de título gris oscuro */
    margin-bottom: 10px;
}


.form-check-input {
    accent-color: #28a745; /* Cambia el color del botón del radio */
    width: 20px; /* Ajusta el tamaño para que sea más grande */
    height: 20px;
}

.form-check-label {
    font-size: 1.2rem;
    font-weight: 600;
    color: #007bff; /* Color del texto */
}

.row.g-2 {
    margin-bottom: 10px;
}

.title-tipo{
    font-size: 1em;

}

.quantity-control {
    max-width: 150px; /* Ajusta el ancho del control */
    margin: 0 auto; /* Centra el control */
}

.quantity-control input {
    text-align: center; /* Centra el texto del input */
    font-size: 1rem;
}

.quantity-control button {
    width: 40px; /* Tamaño fijo para los botones */
    font-size: 1.25rem; /* Tamaño de fuente del botón */
}


.span #danger{
    color: red;
    font-size: 1em;
}

/* Establece el color de las letras en negro dentro del modal */
.modal-content, 
.modal-body, 
.modal-title, 
.modal-footer {
    color: black !important; /* Asegura que el color sea negro */
}