/* Configurador de proyecto (#configurador) — un hangar espacial.
   · Izquierda, los MANDOS: casco (tipo, radio) y módulos (extras, checkbox) como módulos de cristal con
     su LED, que se encienden al elegirlos. Son inputs reales: teclado y lector de pantalla tal cual.
   · Derecha, la CONSOLA: el visor con la nave 3D (assets/configurador3d.js; sin WebGL, el plano SVG),
     HUD de líneas finas y lecturas: energía (= precio), tiempo de vuelo (= plazo), soporte vital.
   · La consola es una ventana oscura en los dos temas (la nave vive en el espacio); en claro los mandos
     son papel blanco con sombra violeta, como el resto de la página.
   · Móvil: la consola arriba, pegada bajo la barra mientras se eligen los módulos; el botón, al final. */

.cfg{
  --cfg-cristal:linear-gradient(180deg,rgb(255 255 255 / .06),rgb(255 255 255 / .012)),rgb(12 8 28 / .58);
  --cfg-borde:rgb(157 123 255 / .2);
  --cfg-borde-on:rgb(176 150 255 / .85);
  --cfg-txt:var(--texto);
  --cfg-txt-2:#bdb9cc;
  --cfg-atenuado:var(--atenuado);
  --cfg-acento:#a98bff;
  --cfg-sel:radial-gradient(120% 140% at 0% 0%,rgb(143 99 255 / .3),transparent 60%),linear-gradient(180deg,rgb(143 99 255 / .14),rgb(107 43 255 / .05)),rgb(16 9 38 / .78);
  --cfg-sombra-on:0 0 0 1px rgb(143 99 255 / .35),0 18px 50px -22px rgb(107 43 255 / .95),inset 0 1px 0 rgb(255 255 255 / .12);
  --cfg-led-off:#3b3654;
  /* la consola: siempre oscura */
  --hud:#c9b8ff;
  --hud-2:#8f86b0;
  --hud-linea:rgb(169 139 255 / .22);
  position:relative;isolation:isolate;overflow:clip
}

