/* Piezas de A7: licencias (tipos y alcance), descargas, «Mi cuenta» y «Abrir en la app». Usa los tokens de la app. */
.tabs{display:flex;gap:3px;padding:3px;border-radius:var(--r13);background:var(--surface-3);width:fit-content;max-width:100%;flex-wrap:wrap}
.tabs button{min-height:40px;padding:0 21px;border:0;border-radius:10px;background:none;font:600 16px var(--ff-body);color:var(--text-2);cursor:pointer}
.tabs button:hover{color:var(--text)}
.tabs button[aria-selected=true],.tabs button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(30,20,17,.16)}
.tabs button:focus-visible,.copiar:focus-visible{outline:3px solid var(--focus,#E84C18);outline-offset:2px}

.caja{background:var(--surface);border:1px solid var(--line);border-radius:var(--r21,21px);padding:34px;display:flex;flex-direction:column;gap:21px}
@media (max-width:640px){.caja{padding:21px}}
.caja h2,.caja h3{margin:0}
.fila2{display:grid;grid-template-columns:1fr 1fr;gap:21px}
@media (max-width:640px){.fila2{grid-template-columns:1fr}}
.aviso{display:flex;gap:13px;align-items:flex-start;padding:13px 21px;border-radius:var(--r13);background:var(--surface-3);color:var(--text)}
.aviso.mal{background:var(--error-bg,#FBE4E0);color:var(--error-text,#8E2A17)}
.aviso.bien{background:var(--ok-bg,#E3F1E5);color:var(--ok-text,#1F5A2B)}
.aviso .ico{flex:none;margin-top:2px}
.vacio-txt{color:var(--text-2);margin:0}

/* tipos de licencia */
.plan .quien{display:flex;flex-direction:column;gap:3px;margin:0}
.datos-plan{display:grid;grid-template-columns:auto 1fr;gap:5px 13px;margin:0}
.datos-plan dt{font:600 13px var(--ff-body);color:var(--text-2)}
.datos-plan dd{margin:0}

/* alcance: completa o parcial */
.alcance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:34px;align-items:center}
@media (max-width:900px){.alcance{grid-template-columns:1fr}}
.temas-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:13px;margin:0;padding:0;list-style:none}
.temas-demo li{display:flex;align-items:center;gap:13px;padding:13px 21px;border-radius:var(--r13);border:1.5px solid var(--line-strong);background:var(--surface);min-height:64px}
.temas-demo li.cerrado{background:var(--surface-3);color:var(--text-2);border-style:dashed}
.temas-demo .ico{flex:none}

/* descargas */
.os-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:21px}
.os{display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.os.tuyo{border-color:var(--primary,#E84C18);box-shadow:0 0 0 2px var(--primary,#E84C18) inset}
.os .btn[aria-disabled=true]{opacity:.55;pointer-events:none}
.pasos-num{counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:34px;list-style:none;margin:0;padding:0}
.pasos-num li{counter-increment:p;display:flex;gap:13px}
.pasos-num li::before{content:counter(p);flex:none;width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;font:700 16px var(--ff-title,var(--ff-body))}
.codigo-caja{display:flex;flex-direction:column;gap:8px}
.codigo-caja code{display:block;padding:13px 21px;border-radius:var(--r13);background:var(--surface-3);font:500 14px/1.5 var(--ff-mono,monospace);word-break:break-all;max-height:9.5em;overflow:auto;user-select:all}
.acciones{display:flex;gap:13px;flex-wrap:wrap;align-items:center}

/* mi cuenta */
.lic-fila,.eq-fila{display:flex;gap:21px;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line)}
.lic-fila:first-child,.eq-fila:first-child{border-top:0;padding-top:0}
.lic-fila .badge.prueba{background:var(--accent-bg,#FFE9DF);color:var(--accent-text,#8C2F0A)}
.lic-fila .badge.vencida,.lic-fila .badge.revocada{background:var(--error-bg,#FBE4E0);color:var(--error-text,#8E2A17)}
.cuenta-cab{display:flex;gap:21px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.abrir-sel{display:flex;gap:13px;flex-wrap:wrap;align-items:flex-end}
.abrir-sel .field{flex:1 1 260px}
select.input{appearance:auto}
.btn-abrir{display:inline-flex;align-items:center;gap:8px}
.ex-wrap{position:relative;display:flex}.ex-wrap>.ex{flex:1;min-width:0}
.abrir-mini{position:absolute;right:13px;top:13px;z-index:2;min-height:34px;padding:0 13px;font-size:13px;background:rgba(255,253,251,.92);color:#1E1411}

.form-col{display:flex;flex-direction:column;gap:21px}
.form-col[hidden]{display:none}
/* display:flex pisa al atributo hidden: se devuelve su efecto */
.aviso[hidden],.caja[hidden],.os[hidden],.acciones[hidden],.field[hidden],form[hidden],section[hidden],div[hidden]{display:none}
/* las tarjetas de tipo de licencia: la regla .plan de web.css (otra pieza) las centraba */
.cardw.plan{align-items:stretch;text-align:left;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r21,21px);margin-top:0}
.cardw.plan.dest{border-color:var(--primary)}
.cardw.plan .precio{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.cardw.plan .btn{align-self:stretch;text-align:center;justify-content:center}
/* sin precio aún: «Consulta con Galileo» más discreto que una cifra, y las tres tarjetas quedan a la misma altura */
.plan .precio .consulta{font-size:.5em;font-weight:700;display:inline-block;padding:.45em 0}