/* «Desarrollado por Devo» al pie de todas las páginas (config/devo_credito.php).
   Mismo diseño que en los demás proyectos de Devo (devodev.es). */
.devo-pie {
    display: flex;
    justify-content: center;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
}
.devo-credit{display:inline-flex;align-items:center;gap:.5rem;font-size:12px;line-height:1;text-decoration:none;white-space:nowrap;padding:.3rem .55rem .3rem .65rem;border-radius:999px;border:1px solid transparent;transition:border-color .2s ease,background-color .2s ease}
.devo-credit .devo-by{color:inherit;opacity:.75}
.devo-credit .devo-word{display:inline-flex;align-items:flex-end;gap:.08em;font-weight:700;font-size:15px;letter-spacing:-.02em;line-height:1;font-family:'Space Grotesk','Figtree','Inter',system-ui,sans-serif}
.devo-credit .devo-mark{width:9px;height:15px;overflow:visible;margin-left:1px;flex-shrink:0}
.devo-credit .devo-mark .bar,.devo-credit .devo-mark .ring{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;transform-box:fill-box;transform-origin:50% 100%}
.devo-credit .devo-mark .bar{fill:#34B24A}
.devo-credit .devo-mark .ring{fill:none;stroke:#34B24A;stroke-width:1.7;opacity:0;transform:scale(.6)}
.devo-credit:hover .devo-mark .bar,.devo-credit:focus-visible .devo-mark .bar{opacity:0;transform:scaleY(.45)}
.devo-credit:hover .devo-mark .ring,.devo-credit:focus-visible .devo-mark .ring{opacity:1;transform:scale(1)}
.devo-credit--light{color:#5f6a63}
.devo-credit--light .devo-word{color:#161c18}
.devo-credit--light:hover{border-color:#d3dad5;background:#fff}
.devo-credit--dark{color:#a3aeb8}
.devo-credit--dark .devo-word{color:#fff}
.devo-credit--dark:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.devo-credit:focus-visible{outline:2px solid #34B24A;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.devo-credit .devo-mark .bar,.devo-credit .devo-mark .ring{transition:none}}

/* Tema oscuro de BusCórdoba (sistema o elegido a mano) */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .devo-credit--light{color:#9aa49d}
    :root:not([data-theme="light"]) .devo-credit--light .devo-word{color:#e4e9e5}
    :root:not([data-theme="light"]) .devo-credit--light:hover{border-color:#38423c;background:#1c231f}
}
:root[data-theme="dark"] .devo-credit--light{color:#9aa49d}
:root[data-theme="dark"] .devo-credit--light .devo-word{color:#e4e9e5}
:root[data-theme="dark"] .devo-credit--light:hover{border-color:#38423c;background:#1c231f}

/* Sobre un fondo verde (la barra verde de la marca no se vería): marca en blanco */
.devo-credit--verde{color:rgba(255,255,255,.85)}
.devo-credit--verde .devo-word{color:#fff}
.devo-credit--verde .devo-mark .bar{fill:#fff}
.devo-credit--verde .devo-mark .ring{stroke:#fff}
.devo-credit--verde:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1)}
.devo-credit--verde:focus-visible{outline-color:#fff}