/* El termómetro del círculo. En archivo aparte: la política de seguridad del
   sitio no permite estilos dentro de la página, ni siquiera el ancho de una barra,
   así que cada ancho posible es una clase (tm-w20 … tm-w100, abajo). */

.tm-crear{max-width:900px;margin-top:14px}
.tm-crear label{display:block;margin-bottom:7px;font-size:12px;font-weight:600}
.tm-crear input[type=text]{width:100%;max-width:520px;padding:12px 14px;border:1px solid var(--gray);background:var(--white);font:inherit;font-size:15px}
.tm-listo{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start;margin-top:26px;max-width:960px}
.tm-qr{background:var(--white);border:1px solid var(--line);border-top:6px solid var(--lime);padding:18px;text-align:center}
.tm-qr svg{width:100%;height:auto;display:block}
.tm-qr-titulo{font-family:"DM Serif Display",Georgia,serif;font-size:21px;margin:0 0 8px;color:var(--ink)}
.tm-qr-pie{font-size:13px;color:var(--gray);margin:8px 0 0}
.tm-enlaces h3{font-size:22px;margin:4px 0 6px}
.tm-enlaces h3:not(:first-child){margin-top:26px}
.tm-url{font-family:Consolas,Menlo,monospace;font-size:13.5px;background:var(--paper);padding:10px 12px;word-break:break-all;border-left:4px solid var(--purple);margin:8px 0}
.ac-acciones-fila{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}

