.herr{--h-fondo:var(--superficie);--h-borde:var(--borde);--h-texto:var(--tinta);--h-suave:var(--tinta-tenue);--h-campo:var(--papel);--h-acento:var(--azul-600);--h-titulo:var(--tinta);--h-lima:var(--violeta-600);color:var(--h-texto);font-size:1rem}.herr--oscura{--h-fondo:#14181fc7;--h-borde:#ffffff1f;--h-texto:#e8edf5;--h-suave:#b9c2d3;--h-campo:#ffffff0d;--h-acento:var(--azul-300);--h-titulo:#fff;--h-lima:var(--violeta-300)}.herr__pestanas{scrollbar-width:none;gap:.4rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.herr__pestanas::-webkit-scrollbar{display:none}.herr__pestanas button{font-family:var(--fuente-titulo);color:var(--tinta-suave);background:var(--tactil);border:1px solid var(--vidrio-borde);box-shadow:var(--tactil-sombra);cursor:pointer;border-radius:999px;flex:none;padding:.6rem 1.1rem;font-size:.92rem;font-weight:600;transition:transform .2s,color .2s}.herr__pestanas button:not(.activa):hover{transform:translateY(-1px)}.herr__pestanas button:hover{color:var(--h-texto)}.herr__pestanas button.activa{color:#fff;background:var(--tactil-activo);box-shadow:var(--tactil-activo-sombra);border-color:#0000}.herr__panel{background:var(--vidrio-fuerte);border:1px solid var(--vidrio-borde);-webkit-backdrop-filter:var(--vidrio-desenfoque);box-shadow:var(--sombra-l);border-radius:28px;padding:clamp(1.15rem,3vw,1.8rem);animation:.4s cubic-bezier(.2,.7,.2,1) herr-entrar}.herr--oscura .herr__panel{backdrop-filter:blur(12px);box-shadow:0 30px 60px -30px #000c}@keyframes herr-entrar{0%{opacity:0;transform:translateY(8px)}}.herr__cabeza{align-items:flex-start;gap:.9rem;margin-bottom:1.2rem;display:flex}.herr__cabeza h3{color:var(--h-titulo);margin:0 0 .25rem;font-size:1.3rem}.herr__cabeza p{color:var(--h-suave);margin:0}.herr__icono{color:#fff;background:var(--tactil-activo);width:2.7rem;height:2.7rem;box-shadow:var(--tactil-activo-sombra);border-radius:16px;flex:none;place-items:center;font-size:1.3rem;display:grid}.herr__cuerpo{gap:1rem;display:grid}.herr__fila{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:start;gap:1rem;display:grid}.herr__campo{gap:.35rem;display:grid}.herr__campo>span:first-child,.herr__casillas legend{font-family:var(--fuente-titulo);color:var(--h-suave);font-size:.9rem;font-weight:600}.herr__entrada{display:flex}.herr__entrada input,.herr__entrada select{border:1px solid var(--borde);width:100%;min-height:3rem;color:var(--h-texto);font-family:var(--fuente-titulo);font-variant-numeric:tabular-nums;background:#fff;border-radius:14px;padding:.65rem 1rem;font-size:1.1rem;font-weight:600;box-shadow:inset 0 1px 3px #0f1a3314}.herr--oscura .herr__entrada select option{color:var(--tinta)}.herr__entrada input:focus,.herr__entrada select:focus{border-color:var(--azul-400);outline:none;box-shadow:0 0 0 4px #4169e126}.herr__rango{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.6rem}.herr__rango::-webkit-slider-runnable-track{background:linear-gradient(90deg,#22d3ee,#3b6ef0);border-radius:999px;height:6px;box-shadow:0 0 10px #3b6ef073}.herr__rango::-moz-range-track{background:linear-gradient(90deg,#22d3ee,#3b6ef0);border-radius:999px;height:6px}.herr__rango::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tactil);width:1.45rem;height:1.45rem;box-shadow:var(--tactil-sombra);border:1px solid #fff;border-radius:50%;margin-top:-.43rem}.herr__rango::-moz-range-thumb{width:1.4rem;height:1.4rem;box-shadow:var(--tactil-sombra);background:#fff;border:1px solid #fff;border-radius:50%}.herr__casillas{border:0;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.45rem;margin:0;padding:0;display:grid}.herr__casillas legend{margin-bottom:.5rem;padding:0}.herr__casillas label{border:1px solid var(--vidrio-borde);background:var(--tactil);box-shadow:var(--tactil-sombra);cursor:pointer;border-radius:18px;align-items:center;gap:.7rem;padding:.65rem .85rem;font-size:.95rem;transition:box-shadow .2s;display:flex}.herr__casillas label.activa{box-shadow:var(--tactil-sombra), 0 0 0 2px #3b6ef059}.herr__casillas input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#d6dce8;border-radius:999px;flex:none;width:2.6rem;height:1.55rem;margin:0;transition:background .25s;position:relative;box-shadow:inset 0 1px 3px #0f1a332e}.herr__casillas input:after{content:"";background:#fff;border-radius:50%;width:1.27rem;height:1.27rem;transition:transform .25s cubic-bezier(.2,.7,.2,1.3);position:absolute;top:.14rem;left:.14rem;box-shadow:0 2px 5px #0f1a334d}.herr__casillas input:checked{background:var(--tactil-activo);box-shadow:inset 0 1px 2px #0f1a3333,0 0 12px -2px #3b6ef099}.herr__casillas input:checked:after{transform:translate(1.05rem)}.herr__escala{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.herr__escala span{text-align:center;font-family:var(--fuente-titulo);color:var(--h-suave);background:var(--h-campo);border:1px solid var(--h-borde);border-radius:999px;padding:.5rem;font-weight:700;transition:background .3s,color .3s,transform .3s cubic-bezier(.2,.7,.2,1.5)}.herr__escala span.pasada{color:var(--h-texto);border-color:var(--h-acento)}.herr__escala span.activa{color:#fff;background:var(--tactil-activo);box-shadow:var(--tactil-activo-sombra);border-color:#0000;transform:translateY(-3px)}.herr__chips{flex-wrap:wrap;gap:.4rem;display:flex}.herr__chips button{color:var(--tinta);background:var(--tactil);border:1px solid var(--vidrio-borde);box-shadow:var(--tactil-sombra);cursor:pointer;border-radius:999px;padding:.45rem .85rem;font-size:.88rem}.herr__chips button:hover{border-color:var(--h-acento)}.herr__chips--grandes button{text-align:left;border-radius:16px;padding:.55rem .95rem;font-size:.93rem}.herr__chips button.activa{color:#fff;background:var(--tactil-activo);box-shadow:var(--tactil-activo-sombra);border-color:#0000;font-weight:600}.herr__resultado{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.herr__resultado>div,.herr__veredicto{border:1px solid var(--vidrio-borde);box-shadow:var(--tactil-sombra);background:#fff;border-radius:20px;gap:.25rem;padding:1rem 1.15rem;display:grid}.herr__veredicto{background:linear-gradient(120deg, #fff, var(--azul-050));animation:.35s herr-entrar}.herr__veredicto p{margin:0}.herr__tambien span{color:var(--h-suave);font-weight:650}.herr__etiqueta{font-family:var(--fuente-titulo);letter-spacing:.04em;text-transform:uppercase;color:var(--h-suave);font-size:.74rem;font-weight:700}.herr__grande{font-family:var(--fuente-titulo);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--h-acento);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.1}.herr__grande--lima{color:var(--h-lima)}.herr__chico{color:var(--h-texto);font-size:.92rem}.herr__medidor{background:var(--h-campo);border:1px solid var(--h-borde);border-radius:999px;height:10px;overflow:hidden}.herr__medidor span{border-radius:inherit;background:linear-gradient(90deg, var(--rojo-500), #f5a524 40%, var(--cian-600) 80%);height:100%;transition:width .4s;display:block}.herr__nota,.herr__pie{color:var(--h-suave);margin:0;font-size:.9rem;line-height:1.55}.herr__pie{border-top:1px dashed var(--h-borde);margin-top:1.2rem;padding-top:.9rem}.herr--oscura a{color:var(--violeta-300)}@media (width<=36rem){.herr__resultado{grid-template-columns:1fr}}
