{"id":146,"date":"2025-09-20T02:01:06","date_gmt":"2025-09-20T02:01:06","guid":{"rendered":"https:\/\/tools.anyservspa.cl\/?page_id=146"},"modified":"2025-09-20T02:02:31","modified_gmt":"2025-09-20T02:02:31","slug":"compatibilidad-de-grasas","status":"publish","type":"page","link":"https:\/\/tools.anyservspa.cl\/index.php\/compatibilidad-de-grasas\/","title":{"rendered":"Compatibilidad de Grasas"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\">\n<title>Compatibilidad de Grasas | Any-Serv SpA<\/title>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<style>\n:root{ --salmon:#DE643F; --panel:rgba(255,255,255,.08); --bd:rgba(255,255,255,.22); --txt:#E8F3FF; }\nbody{ margin:0; font-family:system-ui,Arial,sans-serif; color:var(--txt); background:transparent; }\n.wrap{ max-width:1000px; margin:36px auto; padding:0 16px; }\nh1{ margin:0 0 8px; font-size:clamp(26px,4.5vw,40px); color:#fff; text-align:center; text-shadow:0 4px 14px rgba(0,0,0,.5); }\n.sub{ text-align:center; opacity:.9; margin:0 0 22px; }\n.card{ background:var(--panel); border:1px solid var(--bd); border-radius:16px; padding:22px;\n       backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 10px 30px rgba(0,0,0,.25); }\nh3{ margin:8px 0 14px; color:var(--salmon); font-size:22px; }\n.grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }\nlabel{ font-size:13px; opacity:.9; }\nselect{\n  width:100%; padding:12px; border-radius:10px; border:1px solid rgba(255,255,255,.2);\n  background:rgba(0,0,0,.25); color:#fff; font-size:16px; outline:none;\n}\n.res{ margin-top:16px; padding:14px; border-radius:12px; background:rgba(0,0,0,.35); text-align:center; }\n.badge{ display:inline-block; padding:8px 16px; border-radius:999px; font-weight:800; color:#fff; font-size:18px; }\n.ok{ background:rgba(0,180,90,.9); }\n.warn{ background:rgba(255,180,0,.9); color:#000; }\n.no{ background:rgba(230,70,70,.9); }\n.note{ font-size:12px; opacity:.85; margin-top:10px; text-align:center; }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n  <h1>Compatibilidad de Grasas<\/h1>\n  <p class=\"sub\">Selecciona dos grasas seg\u00fan <strong>espesante base<\/strong> y verifica si son <strong>compatibles<\/strong> para mezclarse.<\/p>\n\n  <div class=\"card\">\n    <h3>Seleccionar Grasas<\/h3>\n    <div class=\"grid\">\n      <div>\n        <label>Grasa A<\/label>\n        <select id=\"g1\">\n          <option value=\"\">\u2014 Selecciona \u2014<\/option>\n          <option>Litio<\/option>\n          <option>Litio Complejo<\/option>\n          <option>Calcio<\/option>\n          <option>Calcio Complejo<\/option>\n          <option>Aluminio Complejo<\/option>\n          <option>Bentonita<\/option>\n          <option>Poliurea<\/option>\n          <option>Silicona<\/option>\n        <\/select>\n      <\/div>\n      <div>\n        <label>Grasa B<\/label>\n        <select id=\"g2\">\n          <option value=\"\">\u2014 Selecciona \u2014<\/option>\n          <option>Litio<\/option>\n          <option>Litio Complejo<\/option>\n          <option>Calcio<\/option>\n          <option>Calcio Complejo<\/option>\n          <option>Aluminio Complejo<\/option>\n          <option>Bentonita<\/option>\n          <option>Poliurea<\/option>\n          <option>Silicona<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div id=\"out\" class=\"res\" style=\"display:none\"><\/div>\n    <div class=\"note\">\n      Referencial, basado en literatura t\u00e9cnica. Siempre confirmar con el fabricante antes de mezclar productos en equipos cr\u00edticos.\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Mapa de compatibilidad de espesantes\n\/\/ Simplificado (ejemplo com\u00fan de tablas de compatibilidad)\nconst data = {\n  \"Litio\": {\n    \"Litio\":\"ok\",\"Litio Complejo\":\"ok\",\"Calcio\":\"warn\",\"Calcio Complejo\":\"warn\",\n    \"Aluminio Complejo\":\"warn\",\"Bentonita\":\"no\",\"Poliurea\":\"no\",\"Silicona\":\"no\"\n  },\n  \"Litio Complejo\": {\n    \"Litio\":\"ok\",\"Litio Complejo\":\"ok\",\"Calcio\":\"warn\",\"Calcio Complejo\":\"ok\",\n    \"Aluminio Complejo\":\"warn\",\"Bentonita\":\"no\",\"Poliurea\":\"no\",\"Silicona\":\"no\"\n  },\n  \"Calcio\": {\n    \"Litio\":\"warn\",\"Litio Complejo\":\"warn\",\"Calcio\":\"ok\",\"Calcio Complejo\":\"ok\",\n    \"Aluminio Complejo\":\"warn\",\"Bentonita\":\"no\",\"Poliurea\":\"no\",\"Silicona\":\"no\"\n  },\n  \"Calcio Complejo\": {\n    \"Litio\":\"warn\",\"Litio Complejo\":\"ok\",\"Calcio\":\"ok\",\"Calcio Complejo\":\"ok\",\n    \"Aluminio Complejo\":\"warn\",\"Bentonita\":\"no\",\"Poliurea\":\"no\",\"Silicona\":\"no\"\n  },\n  \"Aluminio Complejo\": {\n    \"Litio\":\"warn\",\"Litio Complejo\":\"warn\",\"Calcio\":\"warn\",\"Calcio Complejo\":\"warn\",\n    \"Aluminio Complejo\":\"ok\",\"Bentonita\":\"no\",\"Poliurea\":\"no\",\"Silicona\":\"no\"\n  },\n  \"Bentonita\": {\n    \"Litio\":\"no\",\"Litio Complejo\":\"no\",\"Calcio\":\"no\",\"Calcio Complejo\":\"no\",\n    \"Aluminio Complejo\":\"no\",\"Bentonita\":\"ok\",\"Poliurea\":\"no\",\"Silicona\":\"no\"\n  },\n  \"Poliurea\": {\n    \"Litio\":\"no\",\"Litio Complejo\":\"no\",\"Calcio\":\"no\",\"Calcio Complejo\":\"no\",\n    \"Aluminio Complejo\":\"no\",\"Bentonita\":\"no\",\"Poliurea\":\"ok\",\"Silicona\":\"no\"\n  },\n  \"Silicona\": {\n    \"Litio\":\"no\",\"Litio Complejo\":\"no\",\"Calcio\":\"no\",\"Calcio Complejo\":\"no\",\n    \"Aluminio Complejo\":\"no\",\"Bentonita\":\"no\",\"Poliurea\":\"no\",\"Silicona\":\"ok\"\n  }\n};\n\nconst g1=document.getElementById('g1'), g2=document.getElementById('g2'), out=document.getElementById('out');\n\n[g1,g2].forEach(sel => sel.addEventListener('change',render));\n\nfunction render(){\n  const a=g1.value, b=g2.value;\n  if(!a||!b){ out.style.display='none'; return; }\n  const key=data[a]?.[b]||'warn';\n  let label=\"\", cls=\"\";\n  if(key===\"ok\"){ label=\"\u2705 Compatibles\"; cls=\"ok\"; }\n  if(key===\"warn\"){ label=\"\u26a0\ufe0f Precauci\u00f3n\"; cls=\"warn\"; }\n  if(key===\"no\"){ label=\"\u274c No compatibles\"; cls=\"no\"; }\n  out.style.display='block';\n  out.innerHTML=`<span class=\"badge ${cls}\">${label}<\/span><br><br><b>${a}<\/b> con <b>${b}<\/b>`;\n}\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!-- Bot\u00f3n Volver (elegante con animaci\u00f3n) -->\r\n<div class=\"as-back-wrap\">\r\n  <button class=\"as-back-btn\" aria-label=\"Volver a la p\u00e1gina anterior\" title=\"Volver\">\r\n    <span class=\"as-icon\" aria-hidden=\"true\">\r\n      <!-- Flecha SVG -->\r\n      <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\">\r\n        <path d=\"M15 5l-7 7 7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n    <span class=\"as-text\">Volver<\/span>\r\n    <span class=\"as-glow\"><\/span>\r\n  <\/button>\r\n<\/div>\r\n\r\n<style>\r\n  .as-back-wrap{\r\n    position: fixed;\r\n    bottom: 22px; left: 22px; \/* c\u00e1mbialo a left si prefieres *\/\r\n    z-index: 9999;\r\n  }\r\n  .as-back-btn{\r\n    --bg: rgba(20,22,27,.75);\r\n    --bg2: rgba(20,22,27,.55);\r\n    --accent: #DE643F; \/* salm\u00f3n Any-Serv *\/\r\n    --txt: #f6f7fb;\r\n\r\n    display: inline-flex; align-items: center; gap: .6rem;\r\n    padding: .9rem 1.15rem;\r\n    color: var(--txt); background: linear-gradient(135deg,var(--bg),var(--bg2));\r\n    border: 1px solid rgba(255,255,255,.08);\r\n    border-radius: 14px;\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 10px 24px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.04);\r\n    cursor: pointer;\r\n    transition: transform .18s ease, box-shadow .25s ease;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .as-icon{ display: inline-grid; place-items:center; }\r\n  .as-text{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif; font-weight: 600; letter-spacing:.2px; }\r\n\r\n  \/* Microinteracciones *\/\r\n  .as-back-btn:hover{ transform: translateY(-2px); box-shadow: 0 16px 32px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.06); }\r\n  .as-back-btn:active{ transform: translateY(0); }\r\n\r\n  \/* \u201cRespiraci\u00f3n\u201d sutil *\/\r\n  .as-back-btn::after{\r\n    content:\"\"; position:absolute; inset:-1px; border-radius:inherit;\r\n    background: radial-gradient(120px 120px at var(--mx,50%) var(--my,50%), rgba(222,100,63,.18), transparent 55%);\r\n    transition: background .15s ease;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Glow lateral *\/\r\n  .as-glow{\r\n    position:absolute; inset:-2px; border-radius:inherit;\r\n    background: conic-gradient(from 180deg at 50% 50%, transparent 0 20%, rgba(222,100,63,.18) 20% 30%, transparent 30% 100%);\r\n    filter: blur(10px); opacity:.0; transition: opacity .25s ease;\r\n    pointer-events:none;\r\n  }\r\n  .as-back-btn:hover .as-glow{ opacity:.8; }\r\n\r\n  \/* Animaci\u00f3n de la flecha *\/\r\n  .as-back-btn:hover .as-icon svg{ transform: translateX(-2px); }\r\n  .as-icon svg{ transition: transform .18s ease; }\r\n\r\n  \/* Modo reducido en m\u00f3viles *\/\r\n  @media (max-width:480px){\r\n    .as-text{ display:none; }\r\n    .as-back-btn{ padding:.8rem; border-radius:12px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    const FALLBACK_URL = '\/'; \/\/ <-- Cambia aqu\u00ed si quieres otro destino por defecto\r\n    const btn = document.querySelector('.as-back-btn');\r\n\r\n    \/\/ Efecto \u201cfollow cursor\u201d para el brillo\r\n    btn.addEventListener('pointermove', (e)=>{\r\n      const r = e.currentTarget.getBoundingClientRect();\r\n      const x = e.clientX - r.left, y = e.clientY - r.top;\r\n      e.currentTarget.style.setProperty('--mx', x+'px');\r\n      e.currentTarget.style.setProperty('--my', y+'px');\r\n    });\r\n\r\n    btn.addEventListener('click', (e)=>{\r\n      e.preventDefault();\r\n      \/\/ Si hay historial \u201creal\u201d, volvemos. Si no, usamos fallback.\r\n      if (window.history.length > 1) {\r\n        window.history.back();\r\n      } else {\r\n        window.location.href = FALLBACK_URL;\r\n      }\r\n    });\r\n  })();\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Compatibilidad de Grasas | Any-Serv SpA Compatibilidad de Grasas Selecciona dos grasas seg\u00fan espesante base y verifica si son compatibles para mezclarse. Seleccionar Grasas Grasa A \u2014 Selecciona \u2014LitioLitio ComplejoCalcioCalcio ComplejoAluminio ComplejoBentonitaPoliureaSilicona Grasa B \u2014 Selecciona \u2014LitioLitio ComplejoCalcioCalcio ComplejoAluminio ComplejoBentonitaPoliureaSilicona Referencial, basado en literatura t\u00e9cnica. Siempre confirmar con el fabricante antes de mezclar productos en<\/p>\n<div class=\"more-link\">\n\t\t\t\t <a href=\"https:\/\/tools.anyservspa.cl\/index.php\/compatibilidad-de-grasas\/\" class=\"link-btn theme-btn\"><span>Read More <\/span> <i class=\"fa fa-caret-right\"><\/i><\/a>\n\t\t\t<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":2,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/146\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/media?parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}