/* views/css/dual-price.css
   Bloque de precio doble (efectivo/transferencia vs. tarjeta) en la ficha de
   producto (hook displayProductAdditionalInfo). Puramente visual. */

.imp-pills {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #e3e6ea;
    border-radius: 999px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
    font-family: inherit;
}

.imp-pill {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 16px;
    line-height: 1.25;
}

.imp-pill__lbl {
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
}

.imp-pill__val {
    font-weight: 800;
    font-size: 16px;
    color: #1a1d21;
}

.imp-pill--cash {
    background: #e9f7ef;
}

.imp-pill--cash .imp-pill__lbl,
.imp-pill--cash .imp-pill__val {
    color: #0f8a4f;
}

.imp-pill--card {
    border-left: 1px solid #e3e6ea;
}

@media (max-width: 480px) {
    .imp-pills {
        display: flex;
        width: 100%;
    }

    .imp-pill {
        flex: 1;
    }
}