/*! Interruptor Día/Noche · Copyright (C) 2026 CreaNexo · Licencia GPL-2.0-or-later (ver LICENSE) */
.idn-widget{--idn-shell:#20212e;--idn-shell-edge:#090b12;--idn-well:#171923;--idn-orb:#20212e;--idn-orb-edge:#10121b;--idn-icon:#48d8ff;--idn-icon-glow:rgba(43,195,255,.55);--idn-text:#f5f6fc;--idn-subtle:#a9adc0;--idn-shadow:rgba(5,7,15,.55);--idn-focus:#54c9ff;--idn-walk-distance:clamp(38px,24vw,100px);--idn-person-size:.4;box-sizing:border-box;color:var(--idn-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;justify-items:center;gap:0;width:100%;max-width:170px;margin-inline:0}
.idn-widget *,.idn-widget *::before,.idn-widget *::after{box-sizing:border-box}
.idn-widget[data-theme="day"]{--idn-shell:#f1f2fc;--idn-shell-edge:#d7d9eb;--idn-well:#eceef9;--idn-orb:#f8f8ff;--idn-orb-edge:#e1e2f0;--idn-icon:#f5a900;--idn-icon-glow:rgba(255,184,44,.42);--idn-text:#252737;--idn-subtle:#686b7b;--idn-shadow:rgba(86,88,117,.24);--idn-focus:#0a66c2}
.idn-switch{position:relative;display:block;width:min(100%,170px);aspect-ratio:2.19/1;min-height:0;border:1px solid var(--idn-shell-edge);border-radius:999px;isolation:isolate;background:var(--idn-shell);box-shadow:inset 0 2px 3px rgba(255,255,255,.16),inset 0 -8px 14px var(--idn-shell-edge),0 22px 42px var(--idn-shadow),0 4px 10px rgba(23,25,43,.12);transition:background-color 460ms cubic-bezier(.2,.7,.2,1),border-color 460ms cubic-bezier(.2,.7,.2,1),box-shadow 460ms cubic-bezier(.2,.7,.2,1)}
.idn-switch::before{content:"";position:absolute;inset:5px;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 39%,rgba(0,0,0,.08));transition:opacity 900ms ease}
.idn-switch::after{content:"";position:absolute;right:18%;top:50%;width:13%;height:11%;border-radius:50%;transform:translateY(-50%);z-index:1;background:var(--idn-well);box-shadow:inset 0 3px 7px rgba(0,0,0,.56),inset 0 -1px 2px rgba(255,255,255,.13),0 1px 2px rgba(255,255,255,.12);transition:background-color 420ms cubic-bezier(.2,.7,.2,1),box-shadow 420ms cubic-bezier(.2,.7,.2,1)}
.idn-widget[data-theme="day"] .idn-switch::after{box-shadow:inset 0 2px 6px rgba(118,122,155,.22),inset 0 -1px 2px rgba(255,255,255,.95),0 1px 2px rgba(255,255,255,.8)}
.idn-orb{appearance:none;-webkit-appearance:none;position:absolute;left:7.5%;top:50%;z-index:2;width:min(28%,128px);min-width:44px;aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;transform:translateY(-50%);cursor:pointer;color:var(--idn-text);font:inherit;background:var(--idn-orb);box-shadow:inset 0 2px 5px rgba(255,255,255,.12),inset 0 -5px 10px var(--idn-orb-edge),0 7px 18px var(--idn-shadow),0 0 27px var(--idn-icon-glow);transition:background-color 420ms cubic-bezier(.2,.7,.2,1),box-shadow 420ms cubic-bezier(.2,.7,.2,1)}
.idn-orb:focus-visible{outline:3px solid var(--idn-focus);outline-offset:-5px}
.idn-widget[data-theme="day"] .idn-orb{box-shadow:inset 0 2px 7px rgba(255,255,255,.9),inset 0 -4px 9px rgba(193,195,219,.52),0 8px 18px rgba(103,106,141,.2),0 0 25px var(--idn-icon-glow)}
.idn-icon{position:absolute;width:42%;height:42%;fill:var(--idn-icon);color:var(--idn-icon);filter:drop-shadow(0 0 8px var(--idn-icon-glow));transition:opacity 320ms ease,transform 420ms cubic-bezier(.2,.7,.2,1),fill 420ms ease,filter 420ms ease}
.idn-icon-sun{opacity:0;transform:rotate(-70deg) scale(.48)}.idn-widget[data-theme="day"] .idn-icon-moon{opacity:0;transform:rotate(70deg) scale(.48)}.idn-widget[data-theme="day"] .idn-icon-sun{opacity:1;transform:rotate(0) scale(1)}
.idn-person{scale:var(--idn-person-size,.4);position:absolute;left:54%;top:50%;width:20px;height:42px;opacity:0;pointer-events:none;transform:translate(-50%,-50%);color:var(--idn-text);z-index:3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.idn-person-head{position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.idn-person-body{position:absolute;left:50%;top:9px;width:2.5px;height:13px;border-radius:2px;background:currentColor;transform:translateX(-50%);transform-origin:top center}
.idn-person-body::before,.idn-person-body::after{content:"";position:absolute;left:50%;top:1px;width:2.5px;height:13px;border-radius:2px;background:currentColor;transform-origin:top center}
.idn-person-body::before{transform:translateX(-50%) rotate(38deg)}.idn-person-body::after{transform:translateX(-50%) rotate(-38deg)}
.idn-person-legs{position:absolute;left:50%;top:21px;width:2px;height:1px;transform:translateX(-50%);transform-origin:top center}
.idn-person-leg{position:absolute;left:50%;top:0;width:2.5px;height:8px;border-radius:2px;background:currentColor;transform-origin:top center}
.idn-person-leg::after{content:"";position:absolute;left:50%;top:6px;width:2.5px;height:8px;border-radius:2px;background:currentColor;transform-origin:top center}
.idn-person-leg-a{transform:translateX(-50%) rotate(-18deg)}.idn-person-leg-b{transform:translateX(-50%) rotate(18deg)}
.idn-widget.idn-is-transitioning .idn-person{animation:none}
.idn-widget.idn-is-transitioning .idn-person-body::before{animation:idn-arm-a 530ms cubic-bezier(.38,0,.62,1) 4}
.idn-widget.idn-is-transitioning .idn-person-body::after{animation:idn-arm-b 530ms cubic-bezier(.38,0,.62,1) 4}
.idn-widget.idn-is-transitioning .idn-person-leg-a{animation:idn-thigh-a 530ms cubic-bezier(.38,0,.62,1) 4}
.idn-widget.idn-is-transitioning .idn-person-leg-b{animation:idn-thigh-b 530ms cubic-bezier(.38,0,.62,1) 4}
.idn-widget.idn-is-transitioning .idn-person-leg-a::after{animation:idn-knee-a 530ms cubic-bezier(.38,0,.62,1) 4}
.idn-widget.idn-is-transitioning .idn-person-leg-b::after{animation:idn-knee-b 530ms cubic-bezier(.38,0,.62,1) -265ms 4.5}
.idn-widget.idn-walk-out.idn-is-transitioning .idn-person{animation:none}.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-body::before,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-body::after,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-a,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-b,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-a::after,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-b::after{animation-direction:reverse}
@keyframes idn-arm-a{0%,100%{transform:translateX(-50%) rotate(24deg)}25%{transform:translateX(-50%) rotate(12deg)}50%{transform:translateX(-50%) rotate(-24deg)}75%{transform:translateX(-50%) rotate(-12deg)}}
@keyframes idn-arm-b{0%,100%{transform:translateX(-50%) rotate(-24deg)}25%{transform:translateX(-50%) rotate(-12deg)}50%{transform:translateX(-50%) rotate(24deg)}75%{transform:translateX(-50%) rotate(12deg)}}
@keyframes idn-thigh-a{0%,100%{transform:translateX(-50%) rotate(-16deg)}20%{transform:translateX(-50%) rotate(-19deg)}38%{transform:translateX(-50%) rotate(-8deg)}50%{transform:translateX(-50%) rotate(15deg)}64%{transform:translateX(-50%) rotate(21deg)}80%{transform:translateX(-50%) rotate(7deg)}}
@keyframes idn-thigh-b{0%,100%{transform:translateX(-50%) rotate(16deg)}20%{transform:translateX(-50%) rotate(19deg)}38%{transform:translateX(-50%) rotate(8deg)}50%{transform:translateX(-50%) rotate(-15deg)}64%{transform:translateX(-50%) rotate(-21deg)}80%{transform:translateX(-50%) rotate(-7deg)}}
@keyframes idn-knee-a{0%,100%{transform:translateX(-50%) rotate(0)}38%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-50%) rotate(-21deg)}64%{transform:translateX(-50%) rotate(-13deg)}80%{transform:translateX(-50%) rotate(0)}}
@keyframes idn-knee-b{0%,100%{transform:translateX(-50%) rotate(0)}38%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-50%) rotate(21deg)}64%{transform:translateX(-50%) rotate(13deg)}80%{transform:translateX(-50%) rotate(0)}}
.idn-sample{width:min(100%,440px);min-height:74px;padding:15px 18px;border:1px solid rgba(128,132,162,.18);border-radius:14px;color:var(--idn-text);background:#151722;box-shadow:0 10px 26px rgba(5,7,15,.13);transition:color 460ms ease,background-color 460ms ease,border-color 460ms ease}.idn-widget[data-theme="day"] .idn-sample{background:#f4f4fb;border-color:#d9d9e7;box-shadow:0 10px 26px rgba(68,71,103,.09)}
.idn-sample-label{display:block;margin:0 0 6px;color:var(--idn-subtle);font:600 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.idn-sample-copy{margin:0;font-size:14px;line-height:1.5}.idn-switch-note{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){.idn-widget{gap:17px}.idn-switch{min-height:0;width:100%}.idn-sample{min-height:70px;padding:13px 15px}.idn-sample-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.idn-switch,.idn-orb,.idn-icon,.idn-sample,.idn-switch::before,.idn-switch::after{transition-duration:.01ms!important;transition-delay:0ms!important}.idn-widget.idn-is-transitioning .idn-person{animation:none;opacity:0}}
.idn-no-transition,.idn-no-transition *,.idn-no-transition *::before,.idn-no-transition *::after{transition:none!important}
.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-body::before,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-body::after,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-a,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-b,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-a::after,.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-b::after{animation-delay:375ms}
.idn-widget.idn-walk-out.idn-is-transitioning .idn-person-leg-b::after{animation-delay:110ms}
.idn-widget.idn-is-transitioning:not(.idn-walk-out) .idn-person-body::before,.idn-widget.idn-is-transitioning:not(.idn-walk-out) .idn-person-body::after,.idn-widget.idn-is-transitioning:not(.idn-walk-out) .idn-person-leg-a,.idn-widget.idn-is-transitioning:not(.idn-walk-out) .idn-person-leg-b,.idn-widget.idn-is-transitioning:not(.idn-walk-out) .idn-person-leg-a::after,.idn-widget.idn-is-transitioning:not(.idn-walk-out) .idn-person-leg-b::after{animation-delay:75ms}
.idn-widget.idn-is-transitioning:not(.idn-walk-out) .idn-person-leg-b::after{animation-delay:-190ms}