Compatibilidad de Materiales vs Fluidos | 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:980px; 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(220px,1fr)); gap:14px; }\nlabel{ font-size:13px; opacity:.9; }\nselect{ 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.res{ margin-top:16px; padding:16px; border-radius:12px; background:rgba(0,0,0,.35); }\n.badge{ display:inline-block; padding:6px 12px; border-radius:999px; font-weight:800; color:#fff; }\n.ok{ background:rgba(0,180,90,.9); } .warn{ background:rgba(255,180,0,.9); } .no{ background:rgba(230,70,70,.9); }\n.note{ font-size:12px; opacity:.85; margin-top:10px; }\nsmall{ opacity:.75; }\n<\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <h1>Compatibilidad de Materiales vs Fluidos<\/h1>\n <p class=\"sub\">Elige un <strong>material<\/strong> y un <strong>fluido<\/strong>. Resultado orientativo para selecci\u00f3n de sellos, mangueras y componentes.<\/p>\n\n <div class=\"card\">\n <h3>Seleccionar<\/h3>\n <div class=\"grid\">\n <div>\n <label for=\"material\">Material \/ Elast\u00f3mero<\/label>\n <select id=\"material\">\n <option value=\"\">\u2014 Selecciona \u2014<\/option>\n <option>NBR (Buna-N)<\/option>\n <option>FKM (Viton)<\/option>\n <option>EPDM<\/option>\n <option>PTFE (Tefl\u00f3n)<\/option>\n <option>PU (Poliuretano)<\/option>\n <option>Neopreno<\/option>\n <option>Silicona<\/option>\n <\/select>\n <\/div>\n <div>\n <label for=\"fluido\">Fluido<\/label>\n <select id=\"fluido\">\n <option value=\"\">\u2014 Selecciona \u2014<\/option>\n <option>Aceite mineral<\/option>\n <option>Grasa de litio<\/option>\n <option>Glicol<\/option>\n <option>Agua<\/option>\n <option>Di\u00e9sel<\/option>\n <option>Gasolina<\/option>\n <option>\u00c9ster sint\u00e9tico<\/option>\n <option>Solvente ligero<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div id=\"out\" class=\"res\" style=\"display:none\"><\/div>\n <div class=\"note\">\n Referencial. Verifica siempre hoja t\u00e9cnica del fabricante y condiciones de operaci\u00f3n (temperatura, presi\u00f3n, concentraci\u00f3n, presencia de arom\u00e1ticos).\n <\/div>\n <\/div>\n <\/div>\n\n<script>\n\/* Mapa de compatibilidad aproximado (\u2705 ok, \u26a0\ufe0f limitado, \u274c no recomendado) *\/\nconst data = {\n \"NBR (Buna-N)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"no\", \"Agua\":\"warn\",\n \"Di\u00e9sel\":\"ok\", \"Gasolina\":\"warn\", \"\u00c9ster sint\u00e9tico\":\"warn\", \"Solvente ligero\":\"no\"\n },\n \"FKM (Viton)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"warn\", \"Agua\":\"warn\",\n \"Di\u00e9sel\":\"ok\", \"Gasolina\":\"ok\", \"\u00c9ster sint\u00e9tico\":\"ok\", \"Solvente ligero\":\"ok\"\n },\n \"EPDM\": {\n \"Aceite mineral\":\"no\", \"Grasa de litio\":\"no\", \"Glicol\":\"ok\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"no\", \"Gasolina\":\"no\", \"\u00c9ster sint\u00e9tico\":\"no\", \"Solvente ligero\":\"no\"\n },\n \"PTFE (Tefl\u00f3n)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"ok\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"ok\", \"Gasolina\":\"ok\", \"\u00c9ster sint\u00e9tico\":\"ok\", \"Solvente ligero\":\"ok\"\n },\n \"PU (Poliuretano)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"warn\", \"Agua\":\"warn\",\n \"Di\u00e9sel\":\"warn\", \"Gasolina\":\"no\", \"\u00c9ster sint\u00e9tico\":\"warn\", \"Solvente ligero\":\"no\"\n },\n \"Neopreno\": {\n \"Aceite mineral\":\"warn\", \"Grasa de litio\":\"warn\", \"Glicol\":\"warn\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"warn\", \"Gasolina\":\"warn\", \"\u00c9ster sint\u00e9tico\":\"no\", \"Solvente ligero\":\"no\"\n },\n \"Silicona\": {\n \"Aceite mineral\":\"warn\", \"Grasa de litio\":\"warn\", \"Glicol\":\"ok\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"no\", \"Gasolina\":\"no\", \"\u00c9ster sint\u00e9tico\":\"warn\", \"Solvente ligero\":\"no\"\n }\n};\n\nconst labels = {\n ok: {txt:\"\u2705 Compatible\", cls:\"ok\", msg:\"Uso generalmente recomendado.\"},\n warn: {txt:\"\u26a0\ufe0f Limitado \/ probar\", cls:\"warn\", msg:\"Puede requerir pruebas seg\u00fan temperatura, concentraci\u00f3n o arom\u00e1ticos.\"},\n no: {txt:\"\u274c No recomendado\", cls:\"no\", msg:\"Riesgo de hinchamiento, degradaci\u00f3n o p\u00e9rdida de propiedades.\"}\n};\n\nconst mat = document.getElementById('material');\nconst flu = document.getElementById('fluido');\nconst out = document.getElementById('out');\n\nmat.addEventListener('change', render);\nflu.addEventListener('change', render);\n\nfunction render(){\n const m = mat.value, f = flu.value;\n if(!m || !f){ out.style.display='none'; out.innerHTML=''; return; }\n const key = data[m]?.[f] || 'warn';\n const info = labels[key];\n out.style.display = 'block';\n out.innerHTML = `\n <div style=\"display:flex; align-items:center; gap:10px; flex-wrap:wrap;\">\n <span class=\"badge ${info.cls}\">${info.txt}<\/span>\n <div><strong>${m}<\/strong> con <strong>${f}<\/strong><\/div>\n <\/div>\n <div style=\"margin-top:8px\">${info.msg}<\/div>\n <div style=\"margin-top:8px; font-size:12px; opacity:.8\">\n <small>Tip:<\/small> considera temperatura, presi\u00f3n, % de arom\u00e1ticos y recomendaci\u00f3n del fabricante del sello\/fluido.\n <\/div>\n `;\n}\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"card\" style=\"margin-top:24px; padding:24px; border-radius:16px;\n background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18);\n backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);\">\n <h3 style=\"color:#DE643F; margin-top:0; font-size:24px; text-align:center;\">\n Tabla Completa de Compatibilidad\n <\/h3>\n <table style=\"width:100%; border-collapse:collapse; margin-top:16px; color:#fff; text-align:center;\">\n <thead>\n <tr style=\"background:rgba(255,255,255,0.08);\">\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Material<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Aceite mineral<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Grasa de litio<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Glicol<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Agua<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Di\u00e9sel<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Gasolina<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">\u00c9ster sint\u00e9tico<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Solvente ligero<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">NBR (Buna-N)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u274c<\/td><td>\u26a0\ufe0f<\/td>\n <td>\u2705<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">FKM (Viton)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">EPDM<\/td>\n <td>\u274c<\/td><td>\u274c<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <td>\u274c<\/td><td>\u274c<\/td><td>\u274c<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">PTFE (Tefl\u00f3n)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">PU (Poliuretano)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u274c<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">Neopreno<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u2705<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">Silicona<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <td>\u274c<\/td><td>\u274c<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <p style=\"font-size:13px; opacity:.85; margin-top:10px; text-align:center;\">\n \u2705 Compatible \u00b7 \u26a0\ufe0f Limitado \/ probar \u00b7 \u274c No recomendado\n <\/p>\n<\/div>\n\n\n\n\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 \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 Materiales vs Fluidos | Any-Serv SpA Compatibilidad de Materiales vs Fluidos Elige un material y un fluido. Resultado orientativo para selecci\u00f3n de sellos, mangueras y componentes. Seleccionar Material \/ Elast\u00f3mero \u2014 Selecciona \u2014NBR (Buna-N)FKM (Viton)EPDMPTFE (Tefl\u00f3n)PU (Poliuretano)NeoprenoSilicona Fluido \u2014 Selecciona \u2014Aceite mineralGrasa de litioGlicolAguaDi\u00e9selGasolina\u00c9ster sint\u00e9ticoSolvente ligero Referencial. Verifica siempre hoja t\u00e9cnica del fabricante<\/p>\n<div class=\"more-link\">\n\t\t\t\t <a href=\"https:\/\/tools.anyservspa.cl\/index.php\/compatibilidad-de-materiales-vs-fluidos-interactiva\/\" 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-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/114","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=114"}],"version-history":[{"count":9,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":114,"date":"2025-09-20T01:25:54","date_gmt":"2025-09-20T01:25:54","guid":{"rendered":"https:\/\/tools.anyservspa.cl\/?page_id=114"},"modified":"2025-09-20T01:50:28","modified_gmt":"2025-09-20T01:50:28","slug":"compatibilidad-de-materiales-vs-fluidos-interactiva","status":"publish","type":"page","link":"https:\/\/tools.anyservspa.cl\/index.php\/compatibilidad-de-materiales-vs-fluidos-interactiva\/","title":{"rendered":"Compatibilidad de Materiales vs Fluidos (interactiva)"},"content":{"rendered":"\n\n\n\n\nCompatibilidad de Materiales vs Fluidos | 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:980px; 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(220px,1fr)); gap:14px; }\nlabel{ font-size:13px; opacity:.9; }\nselect{ 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.res{ margin-top:16px; padding:16px; border-radius:12px; background:rgba(0,0,0,.35); }\n.badge{ display:inline-block; padding:6px 12px; border-radius:999px; font-weight:800; color:#fff; }\n.ok{ background:rgba(0,180,90,.9); } .warn{ background:rgba(255,180,0,.9); } .no{ background:rgba(230,70,70,.9); }\n.note{ font-size:12px; opacity:.85; margin-top:10px; }\nsmall{ opacity:.75; }\n<\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <h1>Compatibilidad de Materiales vs Fluidos<\/h1>\n <p class=\"sub\">Elige un <strong>material<\/strong> y un <strong>fluido<\/strong>. Resultado orientativo para selecci\u00f3n de sellos, mangueras y componentes.<\/p>\n\n <div class=\"card\">\n <h3>Seleccionar<\/h3>\n <div class=\"grid\">\n <div>\n <label for=\"material\">Material \/ Elast\u00f3mero<\/label>\n <select id=\"material\">\n <option value=\"\">\u2014 Selecciona \u2014<\/option>\n <option>NBR (Buna-N)<\/option>\n <option>FKM (Viton)<\/option>\n <option>EPDM<\/option>\n <option>PTFE (Tefl\u00f3n)<\/option>\n <option>PU (Poliuretano)<\/option>\n <option>Neopreno<\/option>\n <option>Silicona<\/option>\n <\/select>\n <\/div>\n <div>\n <label for=\"fluido\">Fluido<\/label>\n <select id=\"fluido\">\n <option value=\"\">\u2014 Selecciona \u2014<\/option>\n <option>Aceite mineral<\/option>\n <option>Grasa de litio<\/option>\n <option>Glicol<\/option>\n <option>Agua<\/option>\n <option>Di\u00e9sel<\/option>\n <option>Gasolina<\/option>\n <option>\u00c9ster sint\u00e9tico<\/option>\n <option>Solvente ligero<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div id=\"out\" class=\"res\" style=\"display:none\"><\/div>\n <div class=\"note\">\n Referencial. Verifica siempre hoja t\u00e9cnica del fabricante y condiciones de operaci\u00f3n (temperatura, presi\u00f3n, concentraci\u00f3n, presencia de arom\u00e1ticos).\n <\/div>\n <\/div>\n <\/div>\n\n<script>\n\/* Mapa de compatibilidad aproximado (\u2705 ok, \u26a0\ufe0f limitado, \u274c no recomendado) *\/\nconst data = {\n \"NBR (Buna-N)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"no\", \"Agua\":\"warn\",\n \"Di\u00e9sel\":\"ok\", \"Gasolina\":\"warn\", \"\u00c9ster sint\u00e9tico\":\"warn\", \"Solvente ligero\":\"no\"\n },\n \"FKM (Viton)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"warn\", \"Agua\":\"warn\",\n \"Di\u00e9sel\":\"ok\", \"Gasolina\":\"ok\", \"\u00c9ster sint\u00e9tico\":\"ok\", \"Solvente ligero\":\"ok\"\n },\n \"EPDM\": {\n \"Aceite mineral\":\"no\", \"Grasa de litio\":\"no\", \"Glicol\":\"ok\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"no\", \"Gasolina\":\"no\", \"\u00c9ster sint\u00e9tico\":\"no\", \"Solvente ligero\":\"no\"\n },\n \"PTFE (Tefl\u00f3n)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"ok\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"ok\", \"Gasolina\":\"ok\", \"\u00c9ster sint\u00e9tico\":\"ok\", \"Solvente ligero\":\"ok\"\n },\n \"PU (Poliuretano)\": {\n \"Aceite mineral\":\"ok\", \"Grasa de litio\":\"ok\", \"Glicol\":\"warn\", \"Agua\":\"warn\",\n \"Di\u00e9sel\":\"warn\", \"Gasolina\":\"no\", \"\u00c9ster sint\u00e9tico\":\"warn\", \"Solvente ligero\":\"no\"\n },\n \"Neopreno\": {\n \"Aceite mineral\":\"warn\", \"Grasa de litio\":\"warn\", \"Glicol\":\"warn\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"warn\", \"Gasolina\":\"warn\", \"\u00c9ster sint\u00e9tico\":\"no\", \"Solvente ligero\":\"no\"\n },\n \"Silicona\": {\n \"Aceite mineral\":\"warn\", \"Grasa de litio\":\"warn\", \"Glicol\":\"ok\", \"Agua\":\"ok\",\n \"Di\u00e9sel\":\"no\", \"Gasolina\":\"no\", \"\u00c9ster sint\u00e9tico\":\"warn\", \"Solvente ligero\":\"no\"\n }\n};\n\nconst labels = {\n ok: {txt:\"\u2705 Compatible\", cls:\"ok\", msg:\"Uso generalmente recomendado.\"},\n warn: {txt:\"\u26a0\ufe0f Limitado \/ probar\", cls:\"warn\", msg:\"Puede requerir pruebas seg\u00fan temperatura, concentraci\u00f3n o arom\u00e1ticos.\"},\n no: {txt:\"\u274c No recomendado\", cls:\"no\", msg:\"Riesgo de hinchamiento, degradaci\u00f3n o p\u00e9rdida de propiedades.\"}\n};\n\nconst mat = document.getElementById('material');\nconst flu = document.getElementById('fluido');\nconst out = document.getElementById('out');\n\nmat.addEventListener('change', render);\nflu.addEventListener('change', render);\n\nfunction render(){\n const m = mat.value, f = flu.value;\n if(!m || !f){ out.style.display='none'; out.innerHTML=''; return; }\n const key = data[m]?.[f] || 'warn';\n const info = labels[key];\n out.style.display = 'block';\n out.innerHTML = `\n <div style=\"display:flex; align-items:center; gap:10px; flex-wrap:wrap;\">\n <span class=\"badge ${info.cls}\">${info.txt}<\/span>\n <div><strong>${m}<\/strong> con <strong>${f}<\/strong><\/div>\n <\/div>\n <div style=\"margin-top:8px\">${info.msg}<\/div>\n <div style=\"margin-top:8px; font-size:12px; opacity:.8\">\n <small>Tip:<\/small> considera temperatura, presi\u00f3n, % de arom\u00e1ticos y recomendaci\u00f3n del fabricante del sello\/fluido.\n <\/div>\n `;\n}\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"card\" style=\"margin-top:24px; padding:24px; border-radius:16px;\n background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18);\n backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);\">\n <h3 style=\"color:#DE643F; margin-top:0; font-size:24px; text-align:center;\">\n Tabla Completa de Compatibilidad\n <\/h3>\n <table style=\"width:100%; border-collapse:collapse; margin-top:16px; color:#fff; text-align:center;\">\n <thead>\n <tr style=\"background:rgba(255,255,255,0.08);\">\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Material<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Aceite mineral<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Grasa de litio<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Glicol<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Agua<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Di\u00e9sel<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Gasolina<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">\u00c9ster sint\u00e9tico<\/th>\n <th style=\"padding:10px; border:1px solid rgba(255,255,255,.3);\">Solvente ligero<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">NBR (Buna-N)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u274c<\/td><td>\u26a0\ufe0f<\/td>\n <td>\u2705<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">FKM (Viton)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">EPDM<\/td>\n <td>\u274c<\/td><td>\u274c<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <td>\u274c<\/td><td>\u274c<\/td><td>\u274c<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">PTFE (Tefl\u00f3n)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">PU (Poliuretano)<\/td>\n <td>\u2705<\/td><td>\u2705<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u274c<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">Neopreno<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u2705<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td><td>\u274c<\/td>\n <\/tr>\n <tr style=\"border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2);\">\n <td style=\"padding:10px;\">Silicona<\/td>\n <td>\u26a0\ufe0f<\/td><td>\u26a0\ufe0f<\/td><td>\u2705<\/td><td>\u2705<\/td>\n <td>\u274c<\/td><td>\u274c<\/td><td>\u26a0\ufe0f<\/td><td>\u274c<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <p style=\"font-size:13px; opacity:.85; margin-top:10px; text-align:center;\">\n \u2705 Compatible \u00b7 \u26a0\ufe0f Limitado \/ probar \u00b7 \u274c No recomendado\n <\/p>\n<\/div>\n\n\n\n\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 \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 Materiales vs Fluidos | Any-Serv SpA Compatibilidad de Materiales vs Fluidos Elige un material y un fluido. Resultado orientativo para selecci\u00f3n de sellos, mangueras y componentes. Seleccionar Material \/ Elast\u00f3mero \u2014 Selecciona \u2014NBR (Buna-N)FKM (Viton)EPDMPTFE (Tefl\u00f3n)PU (Poliuretano)NeoprenoSilicona Fluido \u2014 Selecciona \u2014Aceite mineralGrasa de litioGlicolAguaDi\u00e9selGasolina\u00c9ster sint\u00e9ticoSolvente ligero Referencial. Verifica siempre hoja t\u00e9cnica del fabricante<\/p>\n<div class=\"more-link\">\n\t\t\t\t <a href=\"https:\/\/tools.anyservspa.cl\/index.php\/compatibilidad-de-materiales-vs-fluidos-interactiva\/\" 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-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/114","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=114"}],"version-history":[{"count":9,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/pages\/114\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/tools.anyservspa.cl\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}