3.1 Comercios que utilizan estilos nativos de VTEX

Pasos para la instalación

En el Admin VTEX, accede a Configuración de la tienda > Storefront > Checkout
Selecciona tu tienda y haz click en el botón de color azul
Selecciona la pestaña Codigo y selecciona el archivo checkout6-custom.css
Copia y pega el siguiente código
1. Cambiar el texto principal
```
.deunaNow-payment-wrapper .deunaNow-point-card p.deunaNow-title {
  color: transparent;
  font-size: 0;
}

.deunaNow-payment-wrapper .deunaNow-point-card p.deunaNow-title::after {
  content: 'Nuevo texto......';
  color: #102C60;
  font-size: 16px;
}
```
2. Cambiar nombre de procesador (Tarjeta de Crédito)
```
.form-step .payment-group a#payment-group-creditCardPaymentGroup span.payment-group-item-text {
	color: transparent;
}

.form-step .payment-group a#payment-group-creditCardPaymentGroup span.payment-group-item-text::after {
  color: #141454;
  content: "Tarjeta Crédito (2 o más cuotas)";
  margin-left: -100px;
}
```
3. Cambiar nombre de procesador (DEUNA Now)
```
.form-step .payment-group a#payment-group-DeunaNowPaymentGroup span.payment-group-item-text {
	color: transparent;
}

.form-step .payment-group a#payment-group-DeunaNowPaymentGroup span.payment-group-item-text::after {
  color: #141454; /*Inspeccionar elemento en checkout de comercio y sacar color correspondiente */
  content: "Tarjeta Débito / Tarjeta Crédito (1 Cuota)";
  margin-left: -100px; /*Si está descuadrado, inspeccionar elemento y ajustar el margin-left hasta que coincida. Poner ese valor aquí*/ 
}
```
4. Agregar iconos de tarjetas
```
.deunaNow-payment-wrapper .deunaNow-payments .deunaNow-payments-diners {
    width: 48px;
    height: 24px;
    background: url("https://images.getduna.com/diners-icon.svg") no-repeat;
    background-size: contain;
}
```
Presionar el botón guardar