/* Un solo control de 44 px: muestra el modo actual y alterna al pulsarlo. */
.site-header .theme-switch.switch{flex:0 0 44px;width:44px;height:44px;font-size:24px;border-radius:50%;background:#0d59ca;overflow:visible;box-shadow:none}
.site-header .theme-switch.switch .switch__input{position:absolute;inset:0;z-index:3;width:44px;height:44px;margin:0;padding:0;opacity:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}
.site-header .theme-switch.switch>.switch__icon{position:absolute;top:11px;left:11px;right:auto;width:22px;height:22px;color:#fff;transform:none;transition:none;display:block}
.site-header .theme-switch.switch>.switch__icon:nth-of-type(2),
.site-header .theme-switch.switch>.switch__inner,
.site-header .theme-switch.switch>.switch__inner-icons{display:none}
.site-header .theme-switch.switch .switch__input:checked~.switch__icon:first-of-type{display:none}
.site-header .theme-switch.switch .switch__input:checked~.switch__icon:nth-of-type(2){display:block;color:#d5ebff;transform:none}
.site-header .theme-switch.switch:focus-within{outline:3px solid #0d59ca;outline-offset:4px}
.site-header .theme-switch.switch .switch__input:focus-visible{outline:none}
html[data-theme="dark"] .site-header .theme-switch.switch{background:#243a57;box-shadow:inset 0 0 0 1px #56789f}
html[data-theme="dark"] .site-header .theme-switch.switch:focus-within{outline-color:#8acbff}
@media(hover:hover){.site-header .theme-switch.switch:hover{background:#0a4aa8}html[data-theme="dark"] .site-header .theme-switch.switch:hover{background:#345172}}
@media(max-width:820px){.site-header #menu .theme-switch.switch:focus-within{outline-color:#fff}}

/* Revisión: diámetro visible de 22 px, con superficie de pulsación de 44 px. */
.site-header .theme-switch.switch,
.site-header .theme-switch.switch:hover,
html[data-theme="dark"] .site-header .theme-switch.switch,
html[data-theme="dark"] .site-header .theme-switch.switch:hover{background:transparent;box-shadow:none}
.site-header .theme-switch.switch::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#0d59ca;pointer-events:none}
.site-header .theme-switch.switch>.switch__icon{top:16px;left:16px;width:12px;height:12px}
html[data-theme="dark"] .site-header .theme-switch.switch::before{background:#243a57;box-shadow:inset 0 0 0 1px #56789f}
@media(hover:hover){.site-header .theme-switch.switch:hover::before{background:#0a4aa8}html[data-theme="dark"] .site-header .theme-switch.switch:hover::before{background:#345172}}