/* Pasarela de pago: mismas clases que la pasarela de SEMESUR, adaptadas al tema de Avijesa. */
.pago_seguro { max-width: 960px; margin: 0 auto; }
.pago_seguro_contenido { display: flex; flex-wrap: wrap; border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.06); }

.pago_seguro_info { flex: 1 1 280px; padding: 40px 30px; background: #616161; color: #fff; text-align: center; }
.pago_seguro_info h3 { color: #fff176; margin-top: 15px; }
.pago_seguro_info p { color: #f5f5f5; }
.pago_seguro_icono { font-size: 48px; color: #fff176; line-height: 1; }
.pago_seguro_ssl { margin-top: 25px; font-size: 13px; color: #fff176; }

.pago_seguro_formulario { flex: 2 1 420px; padding: 30px; }
.pago_seguro_formulario_titulo { font-weight: 700; font-size: 18px; color: #616161; margin-bottom: 15px; }

.forma_de_pago { list-style: none; margin: 0 0 25px; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.forma_pago_item { margin: 0; }
.forma_pago_tarjeta { display: block; margin: 0; padding: 8px 12px; border: 2px solid #e5e5e5; border-radius: 6px; cursor: pointer; text-align: center; }
.forma_pago_tarjeta:hover { border-color: #fff176; }
.forma_pago_tarjeta img { display: block; height: 38px; width: auto; max-width: 90px; margin: 0 auto 6px; object-fit: contain; }
.forma_pago_tarjeta input { margin: 0; }
.forma_pago_tarjeta:has(input:checked) { border-color: #616161; }
.desaturar_imagen { filter: grayscale(1); opacity: .55; }

.pago_seguro_datos { display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 20px; }
.pago_seguro_importe { flex: 1 1 200px; }
.pago_seguro_verificacion { flex: 1 1 304px; }
.campo_pago_label { display: block; font-weight: 700; color: #616161; margin-bottom: 8px; }
#comision_info { display: block; margin-top: 6px; color: #616161; }

.pago_seguro_legal { margin-bottom: 20px; font-size: 14px; }
.pago_seguro_footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid #eee; padding-top: 20px; }
.pago_seguro_confianza { font-size: 13px; color: #757575; }

@media (max-width: 767px) {
    .pago_seguro_info, .pago_seguro_formulario { padding: 25px 18px; }
    .g-recaptcha { transform: scale(.85); transform-origin: 0 0; }
}