/* evoYTMode · botón de cambio de modo. Usa el color del texto del entorno, así que vale para temas claros y oscuros. */
.evoytmode-toggle{--evoytmode-btn-border:rgba(127,127,127,.4);--evoytmode-btn-bg:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;margin:0;padding:0 10px;background:var(--evoytmode-btn-bg);color:inherit;border:1px solid var(--evoytmode-btn-border);border-radius:8px;font:inherit;font-size:14px;line-height:1;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.evoytmode-toggle.evoytmode-toggle{min-width:44px;min-height:44px}
.evoytmode-toggle:hover{border-color:currentColor}
.evoytmode-toggle.evoytmode-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.evoytmode-toggle svg{width:20px;height:20px;flex:none}
.evoytmode-toggle .evoytmode-text:empty{display:none}
/* Variante enlace y botón de YOOtheme: dejan que mande el estilo de UIkit y solo se asegura el icono. */
.evoytmode-toggle.uk-button{border-radius:var(--evoytmode-btn-radius,0);gap:8px}
.evoytmode-toggle--link{border-color:transparent;background:transparent}
.evoytmode-toggle--icon .evoytmode-text:empty{display:none}
/* Esquina de la cabecera (como la plantilla de evoAddons) y botones flotantes. YOOtheme muestra solo una de las dos cabeceras (escritorio o móvil), así que cada botón aparece donde toca. */
.evoytmode-host{position:relative}
.evoytmode-corner{position:absolute;top:50%;right:16px;transform:translateY(-50%);z-index:1;padding:0}
.evoytmode-corner .evoytmode-text{display:none}
@media (min-width:960px){.evoytmode-host .uk-navbar-container>.uk-container{padding-right:76px}}
.evoytmode-floating{position:fixed;z-index:980;background:var(--evoytmode-btn-bg,Canvas)}
.evoytmode-floating-bottom-right{right:16px;bottom:16px}
.evoytmode-floating-bottom-left{left:16px;bottom:16px}
.evoytmode-floating-top-right{right:16px;top:16px}
.evoytmode-floating-top-left{left:16px;top:16px}
/* Texto solo para lectores de pantalla (anuncio del cambio de modo). */
.evoytmode-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Más contraste para quien lo pide. */
@media (prefers-contrast:more){.evoytmode-toggle{border-width:2px;border-color:currentColor}}
/* Sin movimiento para quien no lo quiere: ninguna transición en el botón. */
@media (prefers-reduced-motion:no-preference){.evoytmode-toggle{transition:border-color .15s}}