Header Responsive y Fijo<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n <style>\r\n \/* Aplicar fuente Inter a todo el body *\/\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #0d1117; \/* Fondo oscuro para contrastar con el header *\/\r\n \/* Se elimin\u00f3 el padding-top: 80px para quitar el espacio debajo del header *\/\r\n min-height: 200vh; \/* Para poder hacer scroll y probar la fijaci\u00f3n *\/\r\n }\r\n \/* Estilos del CTA button para un efecto burbuja sutil *\/\r\n .cta-button {\r\n box-shadow: 0 4px 14px 0 rgba(249, 115, 22, 0.39);\r\n transition: all 0.3s ease;\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 16px 0 rgba(249, 115, 22, 0.5);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"bg-black\/60 shadow-sm fixed top-0 w-full z-40 backdrop-blur-sm\">\r\n \r\n <div class=\"py-4 px-[10px] flex justify-between items-center w-full\">\r\n \r\n <a href=\"#\" class=\"font-bold text-xl text-sky-900\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ICM-GLOBAN-4.png\" alt=\"Logo de la empresa ICMGLOBAN\" class=\"w-[120px] h-full object-contain\">\r\n <\/a>\r\n \r\n <nav class=\"hidden md:flex space-x-2 items-center\">\r\n \r\n <a href=\"#home\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Inicio<\/a>\r\n <a href=\"#about\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Nosotros<\/a>\r\n <a href=\"#services\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Servicios<\/a>\r\n <a href=\"#proyectos\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Proyectos<\/a>\r\n <a href=\"#contact\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Contacto<\/a>\r\n <button onclick=\"openModal()\" class=\"bg-orange-500 text-white font-bold py-2 px-6 rounded-full cta-button ml-6 hover:bg-orange-600 transition-colors duration-200\">Cotizar ahora<\/button>\r\n <\/nav>\r\n \r\n \r\n <button id=\"mobile-menu-button\" class=\"md:hidden text-white text-2xl\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n \r\n <main class=\"py-12 px-[10px] text-white\">\r\n \r\n <\/main>\r\n\r\n \r\n <script>\r\n function openModal() {\r\n \/\/ En una aplicaci\u00f3n real, aqu\u00ed se abrir\u00eda un modal de cotizaci\u00f3n.\r\n console.log(\"Modal de cotizaci\u00f3n abierto!\");\r\n alertBox(\"Solicitud de Cotizaci\u00f3n iniciada. (En una app real, se abrir\u00eda un formulario modal.)\", 'orange');\r\n }\r\n\r\n \/\/ Funci\u00f3n personalizada para evitar el uso de alert() nativo\r\n function alertBox(message, color = 'green') {\r\n const box = document.createElement('div');\r\n box.textContent = message;\r\n box.className = `fixed bottom-4 right-4 p-4 rounded-lg shadow-xl text-white z-50 transition-all duration-300`;\r\n \r\n if (color === 'orange') {\r\n box.style.backgroundColor = 'rgba(249, 115, 22, 0.9)';\r\n } else {\r\n box.style.backgroundColor = 'rgba(16, 185, 129, 0.9)'; \/\/ Tailwind green-500\r\n }\r\n\r\n document.body.appendChild(box);\r\n setTimeout(() => {\r\n box.style.opacity = '0';\r\n setTimeout(() => box.remove(), 300);\r\n }, 3000);\r\n }\r\n\r\n \/\/ L\u00f3gica simple para el men\u00fa hamburguesa (mobile)\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ CORRECCI\u00d3N: Se utiliza el ID \u00fanico '#mobile-menu-button' en lugar del selector\r\n \/\/ no v\u00e1lido '.md:hidden button' para solucionar el error de SyntaxError.\r\n const menuButton = document.querySelector('#mobile-menu-button'); \r\n \r\n \/\/ Nota: Se necesitar\u00eda un div de men\u00fa m\u00f3vil para que esto funcione completamente.\r\n \/\/ Para este ejemplo, solo logearemos el evento.\r\n if (menuButton) {\r\n menuButton.addEventListener('click', () => {\r\n alertBox(\"Men\u00fa M\u00f3vil presionado. (Se requerir\u00eda l\u00f3gica JS para mostrar\/ocultar el men\u00fa m\u00f3vil)\", 'blue');\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-c874d08 e-con-full e-flex e-con e-parent\" data-id=\"c874d08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e57f1f elementor-widget elementor-widget-html\" data-id=\"5e57f1f\" 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>ICM GLOBAN<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\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=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n \/* Definici\u00f3n de la animaci\u00f3n de Zoom In *\/\r\n @keyframes zoomInEffect {\r\n 0% { transform: scale(1.0); } \/* Inicia en tama\u00f1o normal *\/\r\n 100% { transform: scale(1.1); } \/* Termina ligeramente acercado (Zoom In) *\/\r\n }\r\n\r\n .slide {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n \/* La transici\u00f3n de 1 segundo en la opacidad es la que permite un cambio r\u00e1pido pero suave entre diapositivas. *\/\r\n transition: opacity 1s ease-in-out; \r\n opacity: 0;\r\n }\r\n \r\n .slide-bg {\r\n \/* Contenedor para la imagen que se animar\u00e1 *\/\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n \/* Aplicar la animaci\u00f3n de zoomIn *\/\r\n \/* La propiedad 'alternate' hace que el zoom in se revierta suavemente a zoom out, creando un efecto de 'respiraci\u00f3n' *\/\r\n animation: zoomInEffect 10s ease-in-out infinite alternate;\r\n }\r\n\r\n .slide.active {\r\n opacity: 1;\r\n }\r\n \r\n .content {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n color: white;\r\n padding: 0 1.5rem;\r\n opacity: 0;\r\n transition: opacity 1s ease-in-out;\r\n z-index: 10; \/* Asegura que el contenido est\u00e9 sobre el fondo animado *\/\r\n }\r\n .content.active {\r\n opacity: 1;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-gray-800\">\r\n\r\n\r\n<section id=\"hero\" class=\"relative w-full h-[130vh] overflow-hidden\">\r\n \r\n <div id=\"slider-container\" class=\"absolute inset-0\">\r\n \r\n <div class=\"slide active\">\r\n \r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_4t60ce4t60ce4t60-scaled.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black opacity-50 z-5\"><\/div>\r\n <div class=\"content active\" style=\"padding-top: 30vh;\">\r\n <h1 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">\r\n Construcci\u00f3n Modular de Vanguardia\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl mb-8\">\r\n Transformamos containers en espacios habitables, oficinas y m\u00e1s, con rapidez y eficiencia.\r\n <\/p>\r\n <button class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full cta-button\">\r\n Quiero mi container\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n \r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_pdbq4xpdbq4xpdbq-scaled.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black opacity-50 z-5\"><\/div>\r\n <div class=\"content\" style=\"padding-top: 30vh;\">\r\n <h1 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">\r\n Soluciones Sostenibles y Creativas\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl mb-8\">\r\n Proyectos a medida, eficientes en costo y amigables con el medio ambiente.\r\n <\/p>\r\n <button class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full cta-button\">\r\n Cotizar ahora\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n \r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ebc6cf61-faab-47d4-9a3d-4b734cf9668c.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black opacity-50 z-5\"><\/div>\r\n <div class=\"content\" style=\"padding-top: 30vh;\">\r\n <h1 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">\r\n Calidad y Durabilidad Garantizada\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl mb-8\">\r\n Construcciones robustas, dise\u00f1adas para resistir el paso del tiempo y el clima.\r\n <\/p>\r\n <button class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full cta-button\">\r\n Explorar Proyectos\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n \r\n \r\n <div style=\"display: none;\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_4t60ce4t60ce4t60-scaled.png\" alt=\"Construcci\u00f3n Modular de Vanguardia\" loading=\"eager\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_pdbq4xpdbq4xpdbq-scaled.png\" alt=\"Soluciones Sostenibles y Creativas\" loading=\"lazy\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ebc6cf61-faab-47d4-9a3d-4b734cf9668c.png\" alt=\"Calidad y Durabilidad Garantizada\" loading=\"lazy\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 flex space-x-3 z-20\">\r\n <div class=\"dot w-3 h-3 bg-white rounded-full cursor-pointer opacity-100\" data-slide=\"0\"><\/div>\r\n <div class=\"dot w-3 h-3 bg-white rounded-full cursor-pointer opacity-50\" data-slide=\"1\"><\/div>\r\n <div class=\"dot w-3 h-3 bg-white rounded-full cursor-pointer opacity-50\" data-slide=\"2\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const slides = document.querySelectorAll('.slide');\r\n const contents = document.querySelectorAll('.content');\r\n const dots = document.querySelectorAll('.dot');\r\n let currentSlide = 0;\r\n const slideInterval = 8000;\r\n\r\n const showSlide = (index) => {\r\n \/\/ Eliminar y a\u00f1adir clases 'active' para el efecto de transici\u00f3n\r\n slides.forEach((slide, i) => {\r\n slide.classList.toggle('active', i === index);\r\n });\r\n contents.forEach((content, i) => {\r\n content.classList.toggle('active', i === index);\r\n });\r\n dots.forEach((dot, i) => {\r\n dot.style.opacity = i === index ? '1' : '0.5';\r\n });\r\n };\r\n\r\n const nextSlide = () => {\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n showSlide(currentSlide);\r\n };\r\n\r\n \/\/ Automatic slider change\r\n let intervalId = setInterval(nextSlide, slideInterval);\r\n\r\n \/\/ Dot navigation\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', () => {\r\n \/\/ Detener el intervalo autom\u00e1tico y reiniciarlo\r\n clearInterval(intervalId);\r\n \r\n const slideIndex = parseInt(dot.getAttribute('data-slide'));\r\n currentSlide = slideIndex;\r\n showSlide(currentSlide);\r\n \r\n \/\/ Reiniciar el intervalo\r\n intervalId = setInterval(nextSlide, slideInterval);\r\n });\r\n });\r\n\r\n \/\/ Initialize the first slide\r\n showSlide(currentSlide);\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-d516a7a e-con-full e-flex e-con e-parent\" data-id=\"d516a7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ce2e0 elementor-widget elementor-widget-html\" data-id=\"b0ce2e0\" 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>Secci\u00f3n Sobre Nosotros<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"about\" class=\"bg-gray-100 py-20 px-6\">\r\n <div class=\"container mx-auto flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n \r\n <div class=\"lg:w-1\/2 text-center lg:text-left\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-6\">\r\n Sobre Nosotros\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-4\">\r\n En ICMGLOBAN, transformamos la construcci\u00f3n a trav\u00e9s de la innovaci\u00f3n y la sostenibilidad. Nacimos con la visi\u00f3n de ofrecer soluciones modulares r\u00e1pidas, econ\u00f3micas y de alta calidad, aprovechando la versatilidad de los contenedores de carga.\r\n <\/p>\r\n <p class=\"text-lg text-gray-700 mb-6\">\r\n Nuestro equipo est\u00e1 conformado por arquitectos, ingenieros y especialistas en construcci\u00f3n que se dedican a hacer realidad tus proyectos, ya sean viviendas, oficinas, locales comerciales o proyectos a medida. Creemos en la construcci\u00f3n que respeta el medio ambiente y se adapta a las necesidades del futuro.\r\n <\/p>\r\n <a href=\"#contact\" class=\"inline-block bg-sky-900 text-white font-bold py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 hover:bg-sky-800\">\r\n Conoce nuestros valores\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_joki58joki58joki.png\" alt=\"Equipo de ICMGLOBAN trabajando en un plano\" class=\"rounded-lg shadow-xl w-full h-auto\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a5ad4f e-con-full e-flex e-con e-parent\" data-id=\"5a5ad4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f0e71 elementor-widget elementor-widget-html\" data-id=\"44f0e71\" 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>Secci\u00f3n Servicios<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"services\" class=\"bg-white py-20 px-6\">\r\n <div class=\"container mx-auto text-center\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-4\">\r\n Nuestros Servicios\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 max-w-2xl mx-auto\">\r\n Ofrecemos una amplia gama de soluciones para satisfacer tus necesidades, desde la venta de contenedores hasta la construcci\u00f3n de proyectos personalizados.\r\n <\/p>\r\n <div class=\"flex flex-col lg:flex-row justify-center items-stretch gap-8\">\r\n \r\n <div class=\"bg-gray-100 p-8 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl lg:w-1\/3\">\r\n <i class=\"fas fa-store text-5xl text-orange-500 mb-6\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-4\">\r\n Venta de Containers\r\n <\/h3>\r\n <p class=\"text-gray-700 mb-4\">\r\n Contamos con un amplio stock de contenedores secos y refrigerados, en distintos tama\u00f1os y condiciones.\r\n <\/p>\r\n <a href=\"#contact\" class=\"text-sky-900 font-medium hover:underline\">\r\n Ver m\u00e1s <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-100 p-8 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl lg:w-1\/3\">\r\n <i class=\"fas fa-tools text-5xl text-orange-500 mb-6\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-4\">\r\n Proyectos a Medida\r\n <\/h3>\r\n <p class=\"text-gray-700 mb-4\">\r\n Transformamos contenedores en viviendas, oficinas, locales comerciales y m\u00e1s, adapt\u00e1ndonos a tus planos y necesidades.\r\n <\/p>\r\n <a href=\"#contact\" class=\"text-sky-900 font-medium hover:underline\">\r\n Ver m\u00e1s <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-100 p-8 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl lg:w-1\/3\">\r\n <i class=\"fas fa-truck text-5xl text-orange-500 mb-6\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-4\">\r\n Log\u00edstica y Transporte\r\n <\/h3>\r\n <p class=\"text-gray-700 mb-4\">\r\n Ofrecemos servicios de transporte, descarga y posicionamiento de contenedores en cualquier punto del pa\u00eds.\r\n <\/p>\r\n <a href=\"#contact\" class=\"text-sky-900 font-medium hover:underline\">\r\n Ver m\u00e1s <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a225c7 e-con-full e-flex e-con e-parent\" data-id=\"7a225c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc709f8 elementor-widget elementor-widget-html\" data-id=\"cc709f8\" 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>Secci\u00f3n de Beneficios<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"benefits\" class=\"bg-gray-100 py-20 px-6\">\r\n <div class=\"container mx-auto\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-center text-sky-900 mb-4\">\r\n Por qu\u00e9 elegirnos\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 text-center mb-12 max-w-2xl mx-auto\">\r\n Transforma tu proyecto con una soluci\u00f3n que combina innovaci\u00f3n, eficiencia y cuidado del medio ambiente.\r\n <\/p>\r\n <div class=\"flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_lkhv7hlkhv7hlkhv.png\" alt=\"Casa moderna construida con containers\" class=\"rounded-lg shadow-xl w-full h-auto\">\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2 grid grid-cols-1 sm:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-tachometer-alt text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Construcci\u00f3n R\u00e1pida\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Reducimos los tiempos de obra en un 50% frente a la construcci\u00f3n tradicional.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-dollar-sign text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Bajos Costos\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Disminuye los costos de construcci\u00f3n sin sacrificar la calidad ni el dise\u00f1o.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-leaf text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Sostenibilidad\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Reutilizamos materiales de forma responsable, minimizando el impacto ambiental.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-shield-alt text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Seguridad y Garant\u00eda\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Ofrecemos construcciones duraderas, resistentes y con el respaldo de nuestra experiencia.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c3d9f5 e-con-full e-flex e-con e-parent\" data-id=\"2c3d9f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab04d9 elementor-widget elementor-widget-html\" data-id=\"9ab04d9\" 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>Secci\u00f3n de Proyectos<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"proyectos\" class=\"bg-white py-20 px-6\">\r\n <div class=\"container mx-auto text-center\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-4\">\r\n Proyectos Destacados\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 max-w-2xl mx-auto\">\r\n Explora nuestra galer\u00eda de proyectos a medida. Desde hogares modernos hasta espacios comerciales innovadores.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-gray-100 rounded-lg shadow-lg overflow-hidden transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ebc6cf61-faab-47d4-9a3d-4b734cf9668c.png\" alt=\"Casa container moderna\" class=\"w-full h-64 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-2\">Casa Familiar<\/h3>\r\n <p class=\"text-gray-700\">Una vivienda espaciosa y sustentable, construida para un estilo de vida moderno.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"bg-gray-100 rounded-lg shadow-lg overflow-hidden transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_dp64uidp64uidp64.png\" alt=\"Oficina container en el bosque\" class=\"w-full h-64 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-2\">Oficina Modular<\/h3>\r\n <p class=\"text-gray-700\">Un espacio de trabajo funcional y port\u00e1til, ideal para entornos naturales.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-100 rounded-lg shadow-lg overflow-hidden transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_aduft6aduft6aduf.png\" alt=\"Bar container con terraza\" class=\"w-full h-64 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-2\">Bar Urbano<\/h3>\r\n <p class=\"text-gray-700\">Un bar compacto y elegante que redefine los espacios urbanos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"#contact\" class=\"mt-12 inline-block bg-orange-500 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105 hover:bg-orange-600\">\r\n Ver m\u00e1s proyectos\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8a4d8c e-con-full e-flex e-con e-parent\" data-id=\"b8a4d8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b00b6 elementor-widget elementor-widget-html\" data-id=\"90b00b6\" 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>Secci\u00f3n de Proceso de Trabajo<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"proceso\" class=\"bg-white py-20 px-6\">\r\n <div class=\"container mx-auto text-center\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-4\">\r\n C\u00f3mo trabajamos\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 max-w-2xl mx-auto\">\r\n Tu proyecto se hace realidad en 4 simples pasos, garantizando calidad y eficiencia.\r\n <\/p>\r\n \r\n <div class=\"relative flex flex-col md:flex-row justify-between items-center md:items-start gap-12\">\r\n \r\n <div class=\"hidden md:block absolute top-10 w-full h-1 bg-gray-200\"><\/div>\r\n\r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-search-plus\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">1. An\u00e1lisis y Dise\u00f1o<\/h3>\r\n <p class=\"text-gray-700\">Analizamos tus necesidades para crear un dise\u00f1o personalizado que se adapte a tu visi\u00f3n.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-cogs\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">2. Construcci\u00f3n<\/h3>\r\n <p class=\"text-gray-700\">Iniciamos la fabricaci\u00f3n en nuestro taller, garantizando la m\u00e1xima calidad en cada etapa.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-truck-loading\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">3. Transporte e Instalaci\u00f3n<\/h3>\r\n <p class=\"text-gray-700\">Transportamos el m\u00f3dulo a tu ubicaci\u00f3n y lo instalamos en un tiempo r\u00e9cord.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-house-user\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">4. Entrega Final<\/h3>\r\n <p class=\"text-gray-700\">Te entregamos la llave de tu nuevo espacio, listo para ser disfrutado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe3b012 e-con-full e-flex e-con e-parent\" data-id=\"fe3b012\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da515e8 elementor-widget elementor-widget-html\" data-id=\"da515e8\" 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>Secci\u00f3n CTA con Imagen<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n <style>\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n color: #333;\r\n }\r\n h1, h2, h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n .cta-button {\r\n transition: all 0.3s ease-in-out;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n .bg-cta-image {\r\n background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/cta.png');\r\n background-position: center;\r\n background-size: cover;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n \r\n <section class=\"relative bg-sky-900 bg-cta-image bg-cover bg-center py-20\">\r\n \r\n <div class=\"absolute inset-0 bg-black opacity-60\"><\/div>\r\n <div class=\"relative container mx-auto text-center px-6\">\r\n <h2 class=\"text-3xl lg:text-4xl font-bold text-white mb-4 leading-tight\">\r\n Da el primer paso hacia tu proyecto\r\n <\/h2>\r\n <p class=\"text-lg text-gray-200 mb-8 max-w-2xl mx-auto\">\r\n Estamos listos para escucharte. Cont\u00e1ctanos y nuestro equipo de expertos te brindar\u00e1 una asesor\u00eda sin compromiso para dar vida a tus ideas.\r\n <\/p>\r\n <a href=\"#contact\" class=\"cta-button inline-block bg-orange-500 text-white font-bold py-3 px-10 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105 hover:bg-orange-600\">\r\n Cont\u00e1ctanos\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edbdb45 e-con-full e-flex e-con e-parent\" data-id=\"edbdb45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4753336 elementor-widget elementor-widget-html\" data-id=\"4753336\" 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>Secci\u00f3n de Cotizaci\u00f3n<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n <style>\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n color: #333;\r\n }\r\n h1, h2, h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n .cta-button {\r\n transition: all 0.3s ease-in-out;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n \r\n <section id=\"contact\" class=\"bg-white py-16 lg:py-24\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl lg:text-4xl font-bold text-sky-900 mb-4\">\r\n Cotizaci\u00f3n\r\n <\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\r\n Estamos listos para ayudarte a dar vida a tu proyecto. Env\u00edanos un mensaje o vis\u00edtanos en nuestra oficina.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 gap-12\">\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-lg\">\r\n <form action=\"#\" method=\"POST\" class=\"space-y-6\" data-trp-original-action=\"#\">\r\n <div>\r\n <label for=\"full-name\" class=\"block text-gray-700 font-medium mb-1\">Nombre completo<\/label>\r\n <input type=\"text\" id=\"full-name\" name=\"full-name\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"contact-email\" class=\"block text-gray-700 font-medium mb-1\">Email<\/label>\r\n <input type=\"email\" id=\"contact-email\" name=\"contact-email\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"contact-phone\" class=\"block text-gray-700 font-medium mb-1\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"contact-phone\" name=\"contact-phone\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\">\r\n <\/div>\r\n <div>\r\n <label for=\"module-type\" class=\"block text-gray-700 font-medium mb-1\">Tipo de M\u00f3dulo<\/label>\r\n <select id=\"module-type\" name=\"module-type\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required>\r\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\r\n <option value=\"vivienda\">Vivienda<\/option>\r\n <option value=\"oficina\">Oficina<\/option>\r\n <option value=\"comercial\">Local Comercial<\/option>\r\n <option value=\"otro\">Otro<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"contact-message\" class=\"block text-gray-700 font-medium mb-1\">Describe tu proyecto<\/label>\r\n <textarea id=\"contact-message\" name=\"contact-message\" rows=\"5\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required><\/textarea>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <button type=\"submit\" class=\"bg-orange-500 text-white font-bold py-3 px-10 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105 hover:bg-orange-600 focus:outline-none\">\r\n Enviar solicitud\r\n <\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-402d1ef e-con-full e-flex e-con e-parent\" data-id=\"402d1ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-569a836 elementor-widget elementor-widget-html\" data-id=\"569a836\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<footer class=\"bg-gray-800 text-gray-400 py-12\">\r\n <div class=\"container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8\">\r\n \r\n <div class=\"flex flex-col items-center md:items-start text-center md:text-left\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ICM-GLOBAN-4.png\" alt=\"Logo de la empresa\" class=\"mb-4 w-32\">\r\n <p class=\"text-sm leading-relaxed\">\r\n Transformamos containers en espacios que inspiran.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-white text-lg font-bold mb-4\">Navegaci\u00f3n<\/h3>\r\n <ul class=\"space-y-2\">\r\n <li><a href=\"#home\" class=\"hover:text-white transition-colors duration-200\">Inicio<\/a><\/li>\r\n <li><a href=\"#about\" class=\"hover:text-white transition-colors duration-200\">Nosotros<\/a><\/li>\r\n <li><a href=\"#services\" class=\"hover:text-white transition-colors duration-200\">Servicios<\/a><\/li>\r\n <li><a href=\"#proyectos\" class=\"hover:text-white transition-colors duration-200\">Proyectos<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"hover:text-white transition-colors duration-200\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-white text-lg font-bold mb-4\">Contacto<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start space-x-2\">\r\n <i class=\"fas fa-location-dot text-orange-500 mt-1\"><\/i>\r\n <span class=\"text-sm\">Suipacha 996 - CABA (Oficina Central)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-2\">\r\n <i class=\"fas fa-phone text-orange-500\"><\/i>\r\n <span class=\"text-sm\">+(54) 9 11 8024 3453<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-2\">\r\n <i class=\"fas fa-envelope text-orange-500\"><\/i>\r\n <span class=\"text-sm\">info@icmgloban.com<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-white text-lg font-bold mb-4\">S\u00edguenos<\/h3>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"https:\/\/wa.me\/5491180243453\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/www.instagram.com\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.linkedin.com\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"container mx-auto px-6 mt-8 pt-5 border-t border-gray-700 text-center text-sm\">\r\n <p>© 2025 ICM GLOBAN. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Header Responsive y Fijo Inicio Nosotros Servicios Proyectos Contacto Cotizar ahora ICM GLOBAN Construcci\u00f3n Modular de Vanguardia Transformamos containers en espacios habitables, oficinas y m\u00e1s, con rapidez y eficiencia. Quiero mi container Soluciones Sostenibles y Creativas Proyectos a medida, eficientes en costo y amigables con el medio ambiente. Cotizar ahora Calidad y Durabilidad Garantizada Construcciones […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":164,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/media?parent=17"}],"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 Header Responsive y Fijo<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n <style>\r\n \/* Aplicar fuente Inter a todo el body *\/\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #0d1117; \/* Fondo oscuro para contrastar con el header *\/\r\n \/* Se elimin\u00f3 el padding-top: 80px para quitar el espacio debajo del header *\/\r\n min-height: 200vh; \/* Para poder hacer scroll y probar la fijaci\u00f3n *\/\r\n }\r\n \/* Estilos del CTA button para un efecto burbuja sutil *\/\r\n .cta-button {\r\n box-shadow: 0 4px 14px 0 rgba(249, 115, 22, 0.39);\r\n transition: all 0.3s ease;\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 16px 0 rgba(249, 115, 22, 0.5);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"bg-black\/60 shadow-sm fixed top-0 w-full z-40 backdrop-blur-sm\">\r\n \r\n <div class=\"py-4 px-[10px] flex justify-between items-center w-full\">\r\n \r\n <a href=\"#\" class=\"font-bold text-xl text-sky-900\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ICM-GLOBAN-4.png\" alt=\"Logo de la empresa ICMGLOBAN\" class=\"w-[120px] h-full object-contain\">\r\n <\/a>\r\n \r\n <nav class=\"hidden md:flex space-x-2 items-center\">\r\n \r\n <a href=\"#home\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Inicio<\/a>\r\n <a href=\"#about\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Nosotros<\/a>\r\n <a href=\"#services\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Servicios<\/a>\r\n <a href=\"#proyectos\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Proyectos<\/a>\r\n <a href=\"#contact\" class=\"text-white hover:text-white hover:bg-gray-800 p-2 rounded-md transition-colors duration-200\">Contacto<\/a>\r\n <button onclick=\"openModal()\" class=\"bg-orange-500 text-white font-bold py-2 px-6 rounded-full cta-button ml-6 hover:bg-orange-600 transition-colors duration-200\">Cotizar ahora<\/button>\r\n <\/nav>\r\n \r\n \r\n <button id=\"mobile-menu-button\" class=\"md:hidden text-white text-2xl\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n \r\n <main class=\"py-12 px-[10px] text-white\">\r\n \r\n <\/main>\r\n\r\n \r\n <script>\r\n function openModal() {\r\n \/\/ En una aplicaci\u00f3n real, aqu\u00ed se abrir\u00eda un modal de cotizaci\u00f3n.\r\n console.log(\"Modal de cotizaci\u00f3n abierto!\");\r\n alertBox(\"Solicitud de Cotizaci\u00f3n iniciada. (En una app real, se abrir\u00eda un formulario modal.)\", 'orange');\r\n }\r\n\r\n \/\/ Funci\u00f3n personalizada para evitar el uso de alert() nativo\r\n function alertBox(message, color = 'green') {\r\n const box = document.createElement('div');\r\n box.textContent = message;\r\n box.className = `fixed bottom-4 right-4 p-4 rounded-lg shadow-xl text-white z-50 transition-all duration-300`;\r\n \r\n if (color === 'orange') {\r\n box.style.backgroundColor = 'rgba(249, 115, 22, 0.9)';\r\n } else {\r\n box.style.backgroundColor = 'rgba(16, 185, 129, 0.9)'; \/\/ Tailwind green-500\r\n }\r\n\r\n document.body.appendChild(box);\r\n setTimeout(() => {\r\n box.style.opacity = '0';\r\n setTimeout(() => box.remove(), 300);\r\n }, 3000);\r\n }\r\n\r\n \/\/ L\u00f3gica simple para el men\u00fa hamburguesa (mobile)\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ CORRECCI\u00d3N: Se utiliza el ID \u00fanico '#mobile-menu-button' en lugar del selector\r\n \/\/ no v\u00e1lido '.md:hidden button' para solucionar el error de SyntaxError.\r\n const menuButton = document.querySelector('#mobile-menu-button'); \r\n \r\n \/\/ Nota: Se necesitar\u00eda un div de men\u00fa m\u00f3vil para que esto funcione completamente.\r\n \/\/ Para este ejemplo, solo logearemos el evento.\r\n if (menuButton) {\r\n menuButton.addEventListener('click', () => {\r\n alertBox(\"Men\u00fa M\u00f3vil presionado. (Se requerir\u00eda l\u00f3gica JS para mostrar\/ocultar el men\u00fa m\u00f3vil)\", 'blue');\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-c874d08 e-con-full e-flex e-con e-parent\" data-id=\"c874d08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e57f1f elementor-widget elementor-widget-html\" data-id=\"5e57f1f\" 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>ICM GLOBAN<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\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=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n \/* Definici\u00f3n de la animaci\u00f3n de Zoom In *\/\r\n @keyframes zoomInEffect {\r\n 0% { transform: scale(1.0); } \/* Inicia en tama\u00f1o normal *\/\r\n 100% { transform: scale(1.1); } \/* Termina ligeramente acercado (Zoom In) *\/\r\n }\r\n\r\n .slide {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n \/* La transici\u00f3n de 1 segundo en la opacidad es la que permite un cambio r\u00e1pido pero suave entre diapositivas. *\/\r\n transition: opacity 1s ease-in-out; \r\n opacity: 0;\r\n }\r\n \r\n .slide-bg {\r\n \/* Contenedor para la imagen que se animar\u00e1 *\/\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n \/* Aplicar la animaci\u00f3n de zoomIn *\/\r\n \/* La propiedad 'alternate' hace que el zoom in se revierta suavemente a zoom out, creando un efecto de 'respiraci\u00f3n' *\/\r\n animation: zoomInEffect 10s ease-in-out infinite alternate;\r\n }\r\n\r\n .slide.active {\r\n opacity: 1;\r\n }\r\n \r\n .content {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n color: white;\r\n padding: 0 1.5rem;\r\n opacity: 0;\r\n transition: opacity 1s ease-in-out;\r\n z-index: 10; \/* Asegura que el contenido est\u00e9 sobre el fondo animado *\/\r\n }\r\n .content.active {\r\n opacity: 1;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-gray-800\">\r\n\r\n\r\n<section id=\"hero\" class=\"relative w-full h-[130vh] overflow-hidden\">\r\n \r\n <div id=\"slider-container\" class=\"absolute inset-0\">\r\n \r\n <div class=\"slide active\">\r\n \r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_4t60ce4t60ce4t60-scaled.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black opacity-50 z-5\"><\/div>\r\n <div class=\"content active\" style=\"padding-top: 30vh;\">\r\n <h1 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">\r\n Construcci\u00f3n Modular de Vanguardia\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl mb-8\">\r\n Transformamos containers en espacios habitables, oficinas y m\u00e1s, con rapidez y eficiencia.\r\n <\/p>\r\n <button class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full cta-button\">\r\n Quiero mi container\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n \r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_pdbq4xpdbq4xpdbq-scaled.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black opacity-50 z-5\"><\/div>\r\n <div class=\"content\" style=\"padding-top: 30vh;\">\r\n <h1 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">\r\n Soluciones Sostenibles y Creativas\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl mb-8\">\r\n Proyectos a medida, eficientes en costo y amigables con el medio ambiente.\r\n <\/p>\r\n <button class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full cta-button\">\r\n Cotizar ahora\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n \r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ebc6cf61-faab-47d4-9a3d-4b734cf9668c.png');\"><\/div>\r\n <div class=\"absolute inset-0 bg-black opacity-50 z-5\"><\/div>\r\n <div class=\"content\" style=\"padding-top: 30vh;\">\r\n <h1 class=\"text-3xl md:text-5xl font-bold leading-tight mb-4\">\r\n Calidad y Durabilidad Garantizada\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl mb-8\">\r\n Construcciones robustas, dise\u00f1adas para resistir el paso del tiempo y el clima.\r\n <\/p>\r\n <button class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-full cta-button\">\r\n Explorar Proyectos\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n \r\n \r\n <div style=\"display: none;\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_4t60ce4t60ce4t60-scaled.png\" alt=\"Construcci\u00f3n Modular de Vanguardia\" loading=\"eager\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_pdbq4xpdbq4xpdbq-scaled.png\" alt=\"Soluciones Sostenibles y Creativas\" loading=\"lazy\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ebc6cf61-faab-47d4-9a3d-4b734cf9668c.png\" alt=\"Calidad y Durabilidad Garantizada\" loading=\"lazy\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 flex space-x-3 z-20\">\r\n <div class=\"dot w-3 h-3 bg-white rounded-full cursor-pointer opacity-100\" data-slide=\"0\"><\/div>\r\n <div class=\"dot w-3 h-3 bg-white rounded-full cursor-pointer opacity-50\" data-slide=\"1\"><\/div>\r\n <div class=\"dot w-3 h-3 bg-white rounded-full cursor-pointer opacity-50\" data-slide=\"2\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const slides = document.querySelectorAll('.slide');\r\n const contents = document.querySelectorAll('.content');\r\n const dots = document.querySelectorAll('.dot');\r\n let currentSlide = 0;\r\n const slideInterval = 8000;\r\n\r\n const showSlide = (index) => {\r\n \/\/ Eliminar y a\u00f1adir clases 'active' para el efecto de transici\u00f3n\r\n slides.forEach((slide, i) => {\r\n slide.classList.toggle('active', i === index);\r\n });\r\n contents.forEach((content, i) => {\r\n content.classList.toggle('active', i === index);\r\n });\r\n dots.forEach((dot, i) => {\r\n dot.style.opacity = i === index ? '1' : '0.5';\r\n });\r\n };\r\n\r\n const nextSlide = () => {\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n showSlide(currentSlide);\r\n };\r\n\r\n \/\/ Automatic slider change\r\n let intervalId = setInterval(nextSlide, slideInterval);\r\n\r\n \/\/ Dot navigation\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', () => {\r\n \/\/ Detener el intervalo autom\u00e1tico y reiniciarlo\r\n clearInterval(intervalId);\r\n \r\n const slideIndex = parseInt(dot.getAttribute('data-slide'));\r\n currentSlide = slideIndex;\r\n showSlide(currentSlide);\r\n \r\n \/\/ Reiniciar el intervalo\r\n intervalId = setInterval(nextSlide, slideInterval);\r\n });\r\n });\r\n\r\n \/\/ Initialize the first slide\r\n showSlide(currentSlide);\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-d516a7a e-con-full e-flex e-con e-parent\" data-id=\"d516a7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ce2e0 elementor-widget elementor-widget-html\" data-id=\"b0ce2e0\" 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>Secci\u00f3n Sobre Nosotros<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"about\" class=\"bg-gray-100 py-20 px-6\">\r\n <div class=\"container mx-auto flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n \r\n <div class=\"lg:w-1\/2 text-center lg:text-left\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-6\">\r\n Sobre Nosotros\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-4\">\r\n En ICMGLOBAN, transformamos la construcci\u00f3n a trav\u00e9s de la innovaci\u00f3n y la sostenibilidad. Nacimos con la visi\u00f3n de ofrecer soluciones modulares r\u00e1pidas, econ\u00f3micas y de alta calidad, aprovechando la versatilidad de los contenedores de carga.\r\n <\/p>\r\n <p class=\"text-lg text-gray-700 mb-6\">\r\n Nuestro equipo est\u00e1 conformado por arquitectos, ingenieros y especialistas en construcci\u00f3n que se dedican a hacer realidad tus proyectos, ya sean viviendas, oficinas, locales comerciales o proyectos a medida. Creemos en la construcci\u00f3n que respeta el medio ambiente y se adapta a las necesidades del futuro.\r\n <\/p>\r\n <a href=\"#contact\" class=\"inline-block bg-sky-900 text-white font-bold py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 hover:bg-sky-800\">\r\n Conoce nuestros valores\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_joki58joki58joki.png\" alt=\"Equipo de ICMGLOBAN trabajando en un plano\" class=\"rounded-lg shadow-xl w-full h-auto\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a5ad4f e-con-full e-flex e-con e-parent\" data-id=\"5a5ad4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f0e71 elementor-widget elementor-widget-html\" data-id=\"44f0e71\" 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>Secci\u00f3n Servicios<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"services\" class=\"bg-white py-20 px-6\">\r\n <div class=\"container mx-auto text-center\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-4\">\r\n Nuestros Servicios\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 max-w-2xl mx-auto\">\r\n Ofrecemos una amplia gama de soluciones para satisfacer tus necesidades, desde la venta de contenedores hasta la construcci\u00f3n de proyectos personalizados.\r\n <\/p>\r\n <div class=\"flex flex-col lg:flex-row justify-center items-stretch gap-8\">\r\n \r\n <div class=\"bg-gray-100 p-8 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl lg:w-1\/3\">\r\n <i class=\"fas fa-store text-5xl text-orange-500 mb-6\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-4\">\r\n Venta de Containers\r\n <\/h3>\r\n <p class=\"text-gray-700 mb-4\">\r\n Contamos con un amplio stock de contenedores secos y refrigerados, en distintos tama\u00f1os y condiciones.\r\n <\/p>\r\n <a href=\"#contact\" class=\"text-sky-900 font-medium hover:underline\">\r\n Ver m\u00e1s <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-100 p-8 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl lg:w-1\/3\">\r\n <i class=\"fas fa-tools text-5xl text-orange-500 mb-6\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-4\">\r\n Proyectos a Medida\r\n <\/h3>\r\n <p class=\"text-gray-700 mb-4\">\r\n Transformamos contenedores en viviendas, oficinas, locales comerciales y m\u00e1s, adapt\u00e1ndonos a tus planos y necesidades.\r\n <\/p>\r\n <a href=\"#contact\" class=\"text-sky-900 font-medium hover:underline\">\r\n Ver m\u00e1s <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-100 p-8 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl lg:w-1\/3\">\r\n <i class=\"fas fa-truck text-5xl text-orange-500 mb-6\"><\/i>\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-4\">\r\n Log\u00edstica y Transporte\r\n <\/h3>\r\n <p class=\"text-gray-700 mb-4\">\r\n Ofrecemos servicios de transporte, descarga y posicionamiento de contenedores en cualquier punto del pa\u00eds.\r\n <\/p>\r\n <a href=\"#contact\" class=\"text-sky-900 font-medium hover:underline\">\r\n Ver m\u00e1s <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a225c7 e-con-full e-flex e-con e-parent\" data-id=\"7a225c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc709f8 elementor-widget elementor-widget-html\" data-id=\"cc709f8\" 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>Secci\u00f3n de Beneficios<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"benefits\" class=\"bg-gray-100 py-20 px-6\">\r\n <div class=\"container mx-auto\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-center text-sky-900 mb-4\">\r\n Por qu\u00e9 elegirnos\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 text-center mb-12 max-w-2xl mx-auto\">\r\n Transforma tu proyecto con una soluci\u00f3n que combina innovaci\u00f3n, eficiencia y cuidado del medio ambiente.\r\n <\/p>\r\n <div class=\"flex flex-col lg:flex-row items-center justify-between gap-12\">\r\n \r\n <div class=\"lg:w-1\/2\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_lkhv7hlkhv7hlkhv.png\" alt=\"Casa moderna construida con containers\" class=\"rounded-lg shadow-xl w-full h-auto\">\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/2 grid grid-cols-1 sm:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-tachometer-alt text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Construcci\u00f3n R\u00e1pida\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Reducimos los tiempos de obra en un 50% frente a la construcci\u00f3n tradicional.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-dollar-sign text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Bajos Costos\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Disminuye los costos de construcci\u00f3n sin sacrificar la calidad ni el dise\u00f1o.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-leaf text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Sostenibilidad\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Reutilizamos materiales de forma responsable, minimizando el impacto ambiental.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 rounded-lg shadow-lg flex flex-col items-center text-center transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <i class=\"fas fa-shield-alt text-5xl text-orange-500 mb-4\"><\/i>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">\r\n Seguridad y Garant\u00eda\r\n <\/h3>\r\n <p class=\"text-gray-700\">\r\n Ofrecemos construcciones duraderas, resistentes y con el respaldo de nuestra experiencia.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c3d9f5 e-con-full e-flex e-con e-parent\" data-id=\"2c3d9f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab04d9 elementor-widget elementor-widget-html\" data-id=\"9ab04d9\" 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>Secci\u00f3n de Proyectos<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"proyectos\" class=\"bg-white py-20 px-6\">\r\n <div class=\"container mx-auto text-center\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-4\">\r\n Proyectos Destacados\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 max-w-2xl mx-auto\">\r\n Explora nuestra galer\u00eda de proyectos a medida. Desde hogares modernos hasta espacios comerciales innovadores.\r\n <\/p>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-gray-100 rounded-lg shadow-lg overflow-hidden transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ebc6cf61-faab-47d4-9a3d-4b734cf9668c.png\" alt=\"Casa container moderna\" class=\"w-full h-64 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-2\">Casa Familiar<\/h3>\r\n <p class=\"text-gray-700\">Una vivienda espaciosa y sustentable, construida para un estilo de vida moderno.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"bg-gray-100 rounded-lg shadow-lg overflow-hidden transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_dp64uidp64uidp64.png\" alt=\"Oficina container en el bosque\" class=\"w-full h-64 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-2\">Oficina Modular<\/h3>\r\n <p class=\"text-gray-700\">Un espacio de trabajo funcional y port\u00e1til, ideal para entornos naturales.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-100 rounded-lg shadow-lg overflow-hidden transition-all duration-300 transform hover:scale-105 hover:shadow-xl\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_aduft6aduft6aduf.png\" alt=\"Bar container con terraza\" class=\"w-full h-64 object-cover\">\r\n <div class=\"p-6\">\r\n <h3 class=\"text-2xl font-bold text-sky-900 mb-2\">Bar Urbano<\/h3>\r\n <p class=\"text-gray-700\">Un bar compacto y elegante que redefine los espacios urbanos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"#contact\" class=\"mt-12 inline-block bg-orange-500 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105 hover:bg-orange-600\">\r\n Ver m\u00e1s proyectos\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8a4d8c e-con-full e-flex e-con e-parent\" data-id=\"b8a4d8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b00b6 elementor-widget elementor-widget-html\" data-id=\"90b00b6\" 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>Secci\u00f3n de Proceso de Trabajo<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"proceso\" class=\"bg-white py-20 px-6\">\r\n <div class=\"container mx-auto text-center\">\r\n <h2 class=\"text-3xl lg:text-5xl font-bold text-sky-900 mb-4\">\r\n C\u00f3mo trabajamos\r\n <\/h2>\r\n <p class=\"text-lg text-gray-700 mb-12 max-w-2xl mx-auto\">\r\n Tu proyecto se hace realidad en 4 simples pasos, garantizando calidad y eficiencia.\r\n <\/p>\r\n \r\n <div class=\"relative flex flex-col md:flex-row justify-between items-center md:items-start gap-12\">\r\n \r\n <div class=\"hidden md:block absolute top-10 w-full h-1 bg-gray-200\"><\/div>\r\n\r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-search-plus\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">1. An\u00e1lisis y Dise\u00f1o<\/h3>\r\n <p class=\"text-gray-700\">Analizamos tus necesidades para crear un dise\u00f1o personalizado que se adapte a tu visi\u00f3n.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-cogs\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">2. Construcci\u00f3n<\/h3>\r\n <p class=\"text-gray-700\">Iniciamos la fabricaci\u00f3n en nuestro taller, garantizando la m\u00e1xima calidad en cada etapa.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-truck-loading\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">3. Transporte e Instalaci\u00f3n<\/h3>\r\n <p class=\"text-gray-700\">Transportamos el m\u00f3dulo a tu ubicaci\u00f3n y lo instalamos en un tiempo r\u00e9cord.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-1\/4 flex flex-col items-center text-center relative z-10 p-4\">\r\n <div class=\"flex items-center justify-center w-20 h-20 rounded-full bg-orange-500 text-white text-3xl mb-4 shadow-lg\">\r\n <i class=\"fas fa-house-user\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-sky-900 mb-2\">4. Entrega Final<\/h3>\r\n <p class=\"text-gray-700\">Te entregamos la llave de tu nuevo espacio, listo para ser disfrutado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe3b012 e-con-full e-flex e-con e-parent\" data-id=\"fe3b012\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da515e8 elementor-widget elementor-widget-html\" data-id=\"da515e8\" 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>Secci\u00f3n CTA con Imagen<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n <style>\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n color: #333;\r\n }\r\n h1, h2, h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n .cta-button {\r\n transition: all 0.3s ease-in-out;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n .bg-cta-image {\r\n background-image: url('https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/cta.png');\r\n background-position: center;\r\n background-size: cover;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n \r\n <section class=\"relative bg-sky-900 bg-cta-image bg-cover bg-center py-20\">\r\n \r\n <div class=\"absolute inset-0 bg-black opacity-60\"><\/div>\r\n <div class=\"relative container mx-auto text-center px-6\">\r\n <h2 class=\"text-3xl lg:text-4xl font-bold text-white mb-4 leading-tight\">\r\n Da el primer paso hacia tu proyecto\r\n <\/h2>\r\n <p class=\"text-lg text-gray-200 mb-8 max-w-2xl mx-auto\">\r\n Estamos listos para escucharte. Cont\u00e1ctanos y nuestro equipo de expertos te brindar\u00e1 una asesor\u00eda sin compromiso para dar vida a tus ideas.\r\n <\/p>\r\n <a href=\"#contact\" class=\"cta-button inline-block bg-orange-500 text-white font-bold py-3 px-10 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105 hover:bg-orange-600\">\r\n Cont\u00e1ctanos\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edbdb45 e-con-full e-flex e-con e-parent\" data-id=\"edbdb45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4753336 elementor-widget elementor-widget-html\" data-id=\"4753336\" 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>Secci\u00f3n de Cotizaci\u00f3n<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" xintegrity=\"sha512-ieo+v+aKjK7Z6bA\/fG8W5H6QJ6V4Wb5D+Gg4g5Z3zD3J\/H3F5Vf9N2g8E2F2t3p7L7G4L2p2E6q6E6R2\/Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n <style>\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n color: #333;\r\n }\r\n h1, h2, h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n .cta-button {\r\n transition: all 0.3s ease-in-out;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n \r\n <section id=\"contact\" class=\"bg-white py-16 lg:py-24\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl lg:text-4xl font-bold text-sky-900 mb-4\">\r\n Cotizaci\u00f3n\r\n <\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\r\n Estamos listos para ayudarte a dar vida a tu proyecto. Env\u00edanos un mensaje o vis\u00edtanos en nuestra oficina.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 gap-12\">\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-lg\">\r\n <form action=\"#\" method=\"POST\" class=\"space-y-6\" data-trp-original-action=\"#\">\r\n <div>\r\n <label for=\"full-name\" class=\"block text-gray-700 font-medium mb-1\">Nombre completo<\/label>\r\n <input type=\"text\" id=\"full-name\" name=\"full-name\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"contact-email\" class=\"block text-gray-700 font-medium mb-1\">Email<\/label>\r\n <input type=\"email\" id=\"contact-email\" name=\"contact-email\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"contact-phone\" class=\"block text-gray-700 font-medium mb-1\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"contact-phone\" name=\"contact-phone\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\">\r\n <\/div>\r\n <div>\r\n <label for=\"module-type\" class=\"block text-gray-700 font-medium mb-1\">Tipo de M\u00f3dulo<\/label>\r\n <select id=\"module-type\" name=\"module-type\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required>\r\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\r\n <option value=\"vivienda\">Vivienda<\/option>\r\n <option value=\"oficina\">Oficina<\/option>\r\n <option value=\"comercial\">Local Comercial<\/option>\r\n <option value=\"otro\">Otro<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"contact-message\" class=\"block text-gray-700 font-medium mb-1\">Describe tu proyecto<\/label>\r\n <textarea id=\"contact-message\" name=\"contact-message\" rows=\"5\" class=\"w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500\" required><\/textarea>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <button type=\"submit\" class=\"bg-orange-500 text-white font-bold py-3 px-10 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105 hover:bg-orange-600 focus:outline-none\">\r\n Enviar solicitud\r\n <\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-402d1ef e-con-full e-flex e-con e-parent\" data-id=\"402d1ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-569a836 elementor-widget elementor-widget-html\" data-id=\"569a836\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<footer class=\"bg-gray-800 text-gray-400 py-12\">\r\n <div class=\"container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8\">\r\n \r\n <div class=\"flex flex-col items-center md:items-start text-center md:text-left\">\r\n <img decoding=\"async\" src=\"https:\/\/icmgloban.com\/wp-content\/uploads\/2025\/09\/ICM-GLOBAN-4.png\" alt=\"Logo de la empresa\" class=\"mb-4 w-32\">\r\n <p class=\"text-sm leading-relaxed\">\r\n Transformamos containers en espacios que inspiran.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-white text-lg font-bold mb-4\">Navegaci\u00f3n<\/h3>\r\n <ul class=\"space-y-2\">\r\n <li><a href=\"#home\" class=\"hover:text-white transition-colors duration-200\">Inicio<\/a><\/li>\r\n <li><a href=\"#about\" class=\"hover:text-white transition-colors duration-200\">Nosotros<\/a><\/li>\r\n <li><a href=\"#services\" class=\"hover:text-white transition-colors duration-200\">Servicios<\/a><\/li>\r\n <li><a href=\"#proyectos\" class=\"hover:text-white transition-colors duration-200\">Proyectos<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"hover:text-white transition-colors duration-200\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-white text-lg font-bold mb-4\">Contacto<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start space-x-2\">\r\n <i class=\"fas fa-location-dot text-orange-500 mt-1\"><\/i>\r\n <span class=\"text-sm\">Suipacha 996 - CABA (Oficina Central)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-2\">\r\n <i class=\"fas fa-phone text-orange-500\"><\/i>\r\n <span class=\"text-sm\">+(54) 9 11 8024 3453<\/span>\r\n <\/li>\r\n <li class=\"flex items-center space-x-2\">\r\n <i class=\"fas fa-envelope text-orange-500\"><\/i>\r\n <span class=\"text-sm\">info@icmgloban.com<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-white text-lg font-bold mb-4\">S\u00edguenos<\/h3>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"https:\/\/wa.me\/5491180243453\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/www.instagram.com\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.linkedin.com\" class=\"text-2xl hover:text-white transition-colors duration-200\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"container mx-auto px-6 mt-8 pt-5 border-t border-gray-700 text-center text-sm\">\r\n <p>© 2025 ICM GLOBAN. Todos los derechos reservados.<\/p>\r\n <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Header Responsive y Fijo Inicio Nosotros Servicios Proyectos Contacto Cotizar ahora ICM GLOBAN Construcci\u00f3n Modular de Vanguardia Transformamos containers en espacios habitables, oficinas y m\u00e1s, con rapidez y eficiencia. Quiero mi container Soluciones Sostenibles y Creativas Proyectos a medida, eficientes en costo y amigables con el medio ambiente. Cotizar ahora Calidad y Durabilidad Garantizada Construcciones […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":164,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/icmgloban.com\/en\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}