Intergan Foods | Premium Header<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --fuente: 'Montserrat', sans-serif;\r\n --color-fondo: transparent;\r\n --color-texto: #1d1d1f;\r\n --color-enlaces: #515154;\r\n --altura-header: 90px;\r\n\r\n --naranja-claro: #ff9242;\r\n --naranja-base: #ff6a00;\r\n --naranja-oscuro: #e65c00;\r\n\r\n --ease-out: cubic-bezier(0.22, 1, 0.36, 1);\r\n --spring: cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n body {\r\n font-family: var(--fuente);\r\n background-color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n #main-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: var(--altura-header);\r\n z-index: 9999;\r\n display: flex;\r\n align-items: center;\r\n background-color: #ffffff;\r\n transition:\r\n background-color 0.5s var(--ease-out),\r\n box-shadow 0.5s var(--ease-out),\r\n border-radius 0.5s var(--ease-out),\r\n top 0.4s var(--ease-out),\r\n width 0.4s var(--ease-out),\r\n left 0.4s var(--ease-out),\r\n transform 0.4s var(--ease-out),\r\n height 0.4s var(--ease-out);\r\n }\r\n\r\n #main-header.scrolled {\r\n top: 10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: min(760px, calc(100% - 80px));\r\n height: 55px;\r\n border-radius: 100px;\r\n background-color: #ffffff;\r\n box-shadow:\r\n 0 2px 16px rgba(0, 0, 0, 0.08),\r\n 0 0 0 1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* \u2500\u2500 NAV CONTAINER \u2500\u2500 *\/\r\n .nav-container {\r\n width: 100%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 25px;\r\n transition: padding 0.4s var(--ease-out), max-width 0.4s var(--ease-out);\r\n }\r\n\r\n #main-header.scrolled .nav-container {\r\n max-width: 100%;\r\n padding: 0 36px;\r\n }\r\n\r\n \/* \u2500\u2500 LOGO \u2500\u2500 *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo img {\r\n height: 84px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n margin-top: -6.5px;\r\n }\r\n\r\n #main-header.scrolled .logo img {\r\n height: 70px;\r\n }\r\n\r\n .logo a:hover img {\r\n opacity: 0.7;\r\n }\r\n\r\n \/* \u2500\u2500 LOGO MOBILE (isotipo) \u2014 solo visible en m\u00f3vil \u2500\u2500 *\/\r\n .logo-mobile {\r\n display: none;\r\n }\r\n\r\n \/* \u2500\u2500 DESKTOP NAV MENU \u2500\u2500 *\/\r\n .nav-menu {\r\n list-style: none;\r\n display: flex;\r\n gap: 40px;\r\n margin: 0;\r\n align-items: center;\r\n }\r\n\r\n .nav-link {\r\n text-decoration: none;\r\n color: #333;\r\n font-size: 14px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n letter-spacing: -0.01em;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .nav-link:hover {\r\n background-image: linear-gradient(135deg, var(--naranja-base), var(--naranja-oscuro));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n \/* \u2500\u2500 HAMBURGER BUTTON (2 lines) \u2500\u2500 *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 4px;\r\n width: 32px;\r\n height: 32px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 4px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 100%;\r\n height: 1.5px;\r\n background-color: #888888;\r\n border-radius: 2px;\r\n transform-origin: center;\r\n transition:\r\n transform 0.4s var(--ease-out),\r\n opacity 0.3s ease,\r\n width 0.3s var(--ease-out);\r\n }\r\n\r\n .hamburger.open span:nth-child(1) {\r\n width: 60%;\r\n margin: 0 auto;\r\n transform: translateY(2.75px) rotate(45deg);\r\n }\r\n .hamburger.open span:nth-child(2) {\r\n width: 60%;\r\n margin: 0 auto;\r\n transform: translateY(-2.75px) rotate(-45deg);\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n iOS BOTTOM SHEET OVERLAY\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n .sheet-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0);\r\n z-index: 9997;\r\n transition: background 0.42s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .sheet-backdrop.open {\r\n background: rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n .mobile-menu {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 9998;\r\n transform: translateY(100%);\r\n transition: transform 0.42s var(--spring);\r\n will-change: transform;\r\n }\r\n\r\n .mobile-menu.open {\r\n transform: translateY(0);\r\n }\r\n\r\n .sheet-card {\r\n background: #ffffff;\r\n border-radius: 20px 20px 0 0;\r\n padding-bottom: max(24px, env(safe-area-inset-bottom));\r\n overflow: hidden;\r\n box-shadow:\r\n 0 -4px 32px rgba(0, 0, 0, 0.12),\r\n 0 -1px 0 rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n .sheet-handle {\r\n width: 36px;\r\n height: 5px;\r\n background: #d1d1d6;\r\n border-radius: 100px;\r\n margin: 12px auto 6px;\r\n }\r\n\r\n .mobile-menu ul {\r\n list-style: none;\r\n width: 100%;\r\n padding: 8px 0 4px;\r\n }\r\n\r\n .mobile-menu-item {\r\n width: 100%;\r\n transform: translateY(8px);\r\n opacity: 0;\r\n transition:\r\n transform 0.36s var(--ease-out),\r\n opacity 0.36s ease;\r\n }\r\n\r\n .mobile-menu.open .mobile-menu-item:nth-child(1) { transition-delay: 0.08s; transform: translateY(0); opacity: 1; }\r\n .mobile-menu.open .mobile-menu-item:nth-child(2) { transition-delay: 0.12s; transform: translateY(0); opacity: 1; }\r\n .mobile-menu.open .mobile-menu-item:nth-child(3) { transition-delay: 0.16s; transform: translateY(0); opacity: 1; }\r\n .mobile-menu.open .mobile-menu-item:nth-child(4) { transition-delay: 0.20s; transform: translateY(0); opacity: 1; }\r\n\r\n .mobile-menu-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 17px 24px;\r\n margin: 0 12px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n color: #1d1d1f;\r\n font-size: 17px;\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n transition: background 0.15s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-menu-link:active {\r\n background: rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .mobile-menu-link::after {\r\n content: '';\r\n display: block;\r\n width: 7px;\r\n height: 7px;\r\n border-right: 1.5px solid #c7c7cc;\r\n border-top: 1.5px solid #c7c7cc;\r\n transform: rotate(45deg) translateY(-1px);\r\n flex-shrink: 0;\r\n }\r\n\r\n .mobile-menu-item:not(:last-child) {\r\n position: relative;\r\n }\r\n\r\n .mobile-menu-item:not(:last-child)::after {\r\n content: '';\r\n display: block;\r\n height: 1px;\r\n background: rgba(0,0,0,0.07);\r\n margin: 0 24px;\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE base (\u2264 900px) \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .nav-menu { display: none; }\r\n .hamburger { display: flex; }\r\n .mobile-menu,\r\n .sheet-backdrop { display: block; }\r\n\r\n .logo-desktop { display: none; }\r\n .logo-mobile { display: block; }\r\n\r\n .nav-container {\r\n padding: 0 20px;\r\n justify-content: space-between;\r\n }\r\n\r\n #main-header.scrolled .nav-container {\r\n padding: 0 20px;\r\n }\r\n\r\n #main-header { height: 72px; }\r\n\r\n #main-header.scrolled {\r\n width: min(480px, calc(100% - 40px));\r\n height: 52px;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 TABLET (601px \u2013 900px) \u2500\u2500 *\/\r\n @media (min-width: 601px) and (max-width: 900px) {\r\n .logo-mobile img {\r\n height: 66px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n \r\n }\r\n #main-header.scrolled .logo-mobile img { height: 56px; margin-top:-6.5px;}\r\n\r\n .nav-container { padding: 0 30px; }\r\n margin\r\n #main-header.scrolled .nav-container { padding: 20px; }\r\n\r\n #main-header { height: 80px; }\r\n #main-header.scrolled {\r\n width: min(600px, calc(100% - 32px));\r\n height: 50px;\r\n }\r\n }\r\n\r\n\r\n \/* \u2500\u2500 MOBILE (401px \u2013 600px) \u2500\u2500 *\/\r\n @media (min-width: 401px) and (max-width: 600px) {\r\n .logo-mobile img {\r\n height: 66px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n \r\n }\r\n #main-header.scrolled .logo-mobile img { height: 56px; margin-top:-6.5px;}\r\n\r\n .nav-container { padding: 0 30px; }\r\n margin\r\n #main-header.scrolled .nav-container { padding: 20px; }\r\n\r\n #main-header { height: 80px; }\r\n #main-header.scrolled {\r\n width: min(330px, calc(100% - 32px));\r\n height: 50px;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 FOLD \/ peque\u00f1o (\u2264 400px) \u2500\u2500 *\/\r\n @media (max-width: 400px) {\r\n .logo-mobile img {\r\n height: 66px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n \r\n }\r\n #main-header.scrolled .logo-mobile img { height: 56px; margin-top:-6.5px;}\r\n\r\n .nav-container { padding: 0 30px; }\r\n margin\r\n #main-header.scrolled .nav-container { padding: 20px; }\r\n\r\n #main-header { height: 80px; }\r\n #main-header.scrolled {\r\n width: min(330px, calc(100% - 32px));\r\n height: 50px;\r\n }\r\n }\r\n\r\n body.menu-open { overflow: hidden; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header id=\"main-header\">\r\n <nav class=\"nav-container\">\r\n \r\n <div class=\"logo\">\r\n <a href=\"#\" class=\"logo-desktop\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Logotipo-Intergan-Foods-scaled.webp\" alt=\"Intergan Foods\">\r\n <\/a>\r\n <a href=\"#\" class=\"logo-mobile\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Logotipo-Intergan-Foods-scaled.webp\" alt=\"Intergan Foods\">\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#\" class=\"nav-link\">Exportaciones<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link\">Certificaciones<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link\">Nosotros<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link\">Contacto<\/a><\/li>\r\n <\/ul>\r\n\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\" aria-expanded=\"false\">\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n\r\n <\/nav>\r\n <\/header>\r\n\r\n <div class=\"sheet-backdrop\" id=\"sheet-backdrop\"><\/div>\r\n\r\n <nav class=\"mobile-menu\" id=\"mobile-menu\" aria-hidden=\"true\">\r\n <div class=\"sheet-card\">\r\n <div class=\"sheet-handle\"><\/div>\r\n <ul>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Exportaciones<\/a><\/li>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Certificaciones<\/a><\/li>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Nosotros<\/a><\/li>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/nav>\r\n\r\n <script>\r\n const header = document.getElementById('main-header');\r\n const hamburger = document.getElementById('hamburger');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const backdrop = document.getElementById('sheet-backdrop');\r\n\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('scrolled', window.scrollY > 20);\r\n }, { passive: true });\r\n\r\n function toggleMenu(force) {\r\n const isOpen = typeof force === 'boolean' ? force : !hamburger.classList.contains('open');\r\n hamburger.classList.toggle('open', isOpen);\r\n mobileMenu.classList.toggle('open', isOpen);\r\n backdrop.classList.toggle('open', isOpen);\r\n document.body.classList.toggle('menu-open', isOpen);\r\n hamburger.setAttribute('aria-expanded', isOpen);\r\n mobileMenu.setAttribute('aria-hidden', !isOpen);\r\n }\r\n\r\n hamburger.addEventListener('click', () => toggleMenu());\r\n backdrop.addEventListener('click', () => toggleMenu(false));\r\n\r\n mobileMenu.querySelectorAll('.mobile-menu-link').forEach(link => {\r\n link.addEventListener('click', () => toggleMenu(false));\r\n });\r\n\r\n document.addEventListener('keydown', e => {\r\n if (e.key === 'Escape') toggleMenu(false);\r\n });\r\n\r\n let startY = 0, lastY = 0, velocityY = 0, isDragging = false;\r\n\r\n mobileMenu.addEventListener('touchstart', e => {\r\n startY = e.touches[0].clientY;\r\n lastY = startY;\r\n velocityY = 0;\r\n isDragging = true;\r\n mobileMenu.style.transition = 'none';\r\n backdrop.style.transition = 'none';\r\n }, { passive: true });\r\n\r\n mobileMenu.addEventListener('touchmove', e => {\r\n if (!isDragging) return;\r\n const y = e.touches[0].clientY;\r\n velocityY = y - lastY;\r\n lastY = y;\r\n const delta = Math.max(0, y - startY);\r\n mobileMenu.style.transform = `translateY(${delta}px)`;\r\n const sheetH = mobileMenu.offsetHeight;\r\n const progress = Math.min(delta \/ sheetH, 1);\r\n backdrop.style.background = `rgba(0,0,0,${0.35 * (1 - progress)})`;\r\n }, { passive: true });\r\n\r\n mobileMenu.addEventListener('touchend', () => {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n const delta = lastY - startY;\r\n if (delta > 60 || velocityY > 8) {\r\n mobileMenu.style.transition = 'transform 0.28s cubic-bezier(0.4, 0, 1, 1)';\r\n backdrop.style.transition = 'background 0.28s ease';\r\n mobileMenu.style.transform = `translateY(100%)`;\r\n backdrop.style.background = 'rgba(0,0,0,0)';\r\n setTimeout(() => {\r\n mobileMenu.style.transition = '';\r\n mobileMenu.style.transform = '';\r\n backdrop.style.transition = '';\r\n backdrop.style.background = '';\r\n hamburger.classList.remove('open');\r\n mobileMenu.classList.remove('open');\r\n backdrop.classList.remove('open');\r\n document.body.classList.remove('menu-open');\r\n hamburger.setAttribute('aria-expanded', false);\r\n mobileMenu.setAttribute('aria-hidden', true);\r\n }, 290);\r\n } else {\r\n mobileMenu.style.transition = 'transform 0.36s cubic-bezier(0.16, 1, 0.3, 1)';\r\n backdrop.style.transition = 'background 0.36s ease';\r\n mobileMenu.style.transform = 'translateY(0)';\r\n backdrop.style.background = 'rgba(0,0,0,0.35)';\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0efb13 e-con-full e-flex e-con e-parent\" data-id=\"f0efb13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58699c9 elementor-widget elementor-widget-html\" data-id=\"58699c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Intergan Foods \u2014 Hero<\/title>\r\n<\/head>\r\n<body style=\"margin:0;background:#fff;\">\r\n\r\n<div id=\"ig-hero\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n var BG = {\r\n url: 'https:\/\/images.unsplash.com\/photo-1500595046743-cd271d694d30?w=1900&q=90&auto=format&fit=crop',\r\n position: 'center 40%',\r\n overlay: 'linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 18%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0) 40%)',\r\n };\r\n\r\n var HEADLINE = {\r\n text: 'Del coraz\u00f3n de M\u00e9xico, la mejor carne al mundo',\r\n subtitle: 'Carne mexicana certificada, producida en la<strong> Comarca Lagunera<\/strong> y exportada a 18 pa\u00edses desde 2007.',\r\n };\r\n\r\n var STAT_CARD = {\r\n number: '#1',\r\n suffix: '',\r\n desc: 'Liderazgo en M\u00e9xico en exportaci\u00f3n de trimming bovino con est\u00e1ndares internacionales de calidad.',\r\n imgSrc: 'https:\/\/i.pinimg.com\/1200x\/dc\/48\/4a\/dc484a3ccc34e2d69cf2b13d46eaa577.jpg',\r\n };\r\n\r\n \/* \u2500\u2500 ISOTIPO MARCA DE AGUA \u2014 ajusta por breakpoint \u2500\u2500 *\/\r\n var WATERMARK = {\r\n url: 'https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp',\r\n opacity: 0.18,\r\n\r\n desktop: {\r\n width: '50%',\r\n top: '-40%',\r\n bottom: 'auto',\r\n left: 'auto',\r\n right: '-20%',\r\n },\r\n tablet: {\r\n width: '50%',\r\n top: '-25%',\r\n bottom: 'auto',\r\n left: 'auto',\r\n right: '-15%',\r\n },\r\n mobile: {\r\n width: '70%',\r\n top: '-23%',\r\n bottom: 'auto',\r\n left: 'auto',\r\n right: '-28%',\r\n },\r\n };\r\n\r\n \/* ============================================================\r\n SHADOW DOM\r\n ============================================================ *\/\r\n var host = document.getElementById('ig-hero');\r\n var shadow = host.attachShadow({ mode: 'open' });\r\n\r\n var style = document.createElement('style');\r\n style.textContent = `\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BASE \u2014 DESKTOP (> 1024px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .ig-outer {\r\n padding: var(--ig-pad-top, 30px) 30px 30px 30px;\r\n background: #fff;\r\n max-width: 1450px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ig-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 820px;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-rows: 1fr auto;\r\n }\r\n\r\n .ig-bg {\r\n position: absolute; inset: 0;\r\n background: url('${BG.url}') ${BG.position} \/ cover no-repeat;\r\n z-index: 0;\r\n transform: scale(1.04);\r\n transition: transform 10s ease-out;\r\n }\r\n .ig-bg.on { transform: scale(1); }\r\n\r\n .ig-overlay {\r\n position: absolute; inset: 0; z-index: 1;\r\n background: ${BG.overlay};\r\n }\r\n\r\n .ig-center {\r\n position: relative; z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n padding: 64px 72px 0;\r\n }\r\n\r\n .ig-headline {\r\n font-size: 3.8rem;\r\n font-weight: 700;\r\n line-height: 1.06;\r\n letter-spacing: -0.03em;\r\n color: #fff;\r\n max-width: 52%;\r\n animation: ig-up .9s .15s ease both;\r\n }\r\n\r\n .ig-subtitle {\r\n margin-top: 18px;\r\n font-size: 1.05rem;\r\n font-weight: 400;\r\n line-height: 1.6;\r\n color: rgba(255,255,255,.88);\r\n max-width: 38%;\r\n animation: ig-up .9s .30s ease both;\r\n }\r\n\r\n .ig-bottom {\r\n position: relative; z-index: 10;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n padding: 0 40px 40px;\r\n }\r\n\r\n .ig-card {\r\n display: flex;\r\n align-items: stretch;\r\n width: 420px;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n background: rgba(255,255,255,0.04);\r\n backdrop-filter: blur(10px) saturate(110%) brightness(1.06);\r\n -webkit-backdrop-filter: blur(10px) saturate(110%) brightness(1.06);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);\r\n animation: ig-up .9s .6s ease both;\r\n }\r\n\r\n .ig-card-left {\r\n flex: 1;\r\n padding: 22px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 32px;\r\n }\r\n\r\n .ig-card-number {\r\n font-size: 4rem;\r\n font-weight: 600;\r\n color: #fff;\r\n line-height: 1;\r\n letter-spacing: -0.06em;\r\n }\r\n .ig-card-number sup {\r\n font-size: 1.6rem;\r\n font-weight: 400;\r\n color: #fff;\r\n vertical-align: super;\r\n margin-left: 3px;\r\n letter-spacing: 0;\r\n }\r\n\r\n .ig-card-desc {\r\n font-size: .88rem;\r\n color: #fff;\r\n line-height: 1.55;\r\n }\r\n\r\n .ig-card-img {\r\n width: 150px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n margin: 10px 10px 10px 0;\r\n border-radius: 10px;\r\n }\r\n .ig-card-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n filter: saturate(0.75) brightness(0.85);\r\n transition: filter .5s;\r\n }\r\n .ig-card:hover .ig-card-img img { filter: saturate(1) brightness(0.95); }\r\n .ig-card-img-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.55) 100%);\r\n }\r\n\r\n \/* \u2500\u2500 Isotipo marca de agua \u2014 DESKTOP \u2500\u2500 *\/\r\n .ig-watermark {\r\n position: absolute;\r\n top: ${WATERMARK.desktop.top};\r\n bottom: ${WATERMARK.desktop.bottom};\r\n left: ${WATERMARK.desktop.left};\r\n right: ${WATERMARK.desktop.right};\r\n z-index: 2;\r\n width: ${WATERMARK.desktop.width};\r\n pointer-events: none;\r\n }\r\n .ig-watermark img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n opacity: ${WATERMARK.opacity};\r\n filter: brightness(100) saturate(0);\r\n -webkit-user-drag: none;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u2500\u2500 Isotipo marca de agua \u2014 TABLET \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .ig-watermark {\r\n width: ${WATERMARK.tablet.width};\r\n top: ${WATERMARK.tablet.top};\r\n bottom: ${WATERMARK.tablet.bottom};\r\n left: ${WATERMARK.tablet.left};\r\n right: ${WATERMARK.tablet.right};\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 Isotipo marca de agua \u2014 MOBILE \u2500\u2500 *\/\r\n @media (max-width: 640px) {\r\n .ig-watermark {\r\n width: ${WATERMARK.mobile.width};\r\n top: ${WATERMARK.mobile.top};\r\n bottom: ${WATERMARK.mobile.bottom};\r\n left: ${WATERMARK.mobile.left};\r\n right: ${WATERMARK.mobile.right};\r\n }\r\n }\r\n\r\n @keyframes ig-up {\r\n from { opacity:0; transform:translateY(20px) }\r\n to { opacity:1; transform:translateY(0) }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET (641px \u2013 1024px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 1024px) {\r\n .ig-hero { min-height: 680px; }\r\n .ig-center { padding: 48px 40px 0; }\r\n .ig-headline { font-size: 2.8rem; max-width: 70%; }\r\n .ig-subtitle { font-size: .95rem; max-width: 70%; margin-top: 14px; }\r\n .ig-bottom { padding: 0 28px 28px; }\r\n .ig-card { width: 360px; }\r\n .ig-card-number { font-size: 3.2rem; }\r\n .ig-card-img { width: 120px; }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE (\u2264 640px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 640px) {\r\n .ig-outer { padding: var(--ig-pad-top, 12px) 8px 8px 8px; }\r\n .ig-hero { min-height: 520px; border-radius: 14px; }\r\n .ig-center { padding: 28px 18px 0; }\r\n\r\n .ig-headline {\r\n font-size: 1.8rem;\r\n max-width: 100%;\r\n line-height: 1.1;\r\n max-width:85%;\r\n }\r\n .ig-subtitle {\r\n font-size: .82rem;\r\n max-width: 70%;\r\n margin-top: 10px;\r\n line-height: 1.45;\r\n }\r\n .ig-bottom {\r\n justify-content: center;\r\n padding: 0 12px 14px;\r\n }\r\n .ig-card { width: 100%; }\r\n .ig-card-left { flex: 0 0 55%; padding: 16px; gap: 20px; }\r\n .ig-card-img { flex: 0 0 45%; width: auto; margin: 8px 8px 8px 0; }\r\n .ig-card-number { font-size: 2.4rem; }\r\n .ig-card-desc { font-size: .75rem; }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE PEQUE\u00d1O (\u2264 380px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 380px) {\r\n .ig-headline { font-size: 1.45rem; }\r\n .ig-card-img { display: none; }\r\n .ig-card-left { flex: 1; }\r\n }\r\n `;\r\n\r\n \/* FIX 6: Se usa innerHTML en un <div> auxiliar en lugar de <template>\r\n para garantizar que los <strong> en el subt\u00edtulo se parseen\r\n correctamente como HTML (template.innerHTML los trata como texto\r\n en algunos motores cuando se inserta v\u00eda cloneNode sin activate). *\/\r\n var wrapper = document.createElement('div');\r\n wrapper.innerHTML = `\r\n <div class=\"ig-outer\">\r\n <div class=\"ig-hero\">\r\n <div class=\"ig-bg\" id=\"igBg\"><\/div>\r\n <div class=\"ig-overlay\"><\/div>\r\n <div class=\"ig-watermark\">\r\n <img decoding=\"async\" src=\"${WATERMARK.url}\" alt=\"\">\r\n <\/div>\r\n <div class=\"ig-center\">\r\n <h1 class=\"ig-headline\">${HEADLINE.text}<\/h1>\r\n <p class=\"ig-subtitle\">${HEADLINE.subtitle}<\/p>\r\n <\/div>\r\n <div class=\"ig-bottom\">\r\n <div class=\"ig-card\">\r\n <div class=\"ig-card-left\">\r\n <div class=\"ig-card-number\">${STAT_CARD.number}<sup>${STAT_CARD.suffix}<\/sup><\/div>\r\n <p class=\"ig-card-desc\">${STAT_CARD.desc}<\/p>\r\n <\/div>\r\n <div class=\"ig-card-img\">\r\n <img decoding=\"async\" src=\"${STAT_CARD.imgSrc}\" alt=\"Trimming bovino Intergan\">\r\n <div class=\"ig-card-img-overlay\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n shadow.appendChild(style);\r\n shadow.appendChild(wrapper.firstElementChild);\r\n\r\n \/* \u2500\u2500 Ken Burns \u2500\u2500 *\/\r\n setTimeout(function () {\r\n var bg = shadow.getElementById('igBg');\r\n if (bg) bg.classList.add('on');\r\n }, 80);\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n FIX 7: DETECCI\u00d3N DE NAVBAR\r\n El observer vigila cambios en el DOM por\r\n si el navbar se inyecta despu\u00e9s del hero\r\n (Elementor, WP, etc.).\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n function applyNavbarOffset() {\r\n var PAD = 30;\r\n var navH = 0;\r\n\r\n document.querySelectorAll('*').forEach(function (el) {\r\n if (el === host || host.contains(el)) return;\r\n var pos = window.getComputedStyle(el).position;\r\n if (pos === 'fixed' || pos === 'sticky') {\r\n var rect = el.getBoundingClientRect();\r\n if (rect.top < 120 && rect.height > 0) {\r\n navH = Math.max(navH, rect.bottom);\r\n }\r\n }\r\n });\r\n\r\n \/* WordPress \/ Elementor admin bar *\/\r\n var adminBar = document.getElementById('wpadminbar');\r\n if (adminBar) navH = Math.max(navH, adminBar.getBoundingClientRect().bottom);\r\n\r\n host.style.setProperty('--ig-pad-top', (navH + PAD) + 'px');\r\n }\r\n\r\n \/* Ejecuta al cargar, al redimensionar y observa cambios en el DOM\r\n por si el navbar se a\u00f1ade din\u00e1micamente *\/\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', applyNavbarOffset);\r\n } else {\r\n applyNavbarOffset();\r\n }\r\n window.addEventListener('resize', applyNavbarOffset);\r\n\r\n \/* Observer ligero: solo attributes\/childList en el body directo *\/\r\n if (typeof MutationObserver !== 'undefined') {\r\n new MutationObserver(applyNavbarOffset).observe(document.body, {\r\n childList: true,\r\n subtree: false,\r\n attributes: true,\r\n attributeFilter: ['style', 'class'],\r\n });\r\n }\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a55eed e-con-full e-flex e-con e-parent\" data-id=\"6a55eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c793180 elementor-widget elementor-widget-html\" data-id=\"c793180\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div style=\"display:block; width:100%; text-align:center;\">\r\n <div id=\"cert-carousel-host\" style=\"display:inline-block; width:100%; max-width:1200px;\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n \/* \u2500\u2500\u2500 CONFIGURACI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const ANIM_DURATION = 38000; \/\/ ms para un ciclo completo\r\n const BG_COLOR = '#ffffff'; \/\/ color de fondo (para fade lateral)\r\n\r\n const logos = [\r\n { url: 'https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/04\/Logo_of_the_United_States_Department_of_Agriculture.svg\/250px-Logo_of_the_United_States_Department_of_Agriculture.svg.png', alt: 'USDA' },\r\n { url: 'https:\/\/d2evkimvhatqav.cloudfront.net\/images\/NSF-logo.png?mtime=20200716161808&focal=none', alt: 'NSF International' },\r\n { url: 'https:\/\/thumbs.dreamstime.com\/b\/food-safety-369124264.jpg', alt: 'HACCP' },\r\n { url: 'https:\/\/saporeaditivos.com.mx\/wp-content\/uploads\/2018\/11\/GlobalSTD.jpg', alt: 'GlobalSTD SQF' },\r\n { url: 'https:\/\/www.handary.com\/img\/news\/newsthumb_10091_o.png', alt: 'Kosher' },\r\n { url: 'https:\/\/img.freepik.com\/vector-premium\/logotipo-halal-insignia-halal-sello-redondo-logotipo-vectorial-diseno-letrero-halal_526569-729.jpg', alt: 'Halal' },\r\n { url: 'https:\/\/images.seeklogo.com\/logo-png\/54\/1\/certificacion-tif-logo-png_seeklogo-541385.png', alt: 'TIF SAGARPA' },\r\n { url: 'https:\/\/www.clipartmax.com\/png\/full\/118-1183033_calidad-mexicana-mexico-calidad-suprema.png', alt: 'M\u00e9xico Calidad Suprema' },\r\n { url: 'https:\/\/i.shgcdn.com\/e92c8e5b-99e7-451a-b82c-a7aff2d4d959\/-\/format\/auto\/-\/preview\/3000x3000\/-\/quality\/lighter\/', alt: 'Animal Welfare Approved' },\r\n { url: 'https:\/\/lamacarena.com\/es\/wp-content\/uploads\/2020\/01\/PNE-LOGOS.png', alt: 'Premio Nacional de Exportaci\u00f3n' },\r\n { url: 'https:\/\/pna.org.mx\/wp-content\/uploads\/2026\/01\/logo-premio-nacional-esp-ing-02-2048x790.png', alt: 'Premio Nacional Agroalimentario' },\r\n ];\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n \/* \u2500\u2500 Buscar el host de forma segura \u2500\u2500 *\/\r\n const host = document.getElementById('cert-carousel-host');\r\n if (!host) return; \/\/ Si no existe el elemento, abortar sin errores\r\n\r\n \/* \u2500\u2500 Shadow DOM: CSS completamente aislado del resto de la p\u00e1gina \u2500\u2500 *\/\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const buildItems = () =>\r\n logos.map(l =>\r\n `<div class=\"ci\" role=\"img\" aria-label=\"${l.alt}\">` +\r\n `<img decoding=\"async\" src=\"${l.url}\" alt=\"${l.alt}\" loading=\"lazy\" draggable=\"false\">` +\r\n `<\/div>`\r\n ).join('');\r\n\r\n shadow.innerHTML = `\r\n <style>\r\n :host {\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n --bg: ${BG_COLOR};\r\n }\r\n\r\n .wrapper {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n position: relative;\r\n padding: 20px 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .scroll-zone {\r\n flex: 1;\r\n overflow: hidden;\r\n position: relative;\r\n touch-action: pan-y; \/* pan-y: el navegador maneja scroll vertical,\r\n el JS captura el horizontal *\/\r\n cursor: grab;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n .scroll-zone.is-dragging {\r\n cursor: grabbing;\r\n touch-action: none; \/* Durante drag activo: bloquear todo pan nativo *\/\r\n }\r\n\r\n .scroll-zone::before,\r\n .scroll-zone::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; bottom: 0;\r\n width: 80px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n .scroll-zone::before {\r\n left: 0;\r\n background: linear-gradient(to right, var(--bg) 0%, transparent 100%);\r\n }\r\n .scroll-zone::after {\r\n right: 0;\r\n background: linear-gradient(to left, var(--bg) 0%, transparent 100%);\r\n }\r\n\r\n .track {\r\n display: flex;\r\n align-items: center;\r\n width: max-content;\r\n gap: 12px;\r\n padding: 4px 0;\r\n animation: slide ${ANIM_DURATION}ms linear infinite;\r\n will-change: transform;\r\n }\r\n\r\n @media (hover: hover) and (pointer: fine) {\r\n .scroll-zone:not(.is-dragging) .track:hover {\r\n animation-play-state: paused;\r\n }\r\n }\r\n\r\n @keyframes slide {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n\r\n .ci {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n width: 160px;\r\n height: 160px;\r\n background: transparent;\r\n border: 1px solid #e8e8e8;\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .ci:hover {\r\n border-color: #d1d5db;\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\r\n }\r\n .ci img {\r\n height: 72px;\r\n width: auto;\r\n max-width: 120px;\r\n object-fit: contain;\r\n display: block;\r\n pointer-events: none;\r\n -webkit-user-drag: none;\r\n transition: transform 0.3s ease;\r\n }\r\n .ci:hover img { transform: scale(1.05); }\r\n\r\n @media (max-width: 768px) {\r\n .ci { width: 130px; height: 130px; padding: 16px; }\r\n .ci img { height: 60px; max-width: 98px; }\r\n .scroll-zone::before,\r\n .scroll-zone::after { width: 40px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"wrapper\">\r\n <div class=\"scroll-zone\">\r\n <div class=\"track\">\r\n ${buildItems()}\r\n ${buildItems()}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/* \u2500\u2500 Refs internos al Shadow DOM \u2500\u2500 *\/\r\n const scrollZone = shadow.querySelector('.scroll-zone');\r\n const track = shadow.querySelector('.track');\r\n\r\n \/* \u2500\u2500 Estado de drag (local, no expuesto globalmente) \u2500\u2500 *\/\r\n let isDragging = false;\r\n let startX = 0;\r\n let currentX = 0;\r\n let dragDeltaX = 0;\r\n\r\n \/* \u2500\u2500 Helpers \u2500\u2500 *\/\r\n function getCurrentTranslateX() {\r\n const matrix = window.getComputedStyle(track).transform;\r\n if (!matrix || matrix === 'none') return 0;\r\n const match = matrix.match(\/matrix\$([^)]+)\$\/);\r\n if (!match) return 0;\r\n return parseFloat(match[1].split(',')[4]); \/\/ \u00edndice correcto: [4]\r\n }\r\n\r\n function pauseAtCurrentPosition() {\r\n currentX = getCurrentTranslateX();\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${currentX}px)`;\r\n }\r\n\r\n function resumeFromPosition(tx) {\r\n const halfWidth = track.scrollWidth \/ 2;\r\n if (!halfWidth) {\r\n track.style.transform = '';\r\n track.style.animation = `slide ${ANIM_DURATION}ms linear infinite`;\r\n return;\r\n }\r\n let normalized = tx % halfWidth;\r\n if (normalized > 0) normalized -= halfWidth;\r\n if (normalized < -halfWidth) normalized += halfWidth;\r\n\r\n const progress = Math.abs(normalized) \/ halfWidth;\r\n const delay = -(progress * ANIM_DURATION).toFixed(2);\r\n\r\n track.style.transform = '';\r\n track.style.animation = `slide ${ANIM_DURATION}ms ${delay}ms linear infinite`;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n MOUSE DRAG \u2014 listeners en document, agregados\/eliminados\r\n din\u00e1micamente para NO dejar oyentes permanentes en window.\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n function onMouseMove(e) {\r\n if (!isDragging) return;\r\n dragDeltaX = e.clientX - startX;\r\n track.style.transform = `translateX(${currentX + dragDeltaX}px)`;\r\n }\r\n\r\n function onMouseUp() {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n scrollZone.classList.remove('is-dragging');\r\n \/* \u2190 Se eliminan inmediatamente; no quedan residuos globales *\/\r\n document.removeEventListener('mousemove', onMouseMove);\r\n document.removeEventListener('mouseup', onMouseUp);\r\n resumeFromPosition(currentX + dragDeltaX);\r\n }\r\n\r\n scrollZone.addEventListener('mousedown', (e) => {\r\n if (e.button !== 0) return; \/\/ solo bot\u00f3n izquierdo\r\n pauseAtCurrentPosition();\r\n isDragging = true;\r\n startX = e.clientX;\r\n dragDeltaX = 0;\r\n scrollZone.classList.add('is-dragging');\r\n e.preventDefault();\r\n \/* \u2190 Solo se registran cuando se necesitan *\/\r\n document.addEventListener('mousemove', onMouseMove);\r\n document.addEventListener('mouseup', onMouseUp);\r\n });\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TOUCH \u2014 sin listeners en window; todo sobre scrollZone\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n scrollZone.addEventListener('touchstart', (e) => {\r\n if (e.touches.length !== 1) return;\r\n pauseAtCurrentPosition();\r\n isDragging = true;\r\n startX = e.touches[0].clientX;\r\n dragDeltaX = 0;\r\n scrollZone.classList.add('is-dragging');\r\n }, { passive: true });\r\n\r\n scrollZone.addEventListener('touchmove', (e) => {\r\n if (!isDragging) return;\r\n const dx = e.touches[0].clientX - startX;\r\n \/\/ Si el movimiento es principalmente horizontal, evitar scroll vertical\r\n if (Math.abs(dx) > 8) e.preventDefault();\r\n dragDeltaX = dx;\r\n track.style.transform = `translateX(${currentX + dragDeltaX}px)`;\r\n }, { passive: false }); \/\/ passive:false necesario para poder llamar preventDefault\r\n\r\n function endTouch() {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n scrollZone.classList.remove('is-dragging');\r\n resumeFromPosition(currentX + dragDeltaX);\r\n }\r\n\r\n scrollZone.addEventListener('touchend', endTouch, { passive: true });\r\n scrollZone.addEventListener('touchcancel', endTouch, { passive: true });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0de9e69 e-con-full e-flex e-con e-parent\" data-id=\"0de9e69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b98df9 elementor-widget elementor-widget-html\" data-id=\"5b98df9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Nuestras Marcas<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n\r\n \/* ============================================================\r\n VARIABLES R\u00c1PIDAS \u2014 edita aqu\u00ed para cambiar todo de golpe\r\n ============================================================ *\/\r\n :root {\r\n --igf-color-titulo: #111111; \/* color del t\u00edtulo *\/\r\n --igf-color-subtitulo: #111111; \/* color del subt\u00edtulo *\/\r\n --igf-color-marca: #000000; \/* nombre de la marca en la tarjeta *\/\r\n --igf-color-desc: #111111; \/* texto descriptivo de la tarjeta *\/\r\n --igf-color-borde: #e8e3dc; \/* borde normal de la tarjeta *\/\r\n --igf-color-hover: #E85A1B; \/* borde al hacer hover *\/\r\n --igf-font-titulo: 2.9rem; \/* tama\u00f1o del t\u00edtulo de secci\u00f3n *\/\r\n --igf-font-marca: 1.6rem; \/* tama\u00f1o del nombre de cada marca *\/\r\n --igf-altura-imagen: 300px; \/* altura de la foto en cada tarjeta *\/\r\n --igf-gap-grid: 20px; \/* espacio entre tarjetas *\/\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PALABRA DECORATIVA \"Premium\"\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n --igf-deco-size: clamp(60px, 8vw, 120px); \/* tama\u00f1o de letra *\/\r\n --igf-deco-weight: 800; \/* peso: 300 400 500 600 700 800 900 *\/\r\n --igf-deco-color: #e2e2e2; \/* color \u2014 #e2e2e2 = plata claro *\/\r\n --igf-deco-letter-spacing: -0.04em; \/* separaci\u00f3n letras: negativo = m\u00e1s pegado *\/\r\n --igf-deco-margin-top: 0px; \/* margen arriba *\/\r\n --igf-deco-margin-bottom: -48px; \/* margen abajo \u2014 negativo pega a las tarjetas *\/\r\n --igf-deco-margin-left: 0px; \/* margen izquierda *\/\r\n --igf-deco-margin-right: 0px; \/* margen derecha *\/\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DESVANECIDO BLANCO debajo de \"Premium\"\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n --igf-fade-tamanio: 60%; \/* TAMA\u00d1O \u2014 0% sin fade \u00b7 100% cubre toda la letra *\/\r\n --igf-fade-posicion: 0px; \/* POSICI\u00d3N \u2014 positivo sube \u00b7 negativo baja *\/\r\n --igf-fade-intensidad: 100%; \/* INTENSIDAD \u2014 0% invisible \u00b7 100% blanco s\u00f3lido *\/\r\n --igf-fade-inicio: 30%; \/* INICIO \u2014 0% desde arriba \u00b7 80% casi transparente *\/\r\n --igf-fade-left: 0px; \/* MARGEN IZQUIERDA del fade *\/\r\n --igf-fade-right: 0px; \/* MARGEN DERECHA del fade *\/\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ISOTIPOS DE FONDO \u2014 tomados de Esencia Lagunera\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n \/* \u2500\u2500 ISOTIPO A \u2500\u2500 (superior derecha, gigante) *\/\r\n --a-size: 380px;\r\n --a-top: -00px;\r\n --a-left: auto;\r\n --a-right: -10px;\r\n --a-rotate: 18deg;\r\n --a-opacity: 0.025;\r\n\r\n \/* \u2500\u2500 ISOTIPO B \u2500\u2500 (inferior izquierda, grande) *\/\r\n --b-size: 300px;\r\n --b-top: auto;\r\n --b-bottom: -0px;\r\n --b-left: -0px;\r\n --b-right: auto;\r\n --b-rotate: -14deg;\r\n --b-opacity: 0.022;\r\n\r\n \/* \u2500\u2500 ISOTIPO C \u2500\u2500 (centro-derecha, mediano) *\/\r\n --c-size: 180px;\r\n --c-top: 62%;\r\n --c-left: auto;\r\n --c-right: 12%;\r\n --c-rotate: -22deg;\r\n --c-opacity: 0.02;\r\n\r\n \/* \u2500\u2500 ISOTIPO D \u2500\u2500 (superior izquierda, mediano) *\/\r\n --d-size: 140px;\r\n --d-top: 8%;\r\n --d-left: 6%;\r\n --d-right: auto;\r\n --d-rotate: 10deg;\r\n --d-opacity: 0.023;\r\n\r\n \/* \u2500\u2500 ISOTIPO E \u2500\u2500 (inferior centro-derecha, grande) *\/\r\n --e-size: 140px;\r\n --e-top: auto;\r\n --e-bottom: 0%;\r\n --e-left: 38%;\r\n --e-right: auto;\r\n --e-rotate: 25deg;\r\n --e-opacity: 0.02;\r\n }\r\n\r\n \/* ============================================================\r\n SECCI\u00d3N PRINCIPAL \u2014 no tocar salvo padding\/margin externos\r\n ============================================================ *\/\r\n #igf-marcas-section {\r\n all: initial;\r\n display: block;\r\n box-sizing: border-box;\r\n background: transparent;\r\n font-family: 'Montserrat', sans-serif;\r\n width: 100%;\r\n padding: 60px 24px; \/* padding interno de la secci\u00f3n *\/\r\n margin: 10px; \/* margen externo *\/\r\n position: relative; \/* necesario para los isotipos de fondo *\/\r\n overflow: hidden;\r\n }\r\n\r\n #igf-marcas-section *,\r\n #igf-marcas-section *::before,\r\n #igf-marcas-section *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-wrapper {\r\n max-width: 1400px; \/* ancho m\u00e1ximo del contenido *\/\r\n width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n ISOTIPOS DECORATIVOS DE FONDO\r\n ============================================================ *\/\r\n #igf-marcas-section .igf-deco-iso {\r\n position: absolute;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 0;\r\n }\r\n \/* Isotipos en tonos gris claro *\/\r\n #igf-marcas-section .igf-iso-gray {\r\n filter: grayscale(1) brightness(1.6);\r\n }\r\n \/* Isotipos en tonos crema claro *\/\r\n #igf-marcas-section .igf-iso-cream {\r\n filter: sepia(1) brightness(1.8) saturate(0.15);\r\n }\r\n\r\n #igf-marcas-section .igf-iso-a {\r\n width: var(--a-size);\r\n top: var(--a-top);\r\n left: var(--a-left);\r\n right: var(--a-right);\r\n transform: rotate(var(--a-rotate));\r\n opacity: var(--a-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-b {\r\n width: var(--b-size);\r\n top: var(--b-top);\r\n bottom: var(--b-bottom);\r\n left: var(--b-left);\r\n right: var(--b-right);\r\n transform: rotate(var(--b-rotate));\r\n opacity: var(--b-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-c {\r\n width: var(--c-size);\r\n top: var(--c-top);\r\n left: var(--c-left);\r\n right: var(--c-right);\r\n transform: rotate(var(--c-rotate));\r\n opacity: var(--c-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-d {\r\n width: var(--d-size);\r\n top: var(--d-top);\r\n left: var(--d-left);\r\n right: var(--d-right);\r\n transform: rotate(var(--d-rotate));\r\n opacity: var(--d-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-e {\r\n width: var(--e-size);\r\n top: var(--e-top);\r\n bottom: var(--e-bottom);\r\n left: var(--e-left);\r\n right: var(--e-right);\r\n transform: rotate(var(--e-rotate));\r\n opacity: var(--e-opacity);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #igf-marcas-section {\r\n --a-size: 220px; --a-top: -60px; --a-right: -70px;\r\n --b-size: 180px; --b-bottom: -50px; --b-left: -55px;\r\n --c-size: 110px; --c-right: 5%;\r\n --d-size: 90px; --d-top: 6%;\r\n --e-size: 140px; --e-left: 30%;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n ENCABEZADO DE SECCI\u00d3N\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-header {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 48px;\r\n margin-left: 40px;\r\n }\r\n\r\n \/* Bloque izquierdo: t\u00edtulo + subt\u00edtulo *\/\r\n #igf-marcas-section #igf-marcas-header-left {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n \/* \u2500\u2500 Contenedor del \"Premium\" \u2014 controla el recorte del fade \u2500\u2500 *\/\r\n #igf-marcas-section #igf-marcas-deco-wrap {\r\n position: relative;\r\n align-self: flex-end; \/* se pega al fondo del header *\/\r\n flex-shrink: 0;\r\n overflow: hidden; \/* recorta el fade exacto al borde *\/\r\n margin-top: var(--igf-deco-margin-top);\r\n margin-bottom: var(--igf-deco-margin-bottom);\r\n margin-left: var(--igf-deco-margin-left);\r\n margin-right: var(--igf-deco-margin-right);\r\n line-height: 1;\r\n }\r\n\r\n \/* Palabra decorativa derecha del header *\/\r\n #igf-marcas-section #igf-marcas-header-deco {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: var(--igf-deco-size);\r\n font-weight: var(--igf-deco-weight);\r\n color: var(--igf-deco-color);\r\n letter-spacing: var(--igf-deco-letter-spacing);\r\n pointer-events: none;\r\n user-select: none;\r\n line-height: 1;\r\n display: block;\r\n }\r\n\r\n \/* ============================================================\r\n DOBLE FADE BLANCO \u2014 siempre anclado al borde inferior del wrapper\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-deco-wrap::before {\r\n content: '';\r\n position: absolute;\r\n bottom: var(--igf-fade-posicion);\r\n left: var(--igf-fade-left);\r\n right: var(--igf-fade-right);\r\n height: var(--igf-fade-tamanio);\r\n pointer-events: none;\r\n z-index: 2;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent var(--igf-fade-inicio),\r\n rgba(255,255,255, 0.6) 75%,\r\n rgba(255,255,255, var(--igf-fade-intensidad)) 100%\r\n );\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco-wrap::after {\r\n content: '';\r\n position: absolute;\r\n bottom: var(--igf-fade-posicion);\r\n left: var(--igf-fade-left);\r\n right: var(--igf-fade-right);\r\n height: calc(var(--igf-fade-tamanio) * 0.45);\r\n pointer-events: none;\r\n z-index: 3;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n rgba(255,255,255, var(--igf-fade-intensidad)) 100%\r\n );\r\n }\r\n\r\n \/* T\u00edtulo \"Nuestras marcas\" \u2014 siempre en 1 sola l\u00ednea *\/\r\n #igf-marcas-section #igf-marcas-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: clamp(2.8rem, 7vw, 6rem);\r\n font-weight: 700;\r\n color: #000000;\r\n line-height: 0.75;\r\n letter-spacing: -.15rem;\r\n white-space: normal;\r\n max-width: 100%;\r\n }\r\n\r\n \/* \"Nuestras\" en negro *\/\r\n #igf-marcas-section #igf-marcas-title .igf-marcas-word-nuestras {\r\n color: #000000;\r\n }\r\n\r\n \/* \"marcas\" en naranja peso 800 *\/\r\n #igf-marcas-section #igf-marcas-title .igf-marcas-word-marcas {\r\n color: #E85A1B;\r\n font-weight: 800;\r\n }\r\n\r\n \/* Subt\u00edtulo \u2014 siempre exactamente 2 renglones *\/\r\n #igf-marcas-section #igf-marcas-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: clamp(15px, 1.5vw, 22px);\r\n font-weight: 400;\r\n color: #333333;\r\n line-height: 1.30;\r\n text-align: left;\r\n margin-top: 28px;\r\n max-width: 65%;\r\n white-space: normal;\r\n }\r\n\r\n \/* \u00c9nfasis del subt\u00edtulo: naranja + negrita *\/\r\n #igf-marcas-section #igf-marcas-subtitle strong {\r\n color: #E85A1B;\r\n font-weight: 700;\r\n font-style: normal;\r\n }\r\n\r\n \/* ============================================================\r\n PALABRA DECORATIVA \"PREMIUM\"\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-grid-wrapper {\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco {\r\n display: none;\r\n }\r\n\r\n \/* ============================================================\r\n GRID DE TARJETAS\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: var(--igf-gap-grid);\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n TARJETA\r\n ============================================================ *\/\r\n #igf-marcas-section .igf-marcas-card {\r\n background: #ffffff;\r\n border-radius: 18px;\r\n border: 1px solid var(--igf-color-borde);\r\n padding: 20px 20px 52px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n position: relative;\r\n width: 100%;\r\n transition: border-color 0.25s ease;\r\n cursor: default;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:hover {\r\n border-color: var(--igf-color-hover);\r\n }\r\n\r\n \/* Imagen *\/\r\n #igf-marcas-section .igf-marcas-card-image {\r\n width: 100%;\r\n height: var(--igf-altura-imagen);\r\n overflow: hidden;\r\n border-radius: 10px;\r\n flex-shrink: 0;\r\n margin-bottom: 30px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* Nombre de la marca *\/\r\n #igf-marcas-section .igf-marcas-card-brand {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: var(--igf-font-marca);\r\n font-weight: 700;\r\n color: var(--igf-color-marca);\r\n text-align: left;\r\n letter-spacing: -.3px;\r\n line-height: 1.3;\r\n margin: 0 10px 10px 10px;\r\n display: block;\r\n }\r\n\r\n \/* Primera palabra del nombre: #111, peso 700 *\/\r\n #igf-marcas-section .igf-marcas-card-brand .brand-word1 {\r\n color: #111111;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Segunda palabra del nombre: naranja, peso 800 *\/\r\n #igf-marcas-section .igf-marcas-card-brand .brand-word2 {\r\n color: #E85A1B;\r\n font-weight: 800;\r\n }\r\n\r\n \/* Descripci\u00f3n *\/\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1.05rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--igf-color-desc);\r\n text-align: left;\r\n display: block;\r\n margin: 0 10px 50px 10px;\r\n max-width: 90%;\r\n margin-bottom: 100px!important;\r\n }\r\n\r\n \/* Logo \u2014 esquina inferior derecha *\/\r\n #igf-marcas-section .igf-marcas-card-logo {\r\n position: absolute;\r\n bottom: 15px;\r\n right: 20px;\r\n width: 120px;\r\n height: 120px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-logo img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE FLUIDO\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n\r\n #igf-marcas-section {\r\n padding: clamp(32px, 5vw, 56px) clamp(16px, 3vw, 32px);\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-header {\r\n margin-left: clamp(0px, 2vw, 24px);\r\n margin-bottom: clamp(28px, 4vw, 44px);\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-title {\r\n font-size: clamp(2.4rem, 6.5vw, 5.2rem);\r\n letter-spacing: -.12rem;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-header-deco {\r\n font-size: clamp(40px, 7vw, 100px);\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco-wrap {\r\n display: none;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-subtitle {\r\n font-size: clamp(15px, 2.2vw, 18px);\r\n max-width: 390px;\r\n }\r\n #igf-marcas-section .igf-marcas-card-brand {\r\n font-size: 1.3rem;\r\n margin: 0 8px 8px 8px;\r\n margin-left: 10px;\r\n max-width: 90%;\r\n line-height:1;\r\n\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n font-size: 14px;\r\n max-width: 95%;\r\n margin: 0 8px 46px 8px;\r\n line-height: 1.65;\r\n letter-spacing: -.3px;\r\n margin-left: 10px;\r\n color: #333;\r\n}\r\n\r\n #igf-marcas-section #igf-marcas-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: clamp(12px, 2vw, 20px);\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:last-child {\r\n grid-column: span 2;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:last-child .igf-marcas-card-image {\r\n height: clamp(200px, 28vw, 360px);\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-image {\r\n height: clamp(180px, 22vw, 280px);\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n max-width: 80%;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n\r\n #igf-marcas-section {\r\n padding: 32px 14px;\r\n margin: 0;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin-left: 0;\r\n margin-bottom: 24px;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-title {\r\n font-size: clamp(2.2rem, 12vw, 3.5rem);\r\n letter-spacing: -.1rem;\r\n margin-left: 15px;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-subtitle {\r\n font-size: clamp(15px, 3.5vw, 17px);\r\n margin-top: 15px;\r\n max-width: 80%;\r\n margin-left: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco-wrap {\r\n display: none;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:last-child {\r\n grid-column: span 1;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card {\r\n padding: 14px 14px 54px;\r\n border-radius: 14px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-image,\r\n #igf-marcas-section .igf-marcas-card:last-child .igf-marcas-card-image {\r\n height: clamp(180px, 52vw, 240px);\r\n margin-bottom: 18px;\r\n border-radius: 8px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-brand {\r\n font-size: 1.3rem;\r\n margin: 0 8px 8px 8px;\r\n margin-left: 10px;\r\n max-width: 90%;\r\n line-height:1;\r\n\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n font-size: 14px;\r\n max-width: 85%;\r\n margin: 0 8px 46px 8px;\r\n line-height: 1.65;\r\n letter-spacing: -.3px;\r\n margin-left: 10px;\r\n color: #333;\r\n\r\n \r\n\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-logo {\r\n width: 126px;\r\n height: 126px;\r\n bottom: 12px;\r\n right: 12px;\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"igf-marcas-section\">\r\n\r\n \r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-a igf-iso-gray\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-b igf-iso-cream\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-c igf-iso-gray\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-d igf-iso-cream\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-e igf-iso-gray\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n\r\n <div id=\"igf-marcas-wrapper\">\r\n\r\n \r\n <div id=\"igf-marcas-header\">\r\n <div id=\"igf-marcas-header-left\">\r\n\r\n \r\n <h2 id=\"igf-marcas-title\">\r\n <span class=\"igf-marcas-word-nuestras\">Nuestras<\/span><br><span class=\"igf-marcas-word-marcas\">marcas<\/span>\r\n <\/h2>\r\n\r\n \r\n <p id=\"igf-marcas-subtitle\">\r\n Tres l\u00edneas, un mismo est\u00e1ndar: Selecci\u00f3n, proceso y <strong>calidad garantizada<\/strong> en cada corte.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"igf-marcas-deco-wrap\">\r\n <span id=\"igf-marcas-header-deco\">Premium<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"igf-marcas-grid-wrapper\">\r\n\r\n <span id=\"igf-marcas-deco\">Premium<\/span>\r\n\r\n <div id=\"igf-marcas-grid\">\r\n\r\n \r\n <div class=\"igf-marcas-card\" id=\"igf-marcas-card-pr\">\r\n <div class=\"igf-marcas-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/f8\/0f\/eb\/f80febb30c9b2beeee13306c806cac23.jpg\" alt=\"Premium Ranch\" \/>\r\n <\/div>\r\n <span class=\"igf-marcas-card-brand\">\r\n <span class=\"brand-word1\">Premium<\/span> <span class=\"brand-word2\">Ranch<\/span>\r\n <\/span>\r\n <p class=\"igf-marcas-card-desc\">\r\n Ganado de engorda <strong>menor a 30 meses<\/strong>, seleccionado seleccionado para programas de exportaci\u00f3n.\r\n Alimentando con dietas altas en grano que <strong>favorecen el marmoleo<\/strong>, la suavidad y la consistencia.\r\n <\/p>\r\n <div class=\"igf-marcas-card-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/PR1.webp\" alt=\"Logo Premium Ranch\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-marcas-card\" id=\"igf-marcas-card-br\">\r\n <div class=\"igf-marcas-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/2d\/f9\/fa\/2df9fa4908c7da6f2e7428ba18e0f440.jpg\" alt=\"Black Ribbon\" \/>\r\n <\/div>\r\n <span class=\"igf-marcas-card-brand\">\r\n <span class=\"brand-word1\">Black<\/span> <span class=\"brand-word2\">Ribbon<\/span>\r\n <\/span>\r\n <p class=\"igf-marcas-card-desc\">\r\n Ganado Seleccionado por coloraci\u00f3n de carne, cobertura de grasa y conformaci\u00f3n para asegurar <strong>uniformidad y rendimiento<\/strong>.\r\n Ideal para aplicaciones de procesamiento y <strong>foodservice<\/strong> que demandan consistencia y desmepe\u00f1o confiable.\r\n <\/p>\r\n <div class=\"igf-marcas-card-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/BR1.jpg.webp\" alt=\"Logo Black Ribbon\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-marcas-card\" id=\"igf-marcas-card-rr\">\r\n <div class=\"igf-marcas-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/7f\/ec\/87\/7fec8786767cf8451600bfbfc90bba0a.jpg\" alt=\"Red River\" \/>\r\n <\/div>\r\n <span class=\"igf-marcas-card-brand\">\r\n <span class=\"brand-word1\">Red<\/span> <span class=\"brand-word2\">River<\/span>\r\n <\/span>\r\n <p class=\"igf-marcas-card-desc\">\r\n Cortes cuidadosamente seleccionados y porcionados para garantizar calidad, consistencia y <strong>presentaci\u00f3n excepcional<\/strong>.\r\n Dise\u00f1ados para ofrecer una experiencia <strong>superior<\/strong> en cada preparaci\u00f3n.\r\n <\/p>\r\n <div class=\"igf-marcas-card-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/RR1.jpg.webp\" alt=\"Logo Red River\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-417f2f6 e-con-full e-flex e-con e-parent\" data-id=\"417f2f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b90ca3 elementor-widget elementor-widget-html\" data-id=\"6b90ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml, body { background: #fff; font-family: 'Montserrat', sans-serif; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VARIABLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n --naranja: #E85A1B;\r\n --borde: #e8e3dc;\r\n --desc: #6b6460;\r\n --radio: 18px;\r\n\r\n \/* Isotipo en esquina de tarjeta *\/\r\n --iso-sz: 240px;\r\n --iso-b: -70px;\r\n --iso-r: -70px;\r\n --iso-rot: 72deg;\r\n --iso-op: 0.10;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECCION WRAPPER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.igf-section {\r\n width: 100%;\r\n padding: 70px 24px 60px;\r\n position: relative;\r\n overflow: hidden;\r\n background: #fff;\r\n}\r\n.igf-inner {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ISOTIPOS DECORATIVOS DE FONDO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.bg-iso {\r\n position: absolute;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 0;\r\n}\r\n.bg-iso.gray { filter: grayscale(1) brightness(1.6); }\r\n.bg-iso.cream { filter: sepia(1) brightness(1.8) saturate(0.15); }\r\n\r\n.bg-iso.a { width: 380px; top: 0; right: -10px; transform: rotate(18deg); opacity: 0.025; }\r\n.bg-iso.b { width: 300px; bottom: 0; left: 0; transform: rotate(-14deg); opacity: 0.022; }\r\n.bg-iso.c { width: 180px; top: 62%; right: 12%; transform: rotate(-22deg); opacity: 0.020; }\r\n.bg-iso.d { width: 140px; top: 8%; left: 6%; transform: rotate(10deg); opacity: 0.023; }\r\n.bg-iso.e { width: 140px; bottom: 0; left: 38%; transform: rotate(25deg); opacity: 0.020; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.igf-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-bottom: 48px;\r\n padding-left: 40px;\r\n gap: 24px;\r\n}\r\n\r\n.igf-titulo {\r\n font-size: clamp(2.8rem, 7vw, 6rem);\r\n font-weight: 700;\r\n line-height: 1.05;\r\n letter-spacing: -0.15rem;\r\n white-space: nowrap;\r\n}\r\n.igf-titulo .t1 { color: #000; font-weight: 700; }\r\n.igf-titulo .t2 { color: var(--naranja); font-weight: 800; }\r\n\r\n.igf-sub {\r\n font-size: clamp(15px, 1.5vw, 20px);\r\n font-weight: 400;\r\n color: #333;\r\n line-height: 1.35;\r\n margin-top: 20px;\r\n max-width: 420px;\r\n}\r\n.igf-sub strong { color: var(--naranja); font-weight: 700; }\r\n.igf-sub-s { display: none; }\r\n\r\n.igf-deco {\r\n font-size: clamp(80px, 10vw, 130px);\r\n font-weight: 800;\r\n color: #ebebeb;\r\n letter-spacing: -0.04em;\r\n line-height: 0.85;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n user-select: none;\r\n pointer-events: none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GRID DESKTOP (>= 1201px)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.igf-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 20px;\r\n width: 100%;\r\n}\r\n.igf-grid .card:nth-child(1) { grid-column: span 3; }\r\n.igf-grid .card:nth-child(2) { grid-column: span 3; }\r\n.igf-grid .card:nth-child(3) { grid-column: span 2; }\r\n.igf-grid .card:nth-child(4) { grid-column: span 2; }\r\n.igf-grid .card:nth-child(5) { grid-column: span 2; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TARJETA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: var(--radio);\r\n border: 1px solid var(--borde);\r\n background: #fff;\r\n padding: 20px 20px 60px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n transition: border-color 0.25s ease;\r\n}\r\n.card:hover { border-color: var(--naranja); }\r\n.card.naranja { background: #F07D00; border-color: #F07D00; }\r\n.card.naranja:hover { border-color: #d06a00; }\r\n.card.cafe { background: #C47C3E; border-color: #C47C3E; }\r\n.card.cafe:hover { border-color: #a8692f; }\r\n\r\n\/* Imagen *\/\r\n.card-img {\r\n width: 100%; height: 220px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n margin-bottom: 28px;\r\n}\r\n.igf-grid .card:nth-child(n+3) .card-img { height: 270px; }\r\n.card-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover; display: block;\r\n pointer-events: none;\r\n -webkit-user-drag: none;\r\n transition: transform 0.5s ease;\r\n}\r\n.card:hover .card-img img { transform: scale(1.04); }\r\n\r\n\/* Tag *\/\r\n.card-tag {\r\n font-size: 10px; font-weight: 600;\r\n letter-spacing: 0.13em; text-transform: uppercase;\r\n color: #adadad;\r\n margin: 0 10px 6px; display: block;\r\n}\r\n.naranja .card-tag { color: rgba(255,255,255,0.5); }\r\n.cafe .card-tag { color: rgba(255,245,235,0.5); }\r\n\r\n\/* Nombre *\/\r\n.card-nombre {\r\n font-size: 1.9rem; font-weight: 700;\r\n color: #000; line-height: 1.25;\r\n letter-spacing: -0.3px;\r\n margin: 0 10px 12px; display: block;\r\n}\r\n.naranja .card-nombre { color: #fff; }\r\n.cafe .card-nombre { color: #fff8f0; }\r\n.card-nombre .n1 { color: #111; font-weight: 700; }\r\n.card-nombre .n2 { color: var(--naranja); font-weight: 800; }\r\n.naranja .card-nombre .n1,\r\n.naranja .card-nombre .n2,\r\n.cafe .card-nombre .n1,\r\n.cafe .card-nombre .n2 { color: inherit; }\r\n.naranja .card-nombre .n1, .cafe .card-nombre .n1 { font-weight: 700; }\r\n.naranja .card-nombre .n2, .cafe .card-nombre .n2 { font-weight: 800; }\r\n\r\n\/* Descripci\u00f3n *\/\r\n.card-desc {\r\n font-size: 15.5px; font-weight: 400;\r\n line-height: 1.75; color: var(--desc);\r\n margin: 0 10px 40px; max-width: 82%; display: block;\r\n}\r\n.card-desc strong { color: var(--naranja); font-weight: 700; }\r\n.naranja .card-desc { color: rgba(255,255,255,0.82); }\r\n.naranja .card-desc strong { color: #fff; font-weight: 800; }\r\n.cafe .card-desc { color: rgba(255,245,235,0.82); }\r\n.cafe .card-desc strong { color: #fff; font-weight: 800; }\r\n\r\n\/* Isotipo esquina *\/\r\n.card-iso {\r\n position: absolute;\r\n bottom: var(--iso-b); right: var(--iso-r);\r\n width: var(--iso-sz); height: var(--iso-sz);\r\n transform: rotate(var(--iso-rot));\r\n opacity: var(--iso-op);\r\n pointer-events: none; user-select: none;\r\n}\r\n.card-iso img { width: 100%; height: 100%; object-fit: contain; display: block; }\r\n.naranja .card-iso img,\r\n.cafe .card-iso img { filter: grayscale(1) brightness(5) contrast(0.35); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CARRUSEL TABLET (<=1200px)\r\n Scroll CSS nativo \u2014 sin JS de touch\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1200px) {\r\n\r\n .igf-section { padding: 48px 0 40px; overflow: hidden; }\r\n .igf-inner { max-width: 100%; }\r\n .igf-header { padding-left: 24px; margin-bottom: 28px; align-items: flex-start; }\r\n .igf-deco { display: none; }\r\n .igf-titulo { font-size: clamp(2rem, 5.5vw, 3.8rem); letter-spacing: -0.1rem; }\r\n .igf-sub { font-size: clamp(13px, 1.8vw, 16px); max-width: 320px; margin-top: 14px; }\r\n\r\n \/* Convierte el grid en scroll horizontal *\/\r\n .igf-grid {\r\n display: flex !important;\r\n grid-template-columns: unset !important;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n \/* Scroll horizontal nativo *\/\r\n overflow-x: scroll;\r\n overflow-y: visible;\r\n -webkit-overflow-scrolling: touch;\r\n scroll-snap-type: x mandatory;\r\n overscroll-behavior-x: contain;\r\n \/* Espaciado *\/\r\n gap: 14px;\r\n padding: 8px 28px 28px;\r\n \/* Ocultar barra *\/\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n }\r\n .igf-grid::-webkit-scrollbar { display: none; }\r\n .igf-grid.dragging { cursor: grabbing; }\r\n\r\n .card {\r\n flex: 0 0 300px !important;\r\n width: 300px !important;\r\n grid-column: unset !important;\r\n scroll-snap-align: start;\r\n padding: 16px 16px 56px;\r\n border-radius: 16px;\r\n }\r\n .card-img,\r\n .igf-grid .card:nth-child(n+3) .card-img {\r\n height: 185px !important;\r\n margin-bottom: 16px;\r\n }\r\n .card-nombre { font-size: 1.15rem !important; }\r\n .card-desc { font-size: 13px !important; max-width: 100%; line-height: 1.6; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE 560-900px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .igf-titulo { font-size: clamp(1.9rem, 7vw, 2.8rem) !important; }\r\n .igf-sub { max-width: 280px; font-size: clamp(13px, 2.8vw, 15px) !important; }\r\n .card { flex: 0 0 270px !important; width: 270px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE <=560px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 560px) {\r\n .igf-header { flex-direction: column; padding-left: 18px; gap: 0; }\r\n .igf-titulo { font-size: clamp(2rem, 11vw, 3rem) !important; letter-spacing: -0.06rem; }\r\n .igf-sub { margin-top: 12px; max-width: 90%; font-size: clamp(13px, 3.8vw, 15px) !important; }\r\n .igf-sub-l { display: none; }\r\n .igf-sub-s { display: inline; }\r\n .igf-grid { padding: 8px 18px 28px; gap: 12px; }\r\n .card { flex: 0 0 76vw !important; width: 76vw !important; max-width: 280px; }\r\n .card-img,\r\n .igf-grid .card:nth-child(n+3) .card-img { height: 160px !important; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"igf-section\">\r\n\r\n \r\n <img decoding=\"async\" class=\"bg-iso a gray\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso b cream\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso c gray\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso d cream\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso e gray\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n\r\n <div class=\"igf-inner\">\r\n\r\n \r\n <div class=\"igf-header\">\r\n <div>\r\n <h2 class=\"igf-titulo\">\r\n <span class=\"t1\">Carne de <\/span><span class=\"t2\">Res<\/span>\r\n <\/h2>\r\n <p class=\"igf-sub\">\r\n <span class=\"igf-sub-l\">Cortes premium, v\u00edsceras y valor agregado. <strong>Calidad que se ve en cada pieza<\/strong>.<\/span>\r\n <span class=\"igf-sub-s\">Cortes y v\u00edsceras. <strong>Calidad en cada pieza<\/strong>.<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"igf-deco\">Calidad<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-grid\" id=\"igf-grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/f8\/0f\/eb\/f80febb30c9b2beeee13306c806cac23.jpg\" alt=\"Carne de Res\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Bovino seleccionado<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Carne de<\/span> <span class=\"n2\">Res<\/span><\/span>\r\n <p class=\"card-desc\">Cortes frescos de <strong>ganado seleccionado<\/strong>, procesados bajo estrictos est\u00e1ndares de <strong>inocuidad y cadena de fr\u00edo<\/strong>. Suavidad, coloraci\u00f3n \u00f3ptima y <strong>rendimiento superior<\/strong> en cada pieza.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card naranja\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/2d\/f9\/fa\/2df9fa4908c7da6f2e7428ba18e0f440.jpg\" alt=\"V\u00edsceras\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Subproductos bovinos<\/span>\r\n <span class=\"card-nombre\">V\u00edsceras<\/span>\r\n <p class=\"card-desc\">H\u00edgado, ri\u00f1\u00f3n, coraz\u00f3n y pulm\u00f3n de bovino con <strong>manejo higi\u00e9nico riguroso<\/strong> desde la planta hasta la entrega. Producto fresco con <strong>trazabilidad completa<\/strong> para mercados institucionales y detalle.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/7f\/ec\/87\/7fec8786767cf8451600bfbfc90bba0a.jpg\" alt=\"Platillo de Lengua\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Valor agregado<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Platillo de<\/span> <span class=\"n2\">Lengua<\/span><\/span>\r\n <p class=\"card-desc\">Lengua bovina <strong>cocida y porcionada<\/strong>, lista para servicio inmediato. <strong>Textura suave, sabor profundo<\/strong> y presentaci\u00f3n que eleva cualquier men\u00fa.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card cafe\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558030006-450675393462?w=600&q=80\" alt=\"Cortes Especiales\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Cortes premium<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Cortes<\/span> <span class=\"n2\">Especiales<\/span><\/span>\r\n <p class=\"card-desc\">Ribeye, T-bone, New York y Tomahawk de nuestras mejores canales. <strong>Marmoleo consistente<\/strong> y <strong>suavidad excepcional<\/strong> para los clientes m\u00e1s exigentes.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563245372-f21724e3856d?w=600&q=80\" alt=\"Congelados e Importados\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Nacional \u00b7 Importado<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Congelados e<\/span> <span class=\"n2\">Importados<\/span><\/span>\r\n <p class=\"card-desc\">Cortes bovinos nacionales y de <strong>importaci\u00f3n certificada<\/strong> para hoteles, restaurantes y cadenas que demandan <strong>consistencia y disponibilidad<\/strong> todo el a\u00f1o.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Mouse drag \u2014 solo desktop, touch lo maneja el navegador con CSS *\/\r\n(function () {\r\n var grid = document.getElementById('igf-grid');\r\n if (!grid) return;\r\n\r\n var active = false, startX = 0, scrollStart = 0;\r\n\r\n grid.addEventListener('mousedown', function (e) {\r\n active = true;\r\n startX = e.pageX;\r\n scrollStart = grid.scrollLeft;\r\n grid.classList.add('dragging');\r\n e.preventDefault();\r\n });\r\n\r\n document.addEventListener('mousemove', function (e) {\r\n if (!active) return;\r\n grid.scrollLeft = scrollStart - (e.pageX - startX) * 1.2;\r\n });\r\n\r\n document.addEventListener('mouseup', function () {\r\n active = false;\r\n grid.classList.remove('dragging');\r\n });\r\n}());\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acdea7d e-con-full e-flex e-con e-parent\" data-id=\"acdea7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eea3b66 elementor-widget elementor-widget-html\" data-id=\"eea3b66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Integran Foods \u2014 Esencia Lagunera<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --orange: #F97316;\r\n --dark: #0D0B08;\r\n --dark-mid: #1A1610;\r\n --text-main: #2C2416;\r\n --text-muted: #6B5B45;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n min-height: 100vh;\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n section {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 clamp(24px, 6vw, 80px);\r\n overflow: hidden;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u2500\u2500 BACKGROUND GLOW (removed) \u2500\u2500 *\/\r\n .bg-glow { display: none; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ISOTIPOS \u2014 EDITA AQU\u00cd F\u00c1CILMENTE\r\n Cada variable controla un isotipo distinto\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n :root {\r\n \/* \u2500\u2500 ISOTIPO A \u2500\u2500 (superior derecha, gigante) *\/\r\n --a-size: 380px;\r\n --a-top: -00px;\r\n --a-left: auto;\r\n --a-right: -10px;\r\n --a-rotate: 18deg;\r\n --a-opacity: 0.055;\r\n\r\n \/* \u2500\u2500 ISOTIPO B \u2500\u2500 (inferior izquierda, grande) *\/\r\n --b-size: 300px;\r\n --b-top: auto;\r\n --b-bottom: -0px;\r\n --b-left: -0px;\r\n --b-right: auto;\r\n --b-rotate: -14deg;\r\n --b-opacity: 0.05;\r\n\r\n \/* \u2500\u2500 ISOTIPO C \u2500\u2500 (centro, mediano) *\/\r\n --c-size: 180px;\r\n --c-top: 62%;\r\n --c-left: auto;\r\n --c-right: 12%;\r\n --c-rotate: -22deg;\r\n --c-opacity: 0.04;\r\n\r\n \/* \u2500\u2500 ISOTIPO D \u2500\u2500 (superior izquierda, mediano) *\/\r\n --d-size: 140px;\r\n --d-top: 8%;\r\n --d-left: 6%;\r\n --d-right: auto;\r\n --d-rotate: 10deg;\r\n --d-opacity: 0.045;\r\n\r\n \/* \u2500\u2500 ISOTIPO E \u2500\u2500 (inferior centro-derecha, grande) *\/\r\n --e-size: 140px;\r\n --e-top: auto;\r\n --e-bottom: 0%;\r\n --e-left: 38%;\r\n --e-right: auto;\r\n --e-rotate: 25deg;\r\n --e-opacity: 0.04;\r\n }\r\n\r\n \/* \u2500\u2500 NO EDITAR ABAJO \u2014 solo l\u00f3gica \u2500\u2500 *\/\r\n .deco-iso {\r\n position: absolute;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 0;\r\n filter: grayscale(1);\r\n }\r\n .iso-a {\r\n width: var(--a-size);\r\n top: var(--a-top);\r\n left: var(--a-left);\r\n right: var(--a-right);\r\n transform: rotate(var(--a-rotate));\r\n opacity: var(--a-opacity);\r\n }\r\n .iso-b {\r\n width: var(--b-size);\r\n top: var(--b-top);\r\n bottom: var(--b-bottom);\r\n left: var(--b-left);\r\n right: var(--b-right);\r\n transform: rotate(var(--b-rotate));\r\n opacity: var(--b-opacity);\r\n }\r\n .iso-c {\r\n width: var(--c-size);\r\n top: var(--c-top);\r\n left: var(--c-left);\r\n right: var(--c-right);\r\n transform: rotate(var(--c-rotate));\r\n opacity: var(--c-opacity);\r\n }\r\n .iso-d {\r\n width: var(--d-size);\r\n top: var(--d-top);\r\n left: var(--d-left);\r\n right: var(--d-right);\r\n transform: rotate(var(--d-rotate));\r\n opacity: var(--d-opacity);\r\n }\r\n .iso-e {\r\n width: var(--e-size);\r\n top: var(--e-top);\r\n bottom: var(--e-bottom);\r\n left: var(--e-left);\r\n right: var(--e-right);\r\n transform: rotate(var(--e-rotate));\r\n opacity: var(--e-opacity);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n :root {\r\n --a-size: 220px; --a-top: -60px; --a-right: -70px;\r\n --b-size: 180px; --b-bottom: -50px; --b-left: -55px;\r\n --c-size: 110px; --c-right: 5%;\r\n --d-size: 90px; --d-top: 6%;\r\n --e-size: 140px; --e-left: 30%;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\r\n .eyebrow {\r\n font-size: clamp(9px, 1.5vw, 10px);\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: #B0B0B0;\r\n margin-bottom: clamp(32px, 5vw, 56px);\r\n opacity: 0;\r\n transform: translateY(12px);\r\n animation: fadeUp 0.8s ease forwards;\r\n animation-delay: 0.2s;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* \u2500\u2500 QUOTE WRAPPER \u2500\u2500 *\/\r\n .quote-wrapper {\r\n position: relative;\r\n max-width: 780px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* \u2500\u2500 GIANT QUOTATION MARKS \u2500\u2500 *\/\r\n .quote-mark {\r\n font-family: 'Georgia', 'Times New Roman', serif;\r\n font-style: italic;\r\n font-size: clamp(80px, 15vw, 180px);\r\n line-height: 0.7;\r\n color: var(--orange);\r\n display: block;\r\n user-select: none;\r\n pointer-events: none;\r\n opacity: 0;\r\n animation: fadeOnly 1.2s ease forwards;\r\n }\r\n .quote-mark--open {\r\n position: absolute;\r\n top: -0.18em;\r\n left: -0.05em;\r\n animation-delay: 0.4s;\r\n }\r\n .quote-mark--close {\r\n position: absolute;\r\n bottom: -0.3em;\r\n right: -0.05em;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* \u2500\u2500 QUOTE TEXT \u2500\u2500 *\/\r\n .quote-text {\r\n font-size: clamp(14px, 2.2vw, 18px);\r\n font-weight: 400;\r\n font-style: normal;\r\n line-height: 1.85;\r\n color: #333;\r\n letter-spacing: -0.01em;\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 clamp(32px, 7vw, 110px);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 1s ease forwards;\r\n animation-delay: 0.6s;\r\n }\r\n\r\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n .quote-divider {\r\n width: 40px;\r\n height: 2px;\r\n background: var(--orange);\r\n margin: clamp(28px, 4vw, 40px) auto;\r\n border-radius: 2px;\r\n opacity: 0;\r\n transform: scaleX(0);\r\n animation: growLine 0.6s ease forwards;\r\n animation-delay: 1.2s;\r\n }\r\n\r\n \/* \u2500\u2500 ATTRIBUTION \u2500\u2500 *\/\r\n .attribution {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n animation: fadeUp 0.7s ease forwards;\r\n animation-delay: 1.4s;\r\n text-align: center;\r\n }\r\n .attribution__name {\r\n font-size: clamp(11px, 1.5vw, 13px);\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--text-main);\r\n margin-bottom: 4px;\r\n }\r\n .attribution__label {\r\n font-size: clamp(9px, 1.2vw, 11px);\r\n font-weight: 400;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n }\r\n\r\n \/* \u2500\u2500 BOTTOM TAG \u2500\u2500 *\/\r\n .bottom-tag {\r\n margin-top: clamp(40px, 6vw, 72px);\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n opacity: 0;\r\n animation: fadeUp 0.7s ease forwards;\r\n animation-delay: 1.7s;\r\n justify-content: center;\r\n }\r\n .bottom-tag__dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n flex-shrink: 0;\r\n }\r\n .bottom-tag__text {\r\n font-size: clamp(9px, 1.2vw, 10px);\r\n font-weight: 600;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: var(--text-muted);\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeOnly {\r\n to { opacity: 1; }\r\n }\r\n @keyframes growLine {\r\n to { opacity: 1; transform: scaleX(1); }\r\n }\r\n\r\n \/* \u2500\u2500 HOVER \u2500\u2500 *\/\r\n .quote-wrapper:hover .quote-mark {\r\n transition: opacity 0.4s ease;\r\n opacity: 0.85;\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE: left-aligned \u2500\u2500 *\/\r\n @media (max-width: 640px) {\r\n section {\r\n align-items: flex-start;\r\n padding: 0 28px;\r\n min-height: 100svh;\r\n }\r\n\r\n .eyebrow {\r\n text-align: left;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .quote-wrapper {\r\n text-align: left;\r\n }\r\n\r\n .quote-mark--open {\r\n position: relative;\r\n display: inline-block;\r\n top: auto;\r\n left: auto;\r\n font-size: clamp(64px, 18vw, 90px);\r\n margin-bottom: -16px;\r\n line-height: 1;\r\n }\r\n\r\n .quote-mark--close {\r\n position: relative;\r\n display: inline-block;\r\n bottom: auto;\r\n right: auto;\r\n font-size: clamp(64px, 18vw, 90px);\r\n margin-top: -12px;\r\n line-height: 1;\r\n float: right;\r\n }\r\n\r\n .quote-text {\r\n padding: 0;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n .quote-divider {\r\n margin: 28px 0;\r\n }\r\n\r\n .attribution {\r\n text-align: left;\r\n }\r\n\r\n .bottom-tag {\r\n justify-content: flex-start;\r\n margin-top: 44px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section>\r\n <div class=\"bg-glow bg-glow--1\"><\/div>\r\n <div class=\"bg-glow bg-glow--2\"><\/div>\r\n\r\n \r\n <img decoding=\"async\" class=\"deco-iso iso-a\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-b\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-c\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-d\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-e\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n\r\n <p class=\"eyebrow\">Desde Sus Ra\u00edces<\/p>\r\n\r\n <div class=\"quote-wrapper\">\r\n\r\n <p class=\"quote-text\">\r\n Intergan Foods nace en la tierra lagunera, una regi\u00f3n forjada por el trabajo, el car\u00e1cter y una <strong style=\"color:var(--orange);font-weight:700;\">profunda tradici\u00f3n ganadera<\/strong>.\r\n \r\n De aqu\u00ed aprendimos que la <strong style=\"color:var(--orange);font-weight:700;\">calidad no es casualidad<\/strong>, es el resultado de hacer las cosas bien desde el origen.\r\n \r\n Eso es lo que distingue a nuestros productos y define nuestra manera de hacer las cosas.\r\n \r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a1c950 e-con-full e-flex e-con e-parent\" data-id=\"3a1c950\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eccfc9f elementor-widget elementor-widget-html\" data-id=\"eccfc9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Se\u00f1alamiento Vial<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n \/* \u2500\u2500 AISLADO BAJO .sv-section \u2500\u2500 *\/\r\n .sv-section *,\r\n .sv-section *::before,\r\n .sv-section *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .sv-section {\r\n background: #ffffff;\r\n padding: 2rem;\r\n width: 100%;\r\n }\r\n\r\n \/* 3 columnas: grande | delgada | grande *\/\r\n .sv-section .section-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 0.38fr 1fr;\r\n gap: 1rem;\r\n max-width: 1350px;\r\n width: 100%;\r\n margin: 0 auto;\r\n align-items: stretch;\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA IMAGEN IZQUIERDA \u2500\u2500 *\/\r\n .sv-section .card-img {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n min-height: 500px;\r\n background-size: cover;\r\n background-position: center;\r\n box-shadow: 0 2px 16px rgba(0,0,0,0.08);\r\n }\r\n\r\n .sv-section .card-img-left {\r\n background-image: url('https:\/\/cdn-lmhcj.nitrocdn.com\/bqSdngDrbfqwEehFrDAzuumqaIljTbhD\/assets\/images\/optimized\/rev-b2e1493\/grupobafar.com\/wp-content\/uploads\/2026\/02\/DJI_0752.jpg');\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA IMAGEN CENTRAL (delgada vertical) \u2500\u2500 *\/\r\n .sv-section .card-img-center {\r\n background-image: url('https:\/\/ceo-digitalmag.s3.ap-southeast-2.amazonaws.com\/wp-content\/uploads\/sites\/9\/2022\/07\/21092005\/1657826981Eugenio-Baeza_GRUPO-BAFAR.jpg');\r\n background-position: center;\r\n }\r\n\r\n .sv-section .watermark-logo {\r\n position: absolute;\r\n bottom: -250px;\r\n right: -250px;\r\n width: 600px;\r\n height: 600px;\r\n object-fit: contain;\r\n opacity: 0.13;\r\n filter: brightness(0) invert(1);\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA DERECHA: BAFAR \u2500\u2500 *\/\r\n .sv-section .card-content {\r\n border-radius: 16px;\r\n background: #ffffff;\r\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\r\npadding:40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .sv-section .card-content .sublabel {\r\n font-size: 0.62rem;\r\n font-weight: 600;\r\n color: #c0392b;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n margin-bottom: 0.45rem;\r\n }\r\n\r\n .sv-section .card-content h3 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #111;\r\n line-height: 1;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .sv-section .card-content p {\r\n font-size: 1rem;\r\n color: #555;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n max-width: 195%;\r\n }\r\n\r\n .sv-section .card-content p strong {\r\n color: #e8621a;\r\n font-weight: 700;\r\n }\r\n\r\n .sv-section .bafar-logo {\r\n height: 104px;\r\n object-fit: contain;\r\n align-self: flex-start;\r\n margin-left: -20px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sv-section .section-wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n .sv-section .card-img-left {\r\n min-height: 260px;\r\n }\r\n .sv-section .card-img-center {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"sv-section\">\r\n <div class=\"section-wrapper\">\r\n\r\n \r\n <div class=\"card-img card-img-left\">\r\n <img decoding=\"async\"\r\n class=\"watermark-logo\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\"\r\n aria-hidden=\"true\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-img card-img-center\"><\/div>\r\n\r\n \r\n <div class=\"card-content\">\r\n <img decoding=\"async\"\r\n class=\"bafar-logo\"\r\n src=\"https:\/\/www.sicisa11.com\/img\/clientes\/grupo-bafar.png\"\r\n alt=\"Grupo Bafar\"\r\n \/>\r\n <div>\r\n <h3>El respaldo de <br>un l\u00edder de la industria<\/h3>\r\n <p>\r\n Desde 2021, INTERGAN forma parte de <strong>Grupo Bafar<\/strong> l\u00edder en la industria alimentaria en M\u00e9xico, fortaleciendo nuestra capacidad operativa, infraestructura log\u00edstica y presencia en mercados nacionales e internacionales.<br><br>\r\n \r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac9ff43 e-con-full e-flex e-con e-parent\" data-id=\"ac9ff43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcbf60b elementor-widget elementor-widget-html\" data-id=\"dcbf60b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Intergan Foods | Footer<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n #main-footer {\r\n position: relative;\r\n padding: 64px 0 0;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n overflow: hidden;\r\n border-radius: 20px 20px 0 0;\r\n box-sizing: border-box;\r\n background: transparent;\r\n }\r\n #main-footer *, #main-footer *::before, #main-footer *::after {\r\n box-sizing: border-box; margin: 0; padding: 0;\r\n }\r\n #main-footer .igf-bg { display: none; }\r\n #main-footer .igf-container {\r\n width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 50px;\r\n }\r\n #main-footer .igf-top {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr 1fr 1.4fr;\r\n gap: 40px;\r\n padding-bottom: 52px;\r\n }\r\n #main-footer .igf-brand {\r\n display: flex; flex-direction: column; gap: 18px;\r\n }\r\n #main-footer .igf-isotipo {\r\n width: 56px; height: auto; display: block;\r\n transition: opacity 0.3s ease;\r\n }\r\n #main-footer .igf-isotipo:hover { opacity: 0.72; }\r\n #main-footer .igf-tagline {\r\n font-size: 12px; font-weight: 400; color: #86868b;\r\n line-height: 1.7; max-width: 210px;\r\n }\r\n #main-footer .igf-social {\r\n display: flex; gap: 10px; margin-top: 16px; list-style: none;\r\n }\r\n #main-footer .igf-social-btn {\r\n width: 32px; height: 32px; border-radius: 50%;\r\n border: 1px solid rgba(0,0,0,0.1);\r\n display: flex; align-items: center; justify-content: center;\r\n text-decoration: none; color: #515154; background: #f5f5f7;\r\n transition: background 0.3s ease, border-color 0.3s ease,\r\n color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n #main-footer .igf-social-btn:hover {\r\n background: #ff8533; border-color: transparent; color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(255,106,0,0.38);\r\n }\r\n #main-footer .igf-social-btn svg {\r\n width: 14px; height: 14px; fill: currentColor; display: block;\r\n }\r\n #main-footer .igf-col-title {\r\n font-size: 10px; font-weight: 600; letter-spacing: 0.12em;\r\n text-transform: uppercase; color: #1d1d1f; margin-bottom: 20px;\r\n }\r\n #main-footer .igf-nav-list {\r\n list-style: none; display: flex; flex-direction: column; gap: 11px;\r\n }\r\n #main-footer .igf-nav-list a {\r\n text-decoration: none; font-size: 12px; font-weight: 400;\r\n color: #86868b; display: inline-block;\r\n transition: color 0.25s ease;\r\n }\r\n #main-footer .igf-nav-list a:hover { color: #ff6a00; }\r\n #main-footer .igf-contact-list {\r\n list-style: none; display: flex; flex-direction: column; gap: 14px;\r\n }\r\n #main-footer .igf-contact-item {\r\n display: flex; align-items: flex-start; gap: 10px;\r\n }\r\n #main-footer .igf-contact-icon {\r\n width: 28px; height: 28px; border-radius: 50%;\r\n background: #ffaa66;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; margin-top: 1px;\r\n }\r\n #main-footer .igf-contact-icon svg {\r\n width: 13px; height: 13px; fill: #fff; display: block;\r\n }\r\n #main-footer .igf-contact-text {\r\n font-size: 11.5px; color: #86868b; font-weight: 400; line-height: 1.5;\r\n }\r\n #main-footer .igf-contact-text strong {\r\n display: block; font-size: 10px; font-weight: 600; color: #1d1d1f;\r\n letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 2px;\r\n }\r\n #main-footer .igf-divider {\r\n height: 1px; background: rgba(0,0,0,0.08); width: 100%;\r\n }\r\n #main-footer .igf-bottom {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 20px 0; gap: 16px; flex-wrap: wrap;\r\n }\r\n #main-footer .igf-legal {\r\n font-size: 11px; color: #aeaeb2; font-weight: 400;\r\n }\r\n #main-footer .igf-legal-links {\r\n display: flex; gap: 20px; list-style: none;\r\n }\r\n #main-footer .igf-legal-links a {\r\n font-size: 11px; color: #aeaeb2; text-decoration: none;\r\n font-weight: 400; transition: color 0.25s ease;\r\n }\r\n #main-footer .igf-legal-links a:hover { color: #ff6a00; }\r\n #main-footer .igf-bottom-image {\r\n width: 100%; display: block; overflow: hidden; line-height: 0;\r\n }\r\n #main-footer .igf-bottom-image img {\r\n width: 100%; height: 650px;\r\n object-fit: cover; object-position: center 80%; display: block;\r\n }\r\n\r\n \/* \u2500\u2500 Acorde\u00f3n oculto en desktop \u2500\u2500 *\/\r\n #main-footer .igf-accordion-btn { display: none; }\r\n\r\n \/* ============================================================\r\n TABLET \u2264 1024px\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n #main-footer { padding-top: 52px; border-radius: 16px 16px 0 0; }\r\n #main-footer .igf-container { padding: 0 36px; }\r\n\r\n #main-footer .igf-top {\r\n display: flex; flex-direction: column; gap: 0; padding-bottom: 0;\r\n }\r\n\r\n \/* Brand: fila horizontal *\/\r\n #main-footer .igf-brand {\r\n flex-direction: row; align-items: flex-start; gap: 28px;\r\n padding-bottom: 32px;\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n }\r\n #main-footer .igf-tagline {\r\n font-size: 12.5px; max-width: 300px; line-height: 1.75;\r\n }\r\n\r\n \/* T\u00edtulo est\u00e1tico: oculto en responsive (lo reemplaza el bot\u00f3n) *\/\r\n #main-footer .igf-nav-col > .igf-col-title,\r\n #main-footer .igf-contact-col > .igf-col-title { display: none; }\r\n\r\n \/* Separadores entre secciones *\/\r\n #main-footer .igf-nav-col,\r\n #main-footer .igf-contact-col {\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n }\r\n\r\n \/* \u2500\u2500 Bot\u00f3n acorde\u00f3n \u2500\u2500 *\/\r\n #main-footer .igf-accordion-btn {\r\n display: flex; width: 100%;\r\n align-items: center; justify-content: space-between;\r\n background: none; border: none; cursor: pointer;\r\n padding: 20px 0;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n }\r\n #main-footer .igf-accordion-btn:focus-visible {\r\n outline: 2px solid #ff6a00; outline-offset: 2px; border-radius: 4px;\r\n }\r\n #main-footer .igf-accordion-btn .igf-col-title { margin-bottom: 0; }\r\n\r\n \/* Chevron *\/\r\n #main-footer .igf-chevron {\r\n width: 20px; height: 20px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n transition: transform 0.38s cubic-bezier(0.4,0,0.2,1),\r\n color 0.25s ease;\r\n color: #c7c7cc;\r\n }\r\n #main-footer .igf-chevron svg {\r\n width: 13px; height: 13px;\r\n stroke: currentColor; fill: none;\r\n stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n display: block;\r\n }\r\n #main-footer .igf-accordion-btn[aria-expanded=\"true\"] .igf-chevron {\r\n transform: rotate(180deg); color: #ff6a00;\r\n }\r\n\r\n \/* \u2500\u2500 Panel \u2500\u2500 *\/\r\n #main-footer .igf-accordion-panel {\r\n overflow: hidden;\r\n max-height: 0;\r\n opacity: 0;\r\n transition:\r\n max-height 0.42s cubic-bezier(0.4,0,0.2,1),\r\n opacity 0.32s ease,\r\n padding-bottom 0.38s ease;\r\n padding-bottom: 0;\r\n }\r\n #main-footer .igf-accordion-panel.is-open {\r\n max-height: 500px;\r\n opacity: 1;\r\n padding-bottom: 24px;\r\n }\r\n\r\n #main-footer .igf-nav-list a { font-size: 13px; }\r\n #main-footer .igf-contact-text { font-size: 12.5px; }\r\n\r\n #main-footer .igf-bottom-image img {\r\n height: 380px; object-position: center 72%;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n MOBILE \u2264 640px\r\n ============================================================ *\/\r\n @media (max-width: 640px) {\r\n #main-footer { padding-top: 40px; border-radius: 12px 12px 0 0; }\r\n #main-footer .igf-container { padding: 0 20px; }\r\n\r\n #main-footer .igf-brand {\r\n flex-direction: column; gap: 14px; padding-bottom: 26px;\r\n }\r\n #main-footer .igf-isotipo { width: 46px; }\r\n #main-footer .igf-tagline { font-size: 12.5px; max-width: 100%; }\r\n #main-footer .igf-social { margin-top: 4px; }\r\n #main-footer .igf-social-btn { width: 36px; height: 36px; }\r\n #main-footer .igf-social-btn svg { width: 15px; height: 15px; }\r\n\r\n #main-footer .igf-accordion-btn { padding: 17px 0; }\r\n #main-footer .igf-nav-list { gap: 13px; }\r\n\r\n #main-footer .igf-bottom {\r\n flex-direction: column; align-items: flex-start;\r\n gap: 8px; padding: 16px 0 20px;\r\n }\r\n #main-footer .igf-legal { font-size: 11px; order: 2; }\r\n #main-footer .igf-legal-links { order: 1; gap: 14px; }\r\n #main-footer .igf-legal-links a { font-size: 11px; }\r\n\r\n #main-footer .igf-bottom-image img {\r\n height: 240px; object-position: center 65%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"margin:0; background:#e8e8ea; min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end;\">\r\n\r\n <footer id=\"main-footer\">\r\n\r\n <div class=\"igf-bg\"><\/div>\r\n\r\n <div class=\"igf-container\">\r\n <div class=\"igf-top\">\r\n\r\n \r\n <div class=\"igf-brand\">\r\n <a href=\"#\">\r\n <img decoding=\"async\" class=\"igf-isotipo\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods.webp\"\r\n alt=\"Intergan Foods\">\r\n <\/a>\r\n <div>\r\n <p class=\"igf-tagline\">Carne de <strong>res mexicana<\/strong> para los mercados m\u00e1s exigentes del mundo\"<\/p>\r\n <div class=\"igf-social\">\r\n <a href=\"#\" class=\"igf-social-btn\" aria-label=\"LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"igf-social-btn\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"igf-social-btn\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-nav-col\">\r\n <h3 class=\"igf-col-title\">Exportaciones<\/h3>\r\n <button class=\"igf-accordion-btn\" aria-expanded=\"false\" aria-controls=\"panel-exportaciones\">\r\n <span class=\"igf-col-title\">Exportaciones<\/span>\r\n <span class=\"igf-chevron\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"igf-accordion-panel\" id=\"panel-exportaciones\">\r\n <ul class=\"igf-nav-list\">\r\n <li><a href=\"#\">Productos Frescos<\/a><\/li>\r\n <li><a href=\"#\">Productos Procesados<\/a><\/li>\r\n <li><a href=\"#\">Log\u00edstica Internacional<\/a><\/li>\r\n <li><a href=\"#\">Destinos<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-nav-col\">\r\n <h3 class=\"igf-col-title\">Empresa<\/h3>\r\n <button class=\"igf-accordion-btn\" aria-expanded=\"false\" aria-controls=\"panel-empresa\">\r\n <span class=\"igf-col-title\">Empresa<\/span>\r\n <span class=\"igf-chevron\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"igf-accordion-panel\" id=\"panel-empresa\">\r\n <ul class=\"igf-nav-list\">\r\n <li><a href=\"#\">Nosotros<\/a><\/li>\r\n <li><a href=\"#\">Certificaciones<\/a><\/li>\r\n <li><a href=\"#\">Calidad<\/a><\/li>\r\n <li><a href=\"#\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-contact-col\">\r\n <h3 class=\"igf-col-title\">Cont\u00e1ctanos<\/h3>\r\n <button class=\"igf-accordion-btn\" aria-expanded=\"false\" aria-controls=\"panel-contacto\">\r\n <span class=\"igf-col-title\">Cont\u00e1ctanos<\/span>\r\n <span class=\"igf-chevron\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"igf-accordion-panel\" id=\"panel-contacto\">\r\n <ul class=\"igf-contact-list\">\r\n <li class=\"igf-contact-item\">\r\n <div class=\"igf-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"igf-contact-text\"><strong>Ubicaci\u00f3n<\/strong>M\u00e9xico<\/span>\r\n <\/li>\r\n <li class=\"igf-contact-item\">\r\n <div class=\"igf-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"igf-contact-text\"><strong>Email<\/strong>contacto@interganfoods.com<\/span>\r\n <\/li>\r\n <li class=\"igf-contact-item\">\r\n <div class=\"igf-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"igf-contact-text\"><strong>Tel\u00e9fono<\/strong>+52 (000) 000-0000<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-container\">\r\n <div class=\"igf-divider\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-container\">\r\n <div class=\"igf-bottom\">\r\n <span class=\"igf-legal\">\u00a9 2026 Intergan Foods. Todos los derechos reservados.<\/span>\r\n <ul class=\"igf-legal-links\">\r\n <li><a href=\"#\">Aviso de privacidad<\/a><\/li>\r\n <li><a href=\"#\">T\u00e9rminos de uso<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-bottom-image\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Ganado-de-la-hereford.webp\" alt=\"Ganado Intergan Foods\">\r\n <\/div>\r\n\r\n <\/footer>\r\n\r\n <script>\r\n (function () {\r\n var mq = window.matchMedia('(max-width: 1024px)');\r\n var btns = document.querySelectorAll('#main-footer .igf-accordion-btn');\r\n\r\n function toggle(btn) {\r\n var panelId = btn.getAttribute('aria-controls');\r\n var panel = document.getElementById(panelId);\r\n var isOpen = btn.getAttribute('aria-expanded') === 'true';\r\n\r\n \/\/ Cierra todos los dem\u00e1s\r\n btns.forEach(function (b) {\r\n if (b !== btn) {\r\n b.setAttribute('aria-expanded', 'false');\r\n document.getElementById(b.getAttribute('aria-controls'))\r\n .classList.remove('is-open');\r\n }\r\n });\r\n\r\n \/\/ Toggle este\r\n btn.setAttribute('aria-expanded', String(!isOpen));\r\n panel.classList.toggle('is-open', !isOpen);\r\n }\r\n\r\n btns.forEach(function (btn) {\r\n btn.addEventListener('click', function () {\r\n if (mq.matches) toggle(btn);\r\n });\r\n });\r\n\r\n \/\/ Al volver a desktop, resetea estado visual\r\n mq.addEventListener('change', function (e) {\r\n if (!e.matches) {\r\n btns.forEach(function (btn) {\r\n btn.setAttribute('aria-expanded', 'false');\r\n document.getElementById(btn.getAttribute('aria-controls'))\r\n .classList.remove('is-open');\r\n });\r\n }\r\n });\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5f85c4 e-con-full e-flex e-con e-parent\" data-id=\"b5f85c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37b90c1 elementor-widget elementor-widget-html\" data-id=\"37b90c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n \/* \u2500\u2500 Inyectar estilos \u2500\u2500 *\/\r\n var style = document.createElement('style');\r\n style.textContent = `\r\n .igl-overlay {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 999999 !important;\r\n overflow: hidden !important;\r\n pointer-events: all !important;\r\n }\r\n .igl-half {\r\n position: absolute !important;\r\n top: 0 !important;\r\n width: 50% !important;\r\n height: 100% !important;\r\n background: linear-gradient(160deg, #c45e1a 0%, #a84a10 50%, #8b3a0c 100%) !important;\r\n will-change: transform;\r\n transition: transform 1.1s cubic-bezier(0.76, 0, 0.24, 1) !important;\r\n }\r\n .igl-half--left { left: 0 !important; }\r\n .igl-half--right { right: 0 !important; }\r\n .igl-overlay.igl-split .igl-half--left { transform: translateX(-100%) !important; }\r\n .igl-overlay.igl-split .igl-half--right { transform: translateX(100%) !important; }\r\n\r\n .igl-center-line {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 1px !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n rgba(255,255,255,0.08) 20%,\r\n rgba(255,255,255,0.35) 45%,\r\n rgba(255,255,255,0.35) 55%,\r\n rgba(255,255,255,0.08) 80%,\r\n transparent 100%\r\n ) !important;\r\n z-index: 1 !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .igl-overlay.igl-split .igl-center-line { opacity: 0 !important; }\r\n\r\n .igl-logo-wrap {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n z-index: 3 !important;\r\n pointer-events: none !important;\r\n }\r\n .igl-logo-wrap::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: clamp(120px, 20vw, 200px) !important;\r\n height: clamp(120px, 20vw, 200px) !important;\r\n border-radius: 50% !important;\r\n background: radial-gradient(circle, rgba(255,255,255,0.10) 0%, transparent 70%) !important;\r\n animation: igl-pulse 1.4s ease-in-out infinite !important;\r\n }\r\n @keyframes igl-pulse {\r\n 0%, 100% { transform: scale(1); opacity: .6; }\r\n 50% { transform: scale(1.18); opacity: 1; }\r\n }\r\n .igl-logo {\r\n width: clamp(55px, 8vw, 80px) !important;\r\n height: clamp(55px, 8vw, 80px) !important;\r\n object-fit: contain !important;\r\n will-change: transform, opacity;\r\n animation: igl-spin 0.45s linear infinite !important;\r\n transition: opacity 0.55s ease, transform 0.55s ease !important;\r\n position: relative !important;\r\n z-index: 4 !important;\r\n filter: drop-shadow(0 4px 24px rgba(0,0,0,0.25)) !important;\r\n }\r\n @keyframes igl-spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n .igl-logo.igl-fade {\r\n opacity: 0 !important;\r\n transform: scale(0.85) !important;\r\n animation: none !important;\r\n }\r\n body.igl-loading {\r\n overflow: hidden !important;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n\r\n \/* \u2500\u2500 Inyectar HTML del overlay \u2500\u2500 *\/\r\n var overlay = document.createElement('div');\r\n overlay.className = 'igl-overlay';\r\n overlay.id = 'iglOverlay';\r\n overlay.innerHTML = `\r\n <div class=\"igl-half igl-half--left\"><\/div>\r\n <div class=\"igl-half igl-half--right\"><\/div>\r\n <div class=\"igl-center-line\"><\/div>\r\n <div class=\"igl-logo-wrap\">\r\n <img decoding=\"async\"\r\n class=\"igl-logo\"\r\n id=\"iglLogo\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-modified.webp\"\r\n alt=\"INTERGAN Foods\"\r\n >\r\n <\/div>\r\n `;\r\n document.body.appendChild(overlay);\r\n document.body.classList.add('igl-loading');\r\n\r\n \/* \u2500\u2500 Secuencia de animaci\u00f3n \u2500\u2500 *\/\r\n var logo = document.getElementById('iglLogo');\r\n\r\n setTimeout(function () {\r\n logo.classList.add('igl-fade');\r\n\r\n setTimeout(function () {\r\n overlay.classList.add('igl-split');\r\n\r\n setTimeout(function () {\r\n overlay.style.display = 'none';\r\n document.body.classList.remove('igl-loading');\r\n }, 1150);\r\n\r\n }, 250);\r\n\r\n }, 1600);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Intergan Foods | Premium Header Exportaciones Certificaciones Nosotros Contacto Exportaciones Certificaciones Nosotros Contacto Intergan Foods \u2014 Hero Nuestras Marcas Nuestrasmarcas Tres l\u00edneas, un mismo est\u00e1ndar: Selecci\u00f3n, proceso y calidad garantizada en cada corte. Premium Premium Premium Ranch Ganado de engorda menor a 30 meses, seleccionado seleccionado para programas de exportaci\u00f3n. Alimentando con dietas altas en […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":671,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":739,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/739"}],"wp:attachment":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Intergan Foods | Premium Header<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --fuente: 'Montserrat', sans-serif;\r\n --color-fondo: transparent;\r\n --color-texto: #1d1d1f;\r\n --color-enlaces: #515154;\r\n --altura-header: 90px;\r\n\r\n --naranja-claro: #ff9242;\r\n --naranja-base: #ff6a00;\r\n --naranja-oscuro: #e65c00;\r\n\r\n --ease-out: cubic-bezier(0.22, 1, 0.36, 1);\r\n --spring: cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n body {\r\n font-family: var(--fuente);\r\n background-color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n #main-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: var(--altura-header);\r\n z-index: 9999;\r\n display: flex;\r\n align-items: center;\r\n background-color: #ffffff;\r\n transition:\r\n background-color 0.5s var(--ease-out),\r\n box-shadow 0.5s var(--ease-out),\r\n border-radius 0.5s var(--ease-out),\r\n top 0.4s var(--ease-out),\r\n width 0.4s var(--ease-out),\r\n left 0.4s var(--ease-out),\r\n transform 0.4s var(--ease-out),\r\n height 0.4s var(--ease-out);\r\n }\r\n\r\n #main-header.scrolled {\r\n top: 10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: min(760px, calc(100% - 80px));\r\n height: 55px;\r\n border-radius: 100px;\r\n background-color: #ffffff;\r\n box-shadow:\r\n 0 2px 16px rgba(0, 0, 0, 0.08),\r\n 0 0 0 1px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* \u2500\u2500 NAV CONTAINER \u2500\u2500 *\/\r\n .nav-container {\r\n width: 100%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 25px;\r\n transition: padding 0.4s var(--ease-out), max-width 0.4s var(--ease-out);\r\n }\r\n\r\n #main-header.scrolled .nav-container {\r\n max-width: 100%;\r\n padding: 0 36px;\r\n }\r\n\r\n \/* \u2500\u2500 LOGO \u2500\u2500 *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo img {\r\n height: 84px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n margin-top: -6.5px;\r\n }\r\n\r\n #main-header.scrolled .logo img {\r\n height: 70px;\r\n }\r\n\r\n .logo a:hover img {\r\n opacity: 0.7;\r\n }\r\n\r\n \/* \u2500\u2500 LOGO MOBILE (isotipo) \u2014 solo visible en m\u00f3vil \u2500\u2500 *\/\r\n .logo-mobile {\r\n display: none;\r\n }\r\n\r\n \/* \u2500\u2500 DESKTOP NAV MENU \u2500\u2500 *\/\r\n .nav-menu {\r\n list-style: none;\r\n display: flex;\r\n gap: 40px;\r\n margin: 0;\r\n align-items: center;\r\n }\r\n\r\n .nav-link {\r\n text-decoration: none;\r\n color: #333;\r\n font-size: 14px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n letter-spacing: -0.01em;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .nav-link:hover {\r\n background-image: linear-gradient(135deg, var(--naranja-base), var(--naranja-oscuro));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n \/* \u2500\u2500 HAMBURGER BUTTON (2 lines) \u2500\u2500 *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 4px;\r\n width: 32px;\r\n height: 32px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 4px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 100%;\r\n height: 1.5px;\r\n background-color: #888888;\r\n border-radius: 2px;\r\n transform-origin: center;\r\n transition:\r\n transform 0.4s var(--ease-out),\r\n opacity 0.3s ease,\r\n width 0.3s var(--ease-out);\r\n }\r\n\r\n .hamburger.open span:nth-child(1) {\r\n width: 60%;\r\n margin: 0 auto;\r\n transform: translateY(2.75px) rotate(45deg);\r\n }\r\n .hamburger.open span:nth-child(2) {\r\n width: 60%;\r\n margin: 0 auto;\r\n transform: translateY(-2.75px) rotate(-45deg);\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n iOS BOTTOM SHEET OVERLAY\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n .sheet-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0);\r\n z-index: 9997;\r\n transition: background 0.42s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .sheet-backdrop.open {\r\n background: rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n .mobile-menu {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 9998;\r\n transform: translateY(100%);\r\n transition: transform 0.42s var(--spring);\r\n will-change: transform;\r\n }\r\n\r\n .mobile-menu.open {\r\n transform: translateY(0);\r\n }\r\n\r\n .sheet-card {\r\n background: #ffffff;\r\n border-radius: 20px 20px 0 0;\r\n padding-bottom: max(24px, env(safe-area-inset-bottom));\r\n overflow: hidden;\r\n box-shadow:\r\n 0 -4px 32px rgba(0, 0, 0, 0.12),\r\n 0 -1px 0 rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n .sheet-handle {\r\n width: 36px;\r\n height: 5px;\r\n background: #d1d1d6;\r\n border-radius: 100px;\r\n margin: 12px auto 6px;\r\n }\r\n\r\n .mobile-menu ul {\r\n list-style: none;\r\n width: 100%;\r\n padding: 8px 0 4px;\r\n }\r\n\r\n .mobile-menu-item {\r\n width: 100%;\r\n transform: translateY(8px);\r\n opacity: 0;\r\n transition:\r\n transform 0.36s var(--ease-out),\r\n opacity 0.36s ease;\r\n }\r\n\r\n .mobile-menu.open .mobile-menu-item:nth-child(1) { transition-delay: 0.08s; transform: translateY(0); opacity: 1; }\r\n .mobile-menu.open .mobile-menu-item:nth-child(2) { transition-delay: 0.12s; transform: translateY(0); opacity: 1; }\r\n .mobile-menu.open .mobile-menu-item:nth-child(3) { transition-delay: 0.16s; transform: translateY(0); opacity: 1; }\r\n .mobile-menu.open .mobile-menu-item:nth-child(4) { transition-delay: 0.20s; transform: translateY(0); opacity: 1; }\r\n\r\n .mobile-menu-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 17px 24px;\r\n margin: 0 12px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n color: #1d1d1f;\r\n font-size: 17px;\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n transition: background 0.15s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n .mobile-menu-link:active {\r\n background: rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .mobile-menu-link::after {\r\n content: '';\r\n display: block;\r\n width: 7px;\r\n height: 7px;\r\n border-right: 1.5px solid #c7c7cc;\r\n border-top: 1.5px solid #c7c7cc;\r\n transform: rotate(45deg) translateY(-1px);\r\n flex-shrink: 0;\r\n }\r\n\r\n .mobile-menu-item:not(:last-child) {\r\n position: relative;\r\n }\r\n\r\n .mobile-menu-item:not(:last-child)::after {\r\n content: '';\r\n display: block;\r\n height: 1px;\r\n background: rgba(0,0,0,0.07);\r\n margin: 0 24px;\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE base (\u2264 900px) \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .nav-menu { display: none; }\r\n .hamburger { display: flex; }\r\n .mobile-menu,\r\n .sheet-backdrop { display: block; }\r\n\r\n .logo-desktop { display: none; }\r\n .logo-mobile { display: block; }\r\n\r\n .nav-container {\r\n padding: 0 20px;\r\n justify-content: space-between;\r\n }\r\n\r\n #main-header.scrolled .nav-container {\r\n padding: 0 20px;\r\n }\r\n\r\n #main-header { height: 72px; }\r\n\r\n #main-header.scrolled {\r\n width: min(480px, calc(100% - 40px));\r\n height: 52px;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 TABLET (601px \u2013 900px) \u2500\u2500 *\/\r\n @media (min-width: 601px) and (max-width: 900px) {\r\n .logo-mobile img {\r\n height: 66px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n \r\n }\r\n #main-header.scrolled .logo-mobile img { height: 56px; margin-top:-6.5px;}\r\n\r\n .nav-container { padding: 0 30px; }\r\n margin\r\n #main-header.scrolled .nav-container { padding: 20px; }\r\n\r\n #main-header { height: 80px; }\r\n #main-header.scrolled {\r\n width: min(600px, calc(100% - 32px));\r\n height: 50px;\r\n }\r\n }\r\n\r\n\r\n \/* \u2500\u2500 MOBILE (401px \u2013 600px) \u2500\u2500 *\/\r\n @media (min-width: 401px) and (max-width: 600px) {\r\n .logo-mobile img {\r\n height: 66px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n \r\n }\r\n #main-header.scrolled .logo-mobile img { height: 56px; margin-top:-6.5px;}\r\n\r\n .nav-container { padding: 0 30px; }\r\n margin\r\n #main-header.scrolled .nav-container { padding: 20px; }\r\n\r\n #main-header { height: 80px; }\r\n #main-header.scrolled {\r\n width: min(330px, calc(100% - 32px));\r\n height: 50px;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 FOLD \/ peque\u00f1o (\u2264 400px) \u2500\u2500 *\/\r\n @media (max-width: 400px) {\r\n .logo-mobile img {\r\n height: 66px;\r\n width: auto;\r\n display: block;\r\n transition: height 0.4s var(--ease-out), opacity 0.3s;\r\n \r\n }\r\n #main-header.scrolled .logo-mobile img { height: 56px; margin-top:-6.5px;}\r\n\r\n .nav-container { padding: 0 30px; }\r\n margin\r\n #main-header.scrolled .nav-container { padding: 20px; }\r\n\r\n #main-header { height: 80px; }\r\n #main-header.scrolled {\r\n width: min(330px, calc(100% - 32px));\r\n height: 50px;\r\n }\r\n }\r\n\r\n body.menu-open { overflow: hidden; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header id=\"main-header\">\r\n <nav class=\"nav-container\">\r\n \r\n <div class=\"logo\">\r\n <a href=\"#\" class=\"logo-desktop\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Logotipo-Intergan-Foods-scaled.webp\" alt=\"Intergan Foods\">\r\n <\/a>\r\n <a href=\"#\" class=\"logo-mobile\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Logotipo-Intergan-Foods-scaled.webp\" alt=\"Intergan Foods\">\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#\" class=\"nav-link\">Exportaciones<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link\">Certificaciones<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link\">Nosotros<\/a><\/li>\r\n <li><a href=\"#\" class=\"nav-link\">Contacto<\/a><\/li>\r\n <\/ul>\r\n\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\" aria-expanded=\"false\">\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n\r\n <\/nav>\r\n <\/header>\r\n\r\n <div class=\"sheet-backdrop\" id=\"sheet-backdrop\"><\/div>\r\n\r\n <nav class=\"mobile-menu\" id=\"mobile-menu\" aria-hidden=\"true\">\r\n <div class=\"sheet-card\">\r\n <div class=\"sheet-handle\"><\/div>\r\n <ul>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Exportaciones<\/a><\/li>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Certificaciones<\/a><\/li>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Nosotros<\/a><\/li>\r\n <li class=\"mobile-menu-item\"><a href=\"#\" class=\"mobile-menu-link\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/nav>\r\n\r\n <script>\r\n const header = document.getElementById('main-header');\r\n const hamburger = document.getElementById('hamburger');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const backdrop = document.getElementById('sheet-backdrop');\r\n\r\n window.addEventListener('scroll', () => {\r\n header.classList.toggle('scrolled', window.scrollY > 20);\r\n }, { passive: true });\r\n\r\n function toggleMenu(force) {\r\n const isOpen = typeof force === 'boolean' ? force : !hamburger.classList.contains('open');\r\n hamburger.classList.toggle('open', isOpen);\r\n mobileMenu.classList.toggle('open', isOpen);\r\n backdrop.classList.toggle('open', isOpen);\r\n document.body.classList.toggle('menu-open', isOpen);\r\n hamburger.setAttribute('aria-expanded', isOpen);\r\n mobileMenu.setAttribute('aria-hidden', !isOpen);\r\n }\r\n\r\n hamburger.addEventListener('click', () => toggleMenu());\r\n backdrop.addEventListener('click', () => toggleMenu(false));\r\n\r\n mobileMenu.querySelectorAll('.mobile-menu-link').forEach(link => {\r\n link.addEventListener('click', () => toggleMenu(false));\r\n });\r\n\r\n document.addEventListener('keydown', e => {\r\n if (e.key === 'Escape') toggleMenu(false);\r\n });\r\n\r\n let startY = 0, lastY = 0, velocityY = 0, isDragging = false;\r\n\r\n mobileMenu.addEventListener('touchstart', e => {\r\n startY = e.touches[0].clientY;\r\n lastY = startY;\r\n velocityY = 0;\r\n isDragging = true;\r\n mobileMenu.style.transition = 'none';\r\n backdrop.style.transition = 'none';\r\n }, { passive: true });\r\n\r\n mobileMenu.addEventListener('touchmove', e => {\r\n if (!isDragging) return;\r\n const y = e.touches[0].clientY;\r\n velocityY = y - lastY;\r\n lastY = y;\r\n const delta = Math.max(0, y - startY);\r\n mobileMenu.style.transform = `translateY(${delta}px)`;\r\n const sheetH = mobileMenu.offsetHeight;\r\n const progress = Math.min(delta \/ sheetH, 1);\r\n backdrop.style.background = `rgba(0,0,0,${0.35 * (1 - progress)})`;\r\n }, { passive: true });\r\n\r\n mobileMenu.addEventListener('touchend', () => {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n const delta = lastY - startY;\r\n if (delta > 60 || velocityY > 8) {\r\n mobileMenu.style.transition = 'transform 0.28s cubic-bezier(0.4, 0, 1, 1)';\r\n backdrop.style.transition = 'background 0.28s ease';\r\n mobileMenu.style.transform = `translateY(100%)`;\r\n backdrop.style.background = 'rgba(0,0,0,0)';\r\n setTimeout(() => {\r\n mobileMenu.style.transition = '';\r\n mobileMenu.style.transform = '';\r\n backdrop.style.transition = '';\r\n backdrop.style.background = '';\r\n hamburger.classList.remove('open');\r\n mobileMenu.classList.remove('open');\r\n backdrop.classList.remove('open');\r\n document.body.classList.remove('menu-open');\r\n hamburger.setAttribute('aria-expanded', false);\r\n mobileMenu.setAttribute('aria-hidden', true);\r\n }, 290);\r\n } else {\r\n mobileMenu.style.transition = 'transform 0.36s cubic-bezier(0.16, 1, 0.3, 1)';\r\n backdrop.style.transition = 'background 0.36s ease';\r\n mobileMenu.style.transform = 'translateY(0)';\r\n backdrop.style.background = 'rgba(0,0,0,0.35)';\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0efb13 e-con-full e-flex e-con e-parent\" data-id=\"f0efb13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58699c9 elementor-widget elementor-widget-html\" data-id=\"58699c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Intergan Foods \u2014 Hero<\/title>\r\n<\/head>\r\n<body style=\"margin:0;background:#fff;\">\r\n\r\n<div id=\"ig-hero\"><\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n var BG = {\r\n url: 'https:\/\/images.unsplash.com\/photo-1500595046743-cd271d694d30?w=1900&q=90&auto=format&fit=crop',\r\n position: 'center 40%',\r\n overlay: 'linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 18%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0) 40%)',\r\n };\r\n\r\n var HEADLINE = {\r\n text: 'Del coraz\u00f3n de M\u00e9xico, la mejor carne al mundo',\r\n subtitle: 'Carne mexicana certificada, producida en la<strong> Comarca Lagunera<\/strong> y exportada a 18 pa\u00edses desde 2007.',\r\n };\r\n\r\n var STAT_CARD = {\r\n number: '#1',\r\n suffix: '',\r\n desc: 'Liderazgo en M\u00e9xico en exportaci\u00f3n de trimming bovino con est\u00e1ndares internacionales de calidad.',\r\n imgSrc: 'https:\/\/i.pinimg.com\/1200x\/dc\/48\/4a\/dc484a3ccc34e2d69cf2b13d46eaa577.jpg',\r\n };\r\n\r\n \/* \u2500\u2500 ISOTIPO MARCA DE AGUA \u2014 ajusta por breakpoint \u2500\u2500 *\/\r\n var WATERMARK = {\r\n url: 'https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp',\r\n opacity: 0.18,\r\n\r\n desktop: {\r\n width: '50%',\r\n top: '-40%',\r\n bottom: 'auto',\r\n left: 'auto',\r\n right: '-20%',\r\n },\r\n tablet: {\r\n width: '50%',\r\n top: '-25%',\r\n bottom: 'auto',\r\n left: 'auto',\r\n right: '-15%',\r\n },\r\n mobile: {\r\n width: '70%',\r\n top: '-23%',\r\n bottom: 'auto',\r\n left: 'auto',\r\n right: '-28%',\r\n },\r\n };\r\n\r\n \/* ============================================================\r\n SHADOW DOM\r\n ============================================================ *\/\r\n var host = document.getElementById('ig-hero');\r\n var shadow = host.attachShadow({ mode: 'open' });\r\n\r\n var style = document.createElement('style');\r\n style.textContent = `\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');\r\n\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BASE \u2014 DESKTOP (> 1024px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .ig-outer {\r\n padding: var(--ig-pad-top, 30px) 30px 30px 30px;\r\n background: #fff;\r\n max-width: 1450px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ig-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 820px;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-rows: 1fr auto;\r\n }\r\n\r\n .ig-bg {\r\n position: absolute; inset: 0;\r\n background: url('${BG.url}') ${BG.position} \/ cover no-repeat;\r\n z-index: 0;\r\n transform: scale(1.04);\r\n transition: transform 10s ease-out;\r\n }\r\n .ig-bg.on { transform: scale(1); }\r\n\r\n .ig-overlay {\r\n position: absolute; inset: 0; z-index: 1;\r\n background: ${BG.overlay};\r\n }\r\n\r\n .ig-center {\r\n position: relative; z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n padding: 64px 72px 0;\r\n }\r\n\r\n .ig-headline {\r\n font-size: 3.8rem;\r\n font-weight: 700;\r\n line-height: 1.06;\r\n letter-spacing: -0.03em;\r\n color: #fff;\r\n max-width: 52%;\r\n animation: ig-up .9s .15s ease both;\r\n }\r\n\r\n .ig-subtitle {\r\n margin-top: 18px;\r\n font-size: 1.05rem;\r\n font-weight: 400;\r\n line-height: 1.6;\r\n color: rgba(255,255,255,.88);\r\n max-width: 38%;\r\n animation: ig-up .9s .30s ease both;\r\n }\r\n\r\n .ig-bottom {\r\n position: relative; z-index: 10;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-end;\r\n padding: 0 40px 40px;\r\n }\r\n\r\n .ig-card {\r\n display: flex;\r\n align-items: stretch;\r\n width: 420px;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n background: rgba(255,255,255,0.04);\r\n backdrop-filter: blur(10px) saturate(110%) brightness(1.06);\r\n -webkit-backdrop-filter: blur(10px) saturate(110%) brightness(1.06);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);\r\n animation: ig-up .9s .6s ease both;\r\n }\r\n\r\n .ig-card-left {\r\n flex: 1;\r\n padding: 22px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 32px;\r\n }\r\n\r\n .ig-card-number {\r\n font-size: 4rem;\r\n font-weight: 600;\r\n color: #fff;\r\n line-height: 1;\r\n letter-spacing: -0.06em;\r\n }\r\n .ig-card-number sup {\r\n font-size: 1.6rem;\r\n font-weight: 400;\r\n color: #fff;\r\n vertical-align: super;\r\n margin-left: 3px;\r\n letter-spacing: 0;\r\n }\r\n\r\n .ig-card-desc {\r\n font-size: .88rem;\r\n color: #fff;\r\n line-height: 1.55;\r\n }\r\n\r\n .ig-card-img {\r\n width: 150px;\r\n flex-shrink: 0;\r\n position: relative;\r\n overflow: hidden;\r\n margin: 10px 10px 10px 0;\r\n border-radius: 10px;\r\n }\r\n .ig-card-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n filter: saturate(0.75) brightness(0.85);\r\n transition: filter .5s;\r\n }\r\n .ig-card:hover .ig-card-img img { filter: saturate(1) brightness(0.95); }\r\n .ig-card-img-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.55) 100%);\r\n }\r\n\r\n \/* \u2500\u2500 Isotipo marca de agua \u2014 DESKTOP \u2500\u2500 *\/\r\n .ig-watermark {\r\n position: absolute;\r\n top: ${WATERMARK.desktop.top};\r\n bottom: ${WATERMARK.desktop.bottom};\r\n left: ${WATERMARK.desktop.left};\r\n right: ${WATERMARK.desktop.right};\r\n z-index: 2;\r\n width: ${WATERMARK.desktop.width};\r\n pointer-events: none;\r\n }\r\n .ig-watermark img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n opacity: ${WATERMARK.opacity};\r\n filter: brightness(100) saturate(0);\r\n -webkit-user-drag: none;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u2500\u2500 Isotipo marca de agua \u2014 TABLET \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .ig-watermark {\r\n width: ${WATERMARK.tablet.width};\r\n top: ${WATERMARK.tablet.top};\r\n bottom: ${WATERMARK.tablet.bottom};\r\n left: ${WATERMARK.tablet.left};\r\n right: ${WATERMARK.tablet.right};\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 Isotipo marca de agua \u2014 MOBILE \u2500\u2500 *\/\r\n @media (max-width: 640px) {\r\n .ig-watermark {\r\n width: ${WATERMARK.mobile.width};\r\n top: ${WATERMARK.mobile.top};\r\n bottom: ${WATERMARK.mobile.bottom};\r\n left: ${WATERMARK.mobile.left};\r\n right: ${WATERMARK.mobile.right};\r\n }\r\n }\r\n\r\n @keyframes ig-up {\r\n from { opacity:0; transform:translateY(20px) }\r\n to { opacity:1; transform:translateY(0) }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET (641px \u2013 1024px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 1024px) {\r\n .ig-hero { min-height: 680px; }\r\n .ig-center { padding: 48px 40px 0; }\r\n .ig-headline { font-size: 2.8rem; max-width: 70%; }\r\n .ig-subtitle { font-size: .95rem; max-width: 70%; margin-top: 14px; }\r\n .ig-bottom { padding: 0 28px 28px; }\r\n .ig-card { width: 360px; }\r\n .ig-card-number { font-size: 3.2rem; }\r\n .ig-card-img { width: 120px; }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE (\u2264 640px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 640px) {\r\n .ig-outer { padding: var(--ig-pad-top, 12px) 8px 8px 8px; }\r\n .ig-hero { min-height: 520px; border-radius: 14px; }\r\n .ig-center { padding: 28px 18px 0; }\r\n\r\n .ig-headline {\r\n font-size: 1.8rem;\r\n max-width: 100%;\r\n line-height: 1.1;\r\n max-width:85%;\r\n }\r\n .ig-subtitle {\r\n font-size: .82rem;\r\n max-width: 70%;\r\n margin-top: 10px;\r\n line-height: 1.45;\r\n }\r\n .ig-bottom {\r\n justify-content: center;\r\n padding: 0 12px 14px;\r\n }\r\n .ig-card { width: 100%; }\r\n .ig-card-left { flex: 0 0 55%; padding: 16px; gap: 20px; }\r\n .ig-card-img { flex: 0 0 45%; width: auto; margin: 8px 8px 8px 0; }\r\n .ig-card-number { font-size: 2.4rem; }\r\n .ig-card-desc { font-size: .75rem; }\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE PEQUE\u00d1O (\u2264 380px)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 380px) {\r\n .ig-headline { font-size: 1.45rem; }\r\n .ig-card-img { display: none; }\r\n .ig-card-left { flex: 1; }\r\n }\r\n `;\r\n\r\n \/* FIX 6: Se usa innerHTML en un <div> auxiliar en lugar de <template>\r\n para garantizar que los <strong> en el subt\u00edtulo se parseen\r\n correctamente como HTML (template.innerHTML los trata como texto\r\n en algunos motores cuando se inserta v\u00eda cloneNode sin activate). *\/\r\n var wrapper = document.createElement('div');\r\n wrapper.innerHTML = `\r\n <div class=\"ig-outer\">\r\n <div class=\"ig-hero\">\r\n <div class=\"ig-bg\" id=\"igBg\"><\/div>\r\n <div class=\"ig-overlay\"><\/div>\r\n <div class=\"ig-watermark\">\r\n <img decoding=\"async\" src=\"${WATERMARK.url}\" alt=\"\">\r\n <\/div>\r\n <div class=\"ig-center\">\r\n <h1 class=\"ig-headline\">${HEADLINE.text}<\/h1>\r\n <p class=\"ig-subtitle\">${HEADLINE.subtitle}<\/p>\r\n <\/div>\r\n <div class=\"ig-bottom\">\r\n <div class=\"ig-card\">\r\n <div class=\"ig-card-left\">\r\n <div class=\"ig-card-number\">${STAT_CARD.number}<sup>${STAT_CARD.suffix}<\/sup><\/div>\r\n <p class=\"ig-card-desc\">${STAT_CARD.desc}<\/p>\r\n <\/div>\r\n <div class=\"ig-card-img\">\r\n <img decoding=\"async\" src=\"${STAT_CARD.imgSrc}\" alt=\"Trimming bovino Intergan\">\r\n <div class=\"ig-card-img-overlay\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n shadow.appendChild(style);\r\n shadow.appendChild(wrapper.firstElementChild);\r\n\r\n \/* \u2500\u2500 Ken Burns \u2500\u2500 *\/\r\n setTimeout(function () {\r\n var bg = shadow.getElementById('igBg');\r\n if (bg) bg.classList.add('on');\r\n }, 80);\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n FIX 7: DETECCI\u00d3N DE NAVBAR\r\n El observer vigila cambios en el DOM por\r\n si el navbar se inyecta despu\u00e9s del hero\r\n (Elementor, WP, etc.).\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n function applyNavbarOffset() {\r\n var PAD = 30;\r\n var navH = 0;\r\n\r\n document.querySelectorAll('*').forEach(function (el) {\r\n if (el === host || host.contains(el)) return;\r\n var pos = window.getComputedStyle(el).position;\r\n if (pos === 'fixed' || pos === 'sticky') {\r\n var rect = el.getBoundingClientRect();\r\n if (rect.top < 120 && rect.height > 0) {\r\n navH = Math.max(navH, rect.bottom);\r\n }\r\n }\r\n });\r\n\r\n \/* WordPress \/ Elementor admin bar *\/\r\n var adminBar = document.getElementById('wpadminbar');\r\n if (adminBar) navH = Math.max(navH, adminBar.getBoundingClientRect().bottom);\r\n\r\n host.style.setProperty('--ig-pad-top', (navH + PAD) + 'px');\r\n }\r\n\r\n \/* Ejecuta al cargar, al redimensionar y observa cambios en el DOM\r\n por si el navbar se a\u00f1ade din\u00e1micamente *\/\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', applyNavbarOffset);\r\n } else {\r\n applyNavbarOffset();\r\n }\r\n window.addEventListener('resize', applyNavbarOffset);\r\n\r\n \/* Observer ligero: solo attributes\/childList en el body directo *\/\r\n if (typeof MutationObserver !== 'undefined') {\r\n new MutationObserver(applyNavbarOffset).observe(document.body, {\r\n childList: true,\r\n subtree: false,\r\n attributes: true,\r\n attributeFilter: ['style', 'class'],\r\n });\r\n }\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a55eed e-con-full e-flex e-con e-parent\" data-id=\"6a55eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c793180 elementor-widget elementor-widget-html\" data-id=\"c793180\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div style=\"display:block; width:100%; text-align:center;\">\r\n <div id=\"cert-carousel-host\" style=\"display:inline-block; width:100%; max-width:1200px;\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n \/* \u2500\u2500\u2500 CONFIGURACI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const ANIM_DURATION = 38000; \/\/ ms para un ciclo completo\r\n const BG_COLOR = '#ffffff'; \/\/ color de fondo (para fade lateral)\r\n\r\n const logos = [\r\n { url: 'https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/04\/Logo_of_the_United_States_Department_of_Agriculture.svg\/250px-Logo_of_the_United_States_Department_of_Agriculture.svg.png', alt: 'USDA' },\r\n { url: 'https:\/\/d2evkimvhatqav.cloudfront.net\/images\/NSF-logo.png?mtime=20200716161808&focal=none', alt: 'NSF International' },\r\n { url: 'https:\/\/thumbs.dreamstime.com\/b\/food-safety-369124264.jpg', alt: 'HACCP' },\r\n { url: 'https:\/\/saporeaditivos.com.mx\/wp-content\/uploads\/2018\/11\/GlobalSTD.jpg', alt: 'GlobalSTD SQF' },\r\n { url: 'https:\/\/www.handary.com\/img\/news\/newsthumb_10091_o.png', alt: 'Kosher' },\r\n { url: 'https:\/\/img.freepik.com\/vector-premium\/logotipo-halal-insignia-halal-sello-redondo-logotipo-vectorial-diseno-letrero-halal_526569-729.jpg', alt: 'Halal' },\r\n { url: 'https:\/\/images.seeklogo.com\/logo-png\/54\/1\/certificacion-tif-logo-png_seeklogo-541385.png', alt: 'TIF SAGARPA' },\r\n { url: 'https:\/\/www.clipartmax.com\/png\/full\/118-1183033_calidad-mexicana-mexico-calidad-suprema.png', alt: 'M\u00e9xico Calidad Suprema' },\r\n { url: 'https:\/\/i.shgcdn.com\/e92c8e5b-99e7-451a-b82c-a7aff2d4d959\/-\/format\/auto\/-\/preview\/3000x3000\/-\/quality\/lighter\/', alt: 'Animal Welfare Approved' },\r\n { url: 'https:\/\/lamacarena.com\/es\/wp-content\/uploads\/2020\/01\/PNE-LOGOS.png', alt: 'Premio Nacional de Exportaci\u00f3n' },\r\n { url: 'https:\/\/pna.org.mx\/wp-content\/uploads\/2026\/01\/logo-premio-nacional-esp-ing-02-2048x790.png', alt: 'Premio Nacional Agroalimentario' },\r\n ];\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n \/* \u2500\u2500 Buscar el host de forma segura \u2500\u2500 *\/\r\n const host = document.getElementById('cert-carousel-host');\r\n if (!host) return; \/\/ Si no existe el elemento, abortar sin errores\r\n\r\n \/* \u2500\u2500 Shadow DOM: CSS completamente aislado del resto de la p\u00e1gina \u2500\u2500 *\/\r\n const shadow = host.attachShadow({ mode: 'open' });\r\n\r\n const buildItems = () =>\r\n logos.map(l =>\r\n `<div class=\"ci\" role=\"img\" aria-label=\"${l.alt}\">` +\r\n `<img decoding=\"async\" src=\"${l.url}\" alt=\"${l.alt}\" loading=\"lazy\" draggable=\"false\">` +\r\n `<\/div>`\r\n ).join('');\r\n\r\n shadow.innerHTML = `\r\n <style>\r\n :host {\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n --bg: ${BG_COLOR};\r\n }\r\n\r\n .wrapper {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n position: relative;\r\n padding: 20px 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .scroll-zone {\r\n flex: 1;\r\n overflow: hidden;\r\n position: relative;\r\n touch-action: pan-y; \/* pan-y: el navegador maneja scroll vertical,\r\n el JS captura el horizontal *\/\r\n cursor: grab;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n .scroll-zone.is-dragging {\r\n cursor: grabbing;\r\n touch-action: none; \/* Durante drag activo: bloquear todo pan nativo *\/\r\n }\r\n\r\n .scroll-zone::before,\r\n .scroll-zone::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; bottom: 0;\r\n width: 80px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n .scroll-zone::before {\r\n left: 0;\r\n background: linear-gradient(to right, var(--bg) 0%, transparent 100%);\r\n }\r\n .scroll-zone::after {\r\n right: 0;\r\n background: linear-gradient(to left, var(--bg) 0%, transparent 100%);\r\n }\r\n\r\n .track {\r\n display: flex;\r\n align-items: center;\r\n width: max-content;\r\n gap: 12px;\r\n padding: 4px 0;\r\n animation: slide ${ANIM_DURATION}ms linear infinite;\r\n will-change: transform;\r\n }\r\n\r\n @media (hover: hover) and (pointer: fine) {\r\n .scroll-zone:not(.is-dragging) .track:hover {\r\n animation-play-state: paused;\r\n }\r\n }\r\n\r\n @keyframes slide {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n\r\n .ci {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n width: 160px;\r\n height: 160px;\r\n background: transparent;\r\n border: 1px solid #e8e8e8;\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .ci:hover {\r\n border-color: #d1d5db;\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\r\n }\r\n .ci img {\r\n height: 72px;\r\n width: auto;\r\n max-width: 120px;\r\n object-fit: contain;\r\n display: block;\r\n pointer-events: none;\r\n -webkit-user-drag: none;\r\n transition: transform 0.3s ease;\r\n }\r\n .ci:hover img { transform: scale(1.05); }\r\n\r\n @media (max-width: 768px) {\r\n .ci { width: 130px; height: 130px; padding: 16px; }\r\n .ci img { height: 60px; max-width: 98px; }\r\n .scroll-zone::before,\r\n .scroll-zone::after { width: 40px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"wrapper\">\r\n <div class=\"scroll-zone\">\r\n <div class=\"track\">\r\n ${buildItems()}\r\n ${buildItems()}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/* \u2500\u2500 Refs internos al Shadow DOM \u2500\u2500 *\/\r\n const scrollZone = shadow.querySelector('.scroll-zone');\r\n const track = shadow.querySelector('.track');\r\n\r\n \/* \u2500\u2500 Estado de drag (local, no expuesto globalmente) \u2500\u2500 *\/\r\n let isDragging = false;\r\n let startX = 0;\r\n let currentX = 0;\r\n let dragDeltaX = 0;\r\n\r\n \/* \u2500\u2500 Helpers \u2500\u2500 *\/\r\n function getCurrentTranslateX() {\r\n const matrix = window.getComputedStyle(track).transform;\r\n if (!matrix || matrix === 'none') return 0;\r\n const match = matrix.match(\/matrix\$([^)]+)\$\/);\r\n if (!match) return 0;\r\n return parseFloat(match[1].split(',')[4]); \/\/ \u00edndice correcto: [4]\r\n }\r\n\r\n function pauseAtCurrentPosition() {\r\n currentX = getCurrentTranslateX();\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${currentX}px)`;\r\n }\r\n\r\n function resumeFromPosition(tx) {\r\n const halfWidth = track.scrollWidth \/ 2;\r\n if (!halfWidth) {\r\n track.style.transform = '';\r\n track.style.animation = `slide ${ANIM_DURATION}ms linear infinite`;\r\n return;\r\n }\r\n let normalized = tx % halfWidth;\r\n if (normalized > 0) normalized -= halfWidth;\r\n if (normalized < -halfWidth) normalized += halfWidth;\r\n\r\n const progress = Math.abs(normalized) \/ halfWidth;\r\n const delay = -(progress * ANIM_DURATION).toFixed(2);\r\n\r\n track.style.transform = '';\r\n track.style.animation = `slide ${ANIM_DURATION}ms ${delay}ms linear infinite`;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n MOUSE DRAG \u2014 listeners en document, agregados\/eliminados\r\n din\u00e1micamente para NO dejar oyentes permanentes en window.\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n function onMouseMove(e) {\r\n if (!isDragging) return;\r\n dragDeltaX = e.clientX - startX;\r\n track.style.transform = `translateX(${currentX + dragDeltaX}px)`;\r\n }\r\n\r\n function onMouseUp() {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n scrollZone.classList.remove('is-dragging');\r\n \/* \u2190 Se eliminan inmediatamente; no quedan residuos globales *\/\r\n document.removeEventListener('mousemove', onMouseMove);\r\n document.removeEventListener('mouseup', onMouseUp);\r\n resumeFromPosition(currentX + dragDeltaX);\r\n }\r\n\r\n scrollZone.addEventListener('mousedown', (e) => {\r\n if (e.button !== 0) return; \/\/ solo bot\u00f3n izquierdo\r\n pauseAtCurrentPosition();\r\n isDragging = true;\r\n startX = e.clientX;\r\n dragDeltaX = 0;\r\n scrollZone.classList.add('is-dragging');\r\n e.preventDefault();\r\n \/* \u2190 Solo se registran cuando se necesitan *\/\r\n document.addEventListener('mousemove', onMouseMove);\r\n document.addEventListener('mouseup', onMouseUp);\r\n });\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TOUCH \u2014 sin listeners en window; todo sobre scrollZone\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n scrollZone.addEventListener('touchstart', (e) => {\r\n if (e.touches.length !== 1) return;\r\n pauseAtCurrentPosition();\r\n isDragging = true;\r\n startX = e.touches[0].clientX;\r\n dragDeltaX = 0;\r\n scrollZone.classList.add('is-dragging');\r\n }, { passive: true });\r\n\r\n scrollZone.addEventListener('touchmove', (e) => {\r\n if (!isDragging) return;\r\n const dx = e.touches[0].clientX - startX;\r\n \/\/ Si el movimiento es principalmente horizontal, evitar scroll vertical\r\n if (Math.abs(dx) > 8) e.preventDefault();\r\n dragDeltaX = dx;\r\n track.style.transform = `translateX(${currentX + dragDeltaX}px)`;\r\n }, { passive: false }); \/\/ passive:false necesario para poder llamar preventDefault\r\n\r\n function endTouch() {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n scrollZone.classList.remove('is-dragging');\r\n resumeFromPosition(currentX + dragDeltaX);\r\n }\r\n\r\n scrollZone.addEventListener('touchend', endTouch, { passive: true });\r\n scrollZone.addEventListener('touchcancel', endTouch, { passive: true });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0de9e69 e-con-full e-flex e-con e-parent\" data-id=\"0de9e69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b98df9 elementor-widget elementor-widget-html\" data-id=\"5b98df9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Nuestras Marcas<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n\r\n \/* ============================================================\r\n VARIABLES R\u00c1PIDAS \u2014 edita aqu\u00ed para cambiar todo de golpe\r\n ============================================================ *\/\r\n :root {\r\n --igf-color-titulo: #111111; \/* color del t\u00edtulo *\/\r\n --igf-color-subtitulo: #111111; \/* color del subt\u00edtulo *\/\r\n --igf-color-marca: #000000; \/* nombre de la marca en la tarjeta *\/\r\n --igf-color-desc: #111111; \/* texto descriptivo de la tarjeta *\/\r\n --igf-color-borde: #e8e3dc; \/* borde normal de la tarjeta *\/\r\n --igf-color-hover: #E85A1B; \/* borde al hacer hover *\/\r\n --igf-font-titulo: 2.9rem; \/* tama\u00f1o del t\u00edtulo de secci\u00f3n *\/\r\n --igf-font-marca: 1.6rem; \/* tama\u00f1o del nombre de cada marca *\/\r\n --igf-altura-imagen: 300px; \/* altura de la foto en cada tarjeta *\/\r\n --igf-gap-grid: 20px; \/* espacio entre tarjetas *\/\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PALABRA DECORATIVA \"Premium\"\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n --igf-deco-size: clamp(60px, 8vw, 120px); \/* tama\u00f1o de letra *\/\r\n --igf-deco-weight: 800; \/* peso: 300 400 500 600 700 800 900 *\/\r\n --igf-deco-color: #e2e2e2; \/* color \u2014 #e2e2e2 = plata claro *\/\r\n --igf-deco-letter-spacing: -0.04em; \/* separaci\u00f3n letras: negativo = m\u00e1s pegado *\/\r\n --igf-deco-margin-top: 0px; \/* margen arriba *\/\r\n --igf-deco-margin-bottom: -48px; \/* margen abajo \u2014 negativo pega a las tarjetas *\/\r\n --igf-deco-margin-left: 0px; \/* margen izquierda *\/\r\n --igf-deco-margin-right: 0px; \/* margen derecha *\/\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DESVANECIDO BLANCO debajo de \"Premium\"\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n --igf-fade-tamanio: 60%; \/* TAMA\u00d1O \u2014 0% sin fade \u00b7 100% cubre toda la letra *\/\r\n --igf-fade-posicion: 0px; \/* POSICI\u00d3N \u2014 positivo sube \u00b7 negativo baja *\/\r\n --igf-fade-intensidad: 100%; \/* INTENSIDAD \u2014 0% invisible \u00b7 100% blanco s\u00f3lido *\/\r\n --igf-fade-inicio: 30%; \/* INICIO \u2014 0% desde arriba \u00b7 80% casi transparente *\/\r\n --igf-fade-left: 0px; \/* MARGEN IZQUIERDA del fade *\/\r\n --igf-fade-right: 0px; \/* MARGEN DERECHA del fade *\/\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ISOTIPOS DE FONDO \u2014 tomados de Esencia Lagunera\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n \/* \u2500\u2500 ISOTIPO A \u2500\u2500 (superior derecha, gigante) *\/\r\n --a-size: 380px;\r\n --a-top: -00px;\r\n --a-left: auto;\r\n --a-right: -10px;\r\n --a-rotate: 18deg;\r\n --a-opacity: 0.025;\r\n\r\n \/* \u2500\u2500 ISOTIPO B \u2500\u2500 (inferior izquierda, grande) *\/\r\n --b-size: 300px;\r\n --b-top: auto;\r\n --b-bottom: -0px;\r\n --b-left: -0px;\r\n --b-right: auto;\r\n --b-rotate: -14deg;\r\n --b-opacity: 0.022;\r\n\r\n \/* \u2500\u2500 ISOTIPO C \u2500\u2500 (centro-derecha, mediano) *\/\r\n --c-size: 180px;\r\n --c-top: 62%;\r\n --c-left: auto;\r\n --c-right: 12%;\r\n --c-rotate: -22deg;\r\n --c-opacity: 0.02;\r\n\r\n \/* \u2500\u2500 ISOTIPO D \u2500\u2500 (superior izquierda, mediano) *\/\r\n --d-size: 140px;\r\n --d-top: 8%;\r\n --d-left: 6%;\r\n --d-right: auto;\r\n --d-rotate: 10deg;\r\n --d-opacity: 0.023;\r\n\r\n \/* \u2500\u2500 ISOTIPO E \u2500\u2500 (inferior centro-derecha, grande) *\/\r\n --e-size: 140px;\r\n --e-top: auto;\r\n --e-bottom: 0%;\r\n --e-left: 38%;\r\n --e-right: auto;\r\n --e-rotate: 25deg;\r\n --e-opacity: 0.02;\r\n }\r\n\r\n \/* ============================================================\r\n SECCI\u00d3N PRINCIPAL \u2014 no tocar salvo padding\/margin externos\r\n ============================================================ *\/\r\n #igf-marcas-section {\r\n all: initial;\r\n display: block;\r\n box-sizing: border-box;\r\n background: transparent;\r\n font-family: 'Montserrat', sans-serif;\r\n width: 100%;\r\n padding: 60px 24px; \/* padding interno de la secci\u00f3n *\/\r\n margin: 10px; \/* margen externo *\/\r\n position: relative; \/* necesario para los isotipos de fondo *\/\r\n overflow: hidden;\r\n }\r\n\r\n #igf-marcas-section *,\r\n #igf-marcas-section *::before,\r\n #igf-marcas-section *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-wrapper {\r\n max-width: 1400px; \/* ancho m\u00e1ximo del contenido *\/\r\n width: 100%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n ISOTIPOS DECORATIVOS DE FONDO\r\n ============================================================ *\/\r\n #igf-marcas-section .igf-deco-iso {\r\n position: absolute;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 0;\r\n }\r\n \/* Isotipos en tonos gris claro *\/\r\n #igf-marcas-section .igf-iso-gray {\r\n filter: grayscale(1) brightness(1.6);\r\n }\r\n \/* Isotipos en tonos crema claro *\/\r\n #igf-marcas-section .igf-iso-cream {\r\n filter: sepia(1) brightness(1.8) saturate(0.15);\r\n }\r\n\r\n #igf-marcas-section .igf-iso-a {\r\n width: var(--a-size);\r\n top: var(--a-top);\r\n left: var(--a-left);\r\n right: var(--a-right);\r\n transform: rotate(var(--a-rotate));\r\n opacity: var(--a-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-b {\r\n width: var(--b-size);\r\n top: var(--b-top);\r\n bottom: var(--b-bottom);\r\n left: var(--b-left);\r\n right: var(--b-right);\r\n transform: rotate(var(--b-rotate));\r\n opacity: var(--b-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-c {\r\n width: var(--c-size);\r\n top: var(--c-top);\r\n left: var(--c-left);\r\n right: var(--c-right);\r\n transform: rotate(var(--c-rotate));\r\n opacity: var(--c-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-d {\r\n width: var(--d-size);\r\n top: var(--d-top);\r\n left: var(--d-left);\r\n right: var(--d-right);\r\n transform: rotate(var(--d-rotate));\r\n opacity: var(--d-opacity);\r\n }\r\n #igf-marcas-section .igf-iso-e {\r\n width: var(--e-size);\r\n top: var(--e-top);\r\n bottom: var(--e-bottom);\r\n left: var(--e-left);\r\n right: var(--e-right);\r\n transform: rotate(var(--e-rotate));\r\n opacity: var(--e-opacity);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #igf-marcas-section {\r\n --a-size: 220px; --a-top: -60px; --a-right: -70px;\r\n --b-size: 180px; --b-bottom: -50px; --b-left: -55px;\r\n --c-size: 110px; --c-right: 5%;\r\n --d-size: 90px; --d-top: 6%;\r\n --e-size: 140px; --e-left: 30%;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n ENCABEZADO DE SECCI\u00d3N\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-header {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 48px;\r\n margin-left: 40px;\r\n }\r\n\r\n \/* Bloque izquierdo: t\u00edtulo + subt\u00edtulo *\/\r\n #igf-marcas-section #igf-marcas-header-left {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n \/* \u2500\u2500 Contenedor del \"Premium\" \u2014 controla el recorte del fade \u2500\u2500 *\/\r\n #igf-marcas-section #igf-marcas-deco-wrap {\r\n position: relative;\r\n align-self: flex-end; \/* se pega al fondo del header *\/\r\n flex-shrink: 0;\r\n overflow: hidden; \/* recorta el fade exacto al borde *\/\r\n margin-top: var(--igf-deco-margin-top);\r\n margin-bottom: var(--igf-deco-margin-bottom);\r\n margin-left: var(--igf-deco-margin-left);\r\n margin-right: var(--igf-deco-margin-right);\r\n line-height: 1;\r\n }\r\n\r\n \/* Palabra decorativa derecha del header *\/\r\n #igf-marcas-section #igf-marcas-header-deco {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: var(--igf-deco-size);\r\n font-weight: var(--igf-deco-weight);\r\n color: var(--igf-deco-color);\r\n letter-spacing: var(--igf-deco-letter-spacing);\r\n pointer-events: none;\r\n user-select: none;\r\n line-height: 1;\r\n display: block;\r\n }\r\n\r\n \/* ============================================================\r\n DOBLE FADE BLANCO \u2014 siempre anclado al borde inferior del wrapper\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-deco-wrap::before {\r\n content: '';\r\n position: absolute;\r\n bottom: var(--igf-fade-posicion);\r\n left: var(--igf-fade-left);\r\n right: var(--igf-fade-right);\r\n height: var(--igf-fade-tamanio);\r\n pointer-events: none;\r\n z-index: 2;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent var(--igf-fade-inicio),\r\n rgba(255,255,255, 0.6) 75%,\r\n rgba(255,255,255, var(--igf-fade-intensidad)) 100%\r\n );\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco-wrap::after {\r\n content: '';\r\n position: absolute;\r\n bottom: var(--igf-fade-posicion);\r\n left: var(--igf-fade-left);\r\n right: var(--igf-fade-right);\r\n height: calc(var(--igf-fade-tamanio) * 0.45);\r\n pointer-events: none;\r\n z-index: 3;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n rgba(255,255,255, var(--igf-fade-intensidad)) 100%\r\n );\r\n }\r\n\r\n \/* T\u00edtulo \"Nuestras marcas\" \u2014 siempre en 1 sola l\u00ednea *\/\r\n #igf-marcas-section #igf-marcas-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: clamp(2.8rem, 7vw, 6rem);\r\n font-weight: 700;\r\n color: #000000;\r\n line-height: 0.75;\r\n letter-spacing: -.15rem;\r\n white-space: normal;\r\n max-width: 100%;\r\n }\r\n\r\n \/* \"Nuestras\" en negro *\/\r\n #igf-marcas-section #igf-marcas-title .igf-marcas-word-nuestras {\r\n color: #000000;\r\n }\r\n\r\n \/* \"marcas\" en naranja peso 800 *\/\r\n #igf-marcas-section #igf-marcas-title .igf-marcas-word-marcas {\r\n color: #E85A1B;\r\n font-weight: 800;\r\n }\r\n\r\n \/* Subt\u00edtulo \u2014 siempre exactamente 2 renglones *\/\r\n #igf-marcas-section #igf-marcas-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: clamp(15px, 1.5vw, 22px);\r\n font-weight: 400;\r\n color: #333333;\r\n line-height: 1.30;\r\n text-align: left;\r\n margin-top: 28px;\r\n max-width: 65%;\r\n white-space: normal;\r\n }\r\n\r\n \/* \u00c9nfasis del subt\u00edtulo: naranja + negrita *\/\r\n #igf-marcas-section #igf-marcas-subtitle strong {\r\n color: #E85A1B;\r\n font-weight: 700;\r\n font-style: normal;\r\n }\r\n\r\n \/* ============================================================\r\n PALABRA DECORATIVA \"PREMIUM\"\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-grid-wrapper {\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco {\r\n display: none;\r\n }\r\n\r\n \/* ============================================================\r\n GRID DE TARJETAS\r\n ============================================================ *\/\r\n #igf-marcas-section #igf-marcas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: var(--igf-gap-grid);\r\n width: 100%;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ============================================================\r\n TARJETA\r\n ============================================================ *\/\r\n #igf-marcas-section .igf-marcas-card {\r\n background: #ffffff;\r\n border-radius: 18px;\r\n border: 1px solid var(--igf-color-borde);\r\n padding: 20px 20px 52px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n position: relative;\r\n width: 100%;\r\n transition: border-color 0.25s ease;\r\n cursor: default;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:hover {\r\n border-color: var(--igf-color-hover);\r\n }\r\n\r\n \/* Imagen *\/\r\n #igf-marcas-section .igf-marcas-card-image {\r\n width: 100%;\r\n height: var(--igf-altura-imagen);\r\n overflow: hidden;\r\n border-radius: 10px;\r\n flex-shrink: 0;\r\n margin-bottom: 30px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* Nombre de la marca *\/\r\n #igf-marcas-section .igf-marcas-card-brand {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: var(--igf-font-marca);\r\n font-weight: 700;\r\n color: var(--igf-color-marca);\r\n text-align: left;\r\n letter-spacing: -.3px;\r\n line-height: 1.3;\r\n margin: 0 10px 10px 10px;\r\n display: block;\r\n }\r\n\r\n \/* Primera palabra del nombre: #111, peso 700 *\/\r\n #igf-marcas-section .igf-marcas-card-brand .brand-word1 {\r\n color: #111111;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Segunda palabra del nombre: naranja, peso 800 *\/\r\n #igf-marcas-section .igf-marcas-card-brand .brand-word2 {\r\n color: #E85A1B;\r\n font-weight: 800;\r\n }\r\n\r\n \/* Descripci\u00f3n *\/\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 1.05rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--igf-color-desc);\r\n text-align: left;\r\n display: block;\r\n margin: 0 10px 50px 10px;\r\n max-width: 90%;\r\n margin-bottom: 100px!important;\r\n }\r\n\r\n \/* Logo \u2014 esquina inferior derecha *\/\r\n #igf-marcas-section .igf-marcas-card-logo {\r\n position: absolute;\r\n bottom: 15px;\r\n right: 20px;\r\n width: 120px;\r\n height: 120px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-logo img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n }\r\n\r\n \/* ============================================================\r\n RESPONSIVE FLUIDO\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n\r\n #igf-marcas-section {\r\n padding: clamp(32px, 5vw, 56px) clamp(16px, 3vw, 32px);\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-header {\r\n margin-left: clamp(0px, 2vw, 24px);\r\n margin-bottom: clamp(28px, 4vw, 44px);\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-title {\r\n font-size: clamp(2.4rem, 6.5vw, 5.2rem);\r\n letter-spacing: -.12rem;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-header-deco {\r\n font-size: clamp(40px, 7vw, 100px);\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco-wrap {\r\n display: none;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-subtitle {\r\n font-size: clamp(15px, 2.2vw, 18px);\r\n max-width: 390px;\r\n }\r\n #igf-marcas-section .igf-marcas-card-brand {\r\n font-size: 1.3rem;\r\n margin: 0 8px 8px 8px;\r\n margin-left: 10px;\r\n max-width: 90%;\r\n line-height:1;\r\n\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n font-size: 14px;\r\n max-width: 95%;\r\n margin: 0 8px 46px 8px;\r\n line-height: 1.65;\r\n letter-spacing: -.3px;\r\n margin-left: 10px;\r\n color: #333;\r\n}\r\n\r\n #igf-marcas-section #igf-marcas-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: clamp(12px, 2vw, 20px);\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:last-child {\r\n grid-column: span 2;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:last-child .igf-marcas-card-image {\r\n height: clamp(200px, 28vw, 360px);\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-image {\r\n height: clamp(180px, 22vw, 280px);\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n max-width: 80%;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n\r\n #igf-marcas-section {\r\n padding: 32px 14px;\r\n margin: 0;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin-left: 0;\r\n margin-bottom: 24px;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-title {\r\n font-size: clamp(2.2rem, 12vw, 3.5rem);\r\n letter-spacing: -.1rem;\r\n margin-left: 15px;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-subtitle {\r\n font-size: clamp(15px, 3.5vw, 17px);\r\n margin-top: 15px;\r\n max-width: 80%;\r\n margin-left: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-deco-wrap {\r\n display: none;\r\n }\r\n\r\n #igf-marcas-section #igf-marcas-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card:last-child {\r\n grid-column: span 1;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card {\r\n padding: 14px 14px 54px;\r\n border-radius: 14px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-image,\r\n #igf-marcas-section .igf-marcas-card:last-child .igf-marcas-card-image {\r\n height: clamp(180px, 52vw, 240px);\r\n margin-bottom: 18px;\r\n border-radius: 8px;\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-brand {\r\n font-size: 1.3rem;\r\n margin: 0 8px 8px 8px;\r\n margin-left: 10px;\r\n max-width: 90%;\r\n line-height:1;\r\n\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-desc {\r\n font-size: 14px;\r\n max-width: 85%;\r\n margin: 0 8px 46px 8px;\r\n line-height: 1.65;\r\n letter-spacing: -.3px;\r\n margin-left: 10px;\r\n color: #333;\r\n\r\n \r\n\r\n }\r\n\r\n #igf-marcas-section .igf-marcas-card-logo {\r\n width: 126px;\r\n height: 126px;\r\n bottom: 12px;\r\n right: 12px;\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"igf-marcas-section\">\r\n\r\n \r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-a igf-iso-gray\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-b igf-iso-cream\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-c igf-iso-gray\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-d igf-iso-cream\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n \r\n <img decoding=\"async\" class=\"igf-deco-iso igf-iso-e igf-iso-gray\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\" aria-hidden=\"true\" \/>\r\n\r\n <div id=\"igf-marcas-wrapper\">\r\n\r\n \r\n <div id=\"igf-marcas-header\">\r\n <div id=\"igf-marcas-header-left\">\r\n\r\n \r\n <h2 id=\"igf-marcas-title\">\r\n <span class=\"igf-marcas-word-nuestras\">Nuestras<\/span><br><span class=\"igf-marcas-word-marcas\">marcas<\/span>\r\n <\/h2>\r\n\r\n \r\n <p id=\"igf-marcas-subtitle\">\r\n Tres l\u00edneas, un mismo est\u00e1ndar: Selecci\u00f3n, proceso y <strong>calidad garantizada<\/strong> en cada corte.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"igf-marcas-deco-wrap\">\r\n <span id=\"igf-marcas-header-deco\">Premium<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"igf-marcas-grid-wrapper\">\r\n\r\n <span id=\"igf-marcas-deco\">Premium<\/span>\r\n\r\n <div id=\"igf-marcas-grid\">\r\n\r\n \r\n <div class=\"igf-marcas-card\" id=\"igf-marcas-card-pr\">\r\n <div class=\"igf-marcas-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/f8\/0f\/eb\/f80febb30c9b2beeee13306c806cac23.jpg\" alt=\"Premium Ranch\" \/>\r\n <\/div>\r\n <span class=\"igf-marcas-card-brand\">\r\n <span class=\"brand-word1\">Premium<\/span> <span class=\"brand-word2\">Ranch<\/span>\r\n <\/span>\r\n <p class=\"igf-marcas-card-desc\">\r\n Ganado de engorda <strong>menor a 30 meses<\/strong>, seleccionado seleccionado para programas de exportaci\u00f3n.\r\n Alimentando con dietas altas en grano que <strong>favorecen el marmoleo<\/strong>, la suavidad y la consistencia.\r\n <\/p>\r\n <div class=\"igf-marcas-card-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/PR1.webp\" alt=\"Logo Premium Ranch\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-marcas-card\" id=\"igf-marcas-card-br\">\r\n <div class=\"igf-marcas-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/2d\/f9\/fa\/2df9fa4908c7da6f2e7428ba18e0f440.jpg\" alt=\"Black Ribbon\" \/>\r\n <\/div>\r\n <span class=\"igf-marcas-card-brand\">\r\n <span class=\"brand-word1\">Black<\/span> <span class=\"brand-word2\">Ribbon<\/span>\r\n <\/span>\r\n <p class=\"igf-marcas-card-desc\">\r\n Ganado Seleccionado por coloraci\u00f3n de carne, cobertura de grasa y conformaci\u00f3n para asegurar <strong>uniformidad y rendimiento<\/strong>.\r\n Ideal para aplicaciones de procesamiento y <strong>foodservice<\/strong> que demandan consistencia y desmepe\u00f1o confiable.\r\n <\/p>\r\n <div class=\"igf-marcas-card-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/BR1.jpg.webp\" alt=\"Logo Black Ribbon\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-marcas-card\" id=\"igf-marcas-card-rr\">\r\n <div class=\"igf-marcas-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/7f\/ec\/87\/7fec8786767cf8451600bfbfc90bba0a.jpg\" alt=\"Red River\" \/>\r\n <\/div>\r\n <span class=\"igf-marcas-card-brand\">\r\n <span class=\"brand-word1\">Red<\/span> <span class=\"brand-word2\">River<\/span>\r\n <\/span>\r\n <p class=\"igf-marcas-card-desc\">\r\n Cortes cuidadosamente seleccionados y porcionados para garantizar calidad, consistencia y <strong>presentaci\u00f3n excepcional<\/strong>.\r\n Dise\u00f1ados para ofrecer una experiencia <strong>superior<\/strong> en cada preparaci\u00f3n.\r\n <\/p>\r\n <div class=\"igf-marcas-card-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/RR1.jpg.webp\" alt=\"Logo Red River\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-417f2f6 e-con-full e-flex e-con e-parent\" data-id=\"417f2f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b90ca3 elementor-widget elementor-widget-html\" data-id=\"6b90ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml, body { background: #fff; font-family: 'Montserrat', sans-serif; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VARIABLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n --naranja: #E85A1B;\r\n --borde: #e8e3dc;\r\n --desc: #6b6460;\r\n --radio: 18px;\r\n\r\n \/* Isotipo en esquina de tarjeta *\/\r\n --iso-sz: 240px;\r\n --iso-b: -70px;\r\n --iso-r: -70px;\r\n --iso-rot: 72deg;\r\n --iso-op: 0.10;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECCION WRAPPER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.igf-section {\r\n width: 100%;\r\n padding: 70px 24px 60px;\r\n position: relative;\r\n overflow: hidden;\r\n background: #fff;\r\n}\r\n.igf-inner {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ISOTIPOS DECORATIVOS DE FONDO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.bg-iso {\r\n position: absolute;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 0;\r\n}\r\n.bg-iso.gray { filter: grayscale(1) brightness(1.6); }\r\n.bg-iso.cream { filter: sepia(1) brightness(1.8) saturate(0.15); }\r\n\r\n.bg-iso.a { width: 380px; top: 0; right: -10px; transform: rotate(18deg); opacity: 0.025; }\r\n.bg-iso.b { width: 300px; bottom: 0; left: 0; transform: rotate(-14deg); opacity: 0.022; }\r\n.bg-iso.c { width: 180px; top: 62%; right: 12%; transform: rotate(-22deg); opacity: 0.020; }\r\n.bg-iso.d { width: 140px; top: 8%; left: 6%; transform: rotate(10deg); opacity: 0.023; }\r\n.bg-iso.e { width: 140px; bottom: 0; left: 38%; transform: rotate(25deg); opacity: 0.020; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.igf-header {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-bottom: 48px;\r\n padding-left: 40px;\r\n gap: 24px;\r\n}\r\n\r\n.igf-titulo {\r\n font-size: clamp(2.8rem, 7vw, 6rem);\r\n font-weight: 700;\r\n line-height: 1.05;\r\n letter-spacing: -0.15rem;\r\n white-space: nowrap;\r\n}\r\n.igf-titulo .t1 { color: #000; font-weight: 700; }\r\n.igf-titulo .t2 { color: var(--naranja); font-weight: 800; }\r\n\r\n.igf-sub {\r\n font-size: clamp(15px, 1.5vw, 20px);\r\n font-weight: 400;\r\n color: #333;\r\n line-height: 1.35;\r\n margin-top: 20px;\r\n max-width: 420px;\r\n}\r\n.igf-sub strong { color: var(--naranja); font-weight: 700; }\r\n.igf-sub-s { display: none; }\r\n\r\n.igf-deco {\r\n font-size: clamp(80px, 10vw, 130px);\r\n font-weight: 800;\r\n color: #ebebeb;\r\n letter-spacing: -0.04em;\r\n line-height: 0.85;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n user-select: none;\r\n pointer-events: none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GRID DESKTOP (>= 1201px)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.igf-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 20px;\r\n width: 100%;\r\n}\r\n.igf-grid .card:nth-child(1) { grid-column: span 3; }\r\n.igf-grid .card:nth-child(2) { grid-column: span 3; }\r\n.igf-grid .card:nth-child(3) { grid-column: span 2; }\r\n.igf-grid .card:nth-child(4) { grid-column: span 2; }\r\n.igf-grid .card:nth-child(5) { grid-column: span 2; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TARJETA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: var(--radio);\r\n border: 1px solid var(--borde);\r\n background: #fff;\r\n padding: 20px 20px 60px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n transition: border-color 0.25s ease;\r\n}\r\n.card:hover { border-color: var(--naranja); }\r\n.card.naranja { background: #F07D00; border-color: #F07D00; }\r\n.card.naranja:hover { border-color: #d06a00; }\r\n.card.cafe { background: #C47C3E; border-color: #C47C3E; }\r\n.card.cafe:hover { border-color: #a8692f; }\r\n\r\n\/* Imagen *\/\r\n.card-img {\r\n width: 100%; height: 220px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n margin-bottom: 28px;\r\n}\r\n.igf-grid .card:nth-child(n+3) .card-img { height: 270px; }\r\n.card-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover; display: block;\r\n pointer-events: none;\r\n -webkit-user-drag: none;\r\n transition: transform 0.5s ease;\r\n}\r\n.card:hover .card-img img { transform: scale(1.04); }\r\n\r\n\/* Tag *\/\r\n.card-tag {\r\n font-size: 10px; font-weight: 600;\r\n letter-spacing: 0.13em; text-transform: uppercase;\r\n color: #adadad;\r\n margin: 0 10px 6px; display: block;\r\n}\r\n.naranja .card-tag { color: rgba(255,255,255,0.5); }\r\n.cafe .card-tag { color: rgba(255,245,235,0.5); }\r\n\r\n\/* Nombre *\/\r\n.card-nombre {\r\n font-size: 1.9rem; font-weight: 700;\r\n color: #000; line-height: 1.25;\r\n letter-spacing: -0.3px;\r\n margin: 0 10px 12px; display: block;\r\n}\r\n.naranja .card-nombre { color: #fff; }\r\n.cafe .card-nombre { color: #fff8f0; }\r\n.card-nombre .n1 { color: #111; font-weight: 700; }\r\n.card-nombre .n2 { color: var(--naranja); font-weight: 800; }\r\n.naranja .card-nombre .n1,\r\n.naranja .card-nombre .n2,\r\n.cafe .card-nombre .n1,\r\n.cafe .card-nombre .n2 { color: inherit; }\r\n.naranja .card-nombre .n1, .cafe .card-nombre .n1 { font-weight: 700; }\r\n.naranja .card-nombre .n2, .cafe .card-nombre .n2 { font-weight: 800; }\r\n\r\n\/* Descripci\u00f3n *\/\r\n.card-desc {\r\n font-size: 15.5px; font-weight: 400;\r\n line-height: 1.75; color: var(--desc);\r\n margin: 0 10px 40px; max-width: 82%; display: block;\r\n}\r\n.card-desc strong { color: var(--naranja); font-weight: 700; }\r\n.naranja .card-desc { color: rgba(255,255,255,0.82); }\r\n.naranja .card-desc strong { color: #fff; font-weight: 800; }\r\n.cafe .card-desc { color: rgba(255,245,235,0.82); }\r\n.cafe .card-desc strong { color: #fff; font-weight: 800; }\r\n\r\n\/* Isotipo esquina *\/\r\n.card-iso {\r\n position: absolute;\r\n bottom: var(--iso-b); right: var(--iso-r);\r\n width: var(--iso-sz); height: var(--iso-sz);\r\n transform: rotate(var(--iso-rot));\r\n opacity: var(--iso-op);\r\n pointer-events: none; user-select: none;\r\n}\r\n.card-iso img { width: 100%; height: 100%; object-fit: contain; display: block; }\r\n.naranja .card-iso img,\r\n.cafe .card-iso img { filter: grayscale(1) brightness(5) contrast(0.35); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CARRUSEL TABLET (<=1200px)\r\n Scroll CSS nativo \u2014 sin JS de touch\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1200px) {\r\n\r\n .igf-section { padding: 48px 0 40px; overflow: hidden; }\r\n .igf-inner { max-width: 100%; }\r\n .igf-header { padding-left: 24px; margin-bottom: 28px; align-items: flex-start; }\r\n .igf-deco { display: none; }\r\n .igf-titulo { font-size: clamp(2rem, 5.5vw, 3.8rem); letter-spacing: -0.1rem; }\r\n .igf-sub { font-size: clamp(13px, 1.8vw, 16px); max-width: 320px; margin-top: 14px; }\r\n\r\n \/* Convierte el grid en scroll horizontal *\/\r\n .igf-grid {\r\n display: flex !important;\r\n grid-template-columns: unset !important;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n \/* Scroll horizontal nativo *\/\r\n overflow-x: scroll;\r\n overflow-y: visible;\r\n -webkit-overflow-scrolling: touch;\r\n scroll-snap-type: x mandatory;\r\n overscroll-behavior-x: contain;\r\n \/* Espaciado *\/\r\n gap: 14px;\r\n padding: 8px 28px 28px;\r\n \/* Ocultar barra *\/\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n }\r\n .igf-grid::-webkit-scrollbar { display: none; }\r\n .igf-grid.dragging { cursor: grabbing; }\r\n\r\n .card {\r\n flex: 0 0 300px !important;\r\n width: 300px !important;\r\n grid-column: unset !important;\r\n scroll-snap-align: start;\r\n padding: 16px 16px 56px;\r\n border-radius: 16px;\r\n }\r\n .card-img,\r\n .igf-grid .card:nth-child(n+3) .card-img {\r\n height: 185px !important;\r\n margin-bottom: 16px;\r\n }\r\n .card-nombre { font-size: 1.15rem !important; }\r\n .card-desc { font-size: 13px !important; max-width: 100%; line-height: 1.6; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE 560-900px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .igf-titulo { font-size: clamp(1.9rem, 7vw, 2.8rem) !important; }\r\n .igf-sub { max-width: 280px; font-size: clamp(13px, 2.8vw, 15px) !important; }\r\n .card { flex: 0 0 270px !important; width: 270px !important; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE <=560px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 560px) {\r\n .igf-header { flex-direction: column; padding-left: 18px; gap: 0; }\r\n .igf-titulo { font-size: clamp(2rem, 11vw, 3rem) !important; letter-spacing: -0.06rem; }\r\n .igf-sub { margin-top: 12px; max-width: 90%; font-size: clamp(13px, 3.8vw, 15px) !important; }\r\n .igf-sub-l { display: none; }\r\n .igf-sub-s { display: inline; }\r\n .igf-grid { padding: 8px 18px 28px; gap: 12px; }\r\n .card { flex: 0 0 76vw !important; width: 76vw !important; max-width: 280px; }\r\n .card-img,\r\n .igf-grid .card:nth-child(n+3) .card-img { height: 160px !important; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"igf-section\">\r\n\r\n \r\n <img decoding=\"async\" class=\"bg-iso a gray\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso b cream\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso c gray\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso d cream\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n <img decoding=\"async\" class=\"bg-iso e gray\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\"\/>\r\n\r\n <div class=\"igf-inner\">\r\n\r\n \r\n <div class=\"igf-header\">\r\n <div>\r\n <h2 class=\"igf-titulo\">\r\n <span class=\"t1\">Carne de <\/span><span class=\"t2\">Res<\/span>\r\n <\/h2>\r\n <p class=\"igf-sub\">\r\n <span class=\"igf-sub-l\">Cortes premium, v\u00edsceras y valor agregado. <strong>Calidad que se ve en cada pieza<\/strong>.<\/span>\r\n <span class=\"igf-sub-s\">Cortes y v\u00edsceras. <strong>Calidad en cada pieza<\/strong>.<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"igf-deco\">Calidad<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-grid\" id=\"igf-grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/f8\/0f\/eb\/f80febb30c9b2beeee13306c806cac23.jpg\" alt=\"Carne de Res\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Bovino seleccionado<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Carne de<\/span> <span class=\"n2\">Res<\/span><\/span>\r\n <p class=\"card-desc\">Cortes frescos de <strong>ganado seleccionado<\/strong>, procesados bajo estrictos est\u00e1ndares de <strong>inocuidad y cadena de fr\u00edo<\/strong>. Suavidad, coloraci\u00f3n \u00f3ptima y <strong>rendimiento superior<\/strong> en cada pieza.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card naranja\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/2d\/f9\/fa\/2df9fa4908c7da6f2e7428ba18e0f440.jpg\" alt=\"V\u00edsceras\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Subproductos bovinos<\/span>\r\n <span class=\"card-nombre\">V\u00edsceras<\/span>\r\n <p class=\"card-desc\">H\u00edgado, ri\u00f1\u00f3n, coraz\u00f3n y pulm\u00f3n de bovino con <strong>manejo higi\u00e9nico riguroso<\/strong> desde la planta hasta la entrega. Producto fresco con <strong>trazabilidad completa<\/strong> para mercados institucionales y detalle.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/7f\/ec\/87\/7fec8786767cf8451600bfbfc90bba0a.jpg\" alt=\"Platillo de Lengua\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Valor agregado<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Platillo de<\/span> <span class=\"n2\">Lengua<\/span><\/span>\r\n <p class=\"card-desc\">Lengua bovina <strong>cocida y porcionada<\/strong>, lista para servicio inmediato. <strong>Textura suave, sabor profundo<\/strong> y presentaci\u00f3n que eleva cualquier men\u00fa.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card cafe\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558030006-450675393462?w=600&q=80\" alt=\"Cortes Especiales\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Cortes premium<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Cortes<\/span> <span class=\"n2\">Especiales<\/span><\/span>\r\n <p class=\"card-desc\">Ribeye, T-bone, New York y Tomahawk de nuestras mejores canales. <strong>Marmoleo consistente<\/strong> y <strong>suavidad excepcional<\/strong> para los clientes m\u00e1s exigentes.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563245372-f21724e3856d?w=600&q=80\" alt=\"Congelados e Importados\" loading=\"lazy\"\/>\r\n <\/div>\r\n <span class=\"card-tag\">Nacional \u00b7 Importado<\/span>\r\n <span class=\"card-nombre\"><span class=\"n1\">Congelados e<\/span> <span class=\"n2\">Importados<\/span><\/span>\r\n <p class=\"card-desc\">Cortes bovinos nacionales y de <strong>importaci\u00f3n certificada<\/strong> para hoteles, restaurantes y cadenas que demandan <strong>consistencia y disponibilidad<\/strong> todo el a\u00f1o.<\/p>\r\n <div class=\"card-iso\"><img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\"\/><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Mouse drag \u2014 solo desktop, touch lo maneja el navegador con CSS *\/\r\n(function () {\r\n var grid = document.getElementById('igf-grid');\r\n if (!grid) return;\r\n\r\n var active = false, startX = 0, scrollStart = 0;\r\n\r\n grid.addEventListener('mousedown', function (e) {\r\n active = true;\r\n startX = e.pageX;\r\n scrollStart = grid.scrollLeft;\r\n grid.classList.add('dragging');\r\n e.preventDefault();\r\n });\r\n\r\n document.addEventListener('mousemove', function (e) {\r\n if (!active) return;\r\n grid.scrollLeft = scrollStart - (e.pageX - startX) * 1.2;\r\n });\r\n\r\n document.addEventListener('mouseup', function () {\r\n active = false;\r\n grid.classList.remove('dragging');\r\n });\r\n}());\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acdea7d e-con-full e-flex e-con e-parent\" data-id=\"acdea7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eea3b66 elementor-widget elementor-widget-html\" data-id=\"eea3b66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Integran Foods \u2014 Esencia Lagunera<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --orange: #F97316;\r\n --dark: #0D0B08;\r\n --dark-mid: #1A1610;\r\n --text-main: #2C2416;\r\n --text-muted: #6B5B45;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n min-height: 100vh;\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n section {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 clamp(24px, 6vw, 80px);\r\n overflow: hidden;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u2500\u2500 BACKGROUND GLOW (removed) \u2500\u2500 *\/\r\n .bg-glow { display: none; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ISOTIPOS \u2014 EDITA AQU\u00cd F\u00c1CILMENTE\r\n Cada variable controla un isotipo distinto\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n :root {\r\n \/* \u2500\u2500 ISOTIPO A \u2500\u2500 (superior derecha, gigante) *\/\r\n --a-size: 380px;\r\n --a-top: -00px;\r\n --a-left: auto;\r\n --a-right: -10px;\r\n --a-rotate: 18deg;\r\n --a-opacity: 0.055;\r\n\r\n \/* \u2500\u2500 ISOTIPO B \u2500\u2500 (inferior izquierda, grande) *\/\r\n --b-size: 300px;\r\n --b-top: auto;\r\n --b-bottom: -0px;\r\n --b-left: -0px;\r\n --b-right: auto;\r\n --b-rotate: -14deg;\r\n --b-opacity: 0.05;\r\n\r\n \/* \u2500\u2500 ISOTIPO C \u2500\u2500 (centro, mediano) *\/\r\n --c-size: 180px;\r\n --c-top: 62%;\r\n --c-left: auto;\r\n --c-right: 12%;\r\n --c-rotate: -22deg;\r\n --c-opacity: 0.04;\r\n\r\n \/* \u2500\u2500 ISOTIPO D \u2500\u2500 (superior izquierda, mediano) *\/\r\n --d-size: 140px;\r\n --d-top: 8%;\r\n --d-left: 6%;\r\n --d-right: auto;\r\n --d-rotate: 10deg;\r\n --d-opacity: 0.045;\r\n\r\n \/* \u2500\u2500 ISOTIPO E \u2500\u2500 (inferior centro-derecha, grande) *\/\r\n --e-size: 140px;\r\n --e-top: auto;\r\n --e-bottom: 0%;\r\n --e-left: 38%;\r\n --e-right: auto;\r\n --e-rotate: 25deg;\r\n --e-opacity: 0.04;\r\n }\r\n\r\n \/* \u2500\u2500 NO EDITAR ABAJO \u2014 solo l\u00f3gica \u2500\u2500 *\/\r\n .deco-iso {\r\n position: absolute;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 0;\r\n filter: grayscale(1);\r\n }\r\n .iso-a {\r\n width: var(--a-size);\r\n top: var(--a-top);\r\n left: var(--a-left);\r\n right: var(--a-right);\r\n transform: rotate(var(--a-rotate));\r\n opacity: var(--a-opacity);\r\n }\r\n .iso-b {\r\n width: var(--b-size);\r\n top: var(--b-top);\r\n bottom: var(--b-bottom);\r\n left: var(--b-left);\r\n right: var(--b-right);\r\n transform: rotate(var(--b-rotate));\r\n opacity: var(--b-opacity);\r\n }\r\n .iso-c {\r\n width: var(--c-size);\r\n top: var(--c-top);\r\n left: var(--c-left);\r\n right: var(--c-right);\r\n transform: rotate(var(--c-rotate));\r\n opacity: var(--c-opacity);\r\n }\r\n .iso-d {\r\n width: var(--d-size);\r\n top: var(--d-top);\r\n left: var(--d-left);\r\n right: var(--d-right);\r\n transform: rotate(var(--d-rotate));\r\n opacity: var(--d-opacity);\r\n }\r\n .iso-e {\r\n width: var(--e-size);\r\n top: var(--e-top);\r\n bottom: var(--e-bottom);\r\n left: var(--e-left);\r\n right: var(--e-right);\r\n transform: rotate(var(--e-rotate));\r\n opacity: var(--e-opacity);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n :root {\r\n --a-size: 220px; --a-top: -60px; --a-right: -70px;\r\n --b-size: 180px; --b-bottom: -50px; --b-left: -55px;\r\n --c-size: 110px; --c-right: 5%;\r\n --d-size: 90px; --d-top: 6%;\r\n --e-size: 140px; --e-left: 30%;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\r\n .eyebrow {\r\n font-size: clamp(9px, 1.5vw, 10px);\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: #B0B0B0;\r\n margin-bottom: clamp(32px, 5vw, 56px);\r\n opacity: 0;\r\n transform: translateY(12px);\r\n animation: fadeUp 0.8s ease forwards;\r\n animation-delay: 0.2s;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* \u2500\u2500 QUOTE WRAPPER \u2500\u2500 *\/\r\n .quote-wrapper {\r\n position: relative;\r\n max-width: 780px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* \u2500\u2500 GIANT QUOTATION MARKS \u2500\u2500 *\/\r\n .quote-mark {\r\n font-family: 'Georgia', 'Times New Roman', serif;\r\n font-style: italic;\r\n font-size: clamp(80px, 15vw, 180px);\r\n line-height: 0.7;\r\n color: var(--orange);\r\n display: block;\r\n user-select: none;\r\n pointer-events: none;\r\n opacity: 0;\r\n animation: fadeOnly 1.2s ease forwards;\r\n }\r\n .quote-mark--open {\r\n position: absolute;\r\n top: -0.18em;\r\n left: -0.05em;\r\n animation-delay: 0.4s;\r\n }\r\n .quote-mark--close {\r\n position: absolute;\r\n bottom: -0.3em;\r\n right: -0.05em;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* \u2500\u2500 QUOTE TEXT \u2500\u2500 *\/\r\n .quote-text {\r\n font-size: clamp(14px, 2.2vw, 18px);\r\n font-weight: 400;\r\n font-style: normal;\r\n line-height: 1.85;\r\n color: #333;\r\n letter-spacing: -0.01em;\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 clamp(32px, 7vw, 110px);\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 1s ease forwards;\r\n animation-delay: 0.6s;\r\n }\r\n\r\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n .quote-divider {\r\n width: 40px;\r\n height: 2px;\r\n background: var(--orange);\r\n margin: clamp(28px, 4vw, 40px) auto;\r\n border-radius: 2px;\r\n opacity: 0;\r\n transform: scaleX(0);\r\n animation: growLine 0.6s ease forwards;\r\n animation-delay: 1.2s;\r\n }\r\n\r\n \/* \u2500\u2500 ATTRIBUTION \u2500\u2500 *\/\r\n .attribution {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n animation: fadeUp 0.7s ease forwards;\r\n animation-delay: 1.4s;\r\n text-align: center;\r\n }\r\n .attribution__name {\r\n font-size: clamp(11px, 1.5vw, 13px);\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--text-main);\r\n margin-bottom: 4px;\r\n }\r\n .attribution__label {\r\n font-size: clamp(9px, 1.2vw, 11px);\r\n font-weight: 400;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n }\r\n\r\n \/* \u2500\u2500 BOTTOM TAG \u2500\u2500 *\/\r\n .bottom-tag {\r\n margin-top: clamp(40px, 6vw, 72px);\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n opacity: 0;\r\n animation: fadeUp 0.7s ease forwards;\r\n animation-delay: 1.7s;\r\n justify-content: center;\r\n }\r\n .bottom-tag__dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n flex-shrink: 0;\r\n }\r\n .bottom-tag__text {\r\n font-size: clamp(9px, 1.2vw, 10px);\r\n font-weight: 600;\r\n letter-spacing: 0.28em;\r\n text-transform: uppercase;\r\n color: var(--text-muted);\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeOnly {\r\n to { opacity: 1; }\r\n }\r\n @keyframes growLine {\r\n to { opacity: 1; transform: scaleX(1); }\r\n }\r\n\r\n \/* \u2500\u2500 HOVER \u2500\u2500 *\/\r\n .quote-wrapper:hover .quote-mark {\r\n transition: opacity 0.4s ease;\r\n opacity: 0.85;\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE: left-aligned \u2500\u2500 *\/\r\n @media (max-width: 640px) {\r\n section {\r\n align-items: flex-start;\r\n padding: 0 28px;\r\n min-height: 100svh;\r\n }\r\n\r\n .eyebrow {\r\n text-align: left;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .quote-wrapper {\r\n text-align: left;\r\n }\r\n\r\n .quote-mark--open {\r\n position: relative;\r\n display: inline-block;\r\n top: auto;\r\n left: auto;\r\n font-size: clamp(64px, 18vw, 90px);\r\n margin-bottom: -16px;\r\n line-height: 1;\r\n }\r\n\r\n .quote-mark--close {\r\n position: relative;\r\n display: inline-block;\r\n bottom: auto;\r\n right: auto;\r\n font-size: clamp(64px, 18vw, 90px);\r\n margin-top: -12px;\r\n line-height: 1;\r\n float: right;\r\n }\r\n\r\n .quote-text {\r\n padding: 0;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n .quote-divider {\r\n margin: 28px 0;\r\n }\r\n\r\n .attribution {\r\n text-align: left;\r\n }\r\n\r\n .bottom-tag {\r\n justify-content: flex-start;\r\n margin-top: 44px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section>\r\n <div class=\"bg-glow bg-glow--1\"><\/div>\r\n <div class=\"bg-glow bg-glow--2\"><\/div>\r\n\r\n \r\n <img decoding=\"async\" class=\"deco-iso iso-a\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-b\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-c\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-d\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n <img decoding=\"async\" class=\"deco-iso iso-e\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\" alt=\"\" aria-hidden=\"true\" \/>\r\n\r\n <p class=\"eyebrow\">Desde Sus Ra\u00edces<\/p>\r\n\r\n <div class=\"quote-wrapper\">\r\n\r\n <p class=\"quote-text\">\r\n Intergan Foods nace en la tierra lagunera, una regi\u00f3n forjada por el trabajo, el car\u00e1cter y una <strong style=\"color:var(--orange);font-weight:700;\">profunda tradici\u00f3n ganadera<\/strong>.\r\n \r\n De aqu\u00ed aprendimos que la <strong style=\"color:var(--orange);font-weight:700;\">calidad no es casualidad<\/strong>, es el resultado de hacer las cosas bien desde el origen.\r\n \r\n Eso es lo que distingue a nuestros productos y define nuestra manera de hacer las cosas.\r\n \r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a1c950 e-con-full e-flex e-con e-parent\" data-id=\"3a1c950\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eccfc9f elementor-widget elementor-widget-html\" data-id=\"eccfc9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Se\u00f1alamiento Vial<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n \/* \u2500\u2500 AISLADO BAJO .sv-section \u2500\u2500 *\/\r\n .sv-section *,\r\n .sv-section *::before,\r\n .sv-section *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .sv-section {\r\n background: #ffffff;\r\n padding: 2rem;\r\n width: 100%;\r\n }\r\n\r\n \/* 3 columnas: grande | delgada | grande *\/\r\n .sv-section .section-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 0.38fr 1fr;\r\n gap: 1rem;\r\n max-width: 1350px;\r\n width: 100%;\r\n margin: 0 auto;\r\n align-items: stretch;\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA IMAGEN IZQUIERDA \u2500\u2500 *\/\r\n .sv-section .card-img {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n min-height: 500px;\r\n background-size: cover;\r\n background-position: center;\r\n box-shadow: 0 2px 16px rgba(0,0,0,0.08);\r\n }\r\n\r\n .sv-section .card-img-left {\r\n background-image: url('https:\/\/cdn-lmhcj.nitrocdn.com\/bqSdngDrbfqwEehFrDAzuumqaIljTbhD\/assets\/images\/optimized\/rev-b2e1493\/grupobafar.com\/wp-content\/uploads\/2026\/02\/DJI_0752.jpg');\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA IMAGEN CENTRAL (delgada vertical) \u2500\u2500 *\/\r\n .sv-section .card-img-center {\r\n background-image: url('https:\/\/ceo-digitalmag.s3.ap-southeast-2.amazonaws.com\/wp-content\/uploads\/sites\/9\/2022\/07\/21092005\/1657826981Eugenio-Baeza_GRUPO-BAFAR.jpg');\r\n background-position: center;\r\n }\r\n\r\n .sv-section .watermark-logo {\r\n position: absolute;\r\n bottom: -250px;\r\n right: -250px;\r\n width: 600px;\r\n height: 600px;\r\n object-fit: contain;\r\n opacity: 0.13;\r\n filter: brightness(0) invert(1);\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n \/* \u2500\u2500 TARJETA DERECHA: BAFAR \u2500\u2500 *\/\r\n .sv-section .card-content {\r\n border-radius: 16px;\r\n background: #ffffff;\r\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\r\npadding:40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .sv-section .card-content .sublabel {\r\n font-size: 0.62rem;\r\n font-weight: 600;\r\n color: #c0392b;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n margin-bottom: 0.45rem;\r\n }\r\n\r\n .sv-section .card-content h3 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #111;\r\n line-height: 1;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .sv-section .card-content p {\r\n font-size: 1rem;\r\n color: #555;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n max-width: 195%;\r\n }\r\n\r\n .sv-section .card-content p strong {\r\n color: #e8621a;\r\n font-weight: 700;\r\n }\r\n\r\n .sv-section .bafar-logo {\r\n height: 104px;\r\n object-fit: contain;\r\n align-self: flex-start;\r\n margin-left: -20px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sv-section .section-wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n .sv-section .card-img-left {\r\n min-height: 260px;\r\n }\r\n .sv-section .card-img-center {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"sv-section\">\r\n <div class=\"section-wrapper\">\r\n\r\n \r\n <div class=\"card-img card-img-left\">\r\n <img decoding=\"async\"\r\n class=\"watermark-logo\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-sin-fondo.webp\"\r\n alt=\"\"\r\n aria-hidden=\"true\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-img card-img-center\"><\/div>\r\n\r\n \r\n <div class=\"card-content\">\r\n <img decoding=\"async\"\r\n class=\"bafar-logo\"\r\n src=\"https:\/\/www.sicisa11.com\/img\/clientes\/grupo-bafar.png\"\r\n alt=\"Grupo Bafar\"\r\n \/>\r\n <div>\r\n <h3>El respaldo de <br>un l\u00edder de la industria<\/h3>\r\n <p>\r\n Desde 2021, INTERGAN forma parte de <strong>Grupo Bafar<\/strong> l\u00edder en la industria alimentaria en M\u00e9xico, fortaleciendo nuestra capacidad operativa, infraestructura log\u00edstica y presencia en mercados nacionales e internacionales.<br><br>\r\n \r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac9ff43 e-con-full e-flex e-con e-parent\" data-id=\"ac9ff43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcbf60b elementor-widget elementor-widget-html\" data-id=\"dcbf60b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Intergan Foods | Footer<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n #main-footer {\r\n position: relative;\r\n padding: 64px 0 0;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n overflow: hidden;\r\n border-radius: 20px 20px 0 0;\r\n box-sizing: border-box;\r\n background: transparent;\r\n }\r\n #main-footer *, #main-footer *::before, #main-footer *::after {\r\n box-sizing: border-box; margin: 0; padding: 0;\r\n }\r\n #main-footer .igf-bg { display: none; }\r\n #main-footer .igf-container {\r\n width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 50px;\r\n }\r\n #main-footer .igf-top {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr 1fr 1.4fr;\r\n gap: 40px;\r\n padding-bottom: 52px;\r\n }\r\n #main-footer .igf-brand {\r\n display: flex; flex-direction: column; gap: 18px;\r\n }\r\n #main-footer .igf-isotipo {\r\n width: 56px; height: auto; display: block;\r\n transition: opacity 0.3s ease;\r\n }\r\n #main-footer .igf-isotipo:hover { opacity: 0.72; }\r\n #main-footer .igf-tagline {\r\n font-size: 12px; font-weight: 400; color: #86868b;\r\n line-height: 1.7; max-width: 210px;\r\n }\r\n #main-footer .igf-social {\r\n display: flex; gap: 10px; margin-top: 16px; list-style: none;\r\n }\r\n #main-footer .igf-social-btn {\r\n width: 32px; height: 32px; border-radius: 50%;\r\n border: 1px solid rgba(0,0,0,0.1);\r\n display: flex; align-items: center; justify-content: center;\r\n text-decoration: none; color: #515154; background: #f5f5f7;\r\n transition: background 0.3s ease, border-color 0.3s ease,\r\n color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n #main-footer .igf-social-btn:hover {\r\n background: #ff8533; border-color: transparent; color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(255,106,0,0.38);\r\n }\r\n #main-footer .igf-social-btn svg {\r\n width: 14px; height: 14px; fill: currentColor; display: block;\r\n }\r\n #main-footer .igf-col-title {\r\n font-size: 10px; font-weight: 600; letter-spacing: 0.12em;\r\n text-transform: uppercase; color: #1d1d1f; margin-bottom: 20px;\r\n }\r\n #main-footer .igf-nav-list {\r\n list-style: none; display: flex; flex-direction: column; gap: 11px;\r\n }\r\n #main-footer .igf-nav-list a {\r\n text-decoration: none; font-size: 12px; font-weight: 400;\r\n color: #86868b; display: inline-block;\r\n transition: color 0.25s ease;\r\n }\r\n #main-footer .igf-nav-list a:hover { color: #ff6a00; }\r\n #main-footer .igf-contact-list {\r\n list-style: none; display: flex; flex-direction: column; gap: 14px;\r\n }\r\n #main-footer .igf-contact-item {\r\n display: flex; align-items: flex-start; gap: 10px;\r\n }\r\n #main-footer .igf-contact-icon {\r\n width: 28px; height: 28px; border-radius: 50%;\r\n background: #ffaa66;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; margin-top: 1px;\r\n }\r\n #main-footer .igf-contact-icon svg {\r\n width: 13px; height: 13px; fill: #fff; display: block;\r\n }\r\n #main-footer .igf-contact-text {\r\n font-size: 11.5px; color: #86868b; font-weight: 400; line-height: 1.5;\r\n }\r\n #main-footer .igf-contact-text strong {\r\n display: block; font-size: 10px; font-weight: 600; color: #1d1d1f;\r\n letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 2px;\r\n }\r\n #main-footer .igf-divider {\r\n height: 1px; background: rgba(0,0,0,0.08); width: 100%;\r\n }\r\n #main-footer .igf-bottom {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 20px 0; gap: 16px; flex-wrap: wrap;\r\n }\r\n #main-footer .igf-legal {\r\n font-size: 11px; color: #aeaeb2; font-weight: 400;\r\n }\r\n #main-footer .igf-legal-links {\r\n display: flex; gap: 20px; list-style: none;\r\n }\r\n #main-footer .igf-legal-links a {\r\n font-size: 11px; color: #aeaeb2; text-decoration: none;\r\n font-weight: 400; transition: color 0.25s ease;\r\n }\r\n #main-footer .igf-legal-links a:hover { color: #ff6a00; }\r\n #main-footer .igf-bottom-image {\r\n width: 100%; display: block; overflow: hidden; line-height: 0;\r\n }\r\n #main-footer .igf-bottom-image img {\r\n width: 100%; height: 650px;\r\n object-fit: cover; object-position: center 80%; display: block;\r\n }\r\n\r\n \/* \u2500\u2500 Acorde\u00f3n oculto en desktop \u2500\u2500 *\/\r\n #main-footer .igf-accordion-btn { display: none; }\r\n\r\n \/* ============================================================\r\n TABLET \u2264 1024px\r\n ============================================================ *\/\r\n @media (max-width: 1024px) {\r\n #main-footer { padding-top: 52px; border-radius: 16px 16px 0 0; }\r\n #main-footer .igf-container { padding: 0 36px; }\r\n\r\n #main-footer .igf-top {\r\n display: flex; flex-direction: column; gap: 0; padding-bottom: 0;\r\n }\r\n\r\n \/* Brand: fila horizontal *\/\r\n #main-footer .igf-brand {\r\n flex-direction: row; align-items: flex-start; gap: 28px;\r\n padding-bottom: 32px;\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n }\r\n #main-footer .igf-tagline {\r\n font-size: 12.5px; max-width: 300px; line-height: 1.75;\r\n }\r\n\r\n \/* T\u00edtulo est\u00e1tico: oculto en responsive (lo reemplaza el bot\u00f3n) *\/\r\n #main-footer .igf-nav-col > .igf-col-title,\r\n #main-footer .igf-contact-col > .igf-col-title { display: none; }\r\n\r\n \/* Separadores entre secciones *\/\r\n #main-footer .igf-nav-col,\r\n #main-footer .igf-contact-col {\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n }\r\n\r\n \/* \u2500\u2500 Bot\u00f3n acorde\u00f3n \u2500\u2500 *\/\r\n #main-footer .igf-accordion-btn {\r\n display: flex; width: 100%;\r\n align-items: center; justify-content: space-between;\r\n background: none; border: none; cursor: pointer;\r\n padding: 20px 0;\r\n font-family: 'Montserrat', sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n outline: none;\r\n }\r\n #main-footer .igf-accordion-btn:focus-visible {\r\n outline: 2px solid #ff6a00; outline-offset: 2px; border-radius: 4px;\r\n }\r\n #main-footer .igf-accordion-btn .igf-col-title { margin-bottom: 0; }\r\n\r\n \/* Chevron *\/\r\n #main-footer .igf-chevron {\r\n width: 20px; height: 20px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n transition: transform 0.38s cubic-bezier(0.4,0,0.2,1),\r\n color 0.25s ease;\r\n color: #c7c7cc;\r\n }\r\n #main-footer .igf-chevron svg {\r\n width: 13px; height: 13px;\r\n stroke: currentColor; fill: none;\r\n stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n display: block;\r\n }\r\n #main-footer .igf-accordion-btn[aria-expanded=\"true\"] .igf-chevron {\r\n transform: rotate(180deg); color: #ff6a00;\r\n }\r\n\r\n \/* \u2500\u2500 Panel \u2500\u2500 *\/\r\n #main-footer .igf-accordion-panel {\r\n overflow: hidden;\r\n max-height: 0;\r\n opacity: 0;\r\n transition:\r\n max-height 0.42s cubic-bezier(0.4,0,0.2,1),\r\n opacity 0.32s ease,\r\n padding-bottom 0.38s ease;\r\n padding-bottom: 0;\r\n }\r\n #main-footer .igf-accordion-panel.is-open {\r\n max-height: 500px;\r\n opacity: 1;\r\n padding-bottom: 24px;\r\n }\r\n\r\n #main-footer .igf-nav-list a { font-size: 13px; }\r\n #main-footer .igf-contact-text { font-size: 12.5px; }\r\n\r\n #main-footer .igf-bottom-image img {\r\n height: 380px; object-position: center 72%;\r\n }\r\n }\r\n\r\n \/* ============================================================\r\n MOBILE \u2264 640px\r\n ============================================================ *\/\r\n @media (max-width: 640px) {\r\n #main-footer { padding-top: 40px; border-radius: 12px 12px 0 0; }\r\n #main-footer .igf-container { padding: 0 20px; }\r\n\r\n #main-footer .igf-brand {\r\n flex-direction: column; gap: 14px; padding-bottom: 26px;\r\n }\r\n #main-footer .igf-isotipo { width: 46px; }\r\n #main-footer .igf-tagline { font-size: 12.5px; max-width: 100%; }\r\n #main-footer .igf-social { margin-top: 4px; }\r\n #main-footer .igf-social-btn { width: 36px; height: 36px; }\r\n #main-footer .igf-social-btn svg { width: 15px; height: 15px; }\r\n\r\n #main-footer .igf-accordion-btn { padding: 17px 0; }\r\n #main-footer .igf-nav-list { gap: 13px; }\r\n\r\n #main-footer .igf-bottom {\r\n flex-direction: column; align-items: flex-start;\r\n gap: 8px; padding: 16px 0 20px;\r\n }\r\n #main-footer .igf-legal { font-size: 11px; order: 2; }\r\n #main-footer .igf-legal-links { order: 1; gap: 14px; }\r\n #main-footer .igf-legal-links a { font-size: 11px; }\r\n\r\n #main-footer .igf-bottom-image img {\r\n height: 240px; object-position: center 65%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"margin:0; background:#e8e8ea; min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end;\">\r\n\r\n <footer id=\"main-footer\">\r\n\r\n <div class=\"igf-bg\"><\/div>\r\n\r\n <div class=\"igf-container\">\r\n <div class=\"igf-top\">\r\n\r\n \r\n <div class=\"igf-brand\">\r\n <a href=\"#\">\r\n <img decoding=\"async\" class=\"igf-isotipo\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods.webp\"\r\n alt=\"Intergan Foods\">\r\n <\/a>\r\n <div>\r\n <p class=\"igf-tagline\">Carne de <strong>res mexicana<\/strong> para los mercados m\u00e1s exigentes del mundo\"<\/p>\r\n <div class=\"igf-social\">\r\n <a href=\"#\" class=\"igf-social-btn\" aria-label=\"LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"igf-social-btn\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"igf-social-btn\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-nav-col\">\r\n <h3 class=\"igf-col-title\">Exportaciones<\/h3>\r\n <button class=\"igf-accordion-btn\" aria-expanded=\"false\" aria-controls=\"panel-exportaciones\">\r\n <span class=\"igf-col-title\">Exportaciones<\/span>\r\n <span class=\"igf-chevron\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"igf-accordion-panel\" id=\"panel-exportaciones\">\r\n <ul class=\"igf-nav-list\">\r\n <li><a href=\"#\">Productos Frescos<\/a><\/li>\r\n <li><a href=\"#\">Productos Procesados<\/a><\/li>\r\n <li><a href=\"#\">Log\u00edstica Internacional<\/a><\/li>\r\n <li><a href=\"#\">Destinos<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-nav-col\">\r\n <h3 class=\"igf-col-title\">Empresa<\/h3>\r\n <button class=\"igf-accordion-btn\" aria-expanded=\"false\" aria-controls=\"panel-empresa\">\r\n <span class=\"igf-col-title\">Empresa<\/span>\r\n <span class=\"igf-chevron\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"igf-accordion-panel\" id=\"panel-empresa\">\r\n <ul class=\"igf-nav-list\">\r\n <li><a href=\"#\">Nosotros<\/a><\/li>\r\n <li><a href=\"#\">Certificaciones<\/a><\/li>\r\n <li><a href=\"#\">Calidad<\/a><\/li>\r\n <li><a href=\"#\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-contact-col\">\r\n <h3 class=\"igf-col-title\">Cont\u00e1ctanos<\/h3>\r\n <button class=\"igf-accordion-btn\" aria-expanded=\"false\" aria-controls=\"panel-contacto\">\r\n <span class=\"igf-col-title\">Cont\u00e1ctanos<\/span>\r\n <span class=\"igf-chevron\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/span>\r\n <\/button>\r\n <div class=\"igf-accordion-panel\" id=\"panel-contacto\">\r\n <ul class=\"igf-contact-list\">\r\n <li class=\"igf-contact-item\">\r\n <div class=\"igf-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"igf-contact-text\"><strong>Ubicaci\u00f3n<\/strong>M\u00e9xico<\/span>\r\n <\/li>\r\n <li class=\"igf-contact-item\">\r\n <div class=\"igf-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"igf-contact-text\"><strong>Email<\/strong>contacto@interganfoods.com<\/span>\r\n <\/li>\r\n <li class=\"igf-contact-item\">\r\n <div class=\"igf-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"igf-contact-text\"><strong>Tel\u00e9fono<\/strong>+52 (000) 000-0000<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-container\">\r\n <div class=\"igf-divider\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-container\">\r\n <div class=\"igf-bottom\">\r\n <span class=\"igf-legal\">\u00a9 2026 Intergan Foods. Todos los derechos reservados.<\/span>\r\n <ul class=\"igf-legal-links\">\r\n <li><a href=\"#\">Aviso de privacidad<\/a><\/li>\r\n <li><a href=\"#\">T\u00e9rminos de uso<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"igf-bottom-image\">\r\n <img decoding=\"async\" src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Ganado-de-la-hereford.webp\" alt=\"Ganado Intergan Foods\">\r\n <\/div>\r\n\r\n <\/footer>\r\n\r\n <script>\r\n (function () {\r\n var mq = window.matchMedia('(max-width: 1024px)');\r\n var btns = document.querySelectorAll('#main-footer .igf-accordion-btn');\r\n\r\n function toggle(btn) {\r\n var panelId = btn.getAttribute('aria-controls');\r\n var panel = document.getElementById(panelId);\r\n var isOpen = btn.getAttribute('aria-expanded') === 'true';\r\n\r\n \/\/ Cierra todos los dem\u00e1s\r\n btns.forEach(function (b) {\r\n if (b !== btn) {\r\n b.setAttribute('aria-expanded', 'false');\r\n document.getElementById(b.getAttribute('aria-controls'))\r\n .classList.remove('is-open');\r\n }\r\n });\r\n\r\n \/\/ Toggle este\r\n btn.setAttribute('aria-expanded', String(!isOpen));\r\n panel.classList.toggle('is-open', !isOpen);\r\n }\r\n\r\n btns.forEach(function (btn) {\r\n btn.addEventListener('click', function () {\r\n if (mq.matches) toggle(btn);\r\n });\r\n });\r\n\r\n \/\/ Al volver a desktop, resetea estado visual\r\n mq.addEventListener('change', function (e) {\r\n if (!e.matches) {\r\n btns.forEach(function (btn) {\r\n btn.setAttribute('aria-expanded', 'false');\r\n document.getElementById(btn.getAttribute('aria-controls'))\r\n .classList.remove('is-open');\r\n });\r\n }\r\n });\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5f85c4 e-con-full e-flex e-con e-parent\" data-id=\"b5f85c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37b90c1 elementor-widget elementor-widget-html\" data-id=\"37b90c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n \/* \u2500\u2500 Inyectar estilos \u2500\u2500 *\/\r\n var style = document.createElement('style');\r\n style.textContent = `\r\n .igl-overlay {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 999999 !important;\r\n overflow: hidden !important;\r\n pointer-events: all !important;\r\n }\r\n .igl-half {\r\n position: absolute !important;\r\n top: 0 !important;\r\n width: 50% !important;\r\n height: 100% !important;\r\n background: linear-gradient(160deg, #c45e1a 0%, #a84a10 50%, #8b3a0c 100%) !important;\r\n will-change: transform;\r\n transition: transform 1.1s cubic-bezier(0.76, 0, 0.24, 1) !important;\r\n }\r\n .igl-half--left { left: 0 !important; }\r\n .igl-half--right { right: 0 !important; }\r\n .igl-overlay.igl-split .igl-half--left { transform: translateX(-100%) !important; }\r\n .igl-overlay.igl-split .igl-half--right { transform: translateX(100%) !important; }\r\n\r\n .igl-center-line {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 1px !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n rgba(255,255,255,0.08) 20%,\r\n rgba(255,255,255,0.35) 45%,\r\n rgba(255,255,255,0.35) 55%,\r\n rgba(255,255,255,0.08) 80%,\r\n transparent 100%\r\n ) !important;\r\n z-index: 1 !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .igl-overlay.igl-split .igl-center-line { opacity: 0 !important; }\r\n\r\n .igl-logo-wrap {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n z-index: 3 !important;\r\n pointer-events: none !important;\r\n }\r\n .igl-logo-wrap::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: clamp(120px, 20vw, 200px) !important;\r\n height: clamp(120px, 20vw, 200px) !important;\r\n border-radius: 50% !important;\r\n background: radial-gradient(circle, rgba(255,255,255,0.10) 0%, transparent 70%) !important;\r\n animation: igl-pulse 1.4s ease-in-out infinite !important;\r\n }\r\n @keyframes igl-pulse {\r\n 0%, 100% { transform: scale(1); opacity: .6; }\r\n 50% { transform: scale(1.18); opacity: 1; }\r\n }\r\n .igl-logo {\r\n width: clamp(55px, 8vw, 80px) !important;\r\n height: clamp(55px, 8vw, 80px) !important;\r\n object-fit: contain !important;\r\n will-change: transform, opacity;\r\n animation: igl-spin 0.45s linear infinite !important;\r\n transition: opacity 0.55s ease, transform 0.55s ease !important;\r\n position: relative !important;\r\n z-index: 4 !important;\r\n filter: drop-shadow(0 4px 24px rgba(0,0,0,0.25)) !important;\r\n }\r\n @keyframes igl-spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n .igl-logo.igl-fade {\r\n opacity: 0 !important;\r\n transform: scale(0.85) !important;\r\n animation: none !important;\r\n }\r\n body.igl-loading {\r\n overflow: hidden !important;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n\r\n \/* \u2500\u2500 Inyectar HTML del overlay \u2500\u2500 *\/\r\n var overlay = document.createElement('div');\r\n overlay.className = 'igl-overlay';\r\n overlay.id = 'iglOverlay';\r\n overlay.innerHTML = `\r\n <div class=\"igl-half igl-half--left\"><\/div>\r\n <div class=\"igl-half igl-half--right\"><\/div>\r\n <div class=\"igl-center-line\"><\/div>\r\n <div class=\"igl-logo-wrap\">\r\n <img decoding=\"async\"\r\n class=\"igl-logo\"\r\n id=\"iglLogo\"\r\n src=\"https:\/\/interganfoods.treblum.com\/wp-content\/uploads\/2026\/03\/Isotipo-Intergan-foods-modified.webp\"\r\n alt=\"INTERGAN Foods\"\r\n >\r\n <\/div>\r\n `;\r\n document.body.appendChild(overlay);\r\n document.body.classList.add('igl-loading');\r\n\r\n \/* \u2500\u2500 Secuencia de animaci\u00f3n \u2500\u2500 *\/\r\n var logo = document.getElementById('iglLogo');\r\n\r\n setTimeout(function () {\r\n logo.classList.add('igl-fade');\r\n\r\n setTimeout(function () {\r\n overlay.classList.add('igl-split');\r\n\r\n setTimeout(function () {\r\n overlay.style.display = 'none';\r\n document.body.classList.remove('igl-loading');\r\n }, 1150);\r\n\r\n }, 250);\r\n\r\n }, 1600);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Intergan Foods | Premium Header Exportaciones Certificaciones Nosotros Contacto Exportaciones Certificaciones Nosotros Contacto Intergan Foods \u2014 Hero Nuestras Marcas Nuestrasmarcas Tres l\u00edneas, un mismo est\u00e1ndar: Selecci\u00f3n, proceso y calidad garantizada en cada corte. Premium Premium Premium Ranch Ganado de engorda menor a 30 meses, seleccionado seleccionado para programas de exportaci\u00f3n. Alimentando con dietas altas en […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":671,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":739,"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/739"}],"wp:attachment":[{"href":"https:\/\/interganfoods.treblum.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}