/* Presentación Selector - Botones pill para variantes de producto */
.presentacion-selector {
    margin-bottom: 1rem;
}

.presentacion-selector label {
    display: block;
    font-size: 0.9rem;
    color: #333;
}

.presentacion-pill {
    padding: 0.4rem 1rem;
    border-radius: 2rem;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
    white-space: nowrap;
}

.presentacion-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.presentacion-pill.active {
    background-color: var(--bs-primary, #0d6efd);
    color: #fff;
    border-color: var(--bs-primary, #0d6efd);
}

.presentacion-pill:focus {
    outline: 2px solid var(--bs-primary, #0d6efd);
    outline-offset: 2px;
}

/* Responsive: pills en columna en móvil si hay muchas */
@media (max-width: 576px) {
    .presentacion-pill {
        font-size: 0.8rem;
        padding: 0.35rem 0.8rem;
    }
}