/* =====================================================================
   Laboratorio Güemes · Diseño v2 — Área Pacientes / Área Médicos
   Port 1:1 de pacientes.html y medicos.html (se carga solo en esas páginas)
   ===================================================================== */
.lg2-horcard{background:rgba(30,63,168,.45);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:22px;backdrop-filter:blur(2px)}
.lg2-horcard .lg2-pill-h{display:inline-block;background:rgba(140,161,230,.55);color:#fff;font-weight:700;font-size:13.5px;padding:7px 16px;border-radius:8px;margin-bottom:18px}
.lg2-horcard .lg2-bloque{border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.lg2-horcard .lg2-bloque:last-child{margin-bottom:0}
.lg2-horcard .lg2-bloque h4{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:#C9D0F0;margin-bottom:12px}
.lg2-horcard .lg2-fila{display:flex;justify-content:space-between;gap:16px;font-size:15.5px;color:#fff;padding:5px 0}
.lg2-horcard .lg2-fila b{font-weight:700}
.lg2-horcard .lg2-fila span{color:#fff}
.lg2-portal-med{background:#0F2470;border-radius:18px;padding:40px 36px;color:#fff;margin-bottom:48px;position:relative;overflow:hidden}
.lg2-portal-med::before{display:none}
.lg2-portal-med>*{position:relative;z-index:2}
.lg2-portal-head{max-width:640px;margin-bottom:28px}
.lg2-portal-head h3{font-size:clamp(22px,2.6vw,28px);font-weight:700;line-height:1.2}
.lg2-portal-head p{color:#D3DCF7;font-size:15.5px;margin-top:10px}
.lg2-portal-avisoprevio{background:rgba(140,161,230,.28);border:1px solid rgba(191,204,244,.4);border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.55;margin-bottom:28px}
.lg2-portal-avisoprevio b{color:#fff}
.lg2-portal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.lg2-portal-steps--4{grid-template-columns:repeat(4,1fr)}
.lg2-portal-step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:20px}
.lg2-portal-step .lg2-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--celeste);color:#0F2470;font-weight:700;font-size:15px;margin-bottom:14px}
.lg2-portal-step p{font-size:14.5px;line-height:1.5;color:#fff}
.lg2-portal-step code{background:rgba(255,255,255,.15);padding:1px 6px;border-radius:5px;font-size:13.5px}
.lg2-portal-nota{background:rgba(140,161,230,.28);border:1px solid rgba(191,204,244,.4);border-radius:12px;padding:14px 18px;font-size:13.5px;line-height:1.55;color:#D3DCF7}
.lg2-portal-nota b{color:#fff}
/* Médicos · contacto de asesoras para pedir credenciales */
.lg2-asesoras{margin-top:22px}
.lg2-asesoras-tt{font-weight:600;font-size:15px;color:#D3DCF7;margin-bottom:12px}
.lg2-asesoras-list{display:flex;flex-wrap:wrap;gap:12px}
.lg2-asesora{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.28);border-radius:14px;padding:12px 18px;color:#fff;transition:background .2s,border-color .2s}
.lg2-asesora:hover,.lg2-asesora:focus{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.lg2-asesora svg{flex:0 0 auto;width:26px;height:26px}
.lg2-asesora span{display:flex;flex-direction:column;line-height:1.3}
.lg2-asesora b{font-size:15px;font-weight:700}
.lg2-asesora small{font-size:13px;color:#C9D3F5;font-variant-numeric:tabular-nums}
@media (max-width:600px){.lg2-asesoras-list{flex-direction:column}.lg2-asesora{width:100%}}
@media (max-width:900px){
  .lg2-portal-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .lg2-portal-med{padding:28px 22px}
  .lg2-portal-steps{grid-template-columns:1fr}
}
.lg2-perf-tools{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.lg2-perf-search{position:relative;max-width:520px}
.lg2-perf-search input{width:100%;padding:14px 20px 14px 46px;border-radius:999px;border:1.5px solid var(--linea);font-family:var(--tipo);font-size:15.5px;color:var(--texto);background:#fff}
.lg2-perf-search input:focus{outline:none;border-color:var(--azul-700);box-shadow:0 0 0 3px rgba(30,63,168,.12)}
.lg2-perf-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gris);pointer-events:none}
/* Autocomplete del buscador del directorio */
.lg2-perf-ac{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#fff;border:1.5px solid var(--linea);border-radius:16px;box-shadow:0 18px 40px rgba(15,36,112,.18);max-height:320px;overflow-y:auto}
.lg2-perf-ac[hidden]{display:none}
.lg2-perf-ac-it{padding:10px 14px;border-radius:10px;font-size:15px;color:var(--texto);cursor:pointer;line-height:1.35}
.lg2-perf-ac-it:hover,.lg2-perf-ac-it.lg2-on{background:var(--celeste-50)}
.lg2-perf-ac-it mark.lg2-perf-hl{background:transparent;color:var(--azul-700);font-weight:700;padding:0}
.lg2-perf-chips{display:flex;gap:8px;flex-wrap:wrap}
.lg2-perf-chip{border:1.5px solid var(--linea);background:#fff;color:var(--azul-900);font-size:13.5px;font-weight:600;padding:7px 15px;border-radius:999px;cursor:pointer;transition:all .15s}
.lg2-perf-chip:hover{border-color:var(--azul-700)}
.lg2-perf-chip.lg2-on{background:var(--azul-800);border-color:var(--azul-800);color:#fff}
.lg2-perf-count{color:var(--gris);font-size:14px;margin-top:4px}
.lg2-perf-list{display:flex;flex-direction:column;gap:10px}
.lg2-perf-item{background:#fff;border:1px solid var(--linea);border-radius:12px;overflow:hidden}
.lg2-perf-item summary{list-style:none;cursor:pointer;padding:17px 20px;display:flex;align-items:center;gap:14px;font-weight:600;color:var(--azul-900);font-size:16px}
.lg2-perf-item summary::-webkit-details-marker{display:none}
.lg2-perf-item summary .lg2-tag{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--azul-700);background:var(--celeste-50);border:1px solid var(--linea);padding:3px 10px;border-radius:6px;text-transform:uppercase}
.lg2-perf-item summary .lg2-nm{flex:1}
.lg2-perf-item summary .lg2-ct{flex:0 0 auto;font-size:12.5px;color:var(--gris);font-weight:500}
.lg2-perf-item summary .lg2-car{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--celeste-50);color:var(--azul-800);display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s}
.lg2-perf-item[open] summary .lg2-car{transform:rotate(90deg)}
.lg2-perf-item[open] summary{border-bottom:1px solid var(--linea)}
.lg2-perf-body{padding:18px 22px 22px}
.lg2-perf-nota{background:var(--celeste-50);border-left:3px solid var(--azul-700);border-radius:0 8px 8px 0;padding:12px 16px;font-size:14px;color:var(--gris);margin-bottom:18px;line-height:1.55}
.lg2-perf-bloque{margin-bottom:18px}
.lg2-perf-bloque:last-child{margin-bottom:0}
.lg2-perf-bloque h4{font-size:13px;font-weight:700;color:var(--azul-700);letter-spacing:.02em;margin-bottom:10px;text-transform:uppercase}
.lg2-perf-ul{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 22px;list-style:none}
.lg2-perf-ul li{font-size:14.5px;color:var(--texto);padding-left:16px;position:relative;line-height:1.4}
.lg2-perf-ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--celeste)}
.lg2-perf-chips-mini{display:flex;flex-wrap:wrap;gap:6px}
.lg2-perf-chips-mini span{font-size:13px;color:var(--azul-900);background:var(--celeste-50);border:1px solid var(--linea);padding:5px 12px;border-radius:999px;line-height:1.3}
mark.lg2-perf-hl{background:var(--celeste);color:var(--azul-950);border-radius:3px;padding:0 2px}
.lg2-perf-empty{text-align:center;color:var(--gris);padding:40px 0;font-size:15.5px}
@media (max-width:640px){
  .lg2-perf-ul{grid-template-columns:1fr}
  .lg2-perf-item summary{padding:15px 16px;gap:10px}
  .lg2-perf-item summary .lg2-ct{display:none}
  .lg2-perf-body{padding:14px 16px 18px}
}
@media (max-width:760px){
  .lg2-horcard{padding:18px}
}
.lg2-esp-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.lg2-esp-chip{border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-weight:600;padding:9px 18px;border-radius:999px;cursor:pointer}
.lg2-esp-chip.lg2-on{background:#fff;color:var(--azul-900);border-color:#fff}
.lg2-esp-chip.lg2-disabled{opacity:.4;cursor:default;text-decoration:line-through}
.lg2-modelo-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.lg2-modelo-tab{border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:14.5px;font-weight:600;padding:10px 20px;border-radius:10px;cursor:pointer}
.lg2-modelo-tab.lg2-on{background:#fff;color:var(--azul-900);border-color:#fff}
.lg2-orden-sheet{background:#fff;border-radius:16px;padding:32px;color:var(--texto)}
.lg2-orden-sheet+.lg2-orden-sheet{margin-top:0}
.lg2-orden-head{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--linea)}
.lg2-orden-field{display:flex;align-items:baseline;gap:8px;font-size:14.5px}
.lg2-orden-field label{font-weight:600;color:var(--azul-900);white-space:nowrap}
.lg2-orden-field input{flex:1;border:0;border-bottom:1px dotted var(--linea);padding:3px 2px;font-family:var(--tipo);font-size:14.5px;color:var(--texto);background:transparent;min-width:0}
.lg2-orden-field input:focus{outline:none;border-bottom:1px solid var(--azul-700)}
.lg2-orden-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 26px}
.lg2-orden-grid.lg2-cols4{grid-template-columns:repeat(4,1fr)}
.lg2-orden-item{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.4;padding:5px 0}
.lg2-orden-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--azul-800);cursor:pointer}
.lg2-orden-item span{cursor:pointer}
.lg2-orden-item.lg2-checked span{font-weight:600;color:var(--azul-900)}
.lg2-orden-foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:26px;padding-top:20px;border-top:2px solid var(--linea);align-items:end}
.lg2-orden-foot .lg2-orden-field label{white-space:normal}
.lg2-orden-total{display:flex;justify-content:flex-end;margin-top:14px}
.lg2-orden-total b{background:var(--celeste-50);border:1px solid var(--linea);color:var(--azul-800);padding:8px 18px;border-radius:999px;font-size:14.5px}
.lg2-orden-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
@media (max-width:900px){
  .lg2-orden-grid{grid-template-columns:repeat(2,1fr)}
  .lg2-orden-grid.lg2-cols4{grid-template-columns:repeat(2,1fr)}
  .lg2-orden-head{grid-template-columns:1fr}
  .lg2-orden-foot{grid-template-columns:1fr}
}
@media (max-width:600px){
  .lg2-orden-sheet{padding:20px}
  .lg2-orden-grid,.lg2-orden-grid.lg2-cols4{grid-template-columns:1fr}
}
@media print{
  body.lg2-hub-medicos .lg2-topbar,body.lg2-hub-medicos .lg2-nav,body.lg2-hub-medicos .lg2-drawer,body.lg2-hub-medicos .lg2-foot,body.lg2-hub-medicos .lg2-float,body.lg2-hub-medicos .lg2-med-hero,body.lg2-hub-medicos .lg2-esp-chips,body.lg2-hub-medicos .lg2-modelo-tabs,body.lg2-hub-medicos .lg2-orden-actions,body.lg2-hub-medicos #portal,body.lg2-hub-medicos #directorio,body.lg2-hub-medicos #wpadminbar,body.lg2-hub-medicos .lg2-skip{display:none !important}
  body.lg2-hub-medicos{background:#fff}
  body.lg2-hub-medicos .lg2-sec{padding:0}
  body.lg2-hub-medicos .lg2-orden-sheet{border:none;padding:0}
  body.lg2-hub-medicos .lg2-orden-item input[type=checkbox]{-webkit-print-color-adjust:exact}
  html{margin-top:0!important}
}
.lg2-med-hero{background:#152D7A;color:#fff;position:relative;overflow:hidden;padding:64px 0 72px}
.lg2-med-hero::before{display:none}
.lg2-med-hero .lg2-shell{position:relative;z-index:2}
.lg2-med-hero .lg2-etiqueta{margin-bottom:18px}
.lg2-med-hero h1{font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1.15;max-width:760px}
.lg2-med-hero p.lg2-bajada{color:#D3DCF7;font-size:17px;max-width:620px;margin-top:16px}
.lg2-med-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;align-items:start}
.lg2-med-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:16px;transition:background .2s,transform .2s;padding:28px;display:flex;flex-direction:column;gap:14px;color:#fff}
.lg2-med-card:hover{background:rgba(255,255,255,.14);transform:translateY(-3px)}
.lg2-med-card .lg2-ic{width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lg2-med-card h3{font-size:19px;font-weight:700;line-height:1.3}
.lg2-med-card p{font-size:14.5px;color:#D3DCF7;line-height:1.5;margin:0}
.lg2-med-card .lg2-lnk{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14.5px;color:#fff;margin-top:auto}
@media (max-width:900px){
  .lg2-med-grid{grid-template-columns:1fr}
}
.lg2-res-top{margin-bottom:28px}
.lg2-res-top h2{font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}
.lg2-res-top .lg2-caja-url{display:inline-flex;align-items:center;gap:9px;margin-top:14px;font-size:15.5px;color:#fff}
.lg2-res-top .lg2-caja-url a{color:#C3C8F6;text-decoration:underline;word-break:break-all}
.lg2-res-qr{background:#fff;border-radius:14px;padding:16px;display:flex;gap:14px;align-items:center;flex:0 0 auto}
.lg2-res-qr img{width:96px;height:96px;flex:0 0 auto}
.lg2-res-qr .lg2-res-qr-txt{color:var(--azul-900);font-size:13.5px;line-height:1.35}
.lg2-res-qr .lg2-res-qr-txt b{display:block;font-size:15px;font-weight:700}
.lg2-res-shield{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:14px 18px;margin-bottom:28px;font-size:14.5px}
.lg2-res-shield svg{flex:0 0 auto;color:var(--celeste)}
.lg2-res-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lg2-res-col{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:22px}
.lg2-res-col-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.lg2-res-col-num{width:32px;height:32px;border-radius:8px;background:var(--celeste);color:#0F2470;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lg2-res-col-head h4{font-size:16.5px;font-weight:700;line-height:1.3}
.lg2-res-col-head h4 span{display:block;font-size:13.5px;font-style:italic;color:#C3C8F6;margin-top:4px;font-weight:400}
.lg2-res-col ul{margin:0 0 14px;padding-left:18px;font-size:14.5px;line-height:1.55}
.lg2-res-col ul li{margin-bottom:4px}
.lg2-res-ejemplo{border-radius:10px;overflow:hidden;margin-bottom:10px;background:#fff;color:var(--azul-900)}
.lg2-res-ejemplo .lg2-tag{display:block;width:100%;font-size:12px;font-weight:700;padding:7px 12px;color:#fff;white-space:nowrap}
.lg2-res-ejemplo.lg2-ok .lg2-tag{background:#1B9E5A}
.lg2-res-ejemplo.lg2-bad .lg2-tag{background:#D64545}
.lg2-res-ejemplo .lg2-val{padding:10px 12px;font-size:14px;line-height:1.6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.lg2-res-steps3{display:flex;flex-direction:column;gap:14px}
.lg2-res-steps3 li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5;list-style:none}
.lg2-res-steps3 .lg2-n{width:24px;height:24px;border-radius:50%;background:var(--celeste);color:#0F2470;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lg2-res-bottom{margin-top:26px;display:inline-flex;text-align:left;white-space:normal}
@media (max-width:760px){
  .lg2-res-top{grid-template-columns:1fr}
  .lg2-res-qr{align-self:flex-start}
  .lg2-res-cols{grid-template-columns:1fr}
}
.lg2-pac-hero{background:#152D7A;color:#fff;position:relative;overflow:hidden;padding:64px 0 72px}
.lg2-pac-hero .lg2-shell{position:relative;z-index:2}
.lg2-pac-hero .lg2-etiqueta{margin-bottom:18px}
.lg2-pac-hero h1{font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1.15;max-width:760px}
.lg2-pac-hero p.lg2-bajada{color:#D3DCF7;font-size:17px;max-width:620px;margin-top:16px}
.lg2-pac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;align-items:start}
@media (max-width:900px){
  .lg2-pac-grid{grid-template-columns:1fr}
}


/* ── v2.1 · Recuadro compacto con las opciones (pacientes / médicos) ── */
.lg2-med-hero,.lg2-pac-hero{padding:52px 0 56px}
.lg2-hubnav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;padding:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:20px}
.lg2-hubnav--4{grid-template-columns:repeat(2,1fr);max-width:900px}
.lg2-hubnav-it{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(255,255,255,.4);color:#fff;transition:background .2s,border-color .2s}
.lg2-hubnav-it:hover,.lg2-hubnav-it:focus{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.lg2-hubnav-it--main{background:#fff;border-color:#fff;color:var(--azul-900)}
.lg2-hubnav-it--main:hover,.lg2-hubnav-it--main:focus{background:var(--celeste-50);border-color:var(--celeste-50);color:var(--azul-900)}
.lg2-hubnav-ic{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.lg2-hubnav-it--main .lg2-hubnav-ic{background:var(--celeste-50);color:var(--azul-800)}
.lg2-hubnav-ic svg{width:22px;height:22px}
.lg2-hubnav-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lg2-hubnav-tx b{font-size:15px;font-weight:700;line-height:1.3}
.lg2-hubnav-tx small{font-size:13px;line-height:1.35;color:#C9D3F5}
.lg2-hubnav-it--main .lg2-hubnav-tx small{color:var(--gris)}
@media (max-width:760px){
  .lg2-med-hero,.lg2-pac-hero{padding:40px 0 44px}
  .lg2-hubnav,.lg2-hubnav--4{grid-template-columns:1fr;gap:8px;padding:8px;margin-top:22px;border-radius:18px}
  .lg2-hubnav-it{padding:11px 12px}
}

/* ── v2.1 · Resultados online compacto (pasos en desplegables) ── */
.lg2-sec-compacta{padding:56px 0}
.lg2-portal-med.lg2-res{margin-bottom:0;padding:32px}
.lg2-res .lg2-res-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px 32px;margin-bottom:18px}
.lg2-res .lg2-res-top .lg2-etiqueta{margin-bottom:12px}
.lg2-res .lg2-res-top p{color:#D3DCF7;margin-top:8px}
.lg2-res .lg2-res-shield{margin-bottom:14px;padding:11px 16px;font-size:14px}
.lg2-res-acc{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.lg2-res-det{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px}
.lg2-res-det summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 16px;font-weight:600;font-size:15.5px;line-height:1.3}
.lg2-res-det summary::-webkit-details-marker{display:none}
.lg2-res-det-tt{flex:1}
.lg2-res-det .lg2-car{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:15px;transition:transform .2s}
.lg2-res-det[open] .lg2-car{transform:rotate(90deg)}
.lg2-res-det-body{padding:2px 16px 16px}
.lg2-res-det-body ul{margin:0 0 12px;padding-left:18px;font-size:14.5px;line-height:1.55}
.lg2-res-det-body ul li{margin-bottom:4px}
.lg2-res-ej{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lg2-res-ej .lg2-res-ejemplo{margin-bottom:0}
.lg2-res-help{margin-top:16px;font-size:14px;color:#D3DCF7}
.lg2-res-help a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){
  .lg2-sec-compacta{padding:40px 0}
  .lg2-portal-med.lg2-res{padding:24px 18px}
  .lg2-res-acc{grid-template-columns:1fr}
  .lg2-res .lg2-res-top .lg2-btn{width:100%;justify-content:center}
}
@media (max-width:400px){.lg2-res-ej{grid-template-columns:1fr}}

/* ── v2.1 · Cómo prepararte: checklist ── */
/* Cómo prepararte: tarjetas Documentación / Medicación / Condiciones preanalíticas */
.lg2-prepcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.lg2-prepcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:22px}
.lg2-prepcard-tt{display:flex;align-items:center;gap:11px;font-weight:700;font-size:17px;color:#fff;margin-bottom:14px}
.lg2-prepcard-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.lg2-prepcard-ic svg{width:22px;height:22px}
.lg2-prepcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.lg2-prepcard li{position:relative;padding-left:18px;font-size:15px;line-height:1.5;color:#D3DCF7}
.lg2-prepcard li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--celeste)}
.lg2-prepcard li b{color:#fff}
.lg2-prepcard a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.lg2-prepcards{grid-template-columns:1fr}}

/* ── v2.2 · Pacientes: botones de "Cómo prepararte" ── */
.lg2-prep-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.lg2-prep-actions .lg2-btn svg{width:20px;height:20px;flex:0 0 auto}
@media (max-width:640px){.lg2-prep-actions .lg2-btn{width:100%;justify-content:center;padding:13px 16px;font-size:14px;gap:8px}}

/* ── v2.2 · Médicos: portal (título + botón + info primero; los 3 pasos al final, compactos y en blanco) ── */
.lg2-portal-med-v22 .lg2-portal-head{margin-bottom:18px}
.lg2-portal-med-v22 .lg2-portal-head h2{font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}
.lg2-portal-cta{margin-bottom:22px}
.lg2-portal-med-v22 .lg2-portal-nota ul{margin:8px 0 0;padding-left:20px}
.lg2-portal-pasos{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.lg2-portal-pasos-tt{color:#D3DCF7;font-size:15px;line-height:1.5;margin-bottom:14px;max-width:640px}
.lg2-portal-steps.lg2-portal-steps-blancos{list-style:none;margin:0;gap:10px;grid-template-columns:repeat(3,1fr)}
.lg2-portal-steps-blancos .lg2-portal-step{background:#fff;border-color:#fff;color:var(--texto);display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px}
.lg2-portal-steps-blancos .lg2-portal-step .lg2-num{margin:0;width:28px;height:28px;font-size:14px;background:var(--azul-800);color:#fff;flex:0 0 auto}
.lg2-portal-steps-blancos .lg2-portal-step p{color:var(--texto);font-size:14px;line-height:1.45}
@media (max-width:760px){
  .lg2-portal-steps.lg2-portal-steps-blancos{grid-template-columns:1fr;gap:8px}
  .lg2-portal-steps-blancos .lg2-portal-step{padding:11px 12px}
  .lg2-portal-cta .lg2-btn{width:100%;justify-content:center}
}

/* ── v2.2 · Médicos: contacto con los bioquímicos por área ── */
.lg2-bq-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lg2-bq{position:relative;background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s}
.lg2-bq:hover{border-color:var(--azul-700);box-shadow:0 14px 34px rgba(15,36,112,.10)}
.lg2-bq-head{display:flex;align-items:center;gap:12px;min-width:0}
.lg2-bq-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--celeste-50);color:var(--azul-800);display:flex;align-items:center;justify-content:center}
.lg2-bq-ic svg{width:24px;height:24px}
.lg2-bq h3{font-size:17px;font-weight:700;color:var(--azul-900);line-height:1.3}
.lg2-bq-links{display:flex;flex-direction:column;gap:8px}
.lg2-bq-links a{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--azul-900);padding:9px 12px;border-radius:10px;background:var(--celeste-50);transition:background .2s,color .2s}
.lg2-bq-links a:hover,.lg2-bq-links a:focus{background:var(--azul-800);color:#fff}
.lg2-bq-links svg{flex:0 0 auto;width:20px;height:20px}
.lg2-bq-wa svg{color:#1B9E5A}
.lg2-bq-links a:hover svg,.lg2-bq-links a:focus svg{color:#fff}
.lg2-bq-links span{min-width:0;overflow-wrap:anywhere}
@media (max-width:1024px){.lg2-bq-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .lg2-bq-grid{grid-template-columns:1fr;gap:8px}
  .lg2-bq{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;gap:10px}
  .lg2-bq-ic{width:38px;height:38px;border-radius:10px}
  .lg2-bq-ic svg{width:21px;height:21px}
  .lg2-bq h3{font-size:15.5px}
  .lg2-bq-links{flex-direction:row;flex:0 0 auto}
  .lg2-bq-links a{width:44px;height:44px;padding:0;justify-content:center}
  .lg2-bq-links span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media print{body.lg2-hub-medicos #bioquimicos{display:none !important}}

/* =====================================================================
   v2.3 · Cambios pedidos por el cliente (09-10)
   ===================================================================== */

/* ── Resultados online (pacientes) y Portal (médicos): sin recuadro azul, fondo blanco ── */
.lg2-claro .lg2-sec-head-row .lg2-sec-head{margin-bottom:26px}
.lg2-claro .lg2-sec-head-row .lg2-sec-head-cta{margin-top:auto;margin-bottom:26px}
.lg2-claro .lg2-sec-head-cta .lg2-chev{width:24px;height:24px;font-size:14px}
.lg2-claro .lg2-res-shield{background:var(--celeste-50);border:1px solid var(--linea);color:var(--texto);margin-bottom:14px;padding:12px 16px;font-size:14.5px}
.lg2-claro .lg2-res-shield svg{color:var(--azul-700)}
.lg2-claro .lg2-res-det{background:#fff;border:1px solid var(--linea);border-radius:12px;color:var(--texto);transition:border-color .2s,box-shadow .2s}
.lg2-claro .lg2-res-det:hover{border-color:var(--celeste)}
.lg2-claro .lg2-res-det[open]{box-shadow:0 12px 30px rgba(15,36,112,.08)}
.lg2-claro .lg2-res-det summary{color:var(--azul-900)}
.lg2-claro .lg2-res-det[open] summary{border-bottom:1px solid var(--linea);margin-bottom:12px}
.lg2-claro .lg2-res-col-num{background:var(--azul-800);color:#fff}
.lg2-claro .lg2-res-det .lg2-car{background:var(--celeste-50);color:var(--azul-800)}
.lg2-claro .lg2-res-det-body b{color:var(--azul-900)}
.lg2-claro .lg2-res-ejemplo{border:1px solid var(--linea)}
.lg2-claro .lg2-res-steps3 .lg2-n{background:var(--azul-800);color:#fff}
.lg2-claro .lg2-res-help{color:var(--gris)}
.lg2-claro .lg2-res-help a{color:var(--azul-700)}
.lg2-claro .lg2-res-help a:hover{color:var(--azul-900)}
/* Médicos */
.lg2-claro .lg2-portal-nota{background:var(--celeste-50);border:1px solid var(--linea);border-left:4px solid var(--azul-700);color:var(--texto);font-size:14.5px;padding:14px 18px}
.lg2-claro .lg2-portal-nota b{color:var(--azul-900)}
.lg2-claro .lg2-portal-nota ul{margin:8px 0 0;padding-left:20px}
.lg2-claro .lg2-asesoras-tt{color:var(--azul-900)}
.lg2-claro .lg2-asesora{background:#fff;border:1.5px solid var(--linea);color:var(--azul-900)}
.lg2-claro .lg2-asesora svg{color:#1B9E5A}
.lg2-claro .lg2-asesora small{color:var(--gris)}
.lg2-claro .lg2-asesora:hover,.lg2-claro .lg2-asesora:focus{background:var(--celeste-50);border-color:var(--azul-700);color:var(--azul-900)}
.lg2-claro .lg2-portal-pasos{border-top:1px solid var(--linea)}
.lg2-claro .lg2-portal-pasos-tt{color:var(--gris)}
.lg2-claro .lg2-portal-steps-blancos .lg2-portal-step{border:1px solid var(--linea)}
@media (max-width:760px){
  .lg2-claro .lg2-sec-head-row{gap:16px;margin-bottom:22px}
  .lg2-claro .lg2-sec-head-row .lg2-sec-head{margin-bottom:0}
  .lg2-claro .lg2-sec-head-row .lg2-sec-head-cta{margin:0;align-self:stretch;justify-content:center}
}

/* ── Directorio: perfiles agrupados por bloques (sin etiqueta de categoría) ── */
.lg2-perf-list{gap:34px}
.lg2-perf-grupo{display:flex;flex-direction:column;gap:12px}
.lg2-perf-grupo-tt{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;line-height:1.3;color:var(--azul-900)}
.lg2-perf-grupo-n{flex:0 0 auto;min-width:36px;height:36px;padding:0 8px;border-radius:10px;background:var(--azul-800);color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.lg2-perf-grupo-nm{min-width:0}
.lg2-perf-grupo-tt small{margin-left:auto;padding-left:8px;font-size:13px;font-weight:500;color:var(--gris);white-space:nowrap}
.lg2-perf-grupo-list{display:flex;flex-direction:column;gap:8px}
@media (max-width:640px){
  .lg2-perf-list{gap:26px}
  .lg2-perf-grupo{gap:10px}
  .lg2-perf-grupo-tt{font-size:17px;gap:10px}
  .lg2-perf-grupo-n{min-width:32px;height:32px;font-size:12.5px;border-radius:9px}
}

/* ── Modelo de orden: aviso de validez (solo en pantalla) ── */
.lg2-orden-aviso{display:flex;align-items:flex-start;gap:12px;max-width:780px;margin:-20px 0 28px;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-left:4px solid #F5B83D;color:#fff;font-size:15px;line-height:1.5}
.lg2-orden-aviso svg{flex:0 0 auto;color:#F5B83D;margin-top:1px}
.lg2-orden-aviso b{font-weight:700}
@media (max-width:640px){.lg2-orden-aviso{margin-top:-24px;font-size:14.5px;padding:12px 14px}}
/* Los campos del encabezado/pie de la orden se salían de la hoja en el celular (el track 1fr no achica el input) */
.lg2-orden-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lg2-orden-foot{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.lg2-orden-head,.lg2-orden-foot{grid-template-columns:minmax(0,1fr)}}
@media print{
  body.lg2-hub-medicos #ordenes .lg2-sec-head,body.lg2-hub-medicos .lg2-orden-aviso{display:none !important}
}

/* ── Bioquímicos: aviso de identificación del médico ── */
.lg2-bq-ident{display:flex;align-items:center;gap:12px;max-width:820px;margin:-22px 0 26px;padding:12px 16px;background:var(--celeste-50);border:1px solid var(--linea);border-left:4px solid var(--azul-700);border-radius:12px;font-size:15px;line-height:1.5;color:var(--texto)}
.lg2-bq-ident-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#fff;color:var(--azul-800);display:flex;align-items:center;justify-content:center}
.lg2-bq-ident-ic svg{width:22px;height:22px}
.lg2-bq-ident b{color:var(--azul-900)}
@media (max-width:640px){.lg2-bq-ident{align-items:flex-start;margin-top:-26px;font-size:14.5px;padding:12px 14px}.lg2-bq-ident-ic{width:34px;height:34px}}

/* =====================================================================
   v2.4 · Cambios pedidos por el cliente (22-10)
   ===================================================================== */

/* ── Modelos de orden: selector de especialidad + hojas armadas desde inc/data/ordenes.json ── */
.lg2-esp-pick{margin-bottom:22px}
.lg2-esp-select{display:none}
.lg2-esp-chips{margin-bottom:0;gap:8px}
.lg2-esp-chip{padding:8px 16px;font-size:14px;transition:background .15s,border-color .15s,color .15s}
.lg2-esp-chip:not(.lg2-on):hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6)}
.lg2-modelo-tabs[hidden],.lg2-orden-sheet[hidden]{display:none !important}
.lg2-modelo-tabs{margin-bottom:18px}
.lg2-orden-sheet-tt{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--azul-700);margin-bottom:16px}
.lg2-orden-grid,.lg2-orden-grid.lg2-cols4{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
.lg2-orden-col{min-width:0}
.lg2-orden-item span{min-width:0;overflow-wrap:anywhere}
.lg2-orden-item small{font-size:11.5px;color:var(--gris);font-weight:400}
.lg2-orden-item--b span{font-weight:700;color:var(--azul-900);text-transform:uppercase;letter-spacing:.01em}
.lg2-orden-item--b .lg2-orden-nota-b{display:block;text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:400;color:var(--gris);margin-top:1px}
.lg2-orden-item--sub{padding-left:24px}
.lg2-orden-grupo{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--azul-900);padding:6px 0 4px;border-bottom:1px solid var(--linea);margin-bottom:4px}
.lg2-orden-col>.lg2-orden-grupo:not(:first-child){margin-top:10px}
.lg2-orden-esp{display:block;height:14px}
.lg2-orden-libre{align-items:center}
.lg2-orden-libre input[type=text]{flex:1;min-width:0;border:0;border-bottom:1px dotted #9AA6C8;background:transparent;font:inherit;font-size:14px;color:var(--texto);padding:1px 2px}
.lg2-orden-libre input[type=text]:focus{outline:none;border-bottom:1px solid var(--azul-700)}
.lg2-orden-libre>span{white-space:nowrap}
@media (max-width:900px){.lg2-orden-grid,.lg2-orden-grid.lg2-cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .lg2-esp-chips{display:none}
  .lg2-esp-select{display:flex;flex-direction:column;gap:6px;color:#fff;font-weight:600;font-size:14px}
  .lg2-esp-select select{width:100%;padding:13px 44px 13px 16px;border-radius:12px;border:1.5px solid #fff;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231E3FA8' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;color:var(--azul-900);font:600 15.5px var(--tipo);-webkit-appearance:none;appearance:none}
  .lg2-modelo-tab{width:100%;text-align:left;font-size:14px;padding:10px 14px}
}
@media (max-width:600px){.lg2-orden-grid,.lg2-orden-grid.lg2-cols4{grid-template-columns:minmax(0,1fr)}}

/* ── Impresión de la orden: todo en una sola hoja A4 vertical ──
   Página con nombre propio (márgenes en 0 → el navegador no agrega fecha/URL ni ofrece "Horizontal"), solo la hoja
   visible, columnas del modelo original y tipografía de 10pt. El modelo más largo (Hematología) ocupa ~80% de la hoja,
   así que también entra en Carta o con los márgenes por defecto de un navegador que ignore @page con nombre. */
@page lg2orden{size:A4 portrait;margin:0}
@media print{
  html,body.lg2-hub-medicos{background:#fff !important}
  body.lg2-hub-medicos{page:lg2orden;width:auto !important;min-width:0 !important;overflow:visible !important}
  body.lg2-hub-medicos .lg2-page>:not(#ordenes){display:none !important}
  body.lg2-hub-medicos #ordenes{background:#fff !important;color:var(--texto);padding:0 !important;overflow:visible !important}
  body.lg2-hub-medicos #ordenes .lg2-shell{max-width:none;padding:0}
  body.lg2-hub-medicos #ordenes :is(.lg2-sec-head,.lg2-orden-aviso,.lg2-esp-pick,.lg2-modelo-tabs,.lg2-orden-actions,.lg2-orden-sheet-tt){display:none !important}
  body.lg2-hub-medicos .lg2-orden-sheet{padding:11mm 12mm 9mm !important;border-radius:0;break-inside:avoid;page-break-inside:avoid;font-size:9pt}
  body.lg2-hub-medicos .lg2-orden-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:2.2mm 8mm;margin-bottom:3.5mm;padding-bottom:3mm;border-bottom-width:1px}
  body.lg2-hub-medicos .lg2-orden-field{font-size:10pt;gap:2mm}
  body.lg2-hub-medicos .lg2-orden-field input{font-size:10pt;padding:0 1mm;border-bottom:1px dotted #777;width:100%;min-width:0}
  body.lg2-hub-medicos .lg2-orden-grid,body.lg2-hub-medicos .lg2-orden-grid.lg2-cols4{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)) !important;gap:0 5mm}
  body.lg2-hub-medicos .lg2-orden-item{font-size:10pt;line-height:1.22;padding:.45mm 0;gap:1.8mm}
  body.lg2-hub-medicos .lg2-orden-item input[type=checkbox]{width:3.5mm;height:3.5mm;margin-top:.2mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.lg2-hub-medicos .lg2-orden-item small,body.lg2-hub-medicos .lg2-orden-nota-b{font-size:7.5pt}
  body.lg2-hub-medicos .lg2-orden-item--sub{padding-left:4.5mm}
  body.lg2-hub-medicos .lg2-orden-grupo{font-size:9.5pt;padding:1mm 0 .6mm;margin-bottom:.8mm}
  body.lg2-hub-medicos .lg2-orden-esp{height:2.2mm}
  body.lg2-hub-medicos .lg2-orden-libre input[type=text]{font-size:10pt;border-bottom:1px dotted #777}
  body.lg2-hub-medicos .lg2-orden-total{margin-top:2.5mm;font-size:8.5pt}
  body.lg2-hub-medicos .lg2-orden-total b{padding:.6mm 3mm;font-size:8.5pt}
  body.lg2-hub-medicos .lg2-orden-foot{grid-template-columns:repeat(3,minmax(0,1fr)) !important;margin-top:4mm;padding-top:3mm;gap:6mm;border-top-width:1px}
}

/* ── Área Médicos: secciones en el orden resultados → bioquímicos → directorio → modelos de orden ── */
body.lg2-hub-medicos #bioquimicos{background:var(--celeste-50)}
body.lg2-hub-medicos #bioquimicos .lg2-caja{background:rgba(140,161,230,.32);color:var(--azul-900)}
body.lg2-hub-medicos #bioquimicos .lg2-bq-ident{background:#fff}
body.lg2-hub-medicos #directorio{background:#fff}

/* =====================================================================
   v2.5 · Quitar análisis de la orden (pedido del cliente 27-10)
   ===================================================================== */
.lg2-orden-row{display:flex;align-items:flex-start;gap:6px;border-bottom:1px solid #EEF1FA}
.lg2-orden-row>.lg2-orden-item{flex:1;min-width:0}
.lg2-orden-row.lg2-quitado,.lg2-orden-grupo.lg2-quitado{display:none}
.lg2-orden-x{flex:0 0 auto;width:26px;height:26px;margin-top:2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#B4BCD3;font-size:19px;line-height:1;transition:background .15s,color .15s}
.lg2-orden-x:hover,.lg2-orden-x:focus-visible{background:#FDECEC;color:#C43B3B}
.lg2-orden-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:-6px 0 14px}
.lg2-orden-solo{font-size:13.5px;font-weight:600;color:var(--azul-800);background:var(--celeste-50);border:1px solid var(--linea);border-radius:999px;padding:6px 14px;transition:background .15s,color .15s,border-color .15s}
.lg2-orden-solo:hover{background:var(--azul-800);border-color:var(--azul-800);color:#fff}
.lg2-orden-solo--aviso,.lg2-orden-solo--aviso:hover{background:#FFF4DC;border-color:#F5B83D;color:#8A5A00}
.lg2-orden-quitados{font-size:13.5px;color:var(--gris)}
.lg2-orden-quitados[hidden]{display:none}
.lg2-orden-restaurar{font-weight:600;color:var(--azul-700);text-decoration:underline;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .lg2-orden-x{opacity:.55}
  .lg2-orden-row:hover .lg2-orden-x,.lg2-orden-x:focus-visible{opacity:1}
}
@media print{
  body.lg2-hub-medicos .lg2-orden-x,body.lg2-hub-medicos .lg2-orden-tools,
  body.lg2-hub-medicos .lg2-orden-row.lg2-quitado,body.lg2-hub-medicos .lg2-orden-grupo.lg2-quitado{display:none !important}
  body.lg2-hub-medicos .lg2-orden-row{border-bottom:0}
}

/* Con análisis quitados: los que quedan fluyen en columnas parejas (pantalla e impresión) */
.lg2-orden-grid.lg2-orden-grid--flujo{display:block;column-count:var(--cols,3);column-gap:26px}
.lg2-orden-grid--flujo .lg2-orden-col{display:contents}
.lg2-orden-grid--flujo :is(.lg2-orden-row,.lg2-orden-grupo){break-inside:avoid}
.lg2-orden-grid--flujo .lg2-orden-esp{display:none}
@media (max-width:900px){.lg2-orden-grid.lg2-orden-grid--flujo{column-count:2}}
@media (max-width:600px){.lg2-orden-grid.lg2-orden-grid--flujo{column-count:1}}
@media print{body.lg2-hub-medicos .lg2-orden-grid.lg2-orden-grid--flujo{display:block !important;column-count:var(--cols,3) !important;column-gap:5mm}}