/* cielo propio con parallax (scroll-driven; sin soporte, se queda quieto) */
.cfg-cielo{position:absolute;inset:-120px 0;z-index:-1;pointer-events:none}
.cfg-cielo i{position:absolute;inset:0;background-repeat:repeat}
.cfg-cielo .c1{background-image:radial-gradient(1px 1px at 20px 30px,#fff9,transparent),radial-gradient(1px 1px at 140px 90px,#c9b8ffaa,transparent),radial-gradient(1.4px 1.4px at 260px 180px,#fffb,transparent);background-size:300px 240px;opacity:.55}
.cfg-cielo .c2{background-image:radial-gradient(1.6px 1.6px at 60px 140px,#e4dbffcc,transparent),radial-gradient(1px 1px at 310px 40px,#fff8,transparent);background-size:420px 300px;opacity:.6}
.cfg-cielo .c3{background:radial-gradient(ellipse 50% 40% at 78% 40%,rgb(107 43 255 / .16),transparent 70%),radial-gradient(ellipse 40% 35% at 12% 75%,rgb(80 40 200 / .12),transparent 70%)}
@supports (animation-timeline:view()){
  .cfg-cielo .c1{animation:cfg-par-1 linear both;animation-timeline:view(block)}
  .cfg-cielo .c2{animation:cfg-par-2 linear both;animation-timeline:view(block)}
  .cfg-cielo .c3{animation:cfg-par-3 linear both;animation-timeline:view(block)}
}
@keyframes cfg-par-1{from{transform:translateY(40px)}to{transform:translateY(-40px)}}
@keyframes cfg-par-2{from{transform:translateY(90px)}to{transform:translateY(-90px)}}
@keyframes cfg-par-3{from{transform:translateY(-30px)}to{transform:translateY(30px)}}

/* la palabra destacada, como en el resto de la web: degradado espacial, nunca la cursiva con serifa */
.cfg .cabeza h2 em{font:inherit;font-style:normal;letter-spacing:inherit;
  background:linear-gradient(100deg,#c9b8ff 0%,#9d7bff 30%,#6b2bff 55%,#b49cff 75%,#e9e2ff 85%,#8f63ff 100%) 0 0/250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgb(124 77 255 / .35));animation:estela 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.cfg .cabeza h2 em{animation:none}}
.cfg-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cfg [hidden]{display:none!important}

.cfg-rejilla{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"mandos consola" "final consola";gap:20px 44px;align-items:start}
.cfg-mandos{grid-area:mandos;display:grid;gap:34px}
.cfg-consola{grid-area:consola;position:sticky;top:112px}
.cfg-final{grid-area:final;display:none}

/* ---------- pasos ---------- */
.cfg-paso{margin:0;padding:0;border:0;min-width:0}
.cfg-paso legend{display:flex;align-items:center;gap:12px;width:100%;padding:0;margin-bottom:16px;font:600 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cfg-txt)}
.cfg-paso legend b{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--cfg-acento);padding:6px 8px;border-radius:6px;border:1px solid var(--cfg-borde);background:rgb(143 99 255 / .06)}
.cfg-legend-linea{flex:1;height:1px;background:linear-gradient(90deg,var(--cfg-borde),transparent)}

/* ---------- módulo (tarjeta de cristal) ---------- */
.cfg-mod{position:relative;cursor:pointer;border-radius:16px;background:var(--cfg-cristal);border:1px solid var(--cfg-borde);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;isolation:isolate;
  transition:border-color .35s,background .35s,transform .45s var(--suave),box-shadow .35s;-webkit-tap-highlight-color:transparent}
.cfg-mod::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;
  background:linear-gradient(180deg,transparent 0 46%,rgb(201 184 255 / .14) 50%,transparent 54% 100%) 0 -100%/100% 300% no-repeat}
.cfg-mod:hover{border-color:rgb(169 139 255 / .45);transform:translateY(-2px)}
.cfg-mod input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%;z-index:2}
.cfg-mod:has(input:focus-visible){outline:2px solid var(--acento);outline-offset:3px}
.cfg-mod:has(input:checked){border-color:var(--cfg-borde-on);background:var(--cfg-sel);box-shadow:var(--cfg-sombra-on)}
.cfg-mod:has(input:checked)::before{opacity:1;animation:cfg-escaneo 2.6s ease-in-out 1}
@keyframes cfg-escaneo{from{background-position:0 -100%}to{background-position:0 200%}}
.cfg-mod-ico{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--cfg-acento);
  background:rgb(143 99 255 / .1);border:1px solid rgb(143 99 255 / .22);transition:background .35s,color .35s,box-shadow .35s,border-color .35s}
.cfg-mod-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cfg-mod:has(input:checked) .cfg-mod-ico{background:#6b2bff;border-color:#a98bff;color:#fff;box-shadow:0 0 22px -4px rgb(143 99 255 / .95)}
.cfg-led{width:8px;height:8px;border-radius:50%;flex:none;background:var(--cfg-led-off);box-shadow:inset 0 1px 1px rgb(0 0 0 / .4);transition:background .3s,box-shadow .3s}
.cfg-mod:has(input:checked) .cfg-led{background:#5dffb1;box-shadow:0 0 0 3px rgb(93 255 177 / .14),0 0 12px #5dffb1}
.cfg-mod-precio{font:500 11.5px/1.2 var(--mono);color:var(--cfg-txt-2);white-space:nowrap}
.cfg-mod:has(input:checked) .cfg-mod-precio{color:var(--cfg-txt)}

/* casco: tres tarjetas altas */
.cfg-tipos-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cfg-tipo{display:flex;flex-direction:column;gap:8px;padding:16px 16px 15px}
.cfg-mod-cab{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.cfg-mod-cod{font:500 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--cfg-acento);opacity:.8}
.cfg-tipo b{font:700 17px/1.15 var(--titular);letter-spacing:-.02em;color:var(--cfg-txt)}
.cfg-tipo small{font-size:13.5px;line-height:1.45;color:var(--cfg-atenuado)}
.cfg-tipo .cfg-mod-precio{margin-top:auto;padding-top:10px;border-top:1px dashed var(--cfg-borde)}

/* módulos: dos columnas */
.cfg-extras-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cfg-extra{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;min-height:66px}
.cfg-extra-txt{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.cfg-extra-txt b{font:600 15px/1.2 "Inter",sans-serif;color:var(--cfg-txt)}
.cfg-extra-txt small{font:500 10.5px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cfg-atenuado)}
.cfg-extra-der{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.cfg:not(.con-tipo) .cfg-extras-lista{opacity:.72}

/* ---------- consola ---------- */
.cfg-consola{border-radius:26px;padding:12px;color:var(--hud);
  background:linear-gradient(180deg,rgb(24 14 56 / .92),rgb(8 5 20 / .96));border:1px solid rgb(157 123 255 / .26);
  box-shadow:0 40px 100px -50px rgb(107 43 255 / .9),inset 0 1px 0 rgb(255 255 255 / .07)}
.cfg-visor{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/.84;background:radial-gradient(ellipse 70% 60% at 50% 45%,#1b0f45,#05030f 75%);isolation:isolate}
.cfg-3d{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;opacity:0;transition:opacity .6s}
.cfg-visor.arrastrando .cfg-3d{cursor:grabbing}
.cfg-visor.con-3d .cfg-3d{opacity:1}
.cfg-visor.con-3d .cfg-nave{display:none}
/* líneas de barrido del cristal del visor */
.cfg-visor::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:repeating-linear-gradient(0deg,rgb(255 255 255 / .022) 0 1px,transparent 1px 3px),radial-gradient(ellipse 90% 80% at 50% 50%,transparent 60%,rgb(0 0 0 / .5))}
.cfg-esq{position:absolute;width:18px;height:18px;z-index:3;border:solid rgb(201 184 255 / .7);pointer-events:none}
.cfg-esq.e1{left:10px;top:10px;border-width:1.5px 0 0 1.5px}.cfg-esq.e2{right:10px;top:10px;border-width:1.5px 1.5px 0 0}
.cfg-esq.e3{left:10px;bottom:10px;border-width:0 0 1.5px 1.5px}.cfg-esq.e4{right:10px;bottom:10px;border-width:0 1.5px 1.5px 0}
.cfg-hud-sup{position:absolute;left:22px;right:22px;top:18px;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;
  font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-2)}
.cfg-hud-nave{display:inline-flex;align-items:center;gap:8px}
.cfg-hud-nave i{width:7px;height:7px;border-radius:50%;background:#55516b;transition:background .4s,box-shadow .4s}
.cfg.con-tipo .cfg-hud-nave i{background:#5dffb1;box-shadow:0 0 10px #5dffb1}
.cfg-hud-sup b{color:#efeaff;font-weight:500}
.cfg-hud-sis{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.cfg-segs{display:flex;gap:3px}
.cfg-segs i{width:9px;height:4px;border-radius:1px;background:rgb(169 139 255 / .18);transition:background .3s,box-shadow .3s}
.cfg-segs i.on{background:#a98bff;box-shadow:0 0 6px #8f63ff}
.cfg-hud-arrastra{position:absolute;right:22px;bottom:18px;z-index:3;pointer-events:none;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-2);opacity:0;transition:opacity .5s}
.cfg-visor.con-3d .cfg-hud-arrastra{opacity:.8}
.cfg-visor.girada .cfg-hud-arrastra{opacity:0}
.cfg-manifiesto{position:absolute;left:18px;right:150px;bottom:14px;z-index:3;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none}
.cfg-manifiesto li{font:500 9.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#e2d9ff;padding:5px 7px;border-radius:5px;
  background:rgb(107 43 255 / .26);border:1px solid rgb(169 139 255 / .32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cfg-chip .45s cubic-bezier(.3,1.5,.5,1) both}
@keyframes cfg-chip{from{opacity:0;transform:translateY(6px) scale(.8)}}

/* plano SVG (sólo sin WebGL) */
.cfg-nave{position:absolute;inset:12% 12% 8%;width:76%;height:80%;overflow:visible}
.cfg-nave .pz-traza{fill:none;stroke:rgb(169 139 255 / .35);stroke-width:1.3;stroke-dasharray:4 4;transition:stroke .4s}
.cfg-nave .pz.on .pz-traza{stroke:#e2d9ff;stroke-dasharray:none;filter:drop-shadow(0 0 4px #8f63ff)}

/* lecturas */
.cfg-lecturas{padding:18px 10px 4px;min-height:168px}
.cfg-vacio{display:flex;gap:10px;align-items:center;font:500 13px/1.5 var(--mono);color:var(--hud-2);padding:14px 2px}
.cfg-parpadeo{color:#a98bff;animation:cfg-cursor 1s steps(2) infinite}
@keyframes cfg-cursor{50%{opacity:0}}
.cfg-energia-cab{display:flex;justify-content:space-between;gap:10px}
.cfg-eti,.cfg-datos dt{font:500 10.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hud-2)}
.cfg-energia-pct{color:#efeaff}
.cfg-importe{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:10px 0 12px;font-family:var(--titular);color:#fff}
.cfg-desde{font:500 14px/1 "Inter",sans-serif;color:var(--hud-2)}
.cfg-importe b{font-weight:700;font-size:clamp(30px,2.9vw,42px);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-shadow:0 0 28px rgb(143 99 255 / .55)}
.cfg-guion{font-size:26px;color:var(--hud-2)}
.cfg-energia{position:relative;height:8px;border-radius:99px;background:repeating-linear-gradient(90deg,rgb(169 139 255 / .14) 0 6px,transparent 6px 8px);overflow:hidden;margin-bottom:16px}
.cfg-energia i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;transition:width .8s cubic-bezier(.2,1,.3,1)}
.cfg-energia-max{background:linear-gradient(90deg,rgb(107 43 255 / .5),rgb(169 139 255 / .55))}
.cfg-energia-min{background:linear-gradient(90deg,#6b2bff,#c9b8ff);box-shadow:0 0 14px #8f63ff}
.cfg-datos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.cfg-datos div{padding:11px 13px;border-radius:12px;border:1px solid var(--hud-linea);background:rgb(143 99 255 / .06)}
.cfg-datos dd{margin:7px 0 0;font:600 15.5px/1.2 "Inter",sans-serif;color:#f3efff}
.cfg-nota{font-size:12.5px;line-height:1.45;color:var(--hud-2);display:flex;gap:8px;align-items:flex-start}
.cfg-nota::before{content:"i";flex:none;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font:600 9.5px/1 var(--mono);color:#c9b8ff;border:1px solid var(--hud-linea);margin-top:1px}
.cfg-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 10px 8px}
.cfg-pedir{min-height:56px;padding:0 6px 0 24px;gap:18px}
.cfg-pedir .circ{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgb(255 255 255 / .16)}
.cfg-pedir[aria-disabled="true"]{opacity:.4;pointer-events:none;box-shadow:none}
.cfg-copiar{all:unset;cursor:pointer;font:500 13.5px/1 "Inter",sans-serif;color:var(--hud-2);padding:8px 2px;border-bottom:1px solid currentColor}
.cfg-copiar:hover{color:#fff}
.cfg-copiar:focus-visible{outline:2px solid #c9b8ff;outline-offset:3px}

/* el correo del pie, recién preparado */
.pie2-mail.cfg-listo{animation:cfg-aviso 1.6s ease-out 2}
@keyframes cfg-aviso{0%{text-shadow:0 0 0 transparent}40%{text-shadow:0 0 28px rgb(143 99 255 / .9)}100%{text-shadow:0 0 0 transparent}}

/* ---------- responsive ---------- */
@media (max-width:1240px){
  .cfg-tipos-lista{grid-template-columns:1fr}
  .cfg-tipo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cab b precio" "cab small precio";column-gap:14px;row-gap:4px;align-items:center;padding:14px 16px}
  .cfg-mod-cab{grid-area:cab;margin:0;flex-direction:column;align-items:center;gap:8px}
  .cfg-mod-cod{display:none}
  .cfg-tipo b{grid-area:b}
  .cfg-tipo small{grid-area:small}
  .cfg-tipo .cfg-mod-precio{grid-area:precio;margin:0;padding:0;border:0;text-align:right}
}
@media (max-width:1080px) and (min-width:901px){
  .cfg-extras-lista{grid-template-columns:1fr}
}
@media (max-width:900px){
  .cfg-rejilla{grid-template-columns:minmax(0,1fr);grid-template-areas:"consola" "mandos" "final";gap:22px}
  .cfg-mandos{gap:26px}
  /* la consola arriba y pegada bajo la barra (sube cuando la barra se esconde al bajar) */
  .cfg-consola{top:80px;z-index:5;padding:8px;border-radius:20px;transition:top .35s var(--suave)}
  html:has([data-lui~="barra"][data-lui-oculta="1"]) .cfg-consola{top:10px}
  .cfg-visor{aspect-ratio:auto;height:clamp(190px,30vh,260px);border-radius:14px}
  .cfg-hud-sup{left:14px;right:14px;top:12px;font-size:9px;letter-spacing:.08em}
  .cfg-hud-nave > span{display:none}
  .cfg-esq{width:12px;height:12px}
  .cfg-esq.e1,.cfg-esq.e3{left:7px}.cfg-esq.e2,.cfg-esq.e4{right:7px}.cfg-esq.e1,.cfg-esq.e2{top:7px}.cfg-esq.e3,.cfg-esq.e4{bottom:7px}
  .cfg-segs i{width:6px;height:3px}
  .cfg-manifiesto,.cfg-hud-arrastra{display:none}
  .cfg-lecturas{padding:8px 6px 2px;min-height:0}
  .cfg-vacio{padding:6px 0;font-size:12px}
  .cfg-energia-cab,.cfg-consola .cfg-nota,.cfg-acciones{display:none}
  .cfg-precio{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px}
  .cfg-importe{margin:0;gap:0 6px}
  .cfg-desde{width:100%;font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
  .cfg-importe b{font-size:21px;text-shadow:none}
  .cfg-guion{font-size:16px}
  .cfg-energia{grid-column:1/-1;order:3;height:4px;margin:7px 0 0}
  .cfg-datos{display:flex;flex-direction:column;gap:3px;margin:0;text-align:right}
  .cfg-datos div{padding:0;border:0;background:none}
  .cfg-datos dt{font-size:8.5px;letter-spacing:.06em}
  .cfg-datos dd{margin:2px 0 0;font-size:12px}
  .cfg-final{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
  .cfg-final .cfg-pedir{width:100%;justify-content:space-between}
  .cfg-final .cfg-nota{color:var(--cfg-atenuado)}
  .cfg-final .cfg-nota::before{color:var(--cfg-acento);border-color:var(--cfg-borde)}
}
@media (max-width:560px){
  .cfg-extras-lista{grid-template-columns:1fr}
  .cfg-tipo small{font-size:13px}
  .cfg-tipo .cfg-mod-precio{font-size:10.5px;white-space:normal;max-width:6.5em}
  .cfg-final .cfg-pedir{font-size:14.5px;padding-left:20px}
}

/* ---------- modo claro: mandos de papel; la consola sigue siendo una ventana al espacio ---------- */
html[data-tema="claro"] .cfg{
  --cfg-cristal:#fff;
  --cfg-borde:rgb(24 16 48 / .1);
  --cfg-borde-on:#6b2bff;
  --cfg-txt:var(--c-tinta);
  --cfg-txt-2:var(--c-tinta-2);
  --cfg-atenuado:var(--c-tinta-3);
  --cfg-acento:var(--c-violeta);
  --cfg-sel:radial-gradient(120% 140% at 0% 0%,rgb(107 43 255 / .1),transparent 60%),#fff;
  --cfg-sombra-on:0 0 0 1px #6b2bff,var(--c-sombra-alta);
  --cfg-led-off:#d8d4e4;
}
html[data-tema="claro"] .cfg-cielo{display:none}
html[data-tema="claro"] .cfg .cabeza h2{color:var(--c-tinta)}
html[data-tema="claro"] .cfg .cabeza p{color:var(--c-tinta-2)}
html[data-tema="claro"] .cfg .cabeza h2 em{background:var(--c-estela);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-tema="claro"] .cfg-mod{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 2px rgb(30 15 70 / .05),0 14px 30px -24px rgb(60 20 160 / .3)}
html[data-tema="claro"] .cfg-mod:hover{border-color:rgb(107 43 255 / .35)}
html[data-tema="claro"] .cfg-mod::before{background:linear-gradient(180deg,transparent 0 46%,rgb(107 43 255 / .08) 50%,transparent 54% 100%) 0 -100%/100% 300% no-repeat}
html[data-tema="claro"] .cfg-mod-ico{background:rgb(107 43 255 / .07);border-color:rgb(107 43 255 / .16)}
html[data-tema="claro"] .cfg-mod:has(input:checked) .cfg-led{background:#12b76a;box-shadow:0 0 0 3px rgb(18 183 106 / .15)}
html[data-tema="claro"] .cfg-paso legend b{border-color:rgb(107 43 255 / .22);background:rgb(107 43 255 / .05)}
html[data-tema="claro"] .cfg-consola{box-shadow:var(--c-sombra-alta),0 0 0 1px rgb(24 16 48 / .5)}

/* ---------- reducir movimiento ---------- */
@media (prefers-reduced-motion:reduce){
  .cfg *,.cfg-cielo i{animation:none!important}
  .cfg-mod{transition:border-color .2s,background .2s}
  .cfg-energia i{transition:none}
}