/* Íconos con color */
.list-unstyled li i.flaticon-gas-station-1 {
    color: #f59e0b !important;
}

/* Combustible */
.list-unstyled li i.flaticon-dashboard {
    color: #3b82f6 !important;
}

/* Kilometraje */
.list-unstyled li i.flaticon-engine-2 {
    color: #8b5cf6 !important;
}

/* Transmisión */
.list-unstyled li i.flaticon-car-2 {
    color: #10b981 !important;
}

/* Carrocería */

/* Mensualidad más vistosa */
.ad-info-1 p span strong {
    color: #0ea15f !important;
    font-weight: 800 !important;
}

/* === Estilos generales para íconos de acción === */
.ad-info-1 .pull-right li a i {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: background .2s, transform .1s, color .2s;
}

/* WhatsApp */
.ad-info-1 .pull-right li a .fa-whatsapp {
    background: #25D366;
    color: #fff !important;
}

.ad-info-1 .pull-right li a .fa-whatsapp:hover {
    background: #1ebe5d;
    transform: translateY(-1px);
}

/* Teléfono */
.ad-info-1 .pull-right li a .fa-phone {
    background: #0ea5e9;
    color: #fff !important;
}

.ad-info-1 .pull-right li a .fa-phone:hover {
    background: #0284c7;
    transform: translateY(-1px);
}

/* Corazón (favorito) */
.ad-info-1 .pull-right li a .fa-heart {
    background: #f3f4f6;
    /* gris claro por defecto */
}

.ad-info-1 .pull-right li a .fa-heart:hover {
    background: #ef4444;
    color: #fff !important;
    transform: translateY(-1px);
}

/* Mensualidad limpia */
.mensualidad-text {
    font-size: 15px !important;
    font-weight: 600;
    color: #111 !important;
    /* texto negro */
    margin: 0;
}

.mensualidad-text strong {
    color: #0ea15f !important;
    /* monto verde */
    font-weight: 800;
}

.mensualidad-legend {
    margin-top: 6px;
    font-size: 13px;
    color: #111;
    font-weight: 600;
}

.mensualidad-legend strong {
    color: #0ea15f;
    font-weight: 800;
}

/* ==== Mensualidad en detalle ==== */
.mens-legend {
    margin-top: 8px;
    font-size: 20px;
    color: #111;
    /* texto negro */
    font-weight: 600;
    line-height: 1.3;
    text-align: right;
    /* alineada al precio */
}

.mens-legend strong {
    color: #0ea15f;
    /* monto en verde */
    font-weight: 800;
}

/* Separación sutil debajo del precio */
.mens-legend--under-price {
    padding-top: 6px;
    border-top: 1px solid #eee;
}

/* Responsive: un poco más grande en móvil */
@media (max-width: 768px) {
    .mens-legend {
        font-size: 17px;
    }
}