/* el formulario, pensado para el teléfono */
.tm-cabeza{max-width:620px;margin:0 auto;padding:30px 20px 6px}
.tm-cabeza h1{font-size:clamp(38px,9vw,56px);letter-spacing:-1px}
.tm-cabeza p{margin:6px 0 0;color:var(--gray)}
.tm-form{max-width:620px;margin:0 auto;padding:6px 20px 70px}
.tm-form fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:18px 0 14px}
.tm-form legend{font-weight:700;font-size:17px;line-height:1.35;padding:0;margin-bottom:12px}
.tm-opciones{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.tm-opciones.tm-dos{grid-template-columns:1fr 1fr}
.tm-opciones label{position:relative;display:block}
.tm-opciones input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tm-opciones span{display:block;text-align:center;padding:14px 0;border:1.5px solid var(--gray);font-weight:700;font-size:18px;background:var(--white)}
.tm-opciones input:checked + span{background:var(--ink);border-color:var(--ink);color:var(--white)}
.tm-opciones input:focus-visible + span{outline:3px solid var(--lime);outline-offset:2px}
.tm-extremos{display:flex;justify-content:space-between;font-size:12.5px;color:var(--gray);margin-top:6px}
.tm-abierta{display:block;font-weight:700;font-size:17px;margin:20px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
.tm-form textarea{width:100%;padding:12px 14px;border:1.5px solid var(--gray);font:inherit;font-size:16px;resize:vertical}
.tm-enviar{width:100%;margin-top:12px;justify-content:center}
.tm-aviso-grande{font-family:"DM Serif Display",Georgia,serif;font-size:30px;line-height:1.15;margin:20px 0 10px}

/* los resultados */
.tm-resultados{max-width:820px;margin:0 auto;padding:6px 20px 70px}
.tm-sesion{border-top:2px solid var(--ink);padding:20px 0 26px}
.tm-sesion h3{font-size:26px;margin-bottom:14px}
.tm-oculta{border-top-color:var(--line);color:var(--gray)}
.tm-barra{display:grid;grid-template-columns:200px 1fr 70px;gap:14px;align-items:center;margin:9px 0;font-size:14.5px}
.tm-b-pista{height:12px;background:var(--line);display:block}
.tm-b-pista i{display:block;height:100%;background:var(--ink)}
.tm-b-valor{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.tm-sinos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.tm-sinos p{background:var(--paper);border-left:4px solid var(--lime);padding:10px 14px;margin:0;font-size:14.5px}
.tm-sinos strong{font-size:20px;margin-right:4px}
.tm-sesion h4{font-family:Montserrat,Arial,sans-serif;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--gray);margin:20px 0 8px}
.tm-textos{margin:0;padding-left:20px}
.tm-textos li{margin:0 0 6px}

@media(max-width:760px){
  .tm-listo{grid-template-columns:1fr}
  .tm-qr{max-width:320px}
  .tm-barra{grid-template-columns:1fr 60px;row-gap:4px}
  .tm-b-nombre{grid-column:1 / -1}
  .tm-sinos{grid-template-columns:1fr}
}

/* imprimir solo el QR, para pegarlo en la última página del cuadernillo */
@media print{
  body.tm-imprimiendo-qr *{visibility:hidden}
  body.tm-imprimiendo-qr .tm-qr,body.tm-imprimiendo-qr .tm-qr *{visibility:visible}
  body.tm-imprimiendo-qr .tm-qr{position:absolute;left:0;top:0;width:45mm;padding:3mm;border:1px solid #000}
  body.tm-imprimiendo-qr .tm-qr-titulo{display:none}
  body.tm-imprimiendo-qr .tm-qr-pie{font-size:8pt;margin:2mm 0 0}
  @supports selector(:has(a)){
    body.tm-imprimiendo-qr *:not(:has(.tm-qr)):not(.tm-qr):not(.tm-qr *){display:none !important}
    body.tm-imprimiendo-qr .tm-qr{position:static}
  }
}
.tm-w0{width:0%}
.tm-w1{width:1%}
.tm-w2{width:2%}
.tm-w3{width:3%}
.tm-w4{width:4%}
.tm-w5{width:5%}
.tm-w6{width:6%}
.tm-w7{width:7%}
.tm-w8{width:8%}
.tm-w9{width:9%}
.tm-w10{width:10%}
.tm-w11{width:11%}
.tm-w12{width:12%}
.tm-w13{width:13%}
.tm-w14{width:14%}
.tm-w15{width:15%}
.tm-w16{width:16%}
.tm-w17{width:17%}
.tm-w18{width:18%}
.tm-w19{width:19%}
.tm-w20{width:20%}
.tm-w21{width:21%}
.tm-w22{width:22%}
.tm-w23{width:23%}
.tm-w24{width:24%}
.tm-w25{width:25%}
.tm-w26{width:26%}
.tm-w27{width:27%}
.tm-w28{width:28%}
.tm-w29{width:29%}
.tm-w30{width:30%}
.tm-w31{width:31%}
.tm-w32{width:32%}
.tm-w33{width:33%}
.tm-w34{width:34%}
.tm-w35{width:35%}
.tm-w36{width:36%}
.tm-w37{width:37%}
.tm-w38{width:38%}
.tm-w39{width:39%}
.tm-w40{width:40%}
.tm-w41{width:41%}
.tm-w42{width:42%}
.tm-w43{width:43%}
.tm-w44{width:44%}
.tm-w45{width:45%}
.tm-w46{width:46%}
.tm-w47{width:47%}
.tm-w48{width:48%}
.tm-w49{width:49%}
.tm-w50{width:50%}
.tm-w51{width:51%}
.tm-w52{width:52%}
.tm-w53{width:53%}
.tm-w54{width:54%}
.tm-w55{width:55%}
.tm-w56{width:56%}
.tm-w57{width:57%}
.tm-w58{width:58%}
.tm-w59{width:59%}
.tm-w60{width:60%}
.tm-w61{width:61%}
.tm-w62{width:62%}
.tm-w63{width:63%}
.tm-w64{width:64%}
.tm-w65{width:65%}
.tm-w66{width:66%}
.tm-w67{width:67%}
.tm-w68{width:68%}
.tm-w69{width:69%}
.tm-w70{width:70%}
.tm-w71{width:71%}
.tm-w72{width:72%}
.tm-w73{width:73%}
.tm-w74{width:74%}
.tm-w75{width:75%}
.tm-w76{width:76%}
.tm-w77{width:77%}
.tm-w78{width:78%}
.tm-w79{width:79%}
.tm-w80{width:80%}
.tm-w81{width:81%}
.tm-w82{width:82%}
.tm-w83{width:83%}
.tm-w84{width:84%}
.tm-w85{width:85%}
.tm-w86{width:86%}
.tm-w87{width:87%}
.tm-w88{width:88%}
.tm-w89{width:89%}
.tm-w90{width:90%}
.tm-w91{width:91%}
.tm-w92{width:92%}
.tm-w93{width:93%}
.tm-w94{width:94%}
.tm-w95{width:95%}
.tm-w96{width:96%}
.tm-w97{width:97%}
.tm-w98{width:98%}
.tm-w99{width:99%}
.tm-w100{width:100%}