/* Innpack -- ajustes de responsive (mobile + tablet, <=1024px). Desktop no se toca: todas las reglas de aca viven dentro de @media (max-width:1024px). Capa propia sobre el CSS exportado de Elementor -- no se editan los ~29 CSS auto-generados (fragiles, minificados, sin fuente editable). Cargar al final del en las 6 paginas para ganar la cascada por orden. La seccion 1 (navbar) usa :has() en vez de IDs de Elementor a proposito: cada pagina genera IDs distintos para el mismo bloque de header (no hay un template verdaderamente compartido en este export estatico), asi que un selector por ID solo serviria para una pagina. :has() ubica el contenedor por su contenido real (logo+menu) y funciona igual en las 6. Soporte: Chrome/Edge 105+, Safari 15.4+, Firefox 121+ (2022-2023) -- sin problema para produccion en 2026. Las secciones 2 y 3 (grupos de tarjetas) migraron al motor compartido de card-slider.css/card-slider.js -- ver ese archivo para la mecanica de slider. Aca solo quedan los ajustes visuales especificos de certificaciones que ese motor no controla. */ @media screen and (max-width: 1024px) { /* 1. Navbar -- logo + boton hamburguesa + CONTACTO quedaban apilados en 3 lineas centradas (comportamiento por defecto de Elementor al no caber en el ancho). Se fuerza una sola fila: logo a la izquierda, hamburguesa + CONTACTO agrupados a la derecha. */ .elementor-element:has(> .elementor-widget-theme-site-logo):has(> .elementor-widget-nav-menu) { display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: 8px; padding-left: 16px !important; padding-right: 16px !important; } /* Los spacers fijos que separaban logo/menu/boton en el layout de escritorio ya no hacen falta en una fila comprimida -- ocupaban ancho fijo pensado para desktop. */ .elementor-element:has(> .elementor-widget-theme-site-logo):has(> .elementor-widget-nav-menu) > .elementor-widget-spacer { display: none !important; } /* El logo no se achica solo lo suficiente para que logo + hamburguesa entren comodos en un telefono chico -- se recorta su tamaño puntualmente en este contexto. */ .elementor-element:has(> .elementor-widget-theme-site-logo):has(> .elementor-widget-nav-menu) .elementor-widget-theme-site-logo img { max-height: 32px; width: auto; } /* El boton "CONTACTO" del header se saca del responsive -- el mismo destino (abrir el popup de contacto) ahora vive como ultimo item dentro del menu hamburguesa (ver "Contacto" agregado al final de cada