/* OXIRA Remoto · tema corto sobre Bootstrap */
:root { --ox: #00756E; --ox-osc: #005a55; --grafito: #202426; }
body { color: var(--grafito); }
.bg-ox { background: var(--ox) !important; }
.text-ox { color: var(--ox) !important; }
.border-ox { border-color: var(--ox) !important; }
.btn-ox { background: var(--ox); color: #fff; }
.hero { background: linear-gradient(135deg, var(--ox) 0%, var(--ox-osc) 100%); }
.ventana { max-width: 420px; background: #fff; border-radius: 12px; overflow: hidden; animation: flota 5s ease-in-out infinite; }
.ventana-barra { background: #f1f3f4; color: var(--grafito); }
.paso { width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background: var(--ox); color: #fff; font-weight: 700; font-size: 1.25rem; }
@keyframes flota { 50% { transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) { .ventana { animation: none; } }