{"id":5181,"date":"2026-01-03T23:42:56","date_gmt":"2026-01-03T23:42:56","guid":{"rendered":"https:\/\/subject157.com\/?page_id=5181"},"modified":"2026-01-04T01:19:26","modified_gmt":"2026-01-04T01:19:26","slug":"u-100-calculator","status":"publish","type":"page","link":"https:\/\/subject157.com\/es\/calculadora-u-100\/","title":{"rendered":"Calculadora U-100: Tipo A frente a Tipo B"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5181\" class=\"elementor elementor-5181\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eec9be e-flex e-con-boxed e-con e-parent\" data-id=\"1eec9be\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c159b1 elementor-widget elementor-widget-html\" data-id=\"8c159b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SUBJECT 157 \u2014 INTRO (WHITE \/ MAIN MATCH) v1.2\r\n   Scope: .s157-intro\r\n   Regras: sem backdrop-filter, sem gap\r\n   ========================================================= *\/\r\n\r\n.s157-intro{\r\n  --ink:#0F172A;\r\n  --muted:#64748B;\r\n  --muted2:rgba(15,23,42,.72);\r\n\r\n  --panel:#FFFFFF;\r\n  --panel2:#F8FAFC;\r\n\r\n  --border:rgba(15,23,42,.12);\r\n  --border2:rgba(15,23,42,.18);\r\n\r\n  --teal:#00D6A0;\r\n  --cyan:#00C8FF;\r\n\r\n  font-family: Montserrat, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  padding: 42px 18px 28px;\r\n  text-align:center;\r\n  color: var(--ink);\r\n}\r\n\r\n\/* Shell (sterile card + grid muito subtil, como na main) *\/\r\n.s157-intro .s157-shell{\r\n  position: relative;\r\n  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);\r\n  border: 1px solid var(--border);\r\n  border-radius: 20px;\r\n  padding: 26px 18px 20px;\r\n  box-shadow: 0 18px 44px rgba(15,23,42,.08);\r\n  overflow: hidden;\r\n}\r\n.s157-intro .s157-shell:before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(15,23,42,.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px);\r\n  background-size: 28px 28px;\r\n  opacity: .28;\r\n  pointer-events:none;\r\n}\r\n.s157-intro .s157-shell:after{\r\n  content:\"\";\r\n  position:absolute; left:0; right:0; top:0; height:3px;\r\n  background: linear-gradient(90deg, var(--teal) 0%, var(--cyan) 55%, rgba(16,182,255,.9) 100%);\r\n  opacity: .95;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* Badge (menos \u201cneon\u201d, mais main) *\/\r\n.s157-intro .s157-status{\r\n  position: relative;\r\n  z-index: 1;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding: 7px 12px;\r\n  border-radius: 999px;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .14em;\r\n\r\n  color: rgba(5,150,105,.95);\r\n  background: rgba(0,214,160,.08);\r\n  border: 1px solid rgba(0,214,160,.22);\r\n  box-shadow: 0 10px 24px rgba(15,23,42,.08);\r\n  margin-bottom: 14px;\r\n}\r\n.s157-intro .s157-dot{\r\n  width: 7px; height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--teal);\r\n  box-shadow: 0 0 0 4px rgba(0,214,160,.14);\r\n  margin-right: 10px;\r\n  animation: s157Pulse 1.8s ease-in-out infinite;\r\n}\r\n@keyframes s157Pulse{\r\n  0%,100%{ transform: scale(1); opacity: 1; }\r\n  50%{ transform: scale(.75); opacity: .45; }\r\n}\r\n\r\n\/* Title (mais \u201cmain\u201d: clean + acento teal\/cyan, n\u00e3o cinzento morto) *\/\r\n.s157-intro .s157-h1{\r\n  position: relative;\r\n  z-index: 1;\r\n  margin: 0 0 10px 0;\r\n  font-size: 44px;\r\n  font-weight: 900;\r\n  line-height: 1.06;\r\n  letter-spacing: -0.035em;\r\n  color: var(--ink);\r\n}\r\n.s157-intro .s157-h1 .s157-grad{\r\n  background: linear-gradient(135deg, var(--ink) 0%, rgba(15,23,42,.78) 52%, rgba(15,23,42,.55) 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n.s157-intro .s157-h1 .s157-accent{\r\n  background: linear-gradient(135deg, var(--teal) 0%, var(--cyan) 70%, rgba(16,182,255,.95) 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n\/* Subhead *\/\r\n.s157-intro .s157-sub{\r\n  position: relative;\r\n  z-index: 1;\r\n  margin: 0 auto 18px auto;\r\n  max-width: 760px;\r\n  font-size: 15.5px;\r\n  line-height: 1.65;\r\n  color: var(--muted);\r\n}\r\n.s157-intro .s157-sub strong{\r\n  color: rgba(15,23,42,.92);\r\n  font-weight: 900;\r\n}\r\n\r\n\/* Grid (sem gap \u2014 cards separados por bordas internas) *\/\r\n.s157-intro .s157-grid{\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  text-align:left;\r\n\r\n  border: 1px solid var(--border);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,.86);\r\n}\r\n\r\n\/* Card *\/\r\n.s157-intro .s157-card{\r\n  padding: 16px 16px;\r\n  border-right: 1px solid rgba(15,23,42,.10);\r\n  background: rgba(255,255,255,.70);\r\n  transition: transform .18s ease, background-color .18s ease;\r\n}\r\n.s157-intro .s157-card:last-child{ border-right: none; }\r\n\r\n.s157-intro .s157-card:hover{\r\n  transform: translateY(-1px);\r\n  background: rgba(248,250,252,.92);\r\n}\r\n\r\n\/* Kicker *\/\r\n.s157-intro .s157-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n\r\n  color: rgba(5,150,105,.95);\r\n  background: rgba(0,214,160,.08);\r\n  border: 1px solid rgba(0,214,160,.18);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\/* Title + desc *\/\r\n.s157-intro .s157-ttl{\r\n  margin: 0 0 6px 0;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  color: rgba(15,23,42,.92);\r\n}\r\n.s157-intro .s157-desc{\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.55;\r\n  color: rgba(100,116,139,.95);\r\n}\r\n\r\n\/* Down indicator (mais main: teal\/cyan suave) *\/\r\n.s157-intro .s157-down{\r\n  position: relative;\r\n  z-index: 1;\r\n  margin-top: 16px;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  color: rgba(100,116,139,.78);\r\n}\r\n.s157-intro .s157-arrow{\r\n  display:block;\r\n  font-size: 18px;\r\n  margin-top: 6px;\r\n  background: linear-gradient(135deg, var(--teal), var(--cyan));\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  animation: s157Bounce 1.9s ease-in-out infinite;\r\n}\r\n@keyframes s157Bounce{\r\n  0%,100%{ transform: translateY(0); opacity: .9; }\r\n  50%{ transform: translateY(6px); opacity: 1; }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 900px){\r\n  .s157-intro .s157-grid{ grid-template-columns: 1fr; }\r\n  .s157-intro .s157-card{\r\n    border-right: none;\r\n    border-bottom: 1px solid rgba(15,23,42,.10);\r\n  }\r\n  .s157-intro .s157-card:last-child{ border-bottom: none; }\r\n}\r\n@media (max-width: 768px){\r\n  .s157-intro{ padding: 30px 14px 18px; }\r\n  .s157-intro .s157-shell{ padding: 20px 14px 16px; }\r\n  .s157-intro .s157-h1{ font-size: 30px; }\r\n  .s157-intro .s157-sub{ font-size: 14.5px; margin-bottom: 14px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"s157-intro\">\r\n  <div class=\"s157-shell\">\r\n\r\n    <div class=\"s157-status\"><span class=\"s157-dot\" aria-hidden=\"true\"><\/span>Sistema en l\u00ednea<\/div>\r\n\r\n    <h1 class=\"s157-h1\">\r\n      <span class=\"s157-grad\">Ingenier\u00eda<\/span> <span class=\"s157-accent\">Banco.<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"s157-sub\">\r\n      La intuici\u00f3n no tiene cabida en el laboratorio. Un error de cero a la derecha convierte una dosis \"ok\" en una dosis de choque.\r\n      Utilice el <strong>M\u00f3dulo de precisi\u00f3n<\/strong> a continuaci\u00f3n para eliminar el error humano.\r\n    <\/p>\r\n\r\n    <div class=\"s157-grid\">\r\n      <div class=\"s157-card\">\r\n        <span class=\"s157-kicker\">\/\/ ALGORITMO<\/span>\r\n        <div class=\"s157-ttl\">C\u00e1lculo operativo<\/div>\r\n        <p class=\"s157-desc\">\r\n          Convertir <strong>mg + mL<\/strong> lectura <strong>U-100<\/strong> (UI + mL), con precisi\u00f3n y contexto.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"s157-card\">\r\n        <span class=\"s157-kicker\">\/\/ SEGURIDAD<\/span>\r\n        <div class=\"s157-ttl\">Tipo A frente a tipo B<\/div>\r\n        <p class=\"s157-desc\">\r\n          Un mismo \"riesgo\" puede tener un valor diferente. La herramienta ayuda a evitar el error de interpretaci\u00f3n m\u00e1s com\u00fan.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"s157-card\">\r\n        <span class=\"s157-kicker\">\/\/ OPSEC<\/span>\r\n        <div class=\"s157-ttl\">Procesamiento local<\/div>\r\n        <p class=\"s157-desc\">\r\n          Los valores se almacenan en su navegador. No se env\u00eda ning\u00fan dato a servidores externos.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"s157-down\">\r\n      Inicializar herramienta\r\n      <span class=\"s157-arrow\" aria-hidden=\"true\">\u2193<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d8b78b s157-white  e-flex e-con-boxed e-con e-parent\" data-id=\"3d8b78b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85d94c2 elementor-widget elementor-widget-html\" data-id=\"85d94c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SUBJECT 157 \u2014 LAB TOOL (DEMO) + SYRINGE VISUAL v3.1\r\n   FIX: Campo dose (250 vis\u00edvel) + UX melhor\r\n   Scope: .s157-labtool (isolado \/ seguro)\r\n   ========================================================= *\/\r\n\r\n.s157-labtool{\r\n  --ink:#0F172A;\r\n  --muted:#64748B;\r\n  --panel:#FFFFFF;\r\n  --panel2:#F8FAFC;\r\n  --border:rgba(15,23,42,.12);\r\n  --border2:rgba(15,23,42,.18);\r\n  --teal:#00D6A0;\r\n  --cyan:#00C8FF;\r\n  --danger:#EF4444;\r\n\r\n  --blue1:#2AA8FF;\r\n  --blue2:#1F7BFF;\r\n\r\n  color: var(--ink);\r\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.s157-labtool *{ box-sizing:border-box; }\r\n\r\n\/* Base shell *\/\r\n.s157-labtool .s157-lt-shell{\r\n  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);\r\n  border: 1px solid var(--border);\r\n  border-radius: 18px;\r\n  padding: 18px;\r\n  box-shadow: 0 18px 44px rgba(15,23,42,.08);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.s157-labtool .s157-lt-shell:before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(15,23,42,.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px);\r\n  background-size: 26px 26px;\r\n  opacity: .26;\r\n  pointer-events:none;\r\n}\r\n\r\n.s157-labtool .lt-module{\r\n  position: relative;\r\n  background: rgba(255,255,255,.92);\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  padding: 18px;\r\n  box-shadow: 0 14px 34px rgba(15,23,42,.07);\r\n  margin: 0 0 14px 0;\r\n}\r\n.s157-labtool .lt-module:last-child{ margin-bottom:0; }\r\n\r\n\/* Header *\/\r\n.s157-labtool .lt-head{\r\n  border-bottom: 1px solid var(--border);\r\n  padding-bottom: 12px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.s157-labtool .lt-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  color: rgba(0,214,160,.95);\r\n  background: rgba(0,214,160,.08);\r\n  border: 1px solid rgba(0,214,160,.22);\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n}\r\n.s157-labtool .lt-kdot{\r\n  width:6px;height:6px;border-radius:50%;\r\n  background: var(--teal);\r\n  box-shadow:0 0 14px rgba(0,214,160,.7);\r\n}\r\n\r\n.s157-labtool .lt-title{\r\n  margin: 10px 0 0 0;\r\n  font-family: Montserrat, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 900;\r\n  letter-spacing: -0.02em;\r\n  color: var(--ink);\r\n}\r\n\r\n.s157-labtool .lt-desc{\r\n  margin: 10px 0 0 0;\r\n  color: var(--muted);\r\n  font-size: 13.5px;\r\n  line-height: 1.55;\r\n}\r\n.s157-labtool .lt-desc strong{ color: rgba(15,23,42,.92); }\r\n\r\n\/* Form grid *\/\r\n.s157-labtool .lt-grid{\r\n  display:grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 12px;\r\n}\r\n@media (max-width: 860px){\r\n  .s157-labtool .lt-grid{ grid-template-columns: 1fr; }\r\n}\r\n\r\n.s157-labtool label{\r\n  display:block;\r\n  font-size: 12px;\r\n  color: rgba(15,23,42,.74);\r\n  font-weight: 800;\r\n  margin: 0 0 6px 0;\r\n}\r\n\r\n.s157-labtool .lt-input{\r\n  width:100% !important;\r\n  max-width: none !important;\r\n  background:#FFFFFF;\r\n  border: 1px solid var(--border2);\r\n  border-radius: 14px;\r\n  padding: 12px 12px;\r\n  font-size: 16px;\r\n  color: var(--ink);\r\n  outline:none;\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);\r\n  transition: border-color .18s ease, box-shadow .18s ease;\r\n}\r\n.s157-labtool .lt-input:focus{\r\n  border-color: rgba(0,214,160,.65);\r\n  box-shadow: 0 0 0 4px rgba(0,214,160,.12);\r\n}\r\n\r\n\/* >>> FIX HARD: Dose input (250\/1000 vis\u00edvel) <<< *\/\r\n.s157-labtool .dose-wrap{\r\n  position:relative;\r\n  width: 100%;\r\n  min-width: 220px; \/* garante largura mesmo em temas \u201cagressivos\u201d *\/\r\n}\r\n@media (max-width: 860px){\r\n  .s157-labtool .dose-wrap{ min-width: 0; }\r\n}\r\n\r\n.s157-labtool #doseQty.lt-input{\r\n  width: 100% !important;\r\n  min-width: 220px !important;\r\n  max-width: none !important;\r\n\r\n  height: 58px;\r\n  padding: 14px 64px 14px 14px; \/* espa\u00e7o para \u201cmcg\u201d *\/\r\n  font-size: 22px;\r\n  font-weight: 950;\r\n  letter-spacing: .03em;\r\n  text-align: center;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\/* remove setas\/spinner (elas roubam espa\u00e7o e partem o layout) *\/\r\n.s157-labtool #doseQty::-webkit-outer-spin-button,\r\n.s157-labtool #doseQty::-webkit-inner-spin-button{\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n}\r\n.s157-labtool #doseQty{\r\n  -moz-appearance: textfield;\r\n}\r\n\r\n\/* \u201cmcg\u201d \u00e0 direita, bonito e est\u00e1vel *\/\r\n.s157-labtool .dose-sfx{\r\n  position:absolute;\r\n  right: 14px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  color: rgba(15,23,42,.55);\r\n  pointer-events:none;\r\n  padding: 6px 8px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(15,23,42,.12);\r\n  background: rgba(2,6,23,.02);\r\n}\r\n\r\n\/* Actions *\/\r\n.s157-labtool .lt-actions{\r\n  margin-top: 12px;\r\n  display:flex;\r\n  justify-content:flex-end;\r\n}\r\n@media (max-width: 860px){\r\n  .s157-labtool .lt-actions{ justify-content: stretch; }\r\n}\r\n\r\n.s157-labtool .lt-btn{\r\n  border:none;\r\n  cursor:pointer;\r\n  border-radius: 14px;\r\n  padding: 14px 16px;\r\n  width:auto;\r\n  font-weight: 950;\r\n  font-size: 12px;\r\n  letter-spacing: .10em;\r\n  text-transform: uppercase;\r\n  color:#020408;\r\n  background: linear-gradient(135deg, var(--teal) 0%, var(--cyan) 60%, #10B6FF 100%);\r\n  box-shadow: 0 14px 32px rgba(0,200,255,.18), inset 0 1px 0 rgba(255,255,255,.55);\r\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n}\r\n@media (max-width: 860px){\r\n  .s157-labtool .lt-btn{ width:100%; }\r\n}\r\n.s157-labtool .lt-btn:hover{\r\n  transform: translateY(-2px);\r\n  filter: saturate(1.06) brightness(1.04);\r\n  box-shadow: 0 18px 38px rgba(0,200,255,.24), 0 0 0 4px rgba(0,214,160,.10);\r\n}\r\n.s157-labtool .lt-btn:active{ transform: translateY(0); }\r\n\r\n\/* Result *\/\r\n.s157-labtool .lt-result{\r\n  margin-top: 14px;\r\n  display:none;\r\n  background: rgba(0,214,160,.08);\r\n  border: 1px solid rgba(0,214,160,.24);\r\n  border-left: 4px solid var(--teal);\r\n  border-radius: 14px;\r\n  padding: 14px;\r\n}\r\n.s157-labtool .lt-result .lt-r-label{\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n  font-size: 11px;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  color: rgba(5,150,105,.95);\r\n  font-weight: 950;\r\n}\r\n.s157-labtool .lt-result .lt-r-value{\r\n  display:block;\r\n  margin-top: 6px;\r\n  font-size: 30px;\r\n  font-weight: 950;\r\n  letter-spacing: -0.02em;\r\n  color: var(--ink);\r\n}\r\n.s157-labtool .lt-result .lt-r-sub{\r\n  margin-top: 6px;\r\n  font-size: 13px;\r\n  color: rgba(15,23,42,.70);\r\n}\r\n\r\n\/* =========================================\r\n   SYRINGES VISUAL\r\n   ========================================= *\/\r\n.s157-labtool .lt-syrwrap{\r\n  margin-top: 14px;\r\n  background: rgba(2,6,23,.03);\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  padding: 14px;\r\n}\r\n\r\n.s157-labtool .lt-syr-title{\r\n  margin: 0 0 8px 0;\r\n  font-family: Montserrat, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  color: rgba(15,23,42,.86);\r\n}\r\n\r\n.s157-labtool .lt-syr-grid{\r\n  display:grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 12px;\r\n}\r\n@media (max-width: 860px){\r\n  .s157-labtool .lt-syr-grid{ grid-template-columns: 1fr; }\r\n}\r\n\r\n.s157-labtool .lt-syr-card{\r\n  background:#FFFFFF;\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  padding: 12px;\r\n  box-shadow: 0 12px 28px rgba(15,23,42,.06);\r\n}\r\n.s157-labtool .lt-syr-card.danger{ border-top: 3px solid var(--danger); }\r\n.s157-labtool .lt-syr-card.safe{ border-top: 3px solid var(--teal); }\r\n\r\n.s157-labtool .lt-syr-h{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  margin-bottom: 8px;\r\n}\r\n.s157-labtool .lt-syr-h strong{\r\n  font-family: Montserrat, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n}\r\n.s157-labtool .lt-syr-note{\r\n  font-size: 12px;\r\n  color: rgba(15,23,42,.70);\r\n  font-weight: 800;\r\n}\r\n\r\n.s157-labtool .syr{\r\n  position: relative;\r\n  height: 64px;\r\n  border-radius: 12px;\r\n  border: 1px solid var(--border);\r\n  background: linear-gradient(180deg, #F8FAFC 0%, #EEF2F7 100%);\r\n  overflow:hidden;\r\n}\r\n.s157-labtool .syr .fill{\r\n  position:absolute; left:0; top:0; bottom:0;\r\n  width: 0%;\r\n  background: linear-gradient(180deg, rgba(42,168,255,.88), rgba(31,123,255,.55));\r\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);\r\n  transition: width .45s cubic-bezier(.2,.9,.2,1);\r\n}\r\n.s157-labtool .syr:before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background:\r\n    radial-gradient(420px 120px at 50% 30%, rgba(0,214,160,.10), transparent 55%),\r\n    radial-gradient(380px 120px at 40% 60%, rgba(0,200,255,.10), transparent 60%);\r\n  pointer-events:none;\r\n}\r\n.s157-labtool .syr.ticksA{\r\n  background-image:\r\n    linear-gradient(180deg, #F8FAFC 0%, #EEF2F7 100%),\r\n    repeating-linear-gradient(90deg, rgba(15,23,42,.22) 0px, rgba(15,23,42,.22) 1px, transparent 1px, transparent 2%);\r\n  background-blend-mode: normal;\r\n}\r\n.s157-labtool .syr.ticksB{\r\n  background-image:\r\n    linear-gradient(180deg, #F8FAFC 0%, #EEF2F7 100%),\r\n    repeating-linear-gradient(90deg, rgba(15,23,42,.16) 0px, rgba(15,23,42,.16) 1px, transparent 1px, transparent 1%);\r\n  background-blend-mode: normal;\r\n}\r\n.s157-labtool .syr .marker{\r\n  position:absolute; top:0; bottom:0;\r\n  width: 2px;\r\n  left: 0%;\r\n  background: rgba(15,23,42,.75);\r\n  box-shadow: 0 0 0 3px rgba(255,255,255,.35);\r\n  transition: left .45s cubic-bezier(.2,.9,.2,1);\r\n}\r\n.s157-labtool .syr .marker:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top: 8px;\r\n  left: -7px;\r\n  width: 16px;\r\n  height: 10px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.88);\r\n  border: 1px solid rgba(15,23,42,.18);\r\n}\r\n.s157-labtool .scale{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  margin-top: 6px;\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n  font-size: 10px;\r\n  color: rgba(15,23,42,.62);\r\n  font-weight: 900;\r\n  letter-spacing: .06em;\r\n}\r\n.s157-labtool .scale span{ min-width: 22px; text-align:center; }\r\n\r\n.s157-labtool .lt-syr-meta{\r\n  margin-top: 10px;\r\n  font-size: 12.5px;\r\n  color: rgba(15,23,42,.78);\r\n  line-height: 1.55;\r\n}\r\n.s157-labtool .badge{\r\n  display:inline-flex;\r\n  margin-top: 10px;\r\n  font-size: 10px;\r\n  font-weight: 950;\r\n  letter-spacing: .10em;\r\n  text-transform: uppercase;\r\n  padding: 6px 10px;\r\n  border-radius: 999px;\r\n}\r\n.s157-labtool .badge.danger{\r\n  color: rgba(239,68,68,.95);\r\n  background: rgba(239,68,68,.08);\r\n  border: 1px solid rgba(239,68,68,.22);\r\n}\r\n.s157-labtool .badge.safe{\r\n  color: rgba(5,150,105,.95);\r\n  background: rgba(0,214,160,.10);\r\n  border: 1px solid rgba(0,214,160,.22);\r\n}\r\n<\/style>\r\n\r\n<div class=\"s157-labtool\">\r\n  <div class=\"s157-lt-shell\">\r\n\r\n    <div class=\"lt-module\">\r\n      <div class=\"lt-head\">\r\n        <span class=\"lt-kicker\"><span class=\"lt-kdot\"><\/span>\/\/ HERRAMIENTA DE BANCO<\/span>\r\n        <h3 class=\"lt-title\">Calculadora de dosis (U-100) + Visual A\/B<\/h3>\r\n        <p class=\"lt-desc\">\r\n          Calcula la dosis y muestra <strong>d\u00f3nde aspirar<\/strong> en dos gobernantes diferentes.\r\n          <br><strong>Referencia:<\/strong> <strong>100 UI = 1.000 ml<\/strong> - <strong>10 UI = 0,100 ml<\/strong>.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lt-grid\">\r\n        <div>\r\n          <label for=\"vialQty\">Cantidad en el frasco (mg)<\/label>\r\n          <input type=\"number\" id=\"vialQty\" class=\"lt-input\" placeholder=\"Ejemplo: 5\" value=\"5\" inputmode=\"decimal\" step=\"0.001\">\r\n        <\/div>\r\n\r\n        <div>\r\n          <label for=\"waterQty\">Agua a\u00f1adida (mL)<\/label>\r\n          <input type=\"number\" id=\"waterQty\" class=\"lt-input\" placeholder=\"Ejemplo: 2\" value=\"2\" inputmode=\"decimal\" step=\"0.001\">\r\n        <\/div>\r\n\r\n        <div class=\"dose-wrap\">\r\n          <label for=\"doseQty\">Dosis deseada<\/label>\r\n          <input type=\"number\" id=\"doseQty\" class=\"lt-input\" placeholder=\"Ejemplo: 250\" value=\"250\" inputmode=\"numeric\" step=\"1\" min=\"0\">\r\n          <span class=\"dose-sfx\">mcg<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lt-actions\">\r\n        <button class=\"lt-btn\" type=\"button\" onclick=\"s157CalculateDose()\">Calcule<\/button>\r\n      <\/div>\r\n\r\n      <div id=\"resultArea\" class=\"lt-result\" aria-live=\"polite\">\r\n        <span class=\"lt-r-label\">Resultados<\/span>\r\n        <span id=\"finalUnits\" class=\"lt-r-value\">-<\/span>\r\n        <div class=\"lt-r-sub\">Equivalente a <strong><span id=\"finalMl\">-<\/span> mL<\/strong> (3 casas).<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lt-syrwrap\" aria-label=\"Visualizador tipo A frente a tipo B\">\r\n        <div class=\"lt-syr-title\">Decodificador visual: Tipo A frente a Tipo B (vac\u00edo hasta que se calcule)<\/div>\r\n\r\n        <div class=\"lt-syr-grid\">\r\n\r\n          <div class=\"lt-syr-card danger\">\r\n            <div class=\"lt-syr-h\">\r\n              <strong>TIPO A - EST\u00c1NDAR<\/strong>\r\n              <span class=\"lt-syr-note\">2 pasos IU<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"syr ticksA\" aria-label=\"Jeringa tipo A\">\r\n              <div class=\"fill\" id=\"fillA\"><\/div>\r\n              <div class=\"marker\" id=\"markA\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"scale\" aria-hidden=\"true\">\r\n              <span>0<\/span><span>10<\/span><span>20<\/span><span>30<\/span><span>40<\/span><span>50<\/span><span>60<\/span><span>70<\/span><span>80<\/span><span>90<\/span><span>100<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"lt-syr-meta\">\r\n              <div><strong>Para:<\/strong> <span id=\"txtA\">0 UI (0,000 ml)<\/span><\/div>\r\n              <div style=\"margin-top:6px;\"><strong>Nota:<\/strong> esta regla \"salta\" cada 2 UIs.<\/div>\r\n              <span class=\"badge danger\">Mayor riesgo de error<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"lt-syr-card safe\">\r\n            <div class=\"lt-syr-h\">\r\n              <strong>TIPO B - PRECISI\u00d3N<\/strong>\r\n              <span class=\"lt-syr-note\">Pasos de 1 UI<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"syr ticksB\" aria-label=\"Jeringa tipo B\">\r\n              <div class=\"fill\" id=\"fillB\"><\/div>\r\n              <div class=\"marker\" id=\"markB\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"scale\" aria-hidden=\"true\">\r\n              <span>0<\/span><span>10<\/span><span>20<\/span><span>30<\/span><span>40<\/span><span>50<\/span><span>60<\/span><span>70<\/span><span>80<\/span><span>90<\/span><span>100<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"lt-syr-meta\">\r\n              <div><strong>Para:<\/strong> <span id=\"txtB\">0 UI (0,000 ml)<\/span><\/div>\r\n              <div style=\"margin-top:6px;\"><strong>Recomendaci\u00f3n S157:<\/strong> microdosificaci\u00f3n s\u00f3lo con el tipo B.<\/div>\r\n              <span class=\"badge safe\">Recomendado (S157)<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction s157Clamp(n, min, max){\r\n  return Math.max(min, Math.min(max, n));\r\n}\r\n\r\nfunction s157SetSyringe(idFill, idMark, pct){\r\n  const fill = document.getElementById(idFill);\r\n  const mark = document.getElementById(idMark);\r\n  if(!fill || !mark) return;\r\n  fill.style.width = pct + \"%\";\r\n  mark.style.left  = pct + \"%\";\r\n}\r\n\r\nfunction s157CalculateDose() {\r\n  const mgVial  = parseFloat(document.getElementById('vialQty').value);\r\n  const mlWater = parseFloat(document.getElementById('waterQty').value);\r\n  const mcgDose = parseFloat(document.getElementById('doseQty').value);\r\n\r\n  if (!isFinite(mgVial) || !isFinite(mlWater) || !isFinite(mcgDose) || mgVial<=0 || mlWater<=0 || mcgDose<=0) {\r\n    alert(\"Preenche todos os campos com valores v\u00e1lidos.\");\r\n    return;\r\n  }\r\n\r\n  const concentrationMgMl = mgVial \/ mlWater;      \/\/ mg\/mL\r\n  const doseMg = mcgDose \/ 1000;                   \/\/ mcg -> mg\r\n  const volumeNeeded = doseMg \/ concentrationMgMl; \/\/ mL\r\n  const unitsExact = volumeNeeded * 100;           \/\/ U-100: 1 mL = 100 UI\r\n\r\n  \/\/ Snap por tipo\r\n  const unitsA = Math.round(unitsExact \/ 2) * 2;   \/\/ Tipo A: 2 UI\r\n  const unitsB = Math.round(unitsExact);           \/\/ Tipo B: 1 UI\r\n\r\n  \/\/ Resultado\r\n  document.getElementById('finalUnits').innerText = unitsExact.toFixed(1) + \" UI\";\r\n  document.getElementById('finalMl').innerText = volumeNeeded.toFixed(3);\r\n  document.getElementById('resultArea').style.display = 'block';\r\n\r\n  \/\/ Visual (0\u2013100 UI)\r\n  const pctA = s157Clamp((unitsA \/ 100) * 100, 0, 100);\r\n  const pctB = s157Clamp((unitsB \/ 100) * 100, 0, 100);\r\n\r\n  s157SetSyringe(\"fillA\",\"markA\", pctA);\r\n  s157SetSyringe(\"fillB\",\"markB\", pctB);\r\n\r\n  \/\/ Texto com 3 casas\r\n  document.getElementById('txtA').innerText = unitsA + \" UI (\" + (unitsA\/100).toFixed(3) + \" mL)\";\r\n  document.getElementById('txtB').innerText = unitsB + \" UI (\" + (unitsB\/100).toFixed(3) + \" mL)\";\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aea7ee7 e-flex e-con-boxed e-con e-parent\" data-id=\"aea7ee7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb5241 elementor-widget elementor-widget-html\" data-id=\"0bb5241\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"s157-u100-math\" aria-label=\"Matem\u00e1ticas operativas U-100\">\r\n  <h3 class=\"s157-u100-title\">Matem\u00e1ticas operativas (U-100) - \u00bfQu\u00e9 significa \"llenar la jeringa\"?<\/h3>\r\n\r\n  <p class=\"s157-u100-lead\">\r\n    <strong>Referencia fija:<\/strong> en una jeringa <strong>U-100<\/strong>, <strong>1,0 ml = 100 UI<\/strong>.\r\n    En la pr\u00e1ctica:\r\n  <\/p>\r\n\r\n  <ul class=\"s157-u100-list\">\r\n    <li><strong>10 IU<\/strong> = 0,10 ml<\/li>\r\n    <li><strong>20 IU<\/strong> = 0,20 ml<\/li>\r\n    <li><strong>100 IU<\/strong> = 1.00 mL <span class=\"s157-u100-muted\">(jeringa llena)<\/span><\/li>\r\n  <\/ul>\r\n\r\n  <div class=\"s157-u100-box\">\r\n    <h4 class=\"s157-u100-subtitle\">Ejemplo (escenario de esta herramienta)<\/h4>\r\n    <p class=\"s157-u100-text\">\r\n      Si en su caso <strong>10 UI corresponden a 250 mcg<\/strong>entonces:\r\n    <\/p>\r\n\r\n    <ul class=\"s157-u100-list\">\r\n      <li><strong>Marca 10 (10 UI \/ 0,10 ml)<\/strong> \u2192 <strong>250 mcg<\/strong> <span class=\"s157-u100-muted\">(referencia de ejemplo \"normal\")<\/span><\/li>\r\n      <li><strong>Marca 20 (20 UI \/ 0,20 ml)<\/strong> \u2192 <strong>500 mcg<\/strong> <span class=\"s157-u100-muted\">(dosis fuerte \/ \"shock\" en el ejemplo)<\/span><\/li>\r\n      <li><strong>Jeringa llena (100 UI \/ 1,00 ml)<\/strong> \u2192 <strong>2500 mcg = 2,5 mg<\/strong><\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"s157-u100-alert\" role=\"note\" aria-label=\"Conclusi\u00f3n cr\u00edtica\">\r\n    <strong>Conclusi\u00f3n cr\u00edtica - Error de escala:<\/strong>\r\n    Si ha llenado toda la jeringa (<strong>100 IU<\/strong>) y se inyecta, se estar\u00eda administrando\r\n    <strong>10\u00d7<\/strong> el valor de referencia (10 UI). Esto no es \"un poco m\u00e1s\" - es\r\n    <strong>un orden de magnitud<\/strong>.\r\n  <\/div>\r\n\r\n  <p class=\"s157-u100-foot\">\r\n    <strong>Nota r\u00e1pida:<\/strong> Tipo A frente a tipo B <strong>no modifica la capacidad total<\/strong> (<strong>100 UI = 1 ml<\/strong>).\r\n    Lo que cambia es <strong>leer cada riesgo<\/strong>:\r\n    <strong>Tipo A = 2 UI por riesgo<\/strong>; <strong>Tipo B = 1 UI por riesgo<\/strong>.\r\n  <\/p>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Mini skin isolada (n\u00e3o mexe no resto da p\u00e1gina) *\/\r\n  .s157-u100-math{\r\n    max-width: 980px;\r\n    margin: 18px auto 0;\r\n    padding: 16px 16px;\r\n    border: 1px solid rgba(15,23,42,.12);\r\n    border-radius: 16px;\r\n    background: linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);\r\n    box-shadow: 0 14px 34px rgba(15,23,42,.06);\r\n    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    color: #0F172A;\r\n  }\r\n  .s157-u100-title{\r\n    margin: 0 0 8px 0;\r\n    font-family: Montserrat, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    font-weight: 900;\r\n    font-size: 16px;\r\n    letter-spacing: -0.02em;\r\n  }\r\n  .s157-u100-lead,\r\n  .s157-u100-text,\r\n  .s157-u100-foot{\r\n    margin: 10px 0 0 0;\r\n    font-size: 13.5px;\r\n    line-height: 1.55;\r\n    color: rgba(15,23,42,.78);\r\n  }\r\n  .s157-u100-list{\r\n    margin: 10px 0 0 18px;\r\n    padding: 0;\r\n    color: rgba(15,23,42,.80);\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n  }\r\n  .s157-u100-list li{ margin: 6px 0; }\r\n  .s157-u100-muted{ color: rgba(15,23,42,.60); }\r\n  .s157-u100-box{\r\n    margin-top: 12px;\r\n    padding: 12px 12px;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(0,214,160,.22);\r\n    background: rgba(0,214,160,.06);\r\n  }\r\n  .s157-u100-subtitle{\r\n    margin: 0;\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: .10em;\r\n    text-transform: uppercase;\r\n    color: rgba(0,214,160,.95);\r\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n  }\r\n  .s157-u100-alert{\r\n    margin-top: 12px;\r\n    padding: 12px 12px;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(239,68,68,.22);\r\n    border-left: 4px solid rgba(239,68,68,.85);\r\n    background: rgba(239,68,68,.06);\r\n    font-size: 13.5px;\r\n    line-height: 1.55;\r\n    color: rgba(15,23,42,.82);\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e0dc19 e-flex e-con-boxed e-con e-parent\" data-id=\"8e0dc19\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9191c5f elementor-widget elementor-widget-html\" data-id=\"9191c5f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* 1. O Contentor \"Black Box\" *\/\r\n.s157-compliance-box {\r\n    background: linear-gradient(145deg, #020408 0%, #0F172A 100%);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 16px;\r\n    padding: 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\r\n    font-family: 'Rubik', sans-serif;\r\n    color: #fff;\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr; \/* Layout: Texto | A\u00e7\u00f5es *\/\r\n    gap: 40px;\r\n    align-items: center;\r\n}\r\n\r\n\/* 1.1 Borda de Luz (Accent Top) *\/\r\n.s157-compliance-box::before {\r\n    content: \"\";\r\n    position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n    background: linear-gradient(90deg, transparent, #00D6A0, transparent);\r\n    opacity: 0.5;\r\n}\r\n\r\n\/* 2. Coluna da Esquerda (Texto) *\/\r\n.s157-cb-content { display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 2; }\r\n\r\n\/* Badge de Status *\/\r\n.s157-cb-status {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 700;\r\n    letter-spacing: 0.15em; text-transform: uppercase;\r\n    color: #00D6A0; margin-bottom: 8px;\r\n}\r\n.s157-cb-dot {\r\n    width: 6px; height: 6px; background: #00D6A0; border-radius: 50%;\r\n    box-shadow: 0 0 8px #00D6A0; animation: s157PulseSlow 3s infinite;\r\n}\r\n\r\n.s157-cb-title {\r\n    font-size: 32px; font-weight: 500; line-height: 1.1; margin: 0;\r\n    background: linear-gradient(90deg, #fff, #94A3B8);\r\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.s157-cb-desc {\r\n    font-size: 14px; line-height: 1.6; color: #94A3B8; font-family: 'Inter', sans-serif; margin: 0; max-width: 90%;\r\n}\r\n\r\n\/* 3. Coluna da Direita (A\u00e7\u00f5es) *\/\r\n.s157-cb-actions {\r\n    display: flex; flex-direction: column; gap: 16px; align-items: flex-end;\r\n    position: relative; z-index: 2;\r\n}\r\n\r\n\/* Bot\u00e3o Principal (Reactor Dark Mode) *\/\r\n.s157-btn-dark {\r\n    background: linear-gradient(135deg, #00D6A0 0%, #00C8FF 100%);\r\n    color: #020408; text-decoration: none;\r\n    padding: 16px 28px; border-radius: 8px;\r\n    font-weight: 800; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase;\r\n    box-shadow: 0 10px 30px rgba(0, 214, 160, 0.15);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n}\r\n.s157-btn-dark:hover {\r\n    transform: translateY(-2px); box-shadow: 0 15px 40px rgba(0, 214, 160, 0.25); color: #000;\r\n}\r\n\r\n\/* Demo Chip (Secund\u00e1rio) *\/\r\n.s157-demo-chip {\r\n    font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 600;\r\n    color: #94A3B8; text-decoration: none;\r\n    border-bottom: 1px solid rgba(148, 163, 184, 0.3); padding-bottom: 2px;\r\n    transition: all 0.2s ease;\r\n}\r\n.s157-demo-chip:hover { color: #fff; border-color: #fff; }\r\n\r\n\/* Micro-Copy de Seguran\u00e7a *\/\r\n.s157-cb-micro {\r\n    font-family: 'Inter', sans-serif; font-size: 10px; color: #475569;\r\n    text-transform: uppercase; letter-spacing: 0.05em; margin-top: 8px;\r\n    display: flex; align-items: center; gap: 6px;\r\n}\r\n\r\n\/* 4. Background Grid (Subtil) *\/\r\n.s157-cb-grid {\r\n    position: absolute; inset: 0; pointer-events: none; opacity: 0.1;\r\n    background-image: linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n}\r\n\r\n\/* 5. Mobile Responsiveness *\/\r\n@media (max-width: 768px) {\r\n    .s157-compliance-box {\r\n        grid-template-columns: 1fr; \/* Stack *\/\r\n        gap: 24px; padding: 24px; text-align: center;\r\n    }\r\n    .s157-cb-content, .s157-cb-actions { align-items: center; }\r\n    .s157-cb-desc { max-width: 100%; font-size: 13px; }\r\n    .s157-btn-dark { width: 100%; justify-content: center; }\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o *\/\r\n@keyframes s157PulseSlow { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\r\n<\/style>\r\n\r\n<div class=\"s157-compliance-box\">\r\n    <div class=\"s157-cb-grid\"><\/div>\r\n\r\n    <div class=\"s157-cb-content\">\r\n        <div class=\"s157-cb-status\">\r\n            <div class=\"s157-cb-dot\"><\/div>\r\n            SISTEMA EN VIVO \u2022 ENCRIPCI\u00d3N ACTIVA\r\n        <\/div>\r\n        <h2 class=\"s157-cb-title\">ACCESO RESERVADO<\/h2>\r\n        <p class=\"s157-cb-desc\">\r\n            La superficie termina aqu\u00ed. Subject 157 organiza la validaci\u00f3n documental, el c\u00e1lculo y la mitigaci\u00f3n de riesgos en un sistema operativo seguro.\r\n            <br><br>\r\n            <strong>Acceso exclusivo para investigadores auditados.<\/strong>\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"s157-cb-actions\">\r\n        <a href=\"https:\/\/subject157.com\/es\/el-protocolo-de-iniciacion\/\" class=\"s157-btn-dark s157-cta--reactor\">\r\n            INICIAR ACCESO RESERVADO \u2192\r\n        <\/a>\r\n        \r\n        <div class=\"s157-cb-micro\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\r\n            TOKEN NECESARIO \u2022 SESI\u00d3N SEGURA\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/subject157.com\/es\/auditor-coa\/\" class=\"s157-demo-chip\">\r\n            Ejecutar demo (30 s)\r\n        <\/a>\r\n        <span style=\"font-size:10px; color:#475569;\">Sin credenciales: ver solo \u00edndice<\/span>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>System Online Engenharia de Bancada. A intui\u00e7\u00e3o n\u00e3o tem lugar no laborat\u00f3rio. Um erro de zero \u00e0 direita transforma uma dose \u201cok\u201d numa dose de choque. Usa o M\u00f3dulo de Precis\u00e3o abaixo para eliminar a falha humana. \/\/ ALGORITMO C\u00e1lculo Operacional Converte mg + mL em leitura U-100 (UI + mL), com precis\u00e3o e contexto. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5181","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/subject157.com\/es\/wp-json\/wp\/v2\/pages\/5181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/subject157.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/subject157.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/subject157.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/subject157.com\/es\/wp-json\/wp\/v2\/comments?post=5181"}],"version-history":[{"count":0,"href":"https:\/\/subject157.com\/es\/wp-json\/wp\/v2\/pages\/5181\/revisions"}],"wp:attachment":[{"href":"https:\/\/subject157.com\/es\/wp-json\/wp\/v2\/media?parent=5181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}