/* Asegura que todo el texto dentro de la card tenga contraste */
.sec-productos .card-body {
    color: #e0e0e0; /* Un gris muy claro, mejor que blanco puro */
}

/* Títulos de las tarjetas */
.sec-productos .card-title {
    color: #ffffff !important;
    font-size: 1.25rem;
    line-height: 1.4;
}

/* Texto del extracto */
.sec-productos .card-text {
    color: #a0a0a0 !important; /* Gris más claro para que resalte sobre el fondo oscuro */
    margin-bottom: 1.5rem;
}

/* Ajuste del botón para que destaque */
.sec-productos .btn-outline-dark {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: transparent;
    transition: all 0.3s ease;
}

.sec-productos .btn-outline-dark:hover {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Ajuste del contenedor de la tarjeta si estás usando hero-box */
.hero-box {
    background: rgba(15, 5, 29, 0.9) !important; /* Un poco más opaco para mayor legibilidad */
}