/* — BOTÓN DE LA TARJETA (VERSIÓN SUAVIZADA) — */ .btn-accion-tarjeta { margin-top: 30px; padding: 16px 30px; background: rgba(255, 255, 255, 0.03); /* Fondo casi invisible */ border: none; /* Sin borde para no competir con el CTA */ color: var(–accent-gold); font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; border-radius: 8px; transition: all 0.3s ease; width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; }/* Agregamos una flecha con CSS para darle aspecto de interactividad */ .btn-accion-tarjeta::after { content: ‘→’; font-size: 18px; transition: transform 0.3s ease; }.btn-accion-tarjeta:hover { background: rgba(255, 255, 255, 0.08); /* Se aclara sutilmente al pasar el mouse */ color: #fff; /* El texto pasa a blanco para darle un toque premium */ }.btn-accion-tarjeta:hover::after { transform: translateX(5px); /* La flecha avanza un poco indicando el siguiente paso */ }