/* 
 * Colores oficiales - Prana Integral
 * Color principal: #7a8071 (Verde salvia)
 * Color secundario: #c6d1cc (Verde claro)
 * Color oscuro: #5a6051 (Verde oscuro para hover)
 */

:root {
    --wine-color: #7a8071;
    --wine-color-dark: #5a6051;
    --wine-color-light: #c6d1cc;
    --wine-color-rgb: 122, 128, 113;
    
    /* Alias para claridad */
    --prana-green: #7a8071;
    --prana-green-light: #c6d1cc;
    --prana-green-dark: #5a6051;
    --prana-green-rgb: 122, 128, 113;
}

/* Clases de utilidad para colores de vino */
.text-wine {
    color: var(--wine-color) !important;
}

.text-wine-dark {
    color: var(--wine-color-dark) !important;
}

.bg-wine {
    background-color: var(--wine-color) !important;
}

.bg-wine-light {
    background-color: var(--wine-color-light) !important;
}

.border-wine {
    border-color: var(--wine-color) !important;
}

/* Botones con estilo de vino */
.btn-wine {
    background-color: var(--wine-color);
    border-color: var(--wine-color);
    color: white;
}

.btn-wine:hover,
.btn-wine:focus,
.btn-wine:active {
    background-color: var(--wine-color-dark);
    border-color: var(--wine-color-dark);
    color: white;
}

.btn-outline-wine {
    color: var(--wine-color);
    border-color: var(--wine-color);
    background-color: transparent;
}

.btn-outline-wine:hover,
.btn-outline-wine:focus,
.btn-outline-wine:active {
    background-color: var(--wine-color);
    border-color: var(--wine-color);
    color: white;
}

/* Elementos con overlay de vino */
.wine-overlay {
    background: rgba(var(--wine-color-rgb), 0.8);
}

/* Progress bars con color de vino */
.progress-bar.bg-wine {
    background-color: var(--wine-color) !important;
}

/* Enlaces con color de vino */
.link-wine {
    color: var(--wine-color);
    text-decoration: none;
}

.link-wine:hover {
    color: var(--wine-color-dark);
    text-decoration: underline;
}

/* Badges con color de vino */
.badge.bg-wine {
    background-color: var(--wine-color) !important;
}

/* Cards con acento de vino */
.card-wine {
    border-left: 4px solid var(--wine-color);
}

.card-wine .card-header {
    background-color: var(--wine-color-light);
    border-bottom: 1px solid var(--wine-color);
}

/* Elementos de navegación */
.nav-pills .nav-link.active {
    background-color: var(--wine-color);
    border-color: var(--wine-color);
}

.nav-pills .nav-link:hover {
    border-color: var(--wine-color);
    color: var(--wine-color);
}

/* Timeline elementos */
.timeline::before {
    background: var(--wine-color);
}

.timeline-icon {
    background: var(--wine-color);
}

.timeline-content h6 {
    color: var(--wine-color);
}

/* Thumbnails activos */
.thumbnail-image.active {
    border-color: var(--wine-color);
}

/* Precios */
.precio-actual,
.product-price {
    color: var(--wine-color) !important;
}