/* Animaciones explicativas de fincapp.co (v2). Todas se pausan fuera de pantalla y respetan prefers-reduced-motion. */

/* ---------- huerto del hero ---------- */
.huerto-box{position:relative;max-width:470px;margin:0 auto}
#huerto{width:100%;height:auto;display:block}
#huerto circle{fill:#F4F4EE;opacity:.15;transition:opacity .4s,fill .4s;transform-box:fill-box;transform-origin:center}
#huerto circle.apagado{fill:var(--brote);opacity:1}
#huerto circle.sembrar{animation:sembrar .6s both}
@keyframes sembrar{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.15}}
#huerto .brote{fill:var(--brote);transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.aviso{position:relative;margin:10px 3% 0;min-height:92px;background:#fff;color:var(--tierra);border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:opacity .3s,transform .3s}
.aviso.fuera{opacity:0;transform:translateY(8px)}
.aviso small{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--boton);font-weight:700}
.aviso strong{display:block;font-size:.98rem}
.aviso span{display:block;color:var(--musgo);font-size:.84rem;line-height:1.4}

/* ---------- el mes en vivo ---------- */
.vivo{display:grid;gap:16px}
@media(min-width:900px){.vivo{grid-template-columns:1fr 1fr}}
.vivo .col{border-radius:20px;padding:20px;border:1px solid #2f372b;background:#20261d;min-width:0}
.vivo .col.live{background:#1d2a14;border-color:#3b5420}
.vivo h3{font-size:1rem;margin:0 0 4px;color:#fff}
.vivo .sub{font-size:.82rem;color:#A9AE9F;margin:0 0 14px}
.vivo .linea{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:9px 0;border-top:1px solid #323b2e;font-size:.9rem;color:#C9CDC0}
.vivo .linea b{font-size:1.15rem;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.vivo .col.cierre .linea b{color:#6c7364;letter-spacing:.15em}
.vivo .col.cierre.listo .linea b{color:#fff;letter-spacing:0}
.vivo .candado{display:inline-flex;gap:6px;align-items:center;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:#323b2e;color:#C9CDC0}
.vivo .col.cierre.listo .candado{background:var(--brote);color:var(--tierra)}
.vivo .col.live .candado{background:var(--brote);color:var(--tierra)}
.reloj{margin:0 0 20px}
.reloj .barra-t{height:10px;border-radius:99px;background:#2b3327;position:relative;overflow:hidden}
.reloj .barra-t i{position:absolute;inset:0 auto 0 0;width:0;background:var(--brote);border-radius:99px;transition:width .35s linear}
.reloj .fechas{display:flex;justify-content:space-between;font-size:.78rem;color:#A9AE9F;margin-top:8px}
.reloj .hoy{font-weight:700;color:#fff;font-size:1rem;margin-bottom:8px}
.feed{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;min-height:78px}
.feed li{font-size:.8rem;color:#C9CDC0;background:#26301f;border-radius:10px;padding:7px 10px;animation:entra .4s both}
@keyframes entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- flujo: lo que llega, fincapp, a dónde va ---------- */
.flujo{position:relative;display:grid;gap:14px;align-items:center}
@media(min-width:900px){.flujo{grid-template-columns:1fr 200px 1fr;gap:56px}}
.flujo .f-col{display:grid;gap:10px}
.nodo{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px 14px;transition:box-shadow .25s,border-color .25s,transform .25s;position:relative}
.nodo b{display:block;font-size:.92rem}.nodo span{font-size:.8rem;color:var(--musgo)}
.nodo.activo{border-color:var(--brote-osc);box-shadow:0 0 0 3px rgba(94,138,15,.18);transform:scale(1.02)}
.f-centro{background:var(--tierra);color:#fff;border-radius:20px;padding:18px;text-align:center;transition:box-shadow .3s}
.f-centro.trabaja{box-shadow:0 0 0 6px rgba(200,242,90,.25)}
.f-centro .logo-mini{width:44px;height:44px;margin:0 auto 8px}
.f-verbos{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-size:.84rem;color:#B9BEAE}
.f-verbos li{transition:color .2s}.f-verbos li.activo{color:var(--brote);font-weight:700}
.paquete{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--brote-osc);box-shadow:0 0 0 4px rgba(94,138,15,.25);z-index:3;pointer-events:none;opacity:0;left:0;top:0}
@media(max-width:899px){.paquete{display:none}}

/* ---------- campo: registro que se escribe solo ---------- */
.cd{display:grid;gap:14px}
.cd-form{display:grid;gap:8px}
.cd-campo{display:flex;justify-content:space-between;gap:10px;background:var(--hueso);border:1px solid var(--linea);border-radius:10px;padding:9px 12px;font-size:.88rem;min-height:40px;align-items:center}
.cd-campo span{color:var(--musgo);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.cd-campo b{font-weight:600;text-align:right}
.cd-campo.escribe{border-color:var(--brote-osc);box-shadow:0 0 0 3px rgba(94,138,15,.15)}
.cd-campo.escribe b:after{content:"";display:inline-block;width:2px;height:1em;background:var(--tierra);margin-left:2px;vertical-align:-2px;animation:cursor .8s steps(1) infinite}
@keyframes cursor{50%{opacity:0}}
.cd-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.86rem;color:var(--musgo)}
.cd-checks li:before{content:"○ ";color:#aab09f}.cd-checks li.ok{color:var(--tierra)}.cd-checks li.ok:before{content:"✓ ";color:var(--brote-osc);font-weight:700}
.cd-planilla{border:1px solid var(--linea);border-radius:14px;overflow:hidden;background:#fff}
.cd-planilla header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--hueso);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--musgo)}
.cd-planilla ul{list-style:none;margin:0;padding:0}
.cd-planilla li{display:grid;grid-template-columns:1.1fr 1fr 1.8fr 44px;gap:8px;padding:9px 14px;border-top:1px solid var(--linea);font-size:.82rem;align-items:center}
.cd-planilla li b{text-align:right}
.cd-planilla li.nueva{animation:filaNueva 1.2s both}
@keyframes filaNueva{0%{background:#E6F2C6;transform:translateY(-8px);opacity:0}25%{opacity:1;transform:none}100%{background:transparent}}
.btn-copiar{font:inherit;font-size:.78rem;font-weight:700;border:1px solid var(--linea);background:#fff;border-radius:999px;padding:5px 12px;color:var(--tierra);transition:background .2s}
.btn-copiar.listo{background:var(--brote-osc);color:#fff;border-color:var(--brote-osc)}
@media(max-width:560px){.cd-planilla li{grid-template-columns:1fr 1fr 44px}.cd-planilla li span:nth-child(3){display:none}}

/* ---------- recorrido del dato: antes y ahora ---------- */
.rc{display:grid;gap:18px}
.rc-lane{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:16px 16px 14px;position:relative}
.rc-lane h3{font-size:.95rem;margin:0 0 12px}
.rc-lane h3 small{font-weight:600;color:var(--musgo);font-size:.82rem;margin-left:6px}
.rc-fila{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative}
.rc-est{border:1px dashed #C5C9BB;border-radius:12px;padding:10px 8px;font-size:.78rem;text-align:center;color:var(--musgo);transition:all .3s;background:#fff;min-height:64px;display:grid;align-content:center}
.rc-est b{display:block;color:var(--tierra);font-size:.84rem}
.rc-est.visto{border-style:solid;border-color:#B9D07C;background:#F4F9E4}
.rc-est.aqui{border-color:var(--brote-osc);box-shadow:0 0 0 3px rgba(94,138,15,.18)}
.rc-tok{position:absolute;top:-14px;transform:translateX(-50%);background:var(--tierra);color:#fff;font-size:.74rem;padding:5px 10px;border-radius:999px;white-space:nowrap;transition:left .6s cubic-bezier(.4,.1,.2,1),opacity .3s;opacity:0;z-index:2}
.rc-tok.error{background:var(--alerta)}.rc-tok.listo{background:var(--brote-osc)}
.rc-fin{margin:12px 0 0;font-size:.86rem;color:var(--musgo);min-height:2.6em;opacity:0;transition:opacity .4s}.rc-fin.ver{opacity:1}
.rc-lane.mal .rc-fin.ver{color:var(--alerta);font-weight:600}
.rc-lane.bien .rc-fin.ver{color:#2F4A06;font-weight:600}
@media(max-width:700px){.rc-est{font-size:.7rem;padding:8px 4px}.rc-tok{font-size:.66rem;padding:4px 7px}}

/* ---------- la factura recorre el camino ---------- */
.fv{position:relative;padding-top:56px}
.fv .tira{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}
.fv .paso{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px 10px;font-size:.8rem;text-align:center;transition:all .3s;color:var(--musgo)}
.fv .paso b{display:block;color:var(--tierra);font-size:.88rem}
.fv .paso.hecho{background:#F4F9E4;border-color:#B9D07C}
.fv .paso.activo{border-color:var(--brote-osc);box-shadow:0 0 0 3px rgba(94,138,15,.18);background:#fff}
.viajero{position:absolute;top:0;left:0;width:calc(20% - 7px);background:var(--tierra);color:#fff;border-radius:12px;padding:8px 10px;font-size:.78rem;transition:left .7s cubic-bezier(.4,.1,.2,1),opacity .3s;z-index:2}
.viajero strong{display:block;font-size:.84rem}.viajero span{color:var(--brote);font-size:.72rem}
.viajero.oculto{opacity:0}.viajero.salta{transition:none}
@media(max-width:700px){.fv{padding-top:0}.fv .tira{grid-template-columns:1fr}.viajero{position:static;width:auto;margin-bottom:12px;transition:none}}

/* ---------- control de compras: catálogo -> órdenes ---------- */
.cg{display:grid;gap:16px}
@media(min-width:900px){.cg{grid-template-columns:1.1fr .9fr}}
.tienda{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.prod{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px;font-size:.82rem;display:grid;gap:4px;transition:all .25s}
.prod small{color:var(--musgo)}.prod .pr{font-weight:700;font-size:.9rem}
.prod .add{margin-top:4px;font:inherit;font-weight:700;font-size:.78rem;border:0;border-radius:999px;background:var(--hueso);padding:6px 10px;color:var(--tierra)}
.prod.puesto{border-color:var(--brote-osc);background:#F4F9E4}.prod.puesto .add{background:var(--brote-osc);color:#fff}
.carro{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:14px;min-height:260px}
.carro h4{margin:0 0 8px;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--musgo)}
.carro ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;font-size:.84rem}
.carro li{display:flex;justify-content:space-between;gap:8px;animation:entra .35s both;border-bottom:1px solid var(--linea);padding-bottom:6px}
.carro .gen{width:100%;font:inherit;font-weight:700;border:0;border-radius:999px;padding:10px;background:var(--boton);color:#fff;opacity:.45;transition:opacity .25s}
.carro .gen.on{opacity:1}
.ordenes{display:grid;gap:8px;margin-top:10px}
.oc{border:1px solid #B9D07C;background:#F4F9E4;border-radius:12px;padding:10px 12px;font-size:.82rem;animation:entra .4s both}
.oc b{display:block}.oc small{color:var(--musgo)}

/* ---------- la orden recorre su ciclo ---------- */
.of{display:grid;gap:16px}
@media(min-width:900px){.of{grid-template-columns:1fr 1fr;align-items:start}}
.est-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.est-lista li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--linea);border-radius:12px;padding:9px 12px;font-size:.88rem;color:var(--musgo);transition:all .3s}
.est-lista li i{width:24px;height:24px;border-radius:50%;background:var(--hueso);display:grid;place-items:center;font-style:normal;font-size:.74rem;font-weight:700;color:var(--musgo)}
.est-lista li.hecho{background:#F4F9E4;border-color:#B9D07C;color:var(--tierra)}.est-lista li.hecho i{background:var(--brote-osc);color:#fff}
.est-lista li.activo{border-color:var(--brote-osc);box-shadow:0 0 0 3px rgba(94,138,15,.18);color:var(--tierra)}
.est-lista li small{font-size:.74rem;color:var(--musgo)}
.hist{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:14px;min-height:280px}
.hist h4{margin:0 0 8px;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--musgo)}
.hist ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.hist li{font-size:.83rem;display:grid;grid-template-columns:54px 1fr;gap:8px;animation:entra .4s both}
.hist li time{color:var(--musgo);font-variant-numeric:tabular-nums}
.hist li.tg{background:#E8F1FB;border-radius:10px;padding:7px 9px;grid-template-columns:1fr}

/* ---------- conciliación de tres vías ---------- */
.conc{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:16px;display:grid;gap:10px}
.conc .cab,.conc .lin{display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:8px;align-items:center;font-size:.84rem}
.conc .cab{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--musgo);font-weight:700}
.conc .lin{padding:10px 0;border-top:1px solid var(--linea)}
.conc .lin b{font-variant-numeric:tabular-nums}
.conc .lin.dif b.r{color:var(--alerta)}
.conc .veredicto{margin-top:4px;padding:10px 12px;border-radius:12px;font-size:.88rem;font-weight:600;opacity:0;transition:opacity .35s}
.conc .veredicto.ver{opacity:1}.conc .veredicto.ok{background:#E6F2C6;color:#2F4A06}.conc .veredicto.no{background:#F6E1D2;color:#7A3410}
@media(max-width:560px){.conc .cab,.conc .lin{grid-template-columns:1.2fr repeat(3,.7fr);font-size:.76rem}}

/* ---------- informes: pestañas ---------- */
.master{display:grid;gap:18px}
@media(min-width:960px){.master{grid-template-columns:270px 1fr;gap:36px;align-items:start}}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(min-width:960px){.tabs{grid-template-columns:1fr;position:sticky;top:84px}}
.tabs button{font:inherit;font-weight:700;font-size:.86rem;line-height:1.25;padding:12px 14px;border-radius:14px;border:1px solid var(--linea);background:#fff;color:var(--musgo);cursor:pointer;text-align:left}
.tabs button:hover{border-color:var(--brote-osc);color:var(--tierra)}
.tabs button[aria-selected=true]{background:var(--tierra);color:#fff;border-color:var(--tierra)}
.inf{display:grid;gap:22px;align-items:start}
@media(min-width:1440px){.inf{grid-template-columns:.95fr 1.05fr;gap:36px}}
.decide{margin-top:14px;background:#F4F9E4;border:1px solid #B9D07C;border-radius:14px;padding:12px 14px;font-size:.9rem}.decide b{display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--boton);margin-bottom:2px}
.enpalabras{margin:0 0 12px;padding:10px 12px;border-left:4px solid var(--brote-osc);background:var(--hueso);border-radius:0 12px 12px 0;font-size:.9rem;font-weight:600}
.inf .pregunta{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 .6em}
.crece .barras span.b:after{width:0;transition:width 1s cubic-bezier(.3,.7,.2,1)}
.crece.ya .barras span.b:after{width:var(--v)}
.frase-rota{transition:opacity .3s,transform .3s}.frase-rota.fuera{opacity:0;transform:translateY(5px)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.kpis div{background:var(--hueso);border-radius:12px;padding:10px;font-size:.74rem;color:var(--musgo)}.kpis b{display:block;font-size:1.05rem;color:var(--tierra)}
.apilada{height:14px;border-radius:99px;overflow:hidden;display:flex;background:var(--hueso)}
.apilada i{display:block;height:100%;width:0;transition:width 1s cubic-bezier(.3,.7,.2,1)}
.crece.ya .apilada i{width:var(--v)}
.veredicto-b{display:inline-flex;gap:8px;align-items:center;font-weight:700;padding:6px 12px;border-radius:999px;background:#F6E1D2;color:#7A3410;font-size:.82rem}

/* ---------- celular con avisos ---------- */
.tel{max-width:340px;margin:0 auto;background:#10130f;border-radius:36px;padding:12px;box-shadow:var(--sombra)}
.tel .pant{background:#E9EEF3;border-radius:26px;overflow:hidden;min-height:430px;display:flex;flex-direction:column}
.tel .cab-tel{background:#fff;padding:12px 14px;font-weight:700;font-size:.9rem;border-bottom:1px solid #d7dde3}
.tel .cab-tel small{display:block;font-weight:400;color:#6b747d;font-size:.72rem}
.tel .msgs{padding:12px;display:grid;gap:8px;align-content:start;flex:1}
.msg{max-width:92%;animation:entra .45s both}
.msg.oculto{display:none}
.msg .burb{background:#fff;border-radius:4px 16px 16px 16px;padding:9px 12px;font-size:.8rem;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.msg .burb small{display:block;color:#6b747d;font-size:.68rem}.msg .burb strong{display:block;margin-bottom:2px}
.msg.mio{justify-self:end}.msg.mio .burb{background:#DCF3B5;border-radius:16px 4px 16px 16px}
.msg .kb{display:inline-block;margin-top:6px;margin-right:6px;font-size:.74rem;font-weight:700;color:#2a6ec9;background:#EEF4FC;border-radius:8px;padding:5px 10px;border:0;font-family:inherit}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- regla «sin orden no hay pago» ---------- */
.rg{display:grid;gap:16px;background:#20261d;border:1px solid #2f372b;border-radius:20px;padding:20px}
@media(min-width:800px){.rg{grid-template-columns:.8fr 1.2fr;align-items:center;padding:28px}}
.rg .sw-fila{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700}
.rg .sw{width:54px;height:30px;border-radius:99px;background:#4b5446;position:relative;transition:background .3s;flex:none}
.rg .sw:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .3s}
.rg .sw.on{background:var(--brote-osc)}.rg .sw.on:after{transform:translateX(24px)}
.rg small{color:#A9AE9F;display:block;font-weight:400;font-size:.8rem}
.rg-fac{background:#fff;color:var(--tierra);border-radius:16px;padding:16px;display:grid;gap:8px}
.rg-fac.flash{animation:entra .5s both}
.rg-fac .cab{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.9rem}
.rg-fac p{margin:0;font-size:.88rem;color:var(--musgo);min-height:3.8em}
.rg-lote{border-radius:10px;padding:8px 12px;font-size:.84rem;font-weight:700}.rg-lote.no{background:#F6E1D2;color:#7A3410}.rg-lote.si{background:#E6F2C6;color:#2F4A06}
.chip.r{background:#F6D5CF;color:#8A2616}.chip.v{background:#E6F2C6;color:#2F4A06}

/* ---------- un dato entra, varios informes se actualizan ---------- */
.rx{display:grid;gap:16px}
@media(min-width:960px){.rx{grid-template-columns:.8fr 1.2fr;align-items:stretch}}
.rx-ev{background:#20261d;border:1px solid #2f372b;border-radius:20px;padding:22px;color:#fff;display:grid;gap:8px;align-content:start}
.rx-ev .ic{font-size:1.8rem}.rx-ev b{font-size:1.15rem}.rx-ev span:last-child{color:#C9CDC0;font-size:.9rem}
.rx-ev{min-height:150px;transition:opacity .3s,transform .3s}.rx-ev.fuera{opacity:0;transform:translateY(6px)}
.rx-dots{display:flex;gap:6px;margin-top:6px}.rx-dots i{width:8px;height:8px;border-radius:50%;background:#3a4335}.rx-dots i.on{background:var(--brote)}
.rx-g{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:700px){.rx-g{grid-template-columns:repeat(4,1fr)}}
.rx-t{background:#fff;color:var(--tierra);border:1px solid var(--linea);border-radius:14px;padding:12px;display:grid;gap:3px;align-content:start;transition:border-color .35s,box-shadow .35s;min-width:0}
.rx-t b,.rx-t .d{transition:opacity .22s}.rx-t b.fade,.rx-t .d.fade{opacity:0}
.rx-t span{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--musgo);font-weight:700}
.rx-t b{font-size:1rem;line-height:1.25}
.rx-t .d{font-size:.76rem;font-weight:700;color:var(--boton);min-height:1.1em}
.rx-t.act{border-color:var(--brote-osc);box-shadow:0 0 0 3px rgba(94,138,15,.2)}

.tabs .grupo-tab{display:block;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--boton);padding:8px 2px 0;grid-column:1/-1}
.tabs .grupo-tab:first-child{padding-top:0}
.mas-inf{margin-top:14px;border:1px solid var(--linea);border-radius:14px;background:#fff}
.mas-inf summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:.9rem;color:var(--boton);list-style:none}
.mas-inf summary::-webkit-details-marker{display:none}.mas-inf summary:after{content:" +"}.mas-inf[open] summary:after{content:" –"}
.mas-inf>:not(summary){padding:0 14px 14px}
.ilus{margin-top:12px;font-size:.75rem;color:#4f5848;text-align:right}
.ilus-local{display:block;margin:8px 4px 0;font-size:.75rem;color:#5c6455;text-align:right}
.dark .ilus-local{color:#a3aa98}
.anim::after{content:"Datos ilustrativos";display:block;text-align:right;font-size:.75rem;color:#5c6455;padding:8px 4px 0}   /* #5c6455 sobre #F4F4EE: más de 5:1 */
.dark .anim::after{color:#a3aa98}
.prod .add{display:inline-block;margin-top:4px;font-weight:700;font-size:.78rem;border-radius:999px;background:var(--hueso);padding:6px 10px;color:var(--tierra);text-align:center}
.prod.puesto .add{background:var(--brote-osc);color:#fff}
.carro .gen{display:block;text-align:center;font-weight:700;border-radius:999px;padding:10px;background:var(--boton);color:#fff;opacity:.45;transition:opacity .25s}
.carro .gen.on{opacity:1}
.btn-copiar{display:inline-block;font-size:.78rem;font-weight:700;border:1px solid var(--linea);background:#fff;border-radius:999px;padding:5px 12px;color:var(--tierra);transition:background .2s}
body.pausa *{animation-play-state:paused!important}