{"id":62,"date":"2025-08-30T14:36:51","date_gmt":"2025-08-30T14:36:51","guid":{"rendered":"https:\/\/gongrass.com.ar\/?page_id=62"},"modified":"2026-03-30T20:31:50","modified_gmt":"2026-03-30T20:31:50","slug":"gon-grass-argentina","status":"publish","type":"page","link":"https:\/\/gongrass.com.ar\/en\/","title":{"rendered":"Gon Grass Argentina"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"62\" class=\"elementor elementor-62\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0ccd2b e-con-full e-flex e-con e-parent\" data-id=\"f0ccd2b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-098148d elementor-widget elementor-widget-html\" data-id=\"098148d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<nav id=\"mainNav\" class=\"navbar navbar-expand-lg fixed-top\" style=\"width:100vw!important;padding:0;\">\r\n  <!-- Fuentes y FontAwesome -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@100&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n  <style>\r\n  \r\n  \r\n  \r\n  \r\n  [type=button]:focus,\r\n[type=button]:hover,\r\n[type=submit]:focus,\r\n[type=submit]:hover,\r\nbutton:focus,\r\nbutton:hover {\r\n  background-color: transparent !important;\r\n  \r\n}\r\n\r\n    \/* Estilo Montserrat Thin *\/\r\n    #mainNav,\r\n    #mainNav .nav-link,\r\n    #mainNav .navbar-brand {\r\n      \/*font-family: \"Montserrat\", Arial, sans-serif;*\/\r\n      font-family: \"Rajdhani\", sans-serif;\r\n      font-weight: 600;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    \/* Espaciado horizontal *\/\r\n    #mainNav .navbar-nav .nav-item {\r\n      margin: 0 12px;\r\n    }\r\n\r\n    #mainNav .nav-link {\r\n      position: relative;\r\n      font-weight: 400;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      padding: 8px 16px;\r\n      transition: color 0.4s ease;\r\n      margin-top: 7px;\r\n    }\r\n\r\n    \/* L\u00ednea elegante debajo en hover *\/\r\n    #mainNav .nav-link::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 50%;\r\n      width: 0%;\r\n      height: 2px;\r\n      background-color: currentColor;\r\n      transition: all 0.3s ease;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    #mainNav .nav-link:hover::after {\r\n      width: 60%;\r\n    }\r\n\r\n    #mainNav .nav-link:hover {\r\n      color: #f1b605 !important;\r\n    }\r\n\r\n    \/* Navbar inicial *\/\r\n    #mainNav {\r\n      transition: all 0.4s ease;\r\n      background: transparent;\r\n      z-index: 100;\r\n    }\r\n\r\n    #mainNav .nav-link,\r\n    #mainNav .navbar-brand {\r\n      transition: color 0.4s ease;\r\n      color: white !important;\r\n      z-index: 10;\r\n    }\r\n\r\n    \/* Ocultar logo oscuro al inicio *\/\r\n    .logo-dark {\r\n      display: none;\r\n    }\r\n\r\n    \/* Navbar con scroll *\/\r\n    #mainNav.scrolled {\r\n      background: rgba(255, 255, 255, 0.9) !important;\r\n      backdrop-filter: blur(8px);\r\n      -webkit-backdrop-filter: blur(8px);\r\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    #mainNav.scrolled .nav-link,\r\n    #mainNav.scrolled .navbar-brand {\r\n      color: black !important;\r\n    }\r\n\r\n    #mainNav.scrolled .logo-light {\r\n      display: none;\r\n    }\r\n\r\n    #mainNav.scrolled .logo-dark {\r\n      display: inline;\r\n    }\r\n\r\n    \/* Bot\u00f3n hamburguesa fijo *\/\r\n    .fixed-toggler {\r\n      position: fixed;\r\n      top: 15px;\r\n      right: 15px;\r\n      z-index: 1050;\r\n      background: none;\r\n      border: none;\r\n      padding: 10px;\r\n      font-size: 1.8rem;\r\n      color: white;\r\n      transition: color 0.4s ease;\r\n    }\r\n\r\n    #mainNav.scrolled .fixed-toggler {\r\n      color: black !important;border-radius: 20px;\r\n    }\r\n\r\n    \/* Men\u00fa colapsado al inicio \u2192 negro transparente + letras blancas *\/\r\n    \r\n    \r\n    .navbar-collapse {\r\n    \/*  background: rgba(0, 0, 0, 0);*\/\r\n     \/* text-align: right;\r\n     \/* padding: 1rem;*\/\r\n      \r\n     \r\n    }\r\n\r\n    .navbar-collapse .nav-link {\r\n      color: white !important;\r\n    }\r\n\r\n    \/* Men\u00fa colapsado con scroll \u2192 blanco + letras negras *\/\r\n    #mainNav.scrolled .navbar-collapse {\r\n     background: transparent !important;\r\n      \r\n    }\r\n\r\n    #mainNav.scrolled .navbar-collapse .nav-link {\r\n      color: black !important;\r\n    }\r\n    \r\n    \r\n    \r\n    \/* === BOT\u00d3N DE IDIOMA (TranslatePress) === *\/\r\n.trp-shortcode-switcher {\r\n    background-color: transparent!important;\r\nborder:none!important;\r\nmargin-top: 2px;\r\n}\r\n\/* Oculta solo la segunda flecha del selector (overlay) *\/\r\n.trp-shortcode-switcher.trp-shortcode-overlay .trp-shortcode-arrow {\r\n  display: none !important;\r\n}\r\n\r\n\r\n\r\n\r\n      \r\n    @media (max-width: 999px) {\r\n        \r\n         .navbar-collapse {\r\n      background: rgba(0, 0, 0, 0.8);\r\n      \r\n     \r\n    }\r\n    \r\n    \r\n    .trp-shortcode-switcher {\r\n    \r\nmargin-left: 16px;\r\nmargin-bottom:20px;\r\n}\r\n    }\r\n  <\/style>\r\n\r\n<script>\r\n    \/\/ Detecta scroll mayor a 100vh y cambia estilos\r\n    window.addEventListener(\"scroll\", function() {\r\n      const navbar = document.getElementById(\"mainNav\");\r\n      if (window.scrollY > window.innerHeight*0.8) {\r\n        navbar.classList.add(\"scrolled\");\r\n      } else {\r\n        navbar.classList.remove(\"scrolled\");\r\n      }\r\n    });\r\n  <\/script>\r\n\r\n  <div class=\"container-fluid\">\r\n    <!-- LOGO -->\r\n    <div class=\"col-1 d-none d-lg-block\">\r\n        \r\n    <\/div>\r\n    <a class=\"navbar-brand\" href=\"#\">\r\n      <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/gongrassLogo.png\"\r\n        alt=\"Marper\" class=\"logo logo-light\" style=\"height:80px;\">\r\n      <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/gongrassArgentina.png\"\r\n        alt=\"Marper\" class=\"logo logo-dark\" style=\"height:80px;\">\r\n    <\/a>\r\n\r\n    <!-- BOT\u00d3N RESPONSIVO -->\r\n    <button class=\"navbar-toggler fixed-toggler\" type=\"button\" data-bs-toggle=\"collapse\"\r\n      data-bs-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n      <i class=\"fas fa-bars\"><\/i>\r\n    <\/button>\r\n\r\n    <!-- LINKS -->\r\n    <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\r\n      <ul class=\"navbar-nav ms-auto d-flex align-tems-center\">\r\n        <li class=\"nav-item  d-none d-lg-block\"><a class=\"nav-link\" href=\"#Nosotros\">Us<\/a><\/li>\r\n           <li class=\"nav-item  d-lg-none\"><a class=\"nav-link\" href=\"#Nosotros\">Us<\/a><\/li>\r\n           \r\n        <li class=\"nav-item  d-none d-lg-block\"><a class=\"nav-link\" href=\"#Categorias\">Categories<\/a><\/li>\r\n        \r\n        <li class=\"nav-item  d-lg-none\"><a class=\"nav-link\" href=\"#Categor\u00edas\">Categor\u00edas<\/a><\/li>\r\n        \r\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#Caracter\u00edsticas\">Features<\/a><\/li>\r\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"\/en\/tienda\/\">Products<\/a><\/li>\r\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#contacto\">Contact<\/a><\/li>\r\n        \r\n        <li class=\"\"><div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:5px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"hover\">\r\n\r\n    <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n    <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover\"\r\n         aria-hidden=\"true\"\r\n         inert\r\n data-no-translation>\r\n            <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\"\r\n           href=\"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62\"\r\n           aria-current=\"true\"\r\n           role=\"option\"\r\n           aria-selected=\"true\"\r\n           tabindex=\"0\"\r\n           data-no-translation\r\n title=\"\"\r\n        >\r\n            <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"English\" loading=\"lazy\" \/>                                <\/a>\r\n                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <!-- OVERLAY (positioned; interactive surface) -->\r\n    <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-hover\"\r\n         role=\"listbox\"\r\n         aria-haspopup=\"listbox\"\r\n         aria-expanded=\"false\"\r\n         tabindex=\"0\"\r\n         data-no-translation\r\n>\r\n            <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\"\r\n           href=\"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62\"\r\n           aria-current=\"true\"\r\n           role=\"option\"\r\n           aria-selected=\"true\"\r\n           tabindex=\"0\"\r\n           data-no-translation\r\n title=\"\"\r\n        >\r\n            <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"English\" loading=\"lazy\" \/>                                <\/a>\r\n                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n    \r\n        <div class=\"trp-switcher-dropdown-list\" hidden inert>\r\n                                                <a class=\"trp-language-item\" href=\"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62\" role=\"option\" tabindex=\"-1\" title=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/es_ES.svg\" class=\"trp-flag-image\" alt=\"Spanish\" loading=\"lazy\" \/>                                                                    <\/a>\r\n                                    <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/li>\r\n        \r\n      <\/ul>\r\n      \r\n      <div class=\"col-1\">\r\n          \r\n          \r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/nav>\r\n<script>\r\n  \/\/ Detecta scroll mayor a 100vh y cambia estilos\r\n  window.addEventListener(\"scroll\", function() {\r\n    const navbar = document.getElementById(\"mainNav\");\r\n    if (window.scrollY > window.innerHeight * 0.8) {\r\n      navbar.classList.add(\"scrolled\");\r\n    } else {\r\n      navbar.classList.remove(\"scrolled\");\r\n    }\r\n  });\r\n\r\n  \/\/ \ud83d\udca5 Cierra el men\u00fa al hacer clic en cualquier enlace (modo mobile)\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const navLinks = document.querySelectorAll(\"#navbarNav .nav-link\");\r\n    const navbarCollapse = document.getElementById(\"navbarNav\");\r\n    const bsCollapse = new bootstrap.Collapse(navbarCollapse, { toggle: false });\r\n\r\n    navLinks.forEach(link => {\r\n      link.addEventListener(\"click\", () => {\r\n        if (navbarCollapse.classList.contains(\"show\")) {\r\n          bsCollapse.hide(); \/\/ Cierra el men\u00fa\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8606121 elementor-fixed elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"8606121\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BOT\u00d3N WHATSAPP -->\r\n<style>\r\n.whatsapp-btn {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n  outline: none;\r\n  position: fixed;       \r\n  padding: 0!important;\r\n  bottom: 5vh;              \r\n  right: 5vw;                \r\n  z-index: 999;           \r\n  overflow: hidden;         \r\n}\r\n\r\n.whatsapp-inner {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 0px 0px;\r\n  border-radius: 25px;               \r\n  background: rgba(255, 255, 255, 0.75);\r\n  backdrop-filter: blur(6px);\r\n  -webkit-backdrop-filter: blur(6px);\r\n  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;\r\n}\r\n\r\n.whatsapp-btn:focus .whatsapp-inner,\r\n.whatsapp-btn:hover .whatsapp-inner {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 26px rgba(0,0,0,0.18);\r\n  background: rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* Imagen del icono *\/\r\n.whatsapp-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  display: block;\r\n  position: fixed;\r\n  \r\n   bottom: 5vh;              \r\n  right: 5vw; \r\nz-index: 999;           \r\n  \/* \ud83d\udc49 Sombra al contorno del PNG *\/\r\n  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.45));\r\n}\r\n\r\n\/* Texto *\/\r\n.whatsapp-text {\r\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #0f5132;\r\n}\r\n<\/style>\r\n\r\n<a class=\"whatsapp-btn\" href=\"https:\/\/wa.link\/fgahr6\" aria-label=\"Abrir chat de WhatsApp\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n  <div class=\"whatsapp-inner\">\r\n    <img decoding=\"async\" class=\"whatsapp-icon\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/10\/wpw.png\" alt=\"WhatsApp\">\r\n  <\/div>\r\n<\/a>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa6dc2c e-con-full e-flex e-con e-parent\" data-id=\"fa6dc2c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb61461 elementor-widget elementor-widget-html\" data-id=\"cb61461\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id='carr'>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400&display=swap');\r\n\r\n    \/* ==== GENERAL ==== *\/\r\n    #carr {\r\n      box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.65);\r\n      font-family: 'Montserrat', sans-serif;\r\n      background-color: #0B3D2E; \/* Verde petr\u00f3leo *\/\r\n    }\r\n\r\n    #carr,\r\n    #carr .carousel,\r\n    #carr .carousel-inner,\r\n    #carr .carousel-item {\r\n      height: 100vh;\r\n    }\r\n\r\n    #carr .carousel-item img {\r\n      object-fit: cover;\r\n      height: 100vh;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* ==== TEXTOS ==== *\/\r\n    .carousel-caption {\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      color: #EAF6FA !important; \/* Blanco hielo *\/\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: 2.5rem;\r\n      font-weight: 700;\r\n      line-height: 1.2;\r\n      \/* color: #4CAF50; \/* Verde ne\u00f3n *\/\r\n      color:white;\r\n      text-shadow: 1px 1px 4px rgba(0,0,0,0.6);\r\n      font-family: \"Rajdhani\", sans-serif;\r\n    }\r\n\r\n    .hero-subtitle {\r\n      font-size: 1.1rem;\r\n      margin-bottom: 1.5rem;\r\n      font-weight: 400;\r\n      color: #EAF6FA; \/* Blanco hielo *\/\r\n    }\r\n    \r\n    [type=button], [type=submit], button{\r\n        \r\n    }\r\n\r\n    \/* ==== BOTONES ==== *\/\r\n    .btn-hero {\r\n      background: linear-gradient(135deg, #46751e, #0B3D2E); \/* Azul acero + verde petr\u00f3leo *\/\r\n      color: #fff;\r\n      padding: 0.9rem 1.8rem;\r\n      border-radius: 0.5rem;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      position: relative;\r\n      overflow: hidden;\r\n      letter-spacing: 0.5px;\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;\r\n      box-shadow: 0px 5px 15px rgba(0,0,0,0.25);\r\n      font-family: \"Rajdhani\", sans-serif;\r\n    }\r\n\r\n    .btn-hero:hover {\r\n      transform: translateY(-4px) scale(1.05);\r\n      box-shadow: 0 0 20px rgba(241,182,5,0.8), \r\n                  0 0 40px rgba(241,182,5,0.6), \r\n                  0 0 60px rgba(241,182,5,0.4);\r\n      color: #F1B605; \/* Dorado en hover *\/\r\n    }\r\n\r\n    .btn-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: -100%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(\r\n        120deg,\r\n        transparent,\r\n        rgba(255,255,255,0.7),\r\n        transparent\r\n      );\r\n      transition: 0.5s;\r\n    }\r\n\r\n    .btn-hero:hover::before {\r\n      left: 100%;\r\n    }\r\n\r\n    .btn-hero:active {\r\n      transform: scale(0.95);\r\n      box-shadow: 0 0 12px rgba(241,182,5,0.7);\r\n    }\r\n\r\n    .highlight {\r\n      color: #F1B605; \/* Dorado *\/\r\n      font-weight: 700;\r\n    }\r\n\r\n    @media (max-width: 999px) {\r\n      .hero-title {\r\n        font-size: 1.5rem;\r\n        line-height: 1.2;\r\n        text-align: center;\r\n      }\r\n\r\n      .hero-subtitle {\r\n        font-size: 1rem;\r\n        text-align: center;\r\n      }\r\n\r\n      .carousel-caption {\r\n        padding: 1rem;\r\n        justify-content: center;\r\n        text-align: center !important;\r\n      }\r\n\r\n      .carousel-caption .col-6,\r\n      .carousel-caption .col-5 {\r\n        width: 100% !important;\r\n        margin: 0 !important;\r\n      }\r\n\r\n      .btn-hero {\r\n        padding: 0.7rem 1.4rem;\r\n        font-size: 0.95rem;\r\n      }\r\n\r\n      .d-flex.justify-content-start {\r\n        justify-content: start !important;\r\n      }\r\n    }\r\n    \r\n    \r\n    button.carousel-control-prev {\r\n  background-color: transparent !important;\r\n  \r\n}\r\n\r\nbutton.carousel-control-prev .carousel-control-prev-icon:hover {\r\n\r\n  background-color: transparent !important;\r\n}\r\n\r\n    button.carousel-control-next {\r\n  background-color: transparent !important;\r\n\r\n}\r\nbutton.carousel-control-next .carousel-control-prev-icon:hover {\r\n\r\n  background-color: transparent !important;\r\n}\r\n\r\n\r\n  <\/style>\r\n\r\n  <!-- === CAROUSEL === -->\r\n  <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-bs-ride=\"carousel\"  data-bs-pause=\"false\"\r\n    data-bs-interval=\"5000\" > \r\n    <div class=\"carousel-indicators\">\r\n      <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide-to=\"0\" class=\"active\"><\/button>\r\n      <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide-to=\"1\"><\/button>\r\n      <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide-to=\"2\"><\/button>\r\n    <\/div>\r\n\r\n    <div class=\"carousel-inner\">\r\n\r\n      <!-- SLIDE 1 -->\r\n      <div class=\"carousel-item active\" >\r\n        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/hs0.jpg\" class=\"d-none d-lg-block w-100\" alt=\"...\">\r\n        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/hs0.jpg\" class=\"d-lg-block w-100\" alt=\"...\">\r\n        <div class=\"carousel-caption\">\r\n          <div class=\"container h-100\">\r\n            <div class=\"row h-100\">\r\n              <div class=\"col-12 col-lg-6 d-flex align-items-center justify-content-center\">\r\n                <div>\r\n                  <h1 class=\"hero-title text-start d-none d-lg-block\" data-aos=\"fade-in\" data-aos-delay=\"300\">We offer<br> a quality solution<span class=\"highlight d-none\">calidad<\/span><\/h1>\r\n                  \r\n                  \r\n                  <h1 class=\"hero-title text-start d-lg-none\" style=\"margin-top:30vh;\" data-aos=\"fade-in\" data-aos-delay=\"300\">We offer<br> a quality solution<span class=\"highlight d-none\">calidad<\/span><\/h1>\r\n                  \r\n                  \r\n                  \r\n                  <p class=\"hero-subtitle text-start d-none\" data-aos=\"fade-in\" data-aos-delay=\"500\">El \u00fanico productor con control total: del material al producto final.<\/p>\r\n                  <div class=\"d-flex justify-content-start\">\r\n                    <a href=\"#Nosotros\" class=\"btn btn-hero text-start d-none d-lg-block\" data-aos=\"fade-in\" data-aos-delay=\"900\">More info \u2192<\/a>\r\n                    <a href=\"#Nos\" class=\"btn btn-hero text-start d-lg-none\" data-aos=\"fade-in\" data-aos-delay=\"900\">More info \u2192<\/a> \r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"col-6\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SLIDE 2 -->\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/hs4-1.jpg\" class=\"d-none d-lg-block w-100\" alt=\"...\">\r\n        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/hs4-1.jpg\" class=\"d-lg-none w-100\" alt=\"...\">\r\n        \r\n        <div class=\"carousel-caption\">\r\n          <div class=\"container h-100\">\r\n            <div class=\"row h-100\">\r\n              <div class=\"col-6\"><\/div>\r\n              <div class=\"col-5  d-flex align-items-center justify-content-center\" style=\"margin-left:5%\">\r\n                <div class=\"d-none d-lg-block\">\r\n                  <h2 class=\"hero-title text-start\" data-aos=\"fade-in\" data-aos-delay=\"300\">Innovation and development <span class=\"highlight d-none\">precisi\u00f3n<\/span> <\/h2>\r\n                  \r\n            \r\n                  \r\n                  \r\n                  <p class=\"hero-subtitle text-start d-none\" data-aos=\"fade-in\" data-aos-delay=\"500\">Todo el ciclo en nuestras manos: desde los pol\u00edmeros hasta tu espacio.<\/p>\r\n                  <div class=\"d-flex justify-content-start\">\r\n                    <a href=\"#Nosotros\" class=\"btn btn-hero text-start d-none d-lg-block\" data-aos=\"fade-in\" data-aos-delay=\"900\">More info \u2192<\/a>   \r\n                    <a href=\"#Nos\" class=\"btn btn-hero text-start d-lg-none\" data-aos=\"fade-in\" data-aos-delay=\"900\">More info \u2192<\/a> \r\n                  <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"d-lg-none mb-2\" style=\"transform:translate(0vw,-19vh);\">\r\n                  <h2 class=\"hero-title text-start\" data-aos=\"fade-in\" data-aos-delay=\"300\">Innovation and development<\/h2>\r\n                  <p class=\"hero-subtitle text-start d-none\" data-aos=\"fade-in\" data-aos-delay=\"500\">Todo el ciclo en nuestras manos: desde los pol\u00edmeros hasta tu espacio.<\/p>\r\n                  <div class=\"d-flex justify-content-start\">\r\n                    <a href=\"#Nosotros\" class=\"btn btn-hero text-start\" data-aos=\"fade-in\" data-aos-delay=\"900\">More info \u2192<\/a>    \r\n                  <\/div>\r\n                <\/div>    \r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SLIDE 3 -->\r\n      <div class=\"carousel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/hs3.jpg\" class=\"d-block w-100\" alt=\"...\">\r\n        <div class=\"carousel-caption\">\r\n          <div class=\"container h-100\">\r\n            <div class=\"row h-100\">\r\n              <div class=\"col-6  d-flex align-items-center justify-content-center\">\r\n                <div style=\"margin-top:0vh\">\r\n                  <h2 class=\"hero-title text-start\" data-aos=\"fade-up\" data-aos-delay=\"300\">The game starts <br>on our turf\r\n<span class=\"highlight d-none\">calidad \u00edntegra<\/span><\/h2>\r\n                  <p class=\"hero-subtitle text-start d-none\" data-aos=\"fade-up\" data-aos-delay=\"500\">The game starts <br>en nuestro c\u00e9sped.<\/p>\r\n                  <div class=\"d-flex justify-content-start\">\r\n                    <a href=\"#Nosotros\" class=\"btn btn-hero text-start  d-none d-lg-block\" data-aos=\"fade-up\" data-aos-delay=\"900\">+ info \u2192<\/a> \r\n                    <a href=\"#Nos\" class=\"btn btn-hero text-start d-lg-none\" data-aos=\"fade-in\" data-aos-delay=\"900\">More info \u2192<\/a> \r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"col-6 d-none\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide=\"prev\">\r\n      <span class=\"carousel-control-prev-icon\"><\/span>\r\n    <\/button>\r\n    <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleIndicators\" data-bs-slide=\"next\">\r\n      <span class=\"carousel-control-next-icon\"><\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n<script>\r\n  AOS.init({\r\n    duration: 1200,\r\n    once: false\r\n  });\r\n\r\n  const carousel = document.getElementById('carouselExampleIndicators');\r\n\r\n  carousel.addEventListener('slid.bs.carousel', function () {\r\n    const activeSlide = carousel.querySelector('.carousel-item.active');\r\n    const aosElements = activeSlide.querySelectorAll('[data-aos]');\r\n    aosElements.forEach(el => {\r\n      el.classList.remove('aos-animate');\r\n      void el.offsetWidth;\r\n      el.classList.add('aos-animate');\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e02e473 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"e02e473\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fabab05 elementor-widget elementor-widget-html\" data-id=\"fabab05\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"whatsapp-btn\">\r\n  <a href=\"https:\/\/wa.me\/5492616129564?text=Hola%20Gon%20Grass%20Argentina%2C%20tengo%20una%20consulta%20sobre%20un%20producto.%20Soy...\"\r\n     target=\"_blank\">\r\n    <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/10\/wpw-1.png\" alt=\"WhatsApp\" class=\"p-1 m-1 mt-4\">\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.whatsapp-btn {\r\n  position: fixed; \/* si quer\u00e9s fixed, cambi\u00e1 aqu\u00ed *\/\r\n  bottom: 1vh;\r\n  right: 1vw;\r\n  z-index: 999999;\r\n  display: inline-block;\r\n  height: 90px;\r\n}\r\n\r\n.whatsapp-btn img {\r\n  width: 55px;\r\n  transition: all 0.4s ease;\r\n  filter: drop-shadow(0 0 5px rgba(0, 255, 0, 0.3));\r\n  animation: floaty 3s ease-in-out infinite;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* \ud83d\udcab Hover sutil pero impactante *\/\r\n.whatsapp-btn:hover img {\r\n  transform: scale(1.2) rotate(8deg) translateY(-5px);\r\n  filter: drop-shadow(0 0 7px rgba(0, 255, 100, 0.6));\r\n}\r\n\r\n\/* \ud83c\udf2c\ufe0f Animaci\u00f3n flotante *\/\r\n@keyframes floaty {\r\n  0% { transform: translateY(0px); }\r\n  50% { transform: translateY(-4px); }\r\n  100% { transform: translateY(0px); }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56b62ec e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"56b62ec\" data-element_type=\"container\" id=\"Nosotros\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d19efa elementor-widget elementor-widget-html\" data-id=\"6d19efa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N 2: Fast Logistics-->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700&display=swap');\r\n\r\n  .fast-logistics {\r\n    padding: 4rem 0;\r\n    font-family: 'Montserrat', sans-serif;\r\n     \r\n  }\r\n  .fast-logistics img {\r\n    width: 100%;\r\n  }\r\n  .fast-logistics h3 {\r\n    font-weight: 700;\r\n    margin-bottom: 1rem;\r\n    color: #0c1b33;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n  }\r\n  .fast-logistics p, \r\n  .fast-logistics li {\r\n    font-size: 0.95rem;\r\n    color: #555;\r\n    font-weight: 400;\r\n  }\r\n  .fast-logistics ul {\r\n    padding-left: 1.2rem;\r\n    margin-bottom: 1rem;\r\n    color: #0c1b33;\r\n  }\r\n  .fast-logistics a {\r\n    font-weight: 500;\r\n    font-family: 'Montserrat', sans-serif;\r\n    background-color: #46751e;\r\n    color: white;\r\n    border: none;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .fast-logistics a:hover {\r\n    background-color: #5d9d28;\r\n  }\r\n\r\n  .btn-soft {\r\n    background: linear-gradient(135deg, #46751e, #2f4d14);\r\n    color: #fff;\r\n    padding: 0.7rem 1.4rem;\r\n    border-radius: 0.5rem;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n    letter-spacing: 0.3px;\r\n    transition: all 0.35s ease;\r\n    box-shadow: 0px 3px 8px rgba(70,117,30,0.35);\r\n    font-family: \"Rajdhani\", sans-serif;\r\n  }\r\n  .btn-soft:hover {\r\n    background: linear-gradient(135deg, #5d9d28, #3d6a1a);\r\n    color: #F1B605;\r\n    box-shadow: 0 0 12px rgba(70,117,30,0.45);\r\n    transform: translateY(-2px);\r\n  }\r\n  .btn-soft::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      transparent,\r\n      rgba(255,255,255,0.25),\r\n      transparent\r\n    );\r\n    transition: 0.6s;\r\n    \r\n  }\r\n  .btn-soft:hover::before { left: 100%; }\r\n  .btn-soft:active {\r\n    transform: scale(0.97);\r\n    box-shadow: 0 0 6px rgba(70,117,30,0.4);\r\n  }\r\n\r\n  \/* CONTENEDOR PARA SUPERPONER *\/\r\n  .wrapper-moleculas {\r\n    position: relative;\r\n    width: 100%;\r\n    height: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 180;\r\n    background: white;\r\n  }\r\n\r\n  .molecula-flotante {\r\n    position: absolute;\r\n    top: -50;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    animation: flotarPolimero 20s infinite ease-in-out;\r\n    filter: drop-shadow(0 0 2px rgba(0,0,0,0.5));\r\n    transition: opacity 1s ease-in-out;\r\n    max-width: 75%;\r\n  }\r\n\r\n  .ocultar { opacity: 0; pointer-events: none; }\r\n  .mostrar { opacity: 1; }\r\n\r\n  @keyframes flotarPolimero {\r\n    0%   { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n    20%  { transform: translate(-52%, 6px) rotate(8deg) scale(1.05); }\r\n    40%  { transform: translate(-48%, -4px) rotate(-10deg) scale(0.97); }\r\n    60%  { transform: translate(-51%, 10px) rotate(12deg) scale(1.03); }\r\n    80%  { transform: translate(-49%, -8px) rotate(-6deg) scale(1.02); }\r\n    100% { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n  }\r\n  @keyframes flotarPolimero2 {\r\n    0%   { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n    25%  { transform: translate(-53%, 12px) rotate(-12deg) scale(1.08); }\r\n    50%  { transform: translate(-47%, -10px) rotate(14deg) scale(0.95); }\r\n    75%  { transform: translate(-52%, 14px) rotate(-8deg) scale(1.1); }\r\n    100% { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n  }\r\n<\/style>\r\n\r\n<div style=\"position:relative; transform:translateY(-25vh);\" id=\"SUMMIT_D\"><\/div>\r\n<section class=\"fast-logistics\">\r\n  <div class=\"container\">\r\n    <div class=\"row align-items-center pt-3 pb-3\">\r\n      <div class=\"col-md-1\"><\/div>\r\n\r\n      <div class=\"col-md-4 text-center mb-4 mb-md-0\" data-aos=\"fade-up\"data-aos-delay=\"300\">\r\n        <div class=\"wrapper-moleculas\">\r\n          <img decoding=\"async\" id=\"molecula1\" class=\"molecula-flotante mostrar w-75\"  \r\n            src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/polimer-molecule.png\"\r\n            alt=\"gongrass\">\r\n\r\n          <img decoding=\"async\" id=\"molecula2\" class=\"molecula-flotante ocultar\"\r\n            src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/09\/molec.png\"\r\n            alt=\"Gon Grass\"\r\n            style=\"animation: flotarPolimero2 18s infinite ease-in-out;\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n\r\n     <div class=\"col-md-1 text-center mb-4 mb-md-0\"><\/div> <div class=\"col-md-6 p-4 rounded bg-white\"> <h3 class=\"mb-3\" data-aos=\"fade-in\" data-aos-delay=\"900\"> Gon Grass Argentina <\/h3> <p style=\"color:#333;\" data-aos=\"fade-in\" data-aos-delay=\"1100\" class=\"translation-block\">We develop next-generation synthetic turf made with <span style=\"color:#0c1b33;font-weight:600\">polyethylene (PE) and polypropylene (PP)<\/span>, polymers known for their durability, flexibility, and natural appearance. Our solution ensures aesthetic, functional, and long-lasting surfaces for multiple applications.<\/p> <p style=\"color:#333;\" data-aos=\"fade-in\" data-aos-delay=\"1300\" class=\"translation-block\">We stand out for <strong style=\"color:#0c1b33\">quality<\/strong>, <strong style=\"color:#0c1b33\">innovation<\/strong>, and <strong style=\"color:#0c1b33\">environmental commitment<\/strong>, values that establish us as leaders in synthetic turf solutions for homes, sports facilities, and corporate projects.<\/p> <ul class=\"mb-4\" data-aos=\"fade-in\" data-aos-delay=\"1500\"> <li class=\"translation-block\"><strong>Premium Raw Materials:<\/strong> Polyethylene (PE) for softness and realism; Polypropylene (PP) for firmness and durability.<\/li> <li class=\"translation-block\"><strong>Guaranteed Durability:<\/strong> Designed to withstand heavy traffic and extreme weather conditions.<\/li> <li class=\"translation-block\"><strong>Versatile Applications:<\/strong> Ideal for residential gardens, sports fields, public spaces, and corporate environments.<\/li> <\/ul>\r\n     <a href=\"#Categorias\" class=\"btn btn-soft px-4 py-2 shadow\" data-aos=\"fade-in\" data-aos-delay=\"700\"> Descubrilo  <\/a> <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const mol1 = document.getElementById('molecula1');\r\n  const mol2 = document.getElementById('molecula2');\r\n  let mostrarMol1 = true;\r\n\r\n  setInterval(() => {\r\n    if (mostrarMol1) {\r\n      mol1.classList.remove('mostrar');\r\n      mol1.classList.add('ocultar');\r\n      mol2.classList.remove('ocultar');\r\n      mol2.classList.add('mostrar');\r\n    } else {\r\n      mol2.classList.remove('mostrar');\r\n      mol2.classList.add('ocultar');\r\n      mol1.classList.remove('ocultar');\r\n      mol1.classList.add('mostrar');\r\n    }\r\n    mostrarMol1 = !mostrarMol1;\r\n  }, 8000);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ca37e7 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"0ca37e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3924c51 elementor-widget elementor-widget-html\" data-id=\"3924c51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N 2: Fast Logistics-->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700&display=swap');\r\n\r\n  .fast-logistics {\r\n    padding: 4rem 0;\r\n    font-family: 'Montserrat', sans-serif;\r\n    overflow-x:hidden!important;\r\n     \r\n  }\r\n  .fast-logistics img {\r\n    width: 100%;\r\n  }\r\n  .fast-logistics h3 {\r\n    font-weight: 700;\r\n    margin-bottom: 1rem;\r\n    color: #0c1b33;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n  }\r\n  .fast-logistics p, \r\n  .fast-logistics li {\r\n    font-size: 0.95rem;\r\n    color: #555;\r\n    font-weight: 400;\r\n  }\r\n  .fast-logistics ul {\r\n    padding-left: 1.2rem;\r\n    margin-bottom: 1rem;\r\n    color: #0c1b33;\r\n  }\r\n  .fast-logistics a {\r\n    font-weight: 500;\r\n    font-family: 'Montserrat', sans-serif;\r\n    background-color: #46751e;\r\n    color: white;\r\n    border: none;\r\n    font-weight: 600;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .fast-logistics a:hover {\r\n    background-color: #5d9d28;\r\n  }\r\n\r\n  .btn-soft {\r\n    background: linear-gradient(135deg, #46751e, #2f4d14);\r\n    color: #fff;\r\n    padding: 0.7rem 1.4rem;\r\n    border-radius: 0.5rem;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n    letter-spacing: 0.3px;\r\n    transition: all 0.35s ease;\r\n    box-shadow: 0px 3px 8px rgba(70,117,30,0.35);\r\n    font-family: \"Rajdhani\", sans-serif;\r\n  }\r\n  .btn-soft:hover {\r\n    background: linear-gradient(135deg, #5d9d28, #3d6a1a);\r\n    color: #F1B605;\r\n    box-shadow: 0 0 12px rgba(70,117,30,0.45);\r\n    transform: translateY(-2px);\r\n  }\r\n  .btn-soft::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      transparent,\r\n      rgba(255,255,255,0.25),\r\n      transparent\r\n    );\r\n    transition: 0.6s;\r\n    \r\n  }\r\n  .btn-soft:hover::before { left: 100%; }\r\n  .btn-soft:active {\r\n    transform: scale(0.97);\r\n    box-shadow: 0 0 6px rgba(70,117,30,0.4);\r\n  }\r\n\r\n  \/* CONTENEDOR PARA SUPERPONER *\/\r\n  .wrapper-moleculas {\r\n    position: relative;\r\n    width: 100%;\r\n    height: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 80;\r\n    background: white;\r\n  }\r\n\r\n  .molecula-flotante {\r\n    position: absolute;\r\n    top: -50;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    animation: flotarPolimero 20s infinite ease-in-out;\r\n    filter: drop-shadow(0 0 2px rgba(0,0,0,0.5));\r\n    transition: opacity 1s ease-in-out;\r\n    max-width: 75%;\r\n  }\r\n\r\n  .ocultar { opacity: 0; pointer-events: none; }\r\n  .mostrar { opacity: 1; }\r\n\r\n  @keyframes flotarPolimero {\r\n    0%   { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n    20%  { transform: translate(-52%, 6px) rotate(8deg) scale(1.05); }\r\n    40%  { transform: translate(-48%, -4px) rotate(-10deg) scale(0.97); }\r\n    60%  { transform: translate(-51%, 10px) rotate(12deg) scale(1.03); }\r\n    80%  { transform: translate(-49%, -8px) rotate(-6deg) scale(1.02); }\r\n    100% { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n  }\r\n  @keyframes flotarPolimero2 {\r\n    0%   { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n    25%  { transform: translate(-53%, 12px) rotate(-12deg) scale(1.08); }\r\n    50%  { transform: translate(-47%, -10px) rotate(14deg) scale(0.95); }\r\n    75%  { transform: translate(-52%, 14px) rotate(-8deg) scale(1.1); }\r\n    100% { transform: translate(-50%, 0) rotate(0deg) scale(1); }\r\n  }\r\n<\/style>\r\n\r\n<div style=\"position:relative; transform:translateY(-25vh);\" id=\"SUMMIT_D\"><\/div>\r\n<section class=\"fast-logistics\">\r\n  <div class=\"container\">\r\n    <div class=\"row align-items-center pt-5 pb-3\">\r\n      \r\n\r\n      <div class=\"col-md-4 text-center  mt-5 mb-4 mb-md-0\" ata-aos=\"fade-up\"data-aos-delay=\"300\">\r\n        <div class=\"wrapper-moleculas\">\r\n          <img decoding=\"async\" id=\"molecula1\" class=\"molecula-flotante mostrar w-75\"  \r\n            src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/polimer-molecule.png\"\r\n            alt=\"gongrass\">\r\n\r\n          <img decoding=\"async\" id=\"molecula2\" class=\"molecula-flotante ocultar\"\r\n            src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/09\/molec.png\"\r\n            alt=\"Gon Grass\"\r\n            style=\"animation: flotarPolimero2 18s infinite ease-in-out;\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n\r\n     <div class=\"col-md-1 text-center mt-5 mb-4 mb-md-0\"><\/div>\r\n     \r\n     <div class=\"col-12 col-md-6 p-4 rounded bg-white mt-4\">\r\n         \r\n          <h3 class=\"mb-3\" ata-aos=\"fade-in\" data-aos-delay=\"900\"> Gon Grass Argentina <\/h3> \r\n          \r\n     <p style=\"color:#333;\" data-aos=\"fade-in\" data-aos-delay=\"1100\" class=\"translation-block\">We develop next-generation synthetic turf made with <span style=\"color:#0c1b33;font-weight:600\">polyethylene (PE) and polypropylene (PP)<\/span>, polymers known for their durability, flexibility, and natural appearance. Our solution ensures aesthetic, functional, and long-lasting surfaces for multiple applications.<\/p>\r\n     \r\n     <p style=\"color:#333;\" data-aos=\"fade-in\" data-aos-delay=\"1300\" class=\"translation-block\">We stand out for <strong style=\"color:#0c1b33\">quality<\/strong>, <strong style=\"color:#0c1b33\">innovation<\/strong>, and <strong style=\"color:#0c1b33\">environmental commitment<\/strong>, values that establish us as leaders in synthetic turf solutions for homes, sports facilities, and corporate projects.<\/p>\r\n     \r\n     <ul class=\"mb-4\" data-aos=\"fade-in\" data-aos-delay=\"1500\"> <li class=\"translation-block\"><strong>Premium Raw Materials:<\/strong> Polyethylene (PE) for softness and realism; Polypropylene (PP) for firmness and durability.<\/li> <li class=\"translation-block\"><strong>Guaranteed Durability:<\/strong> Designed to withstand heavy traffic and extreme weather conditions.<\/li> <li class=\"translation-block\"><strong>Versatile Applications:<\/strong> Ideal for residential gardens, sports fields, public spaces, and corporate environments.<\/li> <\/ul> <a href=\"#Categorias\" class=\"btn btn-soft px-4 py-2 shadow\" data-aos=\"fade-in\" data-aos-delay=\"700\"> Descubrilo  <\/a> <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const mol1 = document.getElementById('molecula1');\r\n  const mol2 = document.getElementById('molecula2');\r\n  let mostrarMol1 = true;\r\n\r\n  setInterval(() => {\r\n    if (mostrarMol1) {\r\n      mol1.classList.remove('mostrar');\r\n      mol1.classList.add('ocultar');\r\n      mol2.classList.remove('ocultar');\r\n      mol2.classList.add('mostrar');\r\n    } else {\r\n      mol2.classList.remove('mostrar');\r\n      mol2.classList.add('ocultar');\r\n      mol1.classList.remove('ocultar');\r\n      mol1.classList.add('mostrar');\r\n    }\r\n    mostrarMol1 = !mostrarMol1;\r\n  }, 8000);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a810799 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"a810799\" data-element_type=\"container\" id=\"Categorias\">\n\t\t\t\t<div class=\"elementor-element elementor-element-696b7aa elementor-widget elementor-widget-html\" data-id=\"696b7aa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===========================\r\n     Puertas + Grid Reveal con Scroll\r\n=========================== -->\r\n\r\n<!-- Montserrat + Rajdhani + FontAwesome -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  .doors-container {\r\n    position: relative;\r\n    height: 80vh;\r\n    overflow: hidden;\r\n    background: white;\r\n  }\r\n\r\n  .door {\r\n    position: absolute;\r\n    top: 0;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: #7cbc44;\r\n    z-index: 10;\r\n    transition: transform 1s ease-out;\r\n    \r\n    \r\n    background-image: url('https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/10\/doors-1.jpg');\r\n     box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.65);\r\n  }\r\n\r\n  .door.left { left: 0; transform: translateX(0);\r\n  border-radius: 25px;\r\n      \r\n  }\r\n  .door.right { right: 0; transform: translateX(0);\r\n  border-radius: 25px;}\r\n\r\n  \/* Contenido detr\u00e1s de las puertas *\/\r\n  .doors-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    padding: 40px;\r\n    opacity: 0;\r\n    transform: scale(0.6);\r\n    transition: transform 1s ease, opacity 1s ease;\r\n  }\r\n\r\n  .doors-content.visible {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n\r\n.grass-col {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    text-align: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .grass-col img {\r\n    max-width: 75%;\r\n    margin-bottom: 12px;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .grass-col img:hover {\r\n    transform: scale(1.1) rotate(-3deg);\r\n  }\r\n\r\n  .grass-category {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    color: #2e844f;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin-top: -20px;\r\n  }\r\n\r\n  .grass-sub {\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: #555;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  }\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"doors-container\" id=\"doors-section\">\r\n  <!-- Puertas -->\r\n  <div class=\"door left\"><\/div>\r\n  <div class=\"door right\"><\/div>\r\n\r\n  <!-- Contenido detr\u00e1s -->\r\n  <div class=\"doors-content h-100\" id=\"doors-content\">\r\n    <div class=\"d-flex justify-content-center align-items-center h-100\">\r\n        <div class=\"container d-flex justify-content-center h-100\">\r\n  <div class=\"row d-flex justify-content-around h-100\">\r\n  \r\n  \r\n  <div class=\"col-10 col-lg-4 d-flex  align-items-center grass-col\">\r\n      \r\n      <a href=\"https:\/\/gongrass.com.ar\/en\/product-category\/cesped_sintetico_decorativo\/\" >\r\n      <div>\r\n          \r\n  \r\n  <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/12\/house2.png\" alt=\"Mol\u00e9cula C\u00e9sped\" class=\"w-75 p-4\">\r\n  \r\n  <div class=\"grass-category\">Decorativo <\/div>\r\n  <div class=\"grass-sub\">High durability \u00b7 Natural texture<\/div>        \r\n      <\/div>\r\n  <\/a>\r\n  \r\n<\/div>\r\n\r\n    \r\n     <div class=\"col-10 col-lg-4 d-flex  align-items-center grass-col\">\r\n         <a href=\"https:\/\/gongrass.com.ar\/en\/product-category\/cesped_sintetico_deportivo\/\" >\r\n      <div>\r\n  <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/12\/fut1024.png\" alt=\"Mol\u00e9cula C\u00e9sped\" class=\"w-100 p-4\">\r\n  <div class=\"grass-category\">Deportivo <\/div>\r\n  <div class=\"grass-sub\">Extreme durability \u00b7 Safe play<\/div>\r\n  \r\n      <\/div>\r\n  <\/a>\r\n<\/div> \r\n\r\n<div class=\"col-10 col-lg-4 d-flex  align-items-center grass-col\">\r\n    <a href=\"https:\/\/gongrass.com.ar\/en\/product-category\/gym\/\" >\r\n      <div>\r\n  <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2026\/01\/Capa-1pesas-scaled.png\" alt=\"Mol\u00e9cula C\u00e9sped\" class=\"w-100\">\r\n  <div class=\"grass-category\">Gimnasios <\/div>\r\n  <div class=\"grass-sub\">Perfect traction \u00b7 Optimal cushioning<\/div>        \r\n      <\/div>\r\n  <\/a>\r\n<\/div>\r\n  <\/div>\r\n<\/div>\r\n     \r\n     \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.getElementById('doors-section');\r\n  const leftDoor = section.querySelector('.door.left');\r\n  const rightDoor = section.querySelector('.door.right');\r\n  const content = document.getElementById('doors-content');\r\n\r\n  function onScroll() {\r\n    const rect = section.getBoundingClientRect();\r\n    const vh = window.innerHeight;\r\n\r\n    \/\/ cu\u00e1nto de la secci\u00f3n se est\u00e1 mostrando\r\n    const progress = Math.min(Math.max(0, 1 - rect.top \/ vh), 1);\r\n\r\n    \/\/ abrir puertas\r\n    leftDoor.style.transform = `translateX(-${progress * 120}%)`;\r\n    rightDoor.style.transform = `translateX(${progress * 120}%)`;\r\n\r\n    \/\/ escalar contenido\r\n    content.style.opacity = progress;\r\n    content.style.transform = `scale(${0.8 + progress * 0.4})`;\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll);\r\n  onScroll(); \/\/ inicializar\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a6dd57 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"8a6dd57\" data-element_type=\"container\" id=\"Categor\u00edas\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2beebbb elementor-widget elementor-widget-html\" data-id=\"2beebbb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===========================\r\n     Puertas + Grid Reveal con Scroll (Refactorizado)\r\n=========================== -->\r\n\r\n<!-- Montserrat + Rajdhani + FontAwesome -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  \/* Contenedor principal renombrado *\/\r\n  .gg-doors-container {\r\n    position: relative;\r\n    height: auto;\r\n    overflow: hidden;\r\n    background: white;\r\n    overflow-x:hidden!important;\r\n  }\r\n\r\n  .gg-door {\r\n    position: absolute;\r\n    top: 0;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: #7cbc44;\r\n    z-index: 10;\r\n    transition: transform 1s ease-out;\r\n    background-image: url('https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/10\/doors-1.jpg');\r\n    box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.65);\r\n    overflow-x:hidden!important;\r\n  }\r\n\r\n  .gg-door-left { \r\n    left: 0; \r\n    transform: translateX(0);\r\n    border-radius: 25px;\r\n    overflow-x:hidden!important;\r\n  }\r\n  .gg-door-right { \r\n    right: 0; \r\n    transform: translateX(0);\r\n    border-radius: 25px;\r\n    overflow-x:hidden!important;\r\n  }\r\n\r\n  \/* Contenido detr\u00e1s de las puertas *\/\r\n  .gg-doors-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    padding: 40px;\r\n    opacity: 0;\r\n    transform: scale(0.6);\r\n    transition: transform 1s ease, opacity 1s ease;\r\n  }\r\n\r\n  .gg-doors-content.visible {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  \/* Columnas de c\u00e9sped *\/\r\n  .gg-grass-col {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    text-align: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .gg-grass-col img {\r\n    max-width: 75%;\r\n    margin-bottom: 12px;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .gg-grass-col img:hover {\r\n    transform: scale(1.1) rotate(-3deg);\r\n  }\r\n\r\n  .gg-grass-category {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    color: #2e844f;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .gg-grass-sub {\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    color: #555;\r\n    margin-top: 6px;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"gg-doors-container\" id=\"gg-doors-section\">\r\n  <!-- Puertas -->\r\n  <div class=\"gg-door gg-door-left\"><\/div>\r\n  <div class=\"gg-door gg-door-right\"><\/div>\r\n\r\n  <!-- Contenido detr\u00e1s -->\r\n  <div class=\"gg-doors-content h-100\" id=\"gg-doors-content\">\r\n    <div class=\"d-flex justify-content-center align-items-center h-100\">\r\n      <div class=\"container d-flex justify-content-center h-100\">\r\n        <div class=\"row d-flex justify-content-around h-100\">\r\n          \r\n          <div class=\"col-10 col-lg-4 d-flex align-items-center gg-grass-col\">\r\n            <a href=\"https:\/\/gongrass.com.ar\/en\/product-category\/cesped_sintetico_decorativo\/\" >\r\n              <div>\r\n                <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/12\/house2.png\" alt=\"Mol\u00e9cula C\u00e9sped\" class=\"p-4\">\r\n                <div class=\"gg-grass-category\">Decorativo <\/div>\r\n                <div class=\"gg-grass-sub\">High durability \u00b7 Natural texture<\/div>        \r\n              <\/div>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"col-10 col-lg-4 d-flex align-items-center gg-grass-col\">\r\n            <a href=\"https:\/\/gongrass.com.ar\/en\/product-category\/cesped_sintetico_deportivo\/\">\r\n              <div>\r\n                <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/12\/fut1024.png\" alt=\"Mol\u00e9cula C\u00e9sped\" class=\"w-75 p-4\">\r\n                <div class=\"gg-grass-category\">Deportivo <\/div>\r\n                <div class=\"gg-grass-sub\">Extreme durability \u00b7 Safe play<\/div>\r\n              <\/div>\r\n            <\/a>\r\n          <\/div> \r\n\r\n          <div class=\"col-10 col-lg-4 d-flex align-items-center gg-grass-col\">\r\n            <a href=\"https:\/\/gongrass.com.ar\/en\/product-category\/gym\/\">\r\n              <div>\r\n                <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2026\/01\/Capa-1pesas-scaled.png\" alt=\"Mol\u00e9cula C\u00e9sped\" class=\"w-100\">\r\n                <div class=\"gg-grass-category\">Gimnasios <\/div>\r\n                <div class=\"gg-grass-sub\">Perfect traction \u00b7 Optimal cushioning<\/div>        \r\n              <\/div>\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.getElementById('gg-doors-section');\r\n  const leftDoor = section.querySelector('.gg-door-left');\r\n  const rightDoor = section.querySelector('.gg-door-right');\r\n  const content = document.getElementById('gg-doors-content');\r\n\r\n  function onScroll() {\r\n    const rect = section.getBoundingClientRect();\r\n    const vh = window.innerHeight;\r\n\r\n    \/\/ cu\u00e1nto de la secci\u00f3n se est\u00e1 mostrando\r\n    const progress = Math.min(Math.max(0, 1 - rect.top \/ vh), 1);\r\n\r\n    \/\/ abrir puertas\r\n    leftDoor.style.transform = `translateX(-${progress * 120}%)`;\r\n    rightDoor.style.transform = `translateX(${progress * 120}%)`;\r\n\r\n    \/\/ escalar contenido\r\n    content.style.opacity = progress;\r\n    content.style.transform = `scale(${0.8 + progress * 0.4})`;\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll);\r\n  onScroll(); \/\/ inicializar\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37bd66a e-con-full sombrax e-flex e-con e-parent\" data-id=\"37bd66a\" data-element_type=\"container\" id=\"Caracter\u00edsticas\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8550d35 elementor-widget elementor-widget-html\" data-id=\"8550d35\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===========================\r\n     Parallax con T\u00edtulo Centrado\r\n=========================== -->\r\n\r\n<!-- Montserrat -->\r\n\r\n\r\n<div class=\"parallax-section d-none d-lg-flex\">\r\n  <div class=\"parallax-content\">\r\n    <h2>Features<\/h2>\r\n    <p class=\"sub d-none\">Subt\u00edtulo opcional o eslogan<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"parallax-sectionM d-flex d-lg-none\">\r\n  <div class=\"parallax-content\">\r\n   <h2 style=\"font-size:2rem\">Features<\/h2>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .parallax-section {\r\n    min-height: 300px;\r\n    background-image: url(\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/09\/hs8.jpg\");\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\r\n    box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.65);\r\n    background-attachment: fixed;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    text-align: center;\r\n    z-index: 80\r\n  }\r\n\r\n  .parallax-sectionM {\r\n    min-height: 300px;\r\n    background-image: url(\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/09\/hs8.jpg\");\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\r\n    box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.65);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    text-align: center;\r\n    \r\n  }\r\n\r\n  \/* Contenido centrado *\/\r\n  .parallax-content {\r\n    color: white;\r\n    font-family: 'Montserrat', sans-serif;\r\n    z-index: 2;\r\n    padding: 1rem 2rem;\r\n  }\r\n\r\n  .parallax-content h2 {\r\n    font-size: 4rem;\r\n    font-weight: 100;\r\n    margin: 0;\r\n    font-family: 'Montserrat', sans-serif;\r\n    text-shadow: 2px 2px 10px rgba(0,0,0,0.6);\r\n    color: white;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n  }\r\n\r\n  .parallax-content .sub {\r\n    margin-top: 0.8rem;\r\n    font-size: 1.3rem;\r\n    font-weight: 400;\r\n    text-shadow: 2px 2px 8px rgba(0,0,0,0.6);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media(max-width: 768px) {\r\n    .parallax-content h1 {\r\n      font-size: 2rem;\r\n    }\r\n    .parallax-content .sub {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0e8942 e-con-full e-flex e-con e-parent\" data-id=\"f0e8942\" data-element_type=\"container\" id=\"Contact\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7fb616 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"a7fb616\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===========================\r\n     6 Cards con Reveal + Parallax (C\u00e9sped Sint\u00e9tico)\r\n=========================== -->\r\n\r\n<!-- Montserrat + FontAwesome -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  \/*body {\r\n    background: #f9f9f9;\r\n    font-family: 'Montserrat', sans-serif;\r\n  }*\/\r\n\r\n  .par-block {\r\n    max-width: 1200px;\r\n    \/*margin: 10px auto;*\/\r\n    padding: 20px;\r\n   \r\n   \r\n  }\r\n\r\n  \/* Header *\/\r\n  .section-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1.5rem 0;\r\n  }\r\n\r\n  .section-header .accent {\r\n    width: 4px;\r\n    height: 32px;\r\n    background-color: #f1b605; \/* dorado *\/\r\n    margin-right: 1rem;\r\n  }\r\n\r\n  .section-header h2 {\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 2.6rem;\r\n    font-weight: 500;\r\n    color: #46751e;\r\n    margin: 0;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* Grid *\/\r\n  .cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n     width: fit-content;      \/* \ud83d\udc48 clave *\/\r\n  margin: 0 auto; \r\n  padding-bottom: 5rem;\/* \ud83d\udc48 centra horizontalmente *\/\r\n \r\n  }\r\n\r\n  \/* Card *\/\r\n  .card {\r\n    background: #fff;\r\n    border: 1px solid #eee;\r\n    text-align: left;\r\n    padding: 2rem;\r\n    border-radius: 1rem;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    opacity: 1;\r\n    transform: translateY(40px);\r\n    height: 18rem;\r\n    max-width: 90%;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    \r\n  }\r\n\r\n  .card.is-visible {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  .card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 8px 22px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  \/* Iconos *\/\r\n  .icon {\r\n    font-size: 2.5rem;\r\n    color: #7cbc44;\r\n    margin-right: 25px!important;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-right: 10px;\r\n    \r\n    \r\n  }\r\n\r\n  \/* T\u00edtulos *\/\r\n  .card h5 {\r\n    font-weight: 600;\r\n    margin-bottom: 0.8rem;\r\n    font-size: 0.8rem;\r\n    color: #0c1b33;\r\n    display: flex;\r\n    align-items: center;\r\n    font-family: \"Rajdhani\", Sans-serif;\r\n    font-size: 30px;\r\n    font-weight: 600;\r\n    \r\n    line-height: 30px;\r\n    letter-spacing: 0px;\r\n  }\r\n\r\n  \/* Texto *\/\r\n  .card p {\r\n    margin-left:60px!important;\r\n    font-size: 0.9rem;\r\n    color: #555;\r\n    margin: 0.3rem 0;\r\n    line-height: 1.2;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"container pt-2 pb-2 d-flex justify-content-center\">\r\n\r\n\r\n    \r\n  <div class=\"cards-grid\" id=\"cards-grid\">\r\n    <div class=\"card\" data-reveal>\r\n      <h5><span class=\"icon\"><i class=\"fas fa-shield-alt\"><\/i><\/span>Safety<\/h5>\r\n      <p>Free from heavy metals<\/p>\r\n      <p>Made with virgin materials<\/p>\r\n      <p>Recyclable PP and PE<\/p>\r\n      <p>Strict inspection before shipping<\/p>\r\n      <p>Impact protection<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"card\" data-reveal>\r\n      <h5><span class=\"icon\"><i class=\"fas fa-fire\"><\/i><\/span>Fire-resistant<\/h5>\r\n      <p>Critical flux CHF 4.1kw\/\u33a1<\/p>\r\n      <p>Fs\u2264150mm within 20s<\/p>\r\n      <p>Smoke production 254%\u00d7min<\/p>\r\n      <p>Flooring fire resistance Dfl<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"card\" data-reveal>\r\n      <h5><span class=\"icon\"><i class=\"fas fa-sun\"><\/i><\/span>Anti-UV<\/h5>\r\n      <p>Imported anti-uv assistant<\/p>\r\n      <p>Standard UVA 3000 hours tested<\/p>\r\n      <p>Up to UVA 5000 hours by request<\/p>\r\n      <p>Gray scale 4-5 after fading<\/p>\r\n      <p>Well protected from UV<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"card\" style=\"margin-top:0px\" data-reveal>\r\n      <h5><span class=\"icon\"><i class=\"fas fa-truck\"><\/i><\/span>TVOC<\/h5>\r\n      <p>Formaldehyde ND<\/p>\r\n      <p>Styrene 0.006<\/p>\r\n      <p>4-phenylcyclohexene 0.031<\/p>\r\n      <p>Environment friendly<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"card\" style=\"margin-top:0px\" data-reveal>\r\n      <h5><span class=\"icon\"><i class=\"fas fa-leaf\"><\/i><\/span>Textura y Colores Naturales<\/h5>\r\n      <p>Color close to natural grass<\/p>\r\n      <p>Stand upright<\/p>\r\n      <p>Soft touch<\/p>\r\n      <p>Carpet foot feeling<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"card\" style=\"margin-top:0px\" data-reveal>\r\n      <h5><span class=\"icon\"><i class=\"fas fa-tint\"><\/i><\/span>Fast Drainage<\/h5>\r\n      <p>Drainage: 70L\/\u33a1\/min<\/p>\r\n      <p>Up to 280L\/\u33a1\/min by request<\/p>\r\n      <p>Specially designed permeable backing, our grass can quickly drain water away, and therefore the surface remains attractive, safe, and useable after a rain<\/p>\r\n      <p><span class=\"d-none\">.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>  \r\n\r\n  \r\n<\/div>\r\n<!--\r\n<script>\r\n\/* Reveal + Parallax ligero *\/\r\n(function(){\r\n  const grid = document.getElementById('cards-grid');\r\n  const cards = grid.querySelectorAll('.card');\r\n  const columns = 3;\r\n  const columnSpeeds = [0.2, 0.2, 0.2]; \r\n\r\n  cards.forEach((card, index) => {\r\n    const columnIndex = index % columns;\r\n    card.dataset.parallax = columnSpeeds[columnIndex];\r\n  });\r\n\r\n  \/\/ Reveal\r\n  const reveals = document.querySelectorAll('[data-reveal]');\r\n  const io = new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(e.isIntersecting){\r\n        e.target.classList.add('is-visible');\r\n      } else {\r\n        e.target.classList.remove('is-visible');\r\n      }\r\n    });\r\n  },{threshold:0.18});\r\n  reveals.forEach(r=>io.observe(r));\r\n\r\n  \/\/ Parallax\r\n  const parallaxEls = Array.from(document.querySelectorAll('[data-parallax]')).map(el=>({\r\n    el,\r\n    speed: parseFloat(el.dataset.parallax)||0.3,\r\n    y:0,\r\n    targetY:0\r\n  }));\r\n\r\n  const lerp=(a,b,n)=>(1-n)*a+n*b;\r\n\r\n  function animate(){\r\n    parallaxEls.forEach(obj=>{\r\n      const rect = obj.el.getBoundingClientRect();\r\n      obj.targetY = (window.innerHeight\/2 - rect.top - rect.height\/2) * obj.speed;\r\n      obj.y = lerp(obj.y, obj.targetY, 0.4);\r\n      obj.el.style.transform = `translate3d(0,${obj.y.toFixed(2)}px,0)`;\r\n    });\r\n    requestAnimationFrame(animate);\r\n  }\r\n  requestAnimationFrame(animate);\r\n})();\r\n<\/script>-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12db52d elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"12db52d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===========================\r\n     6 Cards con Reveal + Parallax (C\u00e9sped Sint\u00e9tico) \u2013 Refactor Mobile\r\n=========================== -->\r\n\r\n<!-- Montserrat + FontAwesome + Rajdhani -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  .gg6-par-block {\r\n    max-width: 1200px;\r\n    margin: 60px auto;\r\n    padding: 20px;\r\n    height: auto;\r\n    overflow-x:hidden!important; \r\n  }\r\n\r\n  .gg6-section-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1.5rem 0;\r\n    overflow-x:hidden!important;\r\n  }\r\n\r\n  .gg6-section-header .accent {\r\n    width: 4px;\r\n    height: 32px;\r\n    background-color: #f1b605; \r\n    margin-right: 1rem;\r\n    overflow-x:hidden!important;\r\n  }\r\n\r\n  .gg6-section-header h2 {\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 2.6rem;\r\n    font-weight: 500;\r\n    color: #46751e;\r\n    margin: 0;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* Grid *\/\r\n  .gg6-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(1, 1fr); \/* mobile: 1 columna *\/\r\n    gap: 25px;\r\n  }\r\n\r\n  @media(min-width: 768px){\r\n    .gg6-cards-grid {\r\n      grid-template-columns: repeat(3, 1fr); \/* tablet y desktop: 3 columnas *\/\r\n    }\r\n  }\r\n\r\n  \/* Card *\/\r\n  .gg6-card {\r\n    background: #fff;\r\n    border: 1px solid #eee;\r\n    text-align: left;\r\n    padding: 2rem;\r\n    border-radius: 1rem;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    height: auto;\r\n    max-width: 100%;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    min-height: 200px;\r\n    margin-bottom:70px;\r\n    \r\n  }\r\n\r\n  .gg6-card.is-visible {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  .gg6-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 8px 22px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  .gg6-icon {\r\n    font-size: 2.5rem;\r\n    color: #7cbc44;\r\n    margin-right: 10px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .gg6-card h5 {\r\n    font-weight: 600;\r\n    margin-bottom: 0.8rem;\r\n    color: #0c1b33;\r\n    display: flex;\r\n    align-items: center;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 30px;\r\n    line-height: 30px;\r\n    letter-spacing: 0px;\r\n    \r\n  }\r\n\r\n  .gg6-card p {\r\n    margin-left: 60px !important;\r\n    font-size: 0.9rem;\r\n    color: #555;\r\n    margin: 0.3rem 0;\r\n    line-height: 1.2;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"gg6-par-block\">\r\n  <div class=\"gg6-cards-grid\" id=\"gg6-cards-grid\">\r\n    \r\n    <div class=\"gg6-card\" data-gg6-reveal>\r\n      <h5><span class=\"gg6-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/span>Safety<\/h5>\r\n      <p>Free from heavy metals<\/p>\r\n      <p>Made with virgin materials<\/p>\r\n      <p>Recyclable PP and PE<\/p>\r\n      <p>Strict inspection before shipping<\/p>\r\n      <p>Impact protection<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gg6-card\" data-gg6-reveal>\r\n      <h5><span class=\"gg6-icon\"><i class=\"fas fa-fire\"><\/i><\/span>Fire-resistant<\/h5>\r\n      <p>Critical flux CHF 4.1kw\/\u33a1<\/p>\r\n      <p>Fs\u2264150mm within 20s<\/p>\r\n      <p>Smoke production 254%\u00d7min<\/p>\r\n      <p>Flooring fire resistance Dfl<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gg6-card\" data-gg6-reveal>\r\n      <h5><span class=\"gg6-icon\"><i class=\"fas fa-sun\"><\/i><\/span>Anti-UV<\/h5>\r\n      <p>Imported anti-uv assistant<\/p>\r\n      <p>Standard UVA 3000 hours tested<\/p>\r\n      <p>Up to UVA 5000 hours by request<\/p>\r\n      <p>Gray scale 4-5 after fading<\/p>\r\n      <p>Well protected from UV<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gg6-card\" data-gg6-reveal>\r\n      <h5><span class=\"gg6-icon\"><i class=\"fas fa-truck\"><\/i><\/span>TVOC<\/h5>\r\n      <p>Formaldehyde ND<\/p>\r\n      <p>Styrene 0.006<\/p>\r\n      <p>4-phenylcyclohexene 0.031<\/p>\r\n      <p>Environment friendly<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gg6-card\" data-gg6-reveal>\r\n      <h5><span class=\"gg6-icon\"><i class=\"fas fa-leaf\"><\/i><\/span>Textura y Colores Naturales<\/h5>\r\n      <p>Color close to natural grass<\/p>\r\n      <p>Stand upright<\/p>\r\n      <p>Soft touch<\/p>\r\n      <p>Carpet foot feeling<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gg6-card\" data-gg6-reveal>\r\n      <h5><span class=\"gg6-icon\"><i class=\"fas fa-tint\"><\/i><\/span>Fast Drainage<\/h5>\r\n      <p>Drainage: 70L\/\u33a1\/min<\/p>\r\n      <p>Up to 280L\/\u33a1\/min by request<\/p>\r\n      <p>Specially designed permeable backing, our grass can quickly drain water away, and therefore the surface remains attractive, safe, and useable after a rain<\/p>\r\n      <p><span class=\"d-none\">.<\/span><\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const grid = document.getElementById('gg6-cards-grid');\r\n  const cards = grid.querySelectorAll('.gg6-card');\r\n\r\n  \/\/ Reveal\r\n  const reveals = document.querySelectorAll('[data-gg6-reveal]');\r\n  const io = new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(e.isIntersecting){\r\n        e.target.classList.add('is-visible');\r\n      } else {\r\n        e.target.classList.remove('is-visible');\r\n      }\r\n    });\r\n  },{threshold:0.18});\r\n  reveals.forEach(r=>io.observe(r));\r\n\r\n  \/\/ Parallax ligero\r\n  const parallaxEls = Array.from(document.querySelectorAll('[data-gg6-reveal]')).map(el=>({\r\n    el,\r\n    speed: 0.3,\r\n    y:0,\r\n    targetY:0\r\n  }));\r\n\r\n  const lerp=(a,b,n)=>(1-n)*a+n*b;\r\n\r\n  function animate(){\r\n    parallaxEls.forEach(obj=>{\r\n      const rect = obj.el.getBoundingClientRect();\r\n      obj.targetY = (window.innerHeight\/2 - rect.top - rect.height\/2) * obj.speed;\r\n      obj.y = lerp(obj.y, obj.targetY, 0.4);\r\n      obj.el.style.transform = `translate3d(0,${obj.y.toFixed(2)}px,0)`;\r\n    });\r\n    requestAnimationFrame(animate);\r\n  }\r\n  requestAnimationFrame(animate);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9badfc9 e-con-full e-flex e-con e-parent\" data-id=\"9badfc9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-314906c elementor-widget elementor-widget-html\" data-id=\"314906c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECCI\u00d3N: Nuestra Conexi\u00f3n con China -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700&display=swap');\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap');\r\n\r\n  .china-heritage {\r\n    padding: 4rem 0;\r\n    font-family: 'Montserrat', sans-serif;\r\n    background-color: #f9f9f9;\r\n  }\r\n  .china-heritage .wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 2rem;\r\n  }\r\n\r\n  .china-heritage .wrapper .text {\r\n    flex: 1 1 400px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n  }\r\n  .china-heritage .wrapper .text.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .china-heritage h3 {\r\n    font-family: 'Rajdhani', sans-serif;\r\n    font-weight: 600;\r\n    margin-bottom: 1rem;\r\n    color: #0c1b33;\r\n    font-size: 2rem;\r\n  }\r\n  .china-heritage p, .china-heritage ul, .china-heritage li {\r\n    font-size: 0.95rem;\r\n    color: #555;\r\n    line-height: 1.5;\r\n  }\r\n  .china-heritage ul {\r\n    margin-top: 1rem;\r\n    padding-left: 1.2rem;\r\n    color: #0c1b33;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"china-heritage\" id=\"china-heritage\">\r\n  <div class=\"container wrapper\">\r\n    <div class=\"text\" id=\"china-heritage-text\">\r\n      <h3 class=\"d-none d-md-block\">Our Headquarters in China<\/h3>\r\n      \r\n      <h3 class=\"d-md-none\" style=\"font-size:1.4rem;margin-left:1rem;margin-bottom:-2px;\">Our Headquarters in China<\/h3>\r\n      <p class=\"d-none d-md-block\">Gon Grass is part of Gon Group, a company founded in 2000 in Qingdao, China. The group stands out for its vertically integrated model encompassing research, development, and production. Its products are present in major global markets such as Germany, the United States, Australia, and now South America.<\/p>\r\n      \r\n      \r\n      <p class=\"p-3 d-md-none\">Gon Grass is part of Gon Group, a company founded in 2000 in Qingdao, China. The group stands out for its vertically integrated model encompassing research, development, and production. Its products are present in major global markets such as Germany, the United States, Australia, and now South America.<\/p>\r\n      <ul class=\"d-none\">\r\n        <li>Presencia en varias provincias: Qingdao, Jiangsu, Guangdong, Zhejiang, Henan...<\/li>\r\n        <li>M\u00e1s de 20 subsidiarias especializadas en sectores como pol\u00edmeros, c\u00e9sped sint\u00e9tico, biotecnolog\u00eda e industrias qu\u00edmicas.<\/li>\r\n        <li>Fuerte enfoque en innovaci\u00f3n y desarrollo tecnol\u00f3gico para garantizar calidad y liderazgo industrial.<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"image\" style=\"flex: 1 1 300px; text-align: center;\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.gongrass.com\/wp-content\/uploads\/2022\/11\/%E9%9B%86%E5%9B%A2%E5%A4%A7%E6%A5%BC3-768x512.jpg\" alt=\"Matriz China\" style=\"max-width: 90%; opacity: 0.8;border-radius:25px\" class=\"d-none d-md-block\">\r\n      \r\n      \r\n      <img decoding=\"async\" src=\"https:\/\/www.gongrass.com\/wp-content\/uploads\/2022\/11\/%E9%9B%86%E5%9B%A2%E5%A4%A7%E6%A5%BC3-768x512.jpg\" alt=\"Matriz China\" style=\"max-width: 90%; opacity: 0.8;border-radius:25px;margin-top:-35px;margin-bottom:35px; \" class=\"d-md-none\" >\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('scroll', function() {\r\n  const el = document.getElementById('china-heritage-text');\r\n  const rect = el.getBoundingClientRect();\r\n  if (rect.top < window.innerHeight * 0.75) {\r\n    el.classList.add('visible');\r\n  } else {\r\n    el.classList.remove('visible');\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47b25b8e e-con-full sombrax e-flex e-con e-parent\" data-id=\"47b25b8e\" data-element_type=\"container\" id=\"contacto\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17ccb395 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"17ccb395\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CONTACT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a6cd02f elementor-widget elementor-widget-html\" data-id=\"6a6cd02f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CURVO COMPONENT + CONTACT -->\r\n<div class=\"curvo-component\">\r\n  <div class=\"curvo-shape\">\r\n    <svg viewbox=\"0 0 1200 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveaspectratio=\"none\">\r\n      <defs>\r\n        <filter id=\"sombra\">\r\n          <fedropshadow dx=\"0\" dy=\"-3\" stddeviation=\"5\" flood-color=\"rgba(0,0,0,0.4)\" \/>\r\n        <\/filter>\r\n      <\/defs>\r\n      <path d=\"M0,200 C300,100 400,300 1500,100 L1200,300 L0,300 Z\"\r\n            fill=\"#46751e\" filter=\"url(#sombra)\" \/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- SECCI\u00d3N CONTACTO INCLUIDA -->\r\n\r\n\r\n\r\n<!-- ESTILOS -->\r\n<style>\r\n  .curvo-component {\r\n    width: 100vw;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-image: url('https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/09\/hs9.jpg');\r\n    background-size: cover;\r\n    background-position: top;\r\n    background-repeat: no-repeat;\r\n    \r\n    background-attachment: fixed;\r\n  }\r\n\r\n  .curvo-shape {\r\n    width: 100vw;\r\n    height: 400px;\r\n    overflow: hidden;\r\n  }\r\n.title{\r\n     font-family: 'Montserrat', sans-serif;\r\n}\r\n  .curvo-shape svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    transition: transform 0.2s ease-out;\r\n  }\r\n\r\n  .curvo-content {\r\n    background: #f0f0f0;\r\n    padding: 80px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Secci\u00f3n parallax *\/\r\n  .parallax-container {\r\n   \r\n    margin-top: -7vh;\r\n    min-height: 62vh;\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: white;\r\n    background-color: #46751e78;\r\n    \/*margin-left: calc(50% - 50vw); \/* rompe Elementor para ancho completo *\/\r\n     font-family: 'Montserrat', sans-serif;\r\n     \r\n     border-top-left-radius: 10%;\r\n     border-top-right-radius: 10%;\r\n  }\r\n\r\n  .parallax-item {\r\n    will-change: transform;\r\n    transition: transform 0.1s linear;\r\n     font-family: 'Montserrat', sans-serif;\r\n  }\r\n<\/style>\r\n\r\n<!-- SCRIPT -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ parallax items\r\n    const items = document.querySelectorAll(\".parallax-item\");\r\n    window.addEventListener(\"scroll\", () => {\r\n      items.forEach(el => {\r\n        const speed = parseFloat(el.getAttribute(\"data-speed\")) || 0.3;\r\n        const rect = el.getBoundingClientRect();\r\n        const offset = rect.top * speed;\r\n        el.style.transform = `translateY(${offset}px)`;\r\n      });\r\n    });\r\n\r\n    \/\/ curva parallax\r\n    const svg = document.querySelector(\".curvo-shape svg\");\r\n    if (svg) {\r\n      window.addEventListener(\"scroll\", () => {\r\n        const rect = svg.getBoundingClientRect();\r\n        const offset = rect.top * 0.15;\r\n        svg.style.transform = `translateY(${offset}px)`;\r\n      });\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30c1e66 e-flex e-con-boxed e-con e-child\" data-id=\"30c1e66\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-94ea0d6 e-grid e-con-full e-con e-child\" data-id=\"94ea0d6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f4be7e8 e-con-full e-flex e-con e-child\" data-id=\"f4be7e8\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9e0d25f e-con-full e-flex e-con e-child\" data-id=\"9e0d25f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8051f3d elementor-widget elementor-widget-html\" data-id=\"8051f3d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--===========================Secci\u00f3n de Contacto GX===========================--><section class=\"\" id=\"gx-contacto\"><div class=\"gx-wrapper container\"><div class=\"gx-row row gx-align-start\">\r\n\r\n\r\n<div class=\"gx-text-desktop col-12 d-none d-md-flex align-items-center\">\r\n    \r\n    \r\n    <div class=\"gx-text-content p-5\">\r\n        \r\n        <div class=\"d-flex justify-content-center\" style=\"background-color:#fafafa;border-radius:50%\">\r\n        <a href=\"https:\/\/gongrass.com.ar\/en\/product\/futbol_messi\/\" class=\"d-flex justify-content-center\">\r\n          \r\n          <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/09\/cat_futbol.png\" alt=\"Mol\u00e9cula C\u00e9sped\" class=\"w-50\">\r\n        \r\n  <\/a>    \r\n            \r\n        <\/div>\r\n        \r\n        \r\n        <h3 class=\"gx-title text-start d-none\">Llevemos tu proyecto al pr\u00f3ximo nivel <\/h3>\r\n        \r\n        <p class=\"gx-paragraph text-start mt-5\">The first step is to get in touch. Tell us about your project and your questions.<br> \u00a1Nos comunicaremos en estos d\u00edas ! <\/p><ul class=\"gx-list text-start\"><li>\ud83d\udce9 <strong>E - Mail:<br>\r\n\r\n<\/strong>gongrass.ar@gmail.com<\/li><li>\ud83d\udccd <strong>Sedes:<\/strong><br>Mendoza, Argentina \u2013 Qingdao, China<\/li><\/ul><\/div><\/div><div class=\"gx-text-mobile col-12 d-flex d-md-none align-items-center\"><div class=\"gx-text-content p-3\"><p class=\"gx-paragraph text-start\">The first step is to get in touch. Tell us about your project and your questions.<br>\r\n\r\n\u00a1Nos comunicaremos en estos d\u00edas ! <\/p>\r\n\r\n<ul class=\"gx-list\">\r\n    <li class=\"gx-list\">\r\n        \ud83d\udce9 <strong >E - Mail: <\/strong>\r\n        \r\n       sas.marper@gmail.com<\/li>\r\n        <li>\ud83d\udccd <strong>Sedes:<\/strong> <br>Mendoza, Argentina \u2013 Qingdao, China<\/li>\r\n        \r\n        <\/ul>\r\n        <\/div>\r\n        <\/div><!-- Formulario de Contacto --><\/div><\/div><\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n.gx-list{\r\n\r\n}\r\n\r\n\r\n.gx-text-desktop {\r\n  color: #f5f5f5;\r\n}\r\n\r\n.gx-text-content {\r\n  max-width: 700px;\r\n}\r\n\r\n\/* T\u00edtulo principal *\/\r\n.gx-title {\r\n  font-weight: 700;\r\n  font-size: 1.3rem;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: #ffffff;\r\n  margin-bottom: 1rem;\r\n      font-family: \"Rajdhani\", sans-serif;\r\n    font-size:1.8rem!important;\r\n}\r\n\r\n\/* P\u00e1rrafos *\/\r\n.gx-paragraph {\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n  font-weight: 400;\r\n  color: #e8e8e8;\r\n  margin-bottom: 1rem;\r\n      font-family: \"Rajdhani\", sans-serif;\r\n    font-size:1.4rem!important;\r\n}\r\n\r\n\/* Listas de contacto *\/\r\n.gx-list {\r\n  list-style: none;\r\n  margin: 1rem 0 0;\r\n  padding: 0;\r\n      font-family: \"Rajdhani\", sans-serif;\r\n    font-size:1.8rem!important;\r\n}\r\n\r\n.gx-list li {\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  margin-bottom: 0.4rem;\r\n      font-family: \"Rajdhani\", sans-serif;\r\n    font-size:1.2rem!important;\r\n  color: #eaeaea;\r\n}\r\n\r\n.gx-list strong {\r\n  color: #ffffff;\r\n  font-weight: 600;\r\n  \r\n  margin-right: 10px\r\n}\r\n\r\n\/* =======================================================\r\n   BLOQUE DE TEXTO MOBILE\r\n======================================================= *\/\r\n.gx-text-mobile {\r\n  color: #f5f5f5;\r\n}\r\n\r\n.gx-text-mobile .gx-text-content {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border-radius: 10px;\r\n  padding: 1.5rem;\r\n  width: 100%;\r\n}\r\n\r\n\/* =======================================================\r\n   RESPONSIVE\r\n======================================================= *\/\r\n@media (max-width: 768px) {\r\n  .gx-title {\r\n    font-size: 1.6rem;\r\n  }\r\n  .gx-paragraph {\r\n    font-size: 0.95rem;\r\n  }\r\n  .gx-list li {\r\n    font-size: 0.9rem;\r\n  }\r\n  .gx-parallax-container {\r\n    padding: 2.5rem 0;\r\n  }\r\n}\r\n\r\n\/* ====== Estilos generales del formulario ====== *\/\r\n\/* ===== FORMULARIO WPForms dentro del widget Elementor espec\u00edfico ===== *\/\r\n.wpforms-field-sublabel, {\r\ndisplay: none !important;\r\n}\r\n\r\n.elementor-element.elementor-element-b46ee51 .wpforms-container {\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  font-family: \"Rajdhani\", sans-serif!important;\r\n  padding: 1rem;\r\n  \r\n}\r\n\r\n\/* === Etiquetas === *\/\r\n.elementor-element.elementor-element-b46ee51 .wpforms-field-label {\r\n  font-size: 1.3rem !important;\r\n  font-weight: 600 !important;\r\n  color: #f5f5f5 !important;\r\n  margin-bottom: 0.4rem !important;\r\n}\r\n\r\n\/* === Inputs, textarea === *\/\r\n.elementor-element.elementor-element-b46ee51 input[type=\"text\"],\r\n.elementor-element.elementor-element-b46ee51 input[type=\"email\"],\r\n.elementor-element.elementor-element-b46ee51 input[type=\"tel\"],\r\n.elementor-element.elementor-element-b46ee51 textarea {\r\n  width: 90% !important;\r\n  padding: 0.6rem 0.8rem !important;\r\n  font-size: 0.9rem !important;\r\n  border-radius: 6px !important;\r\n  background: #fff !important;\r\n  color: #333 !important;\r\n  border: none !important;\r\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;\r\n  margin-bottom: 0rem !important;\r\n  transition: box-shadow 0.2s ease !important;\r\n}\r\n\r\n.elementor-element.elementor-element-b46ee51 input:focus,\r\n.elementor-element.elementor-element-b46ee51 textarea:focus {\r\n  box-shadow: 0 0 4px rgba(255, 255, 255, 0.5) !important;\r\n  outline: none !important;\r\n}\r\n\r\n\/* === Textarea === *\/\r\n.elementor-element.elementor-element-b46ee51 textarea {\r\n  min-height: 120px !important;\r\n  resize: vertical !important;\r\n}\r\n\r\n\/* ===== NOMBRE y APELLIDO en una fila (50% cada uno) ===== *\/\r\n.elementor-element.elementor-element-b46ee51 .wpforms-field-name .wpforms-field-row {\r\n  display: flex !important;\r\n  gap: 1rem !important;\r\n}\r\n\r\n.elementor-element.elementor-element-b46ee51 .wpforms-field-name .wpforms-field-row-block {\r\n  flex: 1 1 50% !important;\r\n}\r\n\r\n\/* ===== TEL\u00c9FONO y CORREO en una fila (50% cada uno) ===== *\/\r\n.elementor-element.elementor-element-b46ee51 #wpforms-5772-field_4-container,\r\n.elementor-element.elementor-element-b46ee51 #wpforms-5772-field_2-container {\r\n  \/*width: calc(50% - 0.5rem) !important;*\/\r\n  width:100%!important;\r\n  display: inline-block !important;\r\n  vertical-align: top !important;\r\n}\r\n\r\n.elementor-element.elementor-element-b46ee51 #wpforms-5772-field_4-container {\r\n  margin-right: 1rem !important;\r\n}\r\n\r\n\/* === Ajustar el campo de mensaje === *\/\r\n.elementor-element.elementor-element-b46ee51 #wpforms-5772-field_3-container {\r\n  width: 100% !important;\r\n  display: block !important;\r\n  margin-top: 1rem !important;\r\n}\r\n\r\n\/* === Bot\u00f3n de env\u00edo === *\/\r\n.elementor-element.elementor-element-b46ee51 .wpforms-submit-container button {\r\n  background: linear-gradient(90deg, #14532d, #1e7d3c) !important;\r\n  color: #fff !important;\r\n  font-weight: 600 !important;\r\n  padding: 0.6rem 1.2rem !important;\r\n  border: none !important;\r\n  border-radius: 6px !important;\r\n  cursor: pointer !important;\r\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25) !important;\r\n  transition: all 0.2s ease-in-out !important;\r\n  display: flex;\r\n  justify-content: center;\r\n  text-align: center!important;\r\n}\r\n\r\n.elementor-element.elementor-element-b46ee51 .wpforms-submit-container button:hover {\r\n  background: linear-gradient(90deg, #1e7d3c, #2ba24a) !important;\r\n  transform: translateY(-1px) !important;\r\n}\r\n\r\n.wpforms-submit-container {\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  text-align: center !important;\r\n  width: 100%;\r\n}\r\n\r\n\r\n\/* === RESPONSIVO: en pantallas peque\u00f1as los campos se apilan === *\/\r\n@media (max-width: 600px) {\r\n  .elementor-element.elementor-element-b46ee51 .wpforms-field-name .wpforms-field-row {\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .elementor-element.elementor-element-b46ee51 #wpforms-5772-field_4-container,\r\n  .elementor-element.elementor-element-b46ee51 #wpforms-5772-field_2-container {\r\n    width: 100% !important;\r\n    margin-right: 0 !important;\r\n    display: block !important;\r\n  }\r\n  \r\n  .elementor-element.elementor-element-b46ee51 input[type=\"text\"],\r\n.elementor-element.elementor-element-b46ee51 input[type=\"email\"],\r\n.elementor-element.elementor-element-b46ee51 input[type=\"tel\"],\r\n.elementor-element.elementor-element-b46ee51 textarea {\r\n  width: 100% !important;}\r\n}\r\n\r\n\/* Contenedor de cada campo *\/\r\n.wpforms-field {\r\n  width: 100% !important;\r\n  \/* Ocupa todo el contenedor *\/\r\n  box-sizing: border-box;\r\n  \/* Evita que padding rompa el ancho *\/\r\n  margin-bottom: 1rem;\r\n  \/* Espacio entre campos *\/\r\n}\r\n\r\n\/* Inputs y textarea *\/\r\n.wpforms-field input,\r\n.wpforms-field textarea {\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  display: block;\r\n  padding: 0.5rem 0.75rem;\r\n  \/* Ajusta padding a tu gusto *\/\r\n  font-size: 1rem;\r\n}\r\n\r\n\/* Opcional: etiquetas para que ocupen toda la fila *\/\r\n.wpforms-field label {\r\n  display: block;\r\n  margin-bottom: 0.25rem;\r\n  font-weight: 600;\r\n}\r\n\r\n<\/style>\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-bf58154 e-con-full e-flex e-con e-child\" data-id=\"bf58154\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46ee51 elementor-widget elementor-widget-wpforms\" data-id=\"b46ee51\" data-element_type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-5772\"><form id=\"wpforms-form-5772\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"5772\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/62\" data-token=\"fd4085e424344b85f3a21793562c7515\" data-token-time=\"1776713718\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/62\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-5772-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_1\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-5772-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-5772-field_1-error\" required><\/div><div id=\"wpforms-5772-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_4\">Phone<\/label><input type=\"text\" id=\"wpforms-5772-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-5772-field_4-error\" ><\/div>\t\t<div id=\"wpforms-5772-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-5772-field_5\" >Correo mensaje Comentario<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-5772-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-5772-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_2\">E-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-5772-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-5772-field_2-error\" required><\/div><div id=\"wpforms-5772-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_3\">Message<\/label><textarea id=\"wpforms-5772-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-5772-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-5772-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-5772-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-5772-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"5772\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-5772\" class=\"wpforms-submit\" data-alt-text=\"Enviando...\" data-submit-text=\"Enviar\" aria-live=\"assertive\" value=\"wpforms-submit\">Send<\/button><img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>\n\t\t<div class=\"elementor-element elementor-element-1954669 e-con-full e-flex e-con e-parent\" data-id=\"1954669\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17ee930 elementor-widget elementor-widget-html\" data-id=\"17ee930\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================== FOOTER ================== -->\r\n<style>\r\n  \/* FOOTER GLOBAL *\/\r\n  footer {\r\n    font-family: 'Montserrat', sans-serif;\r\n    background-color: #46751e; \/* Azul profundo *\/\r\n    color: #EAF6FA;\r\n  \/* box-shadow: 2px 6px 20px rgba(0, 0, 0, 0.65);*\/\r\n  }\r\n\r\n  footer a {\r\n    color: #EAF6FA;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    font-weight: 500;\r\n  }\r\n\r\n  footer a:hover {\r\n    color: #FF7043; \/* Naranja c\u00e1lido al hover *\/\r\n  }\r\n\r\n  footer strong {\r\n    color: #FFFFFF;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Logos e \u00edconos sociales *\/\r\n  footer img {\r\n   width: 50px;\r\n  }\r\n\r\n  footer img:hover {\r\n   \r\n  }\r\n\r\n  \/* L\u00ednea de contacto (WhatsApp \/ Tel) *\/\r\n  .typo {\r\n    font-size: 0.9rem;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .typo2 {\r\n    font-size: 0.8rem;\r\n    font-weight: 400;\r\n    color: #EAF6FA;\r\n  }\r\n\r\n  \/* Borde superior dorado para destacar la zona *\/\r\n  #contacto, #contactoM {\r\n    \/*border-top: 4px solid #f1b605;*\/\r\n  }\r\n\r\n  \/* L\u00ednea final (\u00a9 creado por \u2026) *\/\r\n  .footer-bottom {\r\n    background-color: #000;\r\n    color: #FFF;\r\n    font-size: 0.8rem;\r\n    padding: 0.5rem 0;\r\n  }\r\n\r\n  .footer-bottom a {\r\n    color: #f1b605; \/* Amarillo dorado *\/\r\n    font-weight: 500;\r\n  }\r\n\r\n  .footer-bottom a:hover {\r\n    color: #FF7043; \/* Hover naranja *\/\r\n  }\r\n<\/style>\r\n\r\n<footer>\r\n  <!-- Footer Desktop -->\r\n  <div class=\"container-fluid d-none d-lg-block\" id=\"contacto\">\r\n    <div class=\"row d-flex justify-content-around align-items-center\">\r\n\r\n      <!-- Logo -->\r\n      <div class=\"col-1\">\r\n        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/gongrassLogo.png\" class=\"w-100\" >\r\n      <\/div>\r\n\r\n      <!-- Social + Contacto -->\r\n      <div class=\"col-5 d-flex justify-content-center\" style=\"font-size: 0.85rem;\">\r\n        <div class=\"container\">\r\n          \r\n          <div class=\"row m-1 d-none\">\r\n            <div class=\"col-12 d-flex justify-content-end\">\r\n              <a href=\"https:\/\/www.instagram.com\/bodegaurqo\/?hl=es\" target=\"_blank\" class=\"m-1\">\r\n                <img decoding=\"async\" src=\"assets\/img\/ho\/igur.png\">\r\n              <\/a>\r\n              <a href=\"https:\/\/www.facebook.com\/bodegaurqo\" target=\"_blank\" class=\"m-1\">\r\n                <img decoding=\"async\" src=\"assets\/img\/ho\/faur.png\">\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"row m-1\">\r\n            <div class=\"col-12 d-flex justify-content-end align-items-center d-none\">\r\n              <a href=\"https:\/\/wa.me\/+5492613458001\" target=\"_blank\" class=\"d-flex align-items-center m-1 d-none\">\r\n                <img decoding=\"async\" src=\"assets\/img\/ho\/wpur.png\" style=\"margin-top: -10px;\">\r\n              <\/a>\r\n              <div class=\"ms-2 d-none\">\r\n                <strong>+54 9 261 345-8001<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"row m-1\">\r\n            <div class=\"col-12 d-flex justify-content-end typo\">\r\n            gongrass.ar@gmail.com\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"row m-1\">\r\n            <div class=\"col-12 d-flex justify-content-end typo\">\r\n              MENDOZA, ARGENTINA\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Footer Mobile -->\r\n  <div class=\"container-fluid d-lg-none pt-5\" id=\"contactoM\">\r\n    <div class=\"d-flex justify-content-center pb-2\" id=\"contactoM\">\r\n      <div class=\"container\">\r\n        \r\n        <div class=\"row m-1\">\r\n          <div class=\"col-12 d-flex justify-content-center\">\r\n            <a href=\"https:\/\/www.instagram.com\/\/?hl=es\" target=\"_blank\" class=\"m-1 d-none\">\r\n              <img decoding=\"async\" src=\"assets\/img\/ho\/igur.png\">\r\n            <\/a>\r\n            <a href=\"https:\/\/www.facebook.com\/\" target=\"_blank\" class=\"m-1 d-none\">\r\n              <img decoding=\"async\" src=\"assets\/img\/ho\/faur.png\">\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"row m-1\">\r\n          <div class=\"col-12 d-flex justify-content-center align-items-center d-none\">\r\n            <a href=\"https:\/\/wa.me\/+\" target=\"_blank\" class=\"d-flex align-items-center m-1\">\r\n              <img decoding=\"async\" src=\"assets\/img\/ho\/wpur.png\" style=\"margin-top: -10px;\">\r\n            <\/a>\r\n            <div class=\"ms-2 d-none\">\r\n              <strong>+54 9 261 345-8001<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"row m-1\">\r\n          <div class=\"col-12 d-flex justify-content-center typo\">\r\n           gongrass.ar@gmail.com\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"row m-1\">\r\n          <div class=\"col-12 d-flex justify-content-center typo\">\r\n            MENDOZA, ARGENTINA\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Logo Mobile -->\r\n    <div class=\"row d-flex justify-content-center align-items-center pt-3\">\r\n      <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n        <img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/uploads\/2025\/08\/gongrassLogo.png\" class=\"w-25\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- L\u00ednea inferior -->\r\n<div class=\"footer-bottom d-flex justify-content-center align-items-center w-100\">\r\n  <p class=\"text-center typo2 m-0\">\u00a9 2025 Created by <a href=\"https:\/\/wa.link\/02jaem\" target=\"_blank\">MPY<\/a><\/p>&nbsp; \r\n  \r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10e0b97 e-grid e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-con e-parent\" data-id=\"10e0b97\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e7ffc38 e-con-full e-flex e-con e-child\" data-id=\"e7ffc38\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5f5e057 e-con-full e-flex e-con e-child\" data-id=\"5f5e057\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-397cfd6 elementor-widget elementor-widget-html\" data-id=\"397cfd6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===========================\r\n  Secci\u00f3n de Contacto GX\r\n=========================== -->\r\n<section class=\"gx-parallax-container\" id=\"gx-contacto\">\r\n  <div class=\"gx-wrapper container\">\r\n    <div class=\"gx-row row gx-align-start\">\r\n\r\n      <!-- Texto Desktop -->\r\n      <div class=\"gx-text-desktop col-12 d-none d-md-flex align-items-center\">\r\n        <div class=\"gx-text-content p-5\">\r\n          <h3 class=\"gx-title text-start d-none\">\r\n            Llevemos tu proyecto al pr\u00f3ximo nivel\r\n          <\/h3>\r\n\r\n          <p class=\"gx-paragraph text-start d-none\">\r\n            En <strong>GON GRASS<\/strong> somos especialistas en c\u00e9sped sint\u00e9tico. \r\n            Importamos desde nuestra sede en <strong>China<\/strong> y distribuimos en toda <strong>Argentina<\/strong>, \r\n            ofreciendo soluciones confiables para proyectos deportivos, paisajismo y espacios comerciales.\r\n          <\/p>\r\n\r\n          <p class=\"gx-paragraph text-start mt-5\">\r\n            El primer paso es entrar en contacto. Contanos sobre tu proyecto y tus dudas. \u00a1Nos comunicaremos en estos d\u00edas!\r\n          <\/p>\r\n\r\n          <ul class=\"gx-list text-start\">\r\n            <li>\ud83d\udce9 <strong>Mail:<\/strong> gongrass.ar@gmail.com<\/li>\r\n            <li>\ud83d\udccd <strong>Sedes:<\/strong> Mendoza, Argentina \u2013 Qingdao, China<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Texto Mobile -->\r\n      <div class=\"gx-text-mobile col-12 d-flex d-md-none align-items-center\">\r\n        <div class=\"gx-text-content p-3\">\r\n          <p class=\"gx-paragraph text-start\">\r\n            El primer paso es entrar en contacto. Contanos sobre tu proyecto y tus dudas. \u00a1Nos comunicaremos en estos d\u00edas!\r\n          <\/p>\r\n          <ul class=\"gx-list text-start\">\r\n            <li>\ud83d\udce9 <strong>Mail:<\/strong> sas.marper@gmail.com<\/li>\r\n            <li>\ud83d\udccd <strong>Sedes:<\/strong> Mendoza, Argentina \u2013 Qingdao, China<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Formulario de Contacto -->\r\n     \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===========================\r\n  ESTILOS GX\r\n=========================== -->\r\n<style>\r\n  \/* --- Contenedor General --- *\/\r\n  .gx-parallax-container {\r\n    transform: translateY(-3vh);\r\n    padding: 3rem 0;\r\n  }\r\n\r\n  .gx-text-desktop,\r\n  .gx-text-mobile {\r\n    background-color: #46751e;\r\n    border-radius: 45px;\r\n    color: #fff;\r\n  }\r\n\r\n  \/* --- Textos --- *\/\r\n  .gx-title {\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    color: #EAF6FA;\r\n  }\r\n\r\n  .gx-paragraph {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem;\r\n  }\r\n\r\n  .gx-list li {\r\n    margin-bottom: 0.5rem;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  \/* --- Formulario --- *\/\r\n  .gx-contact-section {\r\n    padding: 40px 20px;\r\n    background: transparent;\r\n    color: #EAF6FA;\r\n    font-family: \"Rajdhani\", sans-serif;\r\n    text-align: center;\r\n    font-weight: 600;\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .gx-contact-title {\r\n    font-size: 2rem;\r\n    margin-bottom: 30px;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    color: #EAF6FA;\r\n  }\r\n\r\n  .gx-contact-form {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .gx-form-group {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .gx-contact-form input,\r\n  .gx-contact-form textarea {\r\n    width: 100%;\r\n    padding: 14px 18px;\r\n    border: 1px solid rgba(234, 246, 250, 0.4);\r\n    border-radius: 8px;\r\n    background: white;\r\n    color: black;\r\n    transition: border 0.3s, box-shadow 0.3s;\r\n  }\r\n\r\n  .gx-contact-form input:focus,\r\n  .gx-contact-form textarea:focus {\r\n    border-color: #F1B605;\r\n    box-shadow: 0 0 12px rgba(241, 182, 5, 0.6);\r\n    outline: none;\r\n  }\r\n\r\n  \/* --- Bot\u00f3n --- *\/\r\n  .gx-btn-hero {\r\n    background: linear-gradient(135deg, #46751e, #0B3D2E);\r\n    color: #fff;\r\n    padding: 0.9rem 1.8rem;\r\n    border-radius: 0.5rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);\r\n    border: transparent;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .gx-btn-hero:hover {\r\n    transform: translateY(-3px) scale(1.05);\r\n    box-shadow: 0 0 20px rgba(241, 182, 5, 0.8),\r\n                0 0 40px rgba(241, 182, 5, 0.6);\r\n    color: #F1B605;\r\n  }\r\n\r\n  \/* --- Responsivo --- *\/\r\n  @media (max-width: 768px) {\r\n    .gx-parallax-container {\r\n      transform: translateY(0);\r\n      padding: 2rem 0;\r\n    }\r\n\r\n    .gx-text-mobile {\r\n      min-height: 50vh;\r\n    }\r\n  }\r\n<\/style>\r\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-79ffe3f e-con-full e-flex e-con e-child\" data-id=\"79ffe3f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a351ef elementor-widget elementor-widget-wpforms\" data-id=\"5a351ef\" data-element_type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-5772\"><form id=\"wpforms-form-5772\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"5772\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/62\" data-token=\"fd4085e424344b85f3a21793562c7515\" data-token-time=\"1776713718\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/62\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-5772-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_1\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-5772-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-5772-field_1-error\" required><\/div><div id=\"wpforms-5772-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_4\">Phone<\/label><input type=\"text\" id=\"wpforms-5772-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-5772-field_4-error\" ><\/div>\t\t<div id=\"wpforms-5772-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-5772-field_5\" >Comentario Correo Nombre<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-5772-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-5772-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_2\">E-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-5772-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-5772-field_2-error\" required><\/div><div id=\"wpforms-5772-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-5772-field_3\">Message<\/label><textarea id=\"wpforms-5772-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-5772-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-5772-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-5772-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-5772-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"5772\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-5772\" class=\"wpforms-submit\" data-alt-text=\"Enviando...\" data-submit-text=\"Enviar\" aria-live=\"assertive\" value=\"wpforms-submit\">Send<\/button><img decoding=\"async\" src=\"https:\/\/gongrass.com.ar\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nosotros Nosotros Categorias Categor\u00edas Caracter\u00edsticas PRoductos Contacto Ofrecemos una soluci\u00f3n de calidadcalidad Ofrecemos una soluci\u00f3n de calidadcalidad El \u00fanico productor con control total: del material al producto final. M\u00e1s info \u2192 M\u00e1s info \u2192 Innovaci\u00f3n y desarrollo precisi\u00f3n Todo el ciclo en nuestras manos: desde los pol\u00edmeros hasta tu espacio. M\u00e1s info \u2192 M\u00e1s info [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":1702,"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":7137,"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/pages\/62\/revisions\/7137"}],"wp:attachment":[{"href":"https:\/\/gongrass.com.ar\/en\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}