{"id":108,"date":"2025-06-21T21:31:38","date_gmt":"2025-06-21T21:31:38","guid":{"rendered":"https:\/\/palegreen-oryx-497062.hostingersite.com\/?page_id=108"},"modified":"2025-09-23T22:13:36","modified_gmt":"2025-09-23T19:13:36","slug":"pigmentos-2","status":"publish","type":"page","link":"https:\/\/infinitone.com.ar\/en\/","title":{"rendered":"Infinitone"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"108\" class=\"elementor elementor-108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8971ad4 e-con-full e-flex e-con e-parent\" data-id=\"8971ad4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68cbcc1 elementor-widget elementor-widget-html\" data-id=\"68cbcc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Hero Home (texto blanco + tipograf\u00eda consistente, sin subrayados) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"inf-hero\">\n  <div class=\"hero-bg\" style=\"background-image:url('https:\/\/palegreen-oryx-497062.hostingersite.com\/wp-content\/uploads\/2025\/06\/3.png');\"><\/div>\n  <div class=\"hero-content\">\n    <h1>Color solutions for all types of industries.<\/h1>\n    <a class=\"btn-hero\" href=\"https:\/\/palegreen-oryx-497062.hostingersite.com\/wp-content\/uploads\/2025\/08\/Catalogo-Infinitone-2-2.pdf\" target=\"_blank\" rel=\"noopener\">View catalog<\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .inf-hero{\n    position:relative;\n    color:#fff;\n    text-align:center;\n    border-radius:18px;\n    overflow:hidden;\n    min-height:55vh;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:40px 20px;\n    font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n  }\n\n  \/* \ud83d\udd3b Sin subrayados en TODOS los enlaces del hero *\/\n  .inf-hero a,\n  .inf-hero a:visited,\n  .inf-hero a:hover,\n  .inf-hero a:focus {\n    text-decoration:none !important;\n  }\n  \/* Accesibilidad de foco sin subrayado *\/\n  .inf-hero a:focus-visible{\n    outline:2px solid #fff;\n    outline-offset:2px;\n  }\n\n  .inf-hero .hero-bg{\n    position:absolute; inset:0;\n    background-position:center 40%;\n    background-size:cover;\n    background-repeat:no-repeat;\n    z-index:0;\n    filter:saturate(1.05);\n    will-change:transform;\n    transition:transform .3s ease;\n  }\n  \/* Overlay *\/\n  .inf-hero::before{\n    content:\"\";\n    position:absolute; inset:0;\n    background:rgba(0,0,0,0.45);\n    z-index:1;\n  }\n  .inf-hero .hero-content{\n    position:relative;\n    z-index:2;\n    max-width:900px;\n  }\n  .inf-hero h1{\n    font-weight:700;\n    font-size:clamp(32px, 5vw, 56px);\n    margin:0 0 18px;\n    line-height:1.2;\n    color:#fff;\n  }\n  .inf-hero p{\n    font-weight:400;\n    font-size:clamp(20px, 3vw, 26px);\n    margin:0 0 28px;\n    line-height:1.4;\n    color:#fff;\n  }\n  .btn-hero{\n    display:inline-block;\n    background:#e10600;\n    color:#fff;\n    padding:16px 32px;\n    border-radius:999px;\n    font-weight:700;\n    font-size:18px;\n    text-transform:uppercase;\n    text-decoration:none; \/* redundante pero dejamos igual *\/\n    box-shadow:0 6px 20px rgba(225,6,0,.35);\n    transition:.3s ease;\n  }\n  .btn-hero:hover{\n    transform:translateY(-3px) scale(1.02);\n    box-shadow:0 12px 28px rgba(225,6,0,.45);\n  }\n\n  \/* Mobile tuning <480px *\/\n  @media(max-width:480px){\n    .inf-hero{min-height:45vh;padding:28px 14px}\n    .inf-hero h1{font-size:26px;line-height:1.25}\n    .inf-hero p{font-size:16px;margin-bottom:20px}\n    .btn-hero{padding:12px 22px;font-size:15px}\n  }\n\n  \/* Accesibilidad *\/\n  @media(prefers-reduced-motion: reduce){\n    .inf-hero .hero-bg{transition:none !important;transform:none !important}\n  }\n<\/style>\n\n<script>\n(function(){\n  const hero = document.querySelector('.inf-hero');\n  if(!hero) return;\n\n  const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const isDesktop = window.matchMedia('(hover:hover) and (pointer:fine)').matches;\n  if (prefersReduced || !isDesktop) return;\n\n  const bg = hero.querySelector('.hero-bg');\n  if(!bg) return;\n\n  const speed = 0.15; \/\/ intensidad del parallax\n  let ticking = false;\n\n  function onScroll(){\n    if(ticking) return;\n    requestAnimationFrame(()=>{\n      const rect = hero.getBoundingClientRect();\n      const vh = window.innerHeight || 800;\n      const progress = Math.min(1, Math.max(0, (vh - rect.top) \/ (vh + rect.height)));\n      const offset = (progress - 0.5) * 2 * (rect.height * speed);\n      bg.style.transform = `translateY(${offset.toFixed(1)}px) scale(1.05)`;\n      ticking = false;\n    });\n    ticking = true;\n  }\n\n  function onResize(){ bg.style.transform = 'translateY(0)'; onScroll(); }\n\n  window.addEventListener('scroll', onScroll, {passive:true});\n  window.addEventListener('resize', onResize);\n  onScroll();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bd3eb2 e-con-full e-flex e-con e-parent\" data-id=\"9bd3eb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0835ac8 elementor-widget elementor-widget-html\" data-id=\"0835ac8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"productos\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Home \u00b7 Bloque Productos (3 en desktop, 1 en mobile) -->\n<style>\n  .inf-products{\n    max-width:1200px;margin:0 auto;padding:48px 20px;\n    font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n  }\n\n  \/* Quitar subrayado en todo el bloque (y asegurar en enlaces) *\/\n  .inf-products, .inf-products *{ text-decoration:none !important; }\n  .inf-products a{ color:inherit; }\n\n  \/* Enlaces de tarjeta *\/\n  .inf-card-link{\n    display:block; border-radius:16px;\n  }\n  .inf-card-link:focus-visible .inf-card{\n    outline:3px solid #2563eb; outline-offset:3px;\n  }\n\n  .inf-products > h2{\n    font-size:clamp(30px,3vw,38px); font-weight:800; text-align:center;\n    margin:0 0 10px; line-height:1.2; text-transform:capitalize;\n  }\n  .inf-products .sub{\n    color:#6b7280; text-align:center; margin:0 0 30px;\n    font-size:clamp(18px,2.2vw,22px); line-height:1.5;\n  }\n\n  \/* Grid: 1 \u2192 3 *\/\n  .inf-products .grid{\n    display:grid; gap:20px; justify-items:center; grid-template-columns:1fr;\n  }\n  @media (min-width:1024px){\n    .inf-products .grid{ grid-template-columns:repeat(3,1fr); }\n  }\n\n  .inf-card{\n    background:#fff;border:1px solid #ececee;border-radius:16px;padding:22px;text-align:center;\n    box-shadow:0 8px 22px rgba(0,0,0,.06);\n    transition:transform .25s, box-shadow .25s, border-color .25s;\n    color:#0a0a0a;width:100%;\n  }\n  @media (hover:hover) and (pointer:fine){\n    .inf-card-link:hover .inf-card{\n      transform:translateY(-6px) scale(1.01);\n      box-shadow:0 14px 28px rgba(0,0,0,.12);\n    }\n  }\n  @media(max-width:767.98px){ .inf-card{ padding:18px; } }\n\n  .inf-thumb{\n    width:96px;height:96px;border-radius:18px;overflow:hidden;\n    margin:6px auto 14px;border:1px solid #eee;background:#f7f8fb;\n    display:flex;align-items:center;justify-content:center;\n    box-shadow: inset 0 0 20px rgba(0,0,0,.04);\n  }\n  .inf-thumb svg{ width:56px;height:56px;display:block }\n\n  .inf-title{\n    font-weight:800;margin:8px 0 8px;text-transform:capitalize;\n    font-size:clamp(20px,2.2vw,22px);line-height:1.25;min-height:28px;\n  }\n  .inf-txt{\n    font-size:clamp(15.5px,2vw,18px);\n    color:#374151;line-height:1.55;min-height:46px;\n  }\n\n  .inf-tag{\n    display:inline-block;margin-top:14px;color:#fff;padding:12px 20px;border-radius:999px;\n    font-weight:800;text-transform:uppercase;letter-spacing:.2px;\n    box-shadow:0 10px 24px rgba(0,0,0,.14);\n    transition:transform .2s, box-shadow .2s, filter .2s;cursor:pointer;\n  }\n  @media (hover:hover) and (pointer:fine){\n    .inf-card-link:hover .inf-tag{ transform:translateY(-2px) scale(1.02); box-shadow:0 14px 28px rgba(0,0,0,.18); filter:saturate(1.05) }\n  }\n\n  \/* Colores por producto (mismos que ten\u00edas) *\/\n  .b-pig .inf-tag{ background:#ef4444; }\n  .b-mb  .inf-tag{ background:#f59e0b; }\n  .b-dis .inf-tag{ background:#2563eb; }\n\n  @media (prefers-reduced-motion: reduce){\n    .inf-card, .inf-tag{ transition:none !important; }\n  }\n<\/style>\n\n<section class=\"inf-products\" aria-label=\"Infinitone Products\">\n  <h2>Products<\/h2>\n  <div class=\"grid\">\n\n    <!-- Pigmentos (\u00edcono original) -->\n    <a class=\"inf-card-link\" href=\"\/en\/pigmentos\/\">\n      <div class=\"inf-card b-pig\">\n        <div class=\"inf-thumb\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 64 64\" fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <defs><radialgradient id=\"pig-g\" cx=\"0.5\" cy=\"0.5\" r=\"0.7\"><stop offset=\"0\" stop-color=\"#fecaca\"\/><stop offset=\"1\" stop-color=\"#ef4444\"\/><\/radialgradient><\/defs>\n            <path d=\"M36 54c-14 0-26-8-26-20S22 10 36 10c10 0 18 6 18 14 0 5-5 6-9 6-3 0-5 2-5 5 0 5-2 9-8 9z\" fill=\"url(#pig-g)\" stroke=\"none\"\/>\n            <circle cx=\"24\" cy=\"24\" r=\"3\"\/><circle cx=\"34\" cy=\"20\" r=\"3\"\/><circle cx=\"44\" cy=\"24\" r=\"3\"\/><circle cx=\"30\" cy=\"30\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"inf-title\">Pigments<\/h3>\n        <div class=\"inf-txt\"> <p            \n        <\/p>Pigmentos de alto poder cubritivo en polvo.<\/div>\n        <span class=\"inf-tag\">See more<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Masterbatches (\u00edcono original) -->\n    <a class=\"inf-card-link\" href=\"\/en\/masterbatches\/\">\n      <div class=\"inf-card b-mb\">\n        <div class=\"inf-thumb\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 64 64\" fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <defs><lineargradient id=\"mb-g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#fde68a\"\/><stop offset=\"1\" stop-color=\"#f59e0b\"\/><\/lineargradient><\/defs>\n            <rect x=\"12\" y=\"16\" width=\"40\" height=\"28\" rx=\"6\" fill=\"url(#mb-g)\" stroke=\"none\"\/>\n            <circle cx=\"24\" cy=\"26\" r=\"3\"\/><circle cx=\"32\" cy=\"26\" r=\"3\"\/><circle cx=\"40\" cy=\"26\" r=\"3\"\/>\n            <circle cx=\"24\" cy=\"34\" r=\"3\"\/><circle cx=\"32\" cy=\"34\" r=\"3\"\/><circle cx=\"40\" cy=\"34\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"inf-title\">Masterbatches<\/h3>\n        <div class=\"inf-txt\">Masterbatches de alta concentraci\u00f3n en pasta, polvo y granos.<\/div>\n        <span class=\"inf-tag\">See more<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Dispersiones (\u00edcono original) -->\n    <a class=\"inf-card-link\" href=\"\/en\/dispersiones\/\">\n      <div class=\"inf-card b-dis\">\n        <div class=\"inf-thumb\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 64 64\" fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <defs><lineargradient id=\"dis-g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#93c5fd\"\/><stop offset=\"1\" stop-color=\"#2563eb\"\/><\/lineargradient><\/defs>\n            <path d=\"M24 12c6 8 10 14 10 19a10 10 0 0 1-20 0c0-5 4-11 10-19z\" fill=\"url(#dis-g)\" stroke=\"none\"\/>\n            <path d=\"M44 22c4 5 7 9 7 12a7 7 0 0 1-14 0c0-3 3-7 7-12z\" fill=\"url(#dis-g)\" stroke=\"none\"\/>\n            <circle cx=\"34\" cy=\"47\" r=\"2\" \/><circle cx=\"46\" cy=\"49\" r=\"1.8\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"inf-title\">Dispersions<\/h3>\n        <div class=\"inf-txt\"><p            \n    <\/p>Dispersiones de f\u00e1cil incorporaci\u00f3n y alta performance.<\/div>\n        <span class=\"inf-tag\">See more<\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82e7b6d e-con-full e-flex e-con e-parent\" data-id=\"82e7b6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1349be elementor-widget elementor-widget-html\" data-id=\"d1349be\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"nosotros\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- INFINITONE \u00b7 Secci\u00f3n NOSOTROS (sin cajas de iconos) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .inf-about{\n    font-family: Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n    color:#0a0a0a;\n  }\n  .inf-about a{ text-decoration:none; }\n  .inf-about a:hover{ text-decoration:underline; text-underline-offset:3px; }\n\n  .inf-about .wrap{max-width:1200px;margin:0 auto;padding:56px 20px}\n  .inf-about .center{text-align:center}\n\n  \/* T\u00edtulo secci\u00f3n *\/\n  .inf-about h2{\n    font-size: clamp(34px, 3vw, 38px);\n    font-weight: 800;\n    line-height: 1.2;\n    margin: 0 0 16px;\n    text-transform: capitalize;\n    text-align: center;\n  }\n\n  \/* Bajada (si la us\u00e1s) *\/\n  .inf-about p.sub{\n    font-size: clamp(18px, 2.2vw, 22px);\n    line-height: 1.5;\n    color:#6b7280;\n    margin: 0 0 28px;\n    text-align: center;\n  }\n\n  \/* Texto general *\/\n  .inf-about .lead{\n    font-size: clamp(18px, 2vw, 20px);\n    line-height: 1.7;\n    color:#374151;\n    margin: 0 0 14px;\n    text-align: center;\n  }\n\n  \/* Hero imagen (con parallax preparado) *\/\n  .inf-about .hero{\n    position:relative;\n    width:100%;\n    border-radius:18px;\n    overflow:hidden;\n    box-shadow:0 12px 28px rgba(0,0,0,.12);\n    margin: 0 auto 32px;\n    will-change:transform;\n  }\n  .inf-about .hero img{\n    width:100%;height:100%;display:block;object-fit:cover;\n    transform:translateY(0);\n    will-change:transform;\n    transition:transform .3s ease;\n  }\n\n  \/* CTA (bot\u00f3n con micro-zoom) *\/\n  .inf-about .cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:24px}\n  .inf-about .btn{\n    display:inline-flex;align-items:center;gap:10px;background:#e10600;color:#fff;font-weight:700;\n    padding:12px 18px;border-radius:999px;border:1px solid #cc0500;box-shadow:0 8px 22px rgba(225,6,0,.25);\n    text-transform:uppercase; transition:.2s ease;\n  }\n  @media (hover:hover) and (pointer:fine){\n    .inf-about .btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px rgba(225,6,0,.32)}\n  }\n  .inf-about .btn.sec{background:#0a0a0a;border-color:#000}\n\n  \/* Mobile tuning <480px *\/\n  @media(max-width:480px){\n    .inf-about .wrap{padding:36px 14px}\n    .inf-about h2{font-size:28px}\n    .inf-about p.sub{font-size:16px;margin-bottom:20px}\n    .inf-about .lead{font-size:16px;line-height:1.65}\n    .inf-about .hero{border-radius:14px;margin-bottom:24px}\n    .inf-about .btn{padding:10px 16px;border-radius:42px}\n  }\n\n  \/* Accesibilidad *\/\n  @media (prefers-reduced-motion: reduce){\n    .inf-about .hero img{transition:none !important;transform:none !important}\n  }\n  \/* Links en \"Nosotros\": sin subrayado siempre + foco accesible *\/\n.inf-about a,\n.inf-about a:hover,\n.inf-about a:focus,\n.inf-about a:active {\n  text-decoration: none !important;\n}\n\n\/* Mantener se\u00f1al de accesibilidad al navegar con teclado *\/\n.inf-about a:focus-visible {\n  outline: 2px solid #e10600;   \/* rojo marca Infinitone *\/\n  outline-offset: 2px;\n  border-radius: 6px;\n}\n\n<\/style>\n\n<section class=\"inf-about\" aria-label=\"The Company\">\n  <div class=\"wrap\">\n\n    <!-- Encabezado -->\n    <div class=\"center\">\n      <h2>The Company<\/h2>\n\n      <!-- Descripci\u00f3n (arreglado en p\u00e1rrafos) -->\n      <p class=\"lead\">\n        INFINITONE is the mas-tin group&#039;s brand of solutions for the plastics and coatings industry. With production plants in Argentina, Brazil, and Chile, and an extensive distribution network throughout South America, we provide a comprehensive solution through the supply of resins, additives, pigments, masterbatches, and dispersions.\n      <\/p>\n      <p class=\"lead\">\n        Developments focused on quality and innovation, highly efficient production processes, and technical support at all stages are the pillars that make us your best strategic partner.\n      <\/p>\n\n      <!-- Imagen hero (parallax sutil) -->\n      <div class=\"hero\" data-parallax-speed=\"0.14\">\n        <img decoding=\"async\" src=\"https:\/\/palegreen-oryx-497062.hostingersite.com\/wp-content\/uploads\/2025\/08\/iStock-1486214304.jpg\" alt=\"Equipo y laboratorio Infinitone\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"cta-row\">\n      <a class=\"btn\" href=\"https:\/\/wa.me\/5491112345678?text=Hola%20Infinitone,%20quiero%20m\u00e1s%20informaci\u00f3n\" target=\"_blank\" rel=\"noopener\">Contact<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Parallax JS (sutil, solo desktop y sin reduced-motion) -->\n<script>\n(function(){\n  const about = document.querySelector('.inf-about');\n  if(!about) return;\n\n  const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const isDesktop = window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n  if (prefersReduced || !isDesktop) return;\n\n  const hero = about.querySelector('.hero');\n  const heroImg = hero ? hero.querySelector('img') : null;\n  if(!hero || !heroImg) return;\n\n  const speed = parseFloat(hero.getAttribute('data-parallax-speed')) || 0.14; \/\/ 0.1\u20130.25 sugerido\n  let ticking = false;\n\n  function onScroll(){\n    if(ticking) return;\n    requestAnimationFrame(()=>{\n      const rect = hero.getBoundingClientRect();\n      const vh = window.innerHeight || 800;\n      const progress = Math.min(1, Math.max(0, (vh - rect.top) \/ (vh + rect.height)));\n      const offset = (progress - 0.5) * 2 * (rect.height * speed);\n      heroImg.style.transform = `translateY(${offset.toFixed(1)}px)`;\n      ticking = false;\n    });\n    ticking = true;\n  }\n  function onResize(){ heroImg.style.transform = 'translateY(0)'; onScroll(); }\n\n  window.addEventListener('scroll', onScroll, {passive:true});\n  window.addEventListener('resize', onResize);\n  onScroll();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c1312b e-flex e-con-boxed e-con e-parent\" data-id=\"3c1312b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:63,&quot;url&quot;:&quot;https:\\\/\\\/palegreen-oryx-497062.hostingersite.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Linea-de-gradiente-vibrante-1.png&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2e0e1d e-con-full e-flex e-con e-parent\" data-id=\"d2e0e1d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e50d7b3 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image-box\" data-id=\"e50d7b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><br><br>Limitless colors. Infinite possibilities.<\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b576b9d e-flex e-con-boxed e-con e-parent\" data-id=\"b576b9d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:63,&quot;url&quot;:&quot;https:\\\/\\\/palegreen-oryx-497062.hostingersite.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Linea-de-gradiente-vibrante-1.png&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7025cff e-con-full e-flex e-con e-parent\" data-id=\"7025cff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c31aba elementor-widget elementor-widget-html\" data-id=\"5c31aba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- INFINITONE \u00b7 Secci\u00f3n GALER\u00cdA (consistente: hover + mobile tuning) -->\n<style>\n  .inf-gallery-home{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}\n  .inf-gallery-home .wrap{max-width:1200px;margin:0 auto;padding:48px 20px}\n  .inf-gallery-home h2{font-size:clamp(26px,3vw,34px);font-weight:800;margin:0 0 16px;text-align:center;text-transform:capitalize}\n  .inf-gallery-home p.sub{color:#6b7280;text-align:center;margin:0 0 22px;font-size:clamp(14px,2vw,18px)}\n\n  \/* Grid responsive *\/\n  .inf-gallery-grid{\n    display:grid;gap:18px;\n    grid-template-columns:repeat(auto-fit,minmax(320px,1fr))\n  }\n  @media (max-width:779.98px){\n    .inf-gallery-grid{grid-template-columns:1fr}\n  }\n\n  \/* Items de galer\u00eda *\/\n  .inf-g-item{\n    position:relative;aspect-ratio:3\/2;overflow:hidden;border-radius:16px;background:#fff;\n    border:1px solid #ececee;box-shadow:0 8px 22px rgba(0,0,0,.08);\n  }\n  .inf-g-item img{\n    width:100%;height:100%;display:block;object-fit:cover;transform:translateY(0) scale(1);\n    transition:transform .35s ease;will-change:transform\n  }\n\n  \/* Hover consistente (levantar + micro-zoom) solo en desktop *\/\n  @media (hover:hover) and (pointer:fine){\n    .inf-g-item{transition:transform .35s ease, box-shadow .35s ease;will-change:transform}\n    .inf-g-item:hover{\n      transform:translateY(-8px) scale(1.02);\n      box-shadow:0 14px 28px rgba(0,0,0,.14)\n    }\n    .inf-g-item:hover img{transform:translateY(-2px) scale(1.03)}\n  }\n\n  \/* Caption *\/\n  .inf-g-cap{\n    position:absolute;left:50%;bottom:10px;transform:translateX(-50%);\n    background:rgba(10,10,10,.72);color:#fff;padding:6px 12px;border-radius:12px;\n    font-size:13px;letter-spacing:.02em;white-space:nowrap\n  }\n\n  \/* Mobile tuning <480px *\/\n  @media (max-width:480px){\n    .inf-gallery-home .wrap{padding:38px 14px}\n    .inf-gallery-home h2{font-size:24px}\n    .inf-gallery-grid{gap:14px}\n    .inf-g-item{border-radius:14px}\n    .inf-g-cap{font-size:12px;padding:5px 10px}\n  }\n\n  \/* Accesibilidad: menos movimiento *\/\n  @media (prefers-reduced-motion: reduce){\n    .inf-g-item, .inf-g-item img{transition:none !important;transform:none !important}\n  }\n<\/style>\n\n<section class=\"inf-gallery-home\" aria-label=\"Infinitone Gallery\">\n  <div class=\"wrap\">\n    <h2>Gallery<\/h2>\n    <p class=\"sub\"><\/p>\n\n    <div class=\"inf-gallery-grid\">\n      <figure class=\"inf-g-item\">\n        <img decoding=\"async\" src=\"https:\/\/palegreen-oryx-497062.hostingersite.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-1-sept-2025-14_52_57-1.png\" alt=\"Panor\u00e1mica laboratorio Infinitone\" loading=\"lazy\">\n        <figcaption class=\"inf-g-cap\">Cables<\/figcaption>\n      <\/figure>\n\n      <figure class=\"inf-g-item\">\n        <img decoding=\"async\" src=\"https:\/\/palegreen-oryx-497062.hostingersite.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-10-jul-2025-16_10_21.png\" alt=\"Proceso de dispersi\u00f3n\" loading=\"lazy\">\n        <figcaption class=\"inf-g-cap\">Toys<\/figcaption>\n      <\/figure>\n\n      <figure class=\"inf-g-item\">\n        <img decoding=\"async\" src=\"https:\/\/palegreen-oryx-497062.hostingersite.com\/wp-content\/uploads\/2025\/06\/iStock-469667229.jpg\" alt=\"Aplicaci\u00f3n en pinturas\" loading=\"lazy\">\n        <figcaption class=\"inf-g-cap\">Paint application<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-773ca95 e-flex e-con-boxed e-con e-parent\" data-id=\"773ca95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf07398 elementor-widget elementor-widget-html\" data-id=\"cf07398\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- INFINITONE \u00b7 Calidad y compromiso (consistente: hover + mobile 2-cols) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  .inf-quality{\n    font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n    color:#0a0a0a\n  }\n  .inf-quality .wrap{max-width:1200px;margin:0 auto;padding:48px 20px}\n\n  \/* T\u00edtulo *\/\n  .inf-quality h2{\n    font-size:clamp(26px,3vw,34px);\n    font-weight:800;\n    text-align:center;\n    margin:0 0 18px;\n    text-transform:none;\n    letter-spacing:.02em\n  }\n  .inf-quality .underline{\n    width:120px;height:3px;background:#0a0a0a;margin:12px auto 28px;border-radius:3px\n  }\n\n  \/* Grid *\/\n  .inf-quality .grid{display:grid;gap:18px}\n  \/* Desktop: 3 columnas *\/\n  @media(min-width:900px){\n    .inf-quality .grid{grid-template-columns:repeat(3,1fr)}\n  }\n  \/* Mobile\/Tablet: 2 columnas *\/\n  @media(max-width:899.98px){\n    .inf-quality .grid{grid-template-columns:repeat(2,1fr)}\n  }\n  \/* Extra-chico: 1 columna para no apretar *\/\n  @media(max-width:360px){\n    .inf-quality .grid{grid-template-columns:1fr}\n  }\n\n  \/* Cards *\/\n  .inf-quality .card{\n    background:#fff;border:1px solid #ececee;border-radius:16px;padding:24px;text-align:center;\n    box-shadow:0 8px 22px rgba(0,0,0,.06)\n  }\n  .inf-quality .icon{\n    width:68px;height:68px;border-radius:16px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;\n    background:#f7f7f8;border:1px solid #ececee\n  }\n  .inf-quality h3{\n    font-weight:700;font-size:18px;margin:6px 0 6px;text-transform:capitalize\n  }\n  .inf-quality p{font-size:14px;color:#6b7280;margin:0}\n\n  \/* Hover consistente (levantar + micro-zoom) solo desktop *\/\n  @media (hover:hover) and (pointer:fine){\n    .inf-quality .card{\n      transition:transform .35s ease, box-shadow .35s ease;\n      will-change:transform\n    }\n    .inf-quality .card:hover{\n      transform:translateY(-8px) scale(1.02);\n      box-shadow:0 14px 28px rgba(0,0,0,.14)\n    }\n  }\n\n  \/* Mobile tuning <480px *\/\n  @media(max-width:480px){\n    .inf-quality .wrap{padding:38px 14px}\n    .inf-quality h2{font-size:24px}\n    .inf-quality .grid{gap:14px}\n    .inf-quality .card{padding:18px;border-radius:14px}\n    .inf-quality .icon{width:60px;height:60px;border-radius:14px}\n    .inf-quality h3{font-size:17px}\n    .inf-quality p{font-size:13.5px;line-height:1.55}\n    .inf-quality .underline{width:96px;height:3px;margin:10px auto 22px}\n  }\n\n  \/* Accesibilidad: menos movimiento *\/\n  @media (prefers-reduced-motion: reduce){\n    .inf-quality .card{transition:none !important;transform:none !important}\n  }\n<\/style>\n\n<section class=\"inf-quality\" aria-label=\"Quality and commitment\">\n  <div class=\"wrap\">\n    <h2>Quality and Commitment<\/h2>\n    <div class=\"underline\"><\/div>\n\n    <div class=\"grid\">\n      <!-- Calidad certificada -->\n      <div class=\"card\">\n        <div class=\"icon\" aria-hidden=\"true\">\n          <svg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M8 12l-2 8 6-3 6 3-2-8\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Certified quality<\/h3>\n        <p>Batch quality control, technical documentation, and full traceability for every delivery.<\/p>\n      <\/div>\n\n      <!-- Producci\u00f3n local -->\n      <div class=\"card\">\n        <div class=\"icon\" aria-hidden=\"true\">\n          <svg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"10\" width=\"6\" height=\"10\"\/><rect x=\"11\" y=\"6\" width=\"10\" height=\"14\"\/><path d=\"M3 10l6-4v4M11 10l10-4v4\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Local production<\/h3>\n        <p>Manufacturing and local support to shorten lead times and ensure availability.<\/p>\n      <\/div>\n\n      <!-- Compromiso medioambiental -->\n      <div class=\"card\">\n        <div class=\"icon\" aria-hidden=\"true\">\n          <svg width=\"30\" height=\"30\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 2a10 10 0 1 0 10 10\"\/><path d=\"M22 2c-6 1-10 5-10 11\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Environmental commitment<\/h3>\n        <p>Responsible processes and continuous improvement aimed at minimizing environmental impact.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Soluciones de color para todo tipo de industria. Ver cat\u00e1logo Productos Pigmentos<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-108","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":246,"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":1038,"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/pages\/108\/revisions\/1038"}],"wp:attachment":[{"href":"https:\/\/infinitone.com.ar\/en\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}