/* Idoloweb Claro Oscuro | Powered by idoloweb.com */
.idcod{--idcod-bg:var(--idcod-own-bg,var(--idw-surface,var(--rf-surface,var(--idw-auto-bg,#fff))));--idcod-fg:var(--idcod-own-fg,var(--idw-text,var(--rf-text,var(--idw-auto-tx,#1b1b1b))));--idcod-ac:var(--idcod-own-ac,var(--idw-accent,var(--rf-accent,var(--idw-auto-ac,#2f6f73))));--idcod-on:var(--idw-auto-on,#fff);position:relative;display:inline-flex;z-index:99970;font:inherit;line-height:1}
.idcod[hidden]{display:none}
.idcod *{box-sizing:border-box}
.idcod__btn{display:inline-flex;align-items:center;gap:.5rem;height:46px;padding:0 16px;border:0;border-radius:999px;background:var(--idcod-ac);color:var(--idcod-on);font:600 .85rem/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);transition:transform .25s}
.idcod__btn:hover{transform:translateY(-2px)}
.idcod__btn:focus-visible{outline:3px solid var(--idcod-ac);outline-offset:3px}
.idcod__moon{display:none}
html.idcod-dark .idcod__sun{display:none}
html.idcod-dark .idcod__moon{display:block}
.idcod--header.is-docked .idcod__btn{width:42px;height:42px;padding:0;justify-content:center;background:none;color:inherit;box-shadow:none}
.idcod--header.is-docked .idcod__btn:hover{background:rgba(127,127,127,.18);transform:none}
.idcod--header.is-docked .idcod__label,.idcod--floating .idcod__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.idcod--header.is-fallback{position:fixed;top:14px;right:14px}
.idcod--footer.is-fallback{display:flex;justify-content:center;width:100%;padding:1rem 0}
.idcod--floating{position:fixed}
.idcod--bottom-left{left:var(--idcod-x,18px);bottom:var(--idcod-y,210px)}
.idcod--bottom-right{right:var(--idcod-x,18px);bottom:var(--idcod-y,210px)}
.idcod--top-left{left:var(--idcod-x,18px);top:var(--idcod-y,210px)}
.idcod--top-right{right:var(--idcod-x,18px);top:var(--idcod-y,210px)}
.idcod--floating .idcod__btn{width:52px;height:52px;padding:0;justify-content:center}

/* Método "filtro": invierte la página y devuelve su aspecto normal a imágenes, videos y al propio botón */
html.idcod-m-filter.idcod-dark{filter:invert(1) hue-rotate(180deg);background:#fff}
html.idcod-m-filter.idcod-dark :is(img,picture,video,canvas,iframe,svg image,.idcod,[style*="background-image"]){filter:invert(1) hue-rotate(180deg)}
/* Transición suave al cambiar */
html.idcod-fade:not(.idacc-still):not(.a11y-still),html.idcod-fade:not(.idacc-still):not(.a11y-still) *{transition:background-color .4s,color .4s,border-color .4s,fill .4s!important}
@media (prefers-reduced-motion:reduce){html.idcod-fade *{transition:none!important}}