/*!
 * SOLUCIÓN SIMPLE Y DIRECTA - TARJETA USA
 * Copiando la lógica exitosa de la tarjeta España
 */

/* CREAR CLASE ESPECÍFICA PARA USA - Como España */
.pricing-usa-card .benefit-icon {
    background: #ffffff !important;
    color: #0a3161 !important;
}

.pricing-usa-card .btn-primary i {
    color: #0a3161 !important;
}

.pricing-usa-card .btn-primary:hover i {
    color: white !important;
}

/* APLICAR TAMBIÉN CON EL SELECTOR ACTUAL */
.pricing-main-card:first-child .benefit-icon {
    background: #ffffff !important;
    color: #0a3161 !important;
}

.pricing-main-card:first-child .btn-primary i {
    color: #0a3161 !important;
}

.pricing-main-card:first-child .btn-primary:hover i {
    color: white !important;
}
/* SOLUCIÓN FINAL - Recuadros blancos con iconos azul navy */
.pricing-usa-card .benefit-icon,
.pricing-main-card:first-child .benefit-icon {
    background: #ffffff !important; /* BLANCO como debe ser */
    color: #0a3161 !important; /* AZUL NAVY - ya funciona */
}

/* Si esto funciona, el problema era el fondo blanco tapando el icono blanco */
/* Asegurar que el nuevo icono de location también funcione */
.pricing-usa-card .benefit-icon i.fa-location-dot,
.pricing-main-card:first-child .benefit-icon i.fa-location-dot {
    color: #0a3161 !important;
    font-size: 22px !important;
    display: inline-block !important;
    visibility: visible !important;
}
/* Asegurar que el icono de registro sea visible y tenga el color correcto */
.pricing-usa-card .btn-primary i.fa-user-plus,
.pricing-main-card:first-child .btn-primary i.fa-user-plus {
    color: #0a3161 !important;
    font-size: 16px !important;
    display: inline-block !important;
    visibility: visible !important;
    margin-right: 8px !important;
}

.pricing-usa-card .btn-primary:hover i.fa-user-plus,
.pricing-main-card:first-child .btn-primary:hover i.fa-user-plus {
    color: white !important;
}