#cuerpo .babel-grupos{--azul:#1363c6;max-width:980px;margin:28px auto 0;color:#66758a;font-size:15px;line-height:1.7}#cuerpo .babel-grupos *{box-sizing:border-box}#cuerpo .babel-grupos .tag{display:inline-block;border:1px solid #bcd5f4;border-radius:50rem;padding:5px 16px;color:var(--azul);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:14px}#cuerpo .babel-grupos h1{font-size:clamp(26px,4vw,36px);line-height:1.25;color:#14183e;margin:0 0 16px}#cuerpo .babel-grupos h2{font-size:22px;color:#14183e;margin:0 0 16px}#cuerpo .babel-grupos p{margin:0 0 20px}#cuerpo .babel-grupos .card{display:block;padding:clamp(20px,4vw,34px);margin:26px 0;background:white;border:1px solid #dfe8f4;border-radius:20px;box-shadow:0 10px 35px #1363c60c}#cuerpo .babel-grupos .modes{display:flex;gap:6px;padding:6px;background:#edf4fd;border-radius:16px;margin-bottom:26px}#cuerpo .babel-grupos button{font:inherit;font-size:14px;font-weight:600;line-height:1.5;padding:11px 20px;border:1px solid #d6e1ef;background:#fff;color:var(--azul);border-radius:50rem;cursor:pointer;white-space:normal}#cuerpo .babel-grupos button:hover{background:#edf4fd;border-color:var(--azul)}#cuerpo .babel-grupos .modes button{flex:1;border:0;background:transparent;border-radius:12px}#cuerpo .babel-grupos .modes .active,#cuerpo .babel-grupos button.primary{background:var(--azul);color:white;border-color:var(--azul)}#cuerpo .babel-grupos button.primary:hover{background:#0f50a0}#cuerpo .babel-grupos button:focus-visible{outline:3px solid #88bafa;outline-offset:3px}#cuerpo .babel-grupos #inputLabel{color:#14183e}#cuerpo .babel-grupos .groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#cuerpo .babel-grupos label{display:block;font-weight:600;color:#14183e;font-size:13px;margin-bottom:8px}#cuerpo .babel-grupos .groups input{display:block;min-width:0;width:100%;height:58px;border:1px solid #d6e1ef;border-radius:12px;background:#f8faff;color:#14183e;text-align:center;font:600 23px/1.2 Consolas,monospace;letter-spacing:.12em;padding:10px}#cuerpo .babel-grupos input:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 4px #1363c61a;background:white}#cuerpo .babel-grupos .hint{color:#718198;font-size:12px;margin:14px 0 20px}#cuerpo .babel-grupos .generate{width:100%;margin-bottom:16px}#cuerpo .babel-grupos .actions{display:flex;flex-wrap:wrap;gap:10px}#cuerpo .babel-grupos .error{color:#b42318;margin:16px 0 0}#cuerpo .babel-grupos .error:empty{display:none}#cuerpo .babel-grupos .result{margin-top:28px;border-radius:16px;background:#edf5ff;border:1px solid #cfe2fa;padding:24px;text-align:center}#cuerpo .babel-grupos .result small{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--azul)}#cuerpo .babel-grupos .number{font:700 clamp(17px,3.5vw,30px)/1.5 Consolas,monospace;color:#14183e;margin:14px 0 20px;overflow-wrap:anywhere}#cuerpo .babel-grupos .badge{display:block;white-space:normal;width:fit-content;margin:14px auto 0;border-radius:50rem;background:#fff;color:#14183e;border:1px solid #cfe2fa;font-size:12px;line-height:1.5;padding:8px 16px}#cuerpo .babel-grupos .badge.ok{background:#e7f6ee;color:#17623c;border-color:#b6dfc8}#cuerpo .babel-grupos .badge.invalid{background:#fff1ee;color:#9a3425;border-color:#f1c7bf}#cuerpo .babel-grupos .sum{margin:18px 0 24px;font-weight:600;color:#14183e}#cuerpo .babel-grupos .scroll{overflow-x:auto;border:1px solid #dfe8f4;border-radius:12px;margin-bottom:18px}#cuerpo .babel-grupos table{width:100%;border-collapse:collapse;text-align:center;font-size:14px}#cuerpo .babel-grupos th,#cuerpo .babel-grupos td{padding:12px 15px;border-bottom:1px solid #e6edf7;white-space:nowrap}#cuerpo .babel-grupos th{background:#edf4fd;color:#14183e;font-weight:600}#cuerpo .babel-grupos tr:last-child td,#cuerpo .babel-grupos tr:last-child th{border-bottom:0}#cuerpo .babel-grupos code{background:#edf4fd;border-radius:5px;padding:3px 6px;color:var(--azul)}#cuerpo .babel-grupos .foot{color:#718198;font-size:12px;line-height:1.8;margin-bottom:0}#cuerpo .babel-grupos [hidden]{display:none!important}@media(max-width:575px){#cuerpo .babel-grupos .groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#cuerpo .babel-grupos .modes{flex-direction:column}#cuerpo .babel-grupos .actions button{flex:1 1 100%}#cuerpo .babel-grupos .result{padding:20px 12px}}

#cuerpo .babel-grupos .badge{background:#e7f6ee;color:#17623c;border-color:#b6dfc8}#cuerpo .babel-grupos .badge.fail{background:#fff1ee;color:#9a3425;border-color:#f1c7bf}