{"id":6,"date":"2026-03-29T19:11:35","date_gmt":"2026-03-29T19:11:35","guid":{"rendered":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/?page_id=6"},"modified":"2026-03-30T00:18:35","modified_gmt":"2026-03-30T00:18:35","slug":"inicio","status":"publish","type":"page","link":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!-- INICIO DEL SLIDER FULL WIDTH -->\n<div id=\"premium-slider-wrapper\">\n\n    <!-- ESTILOS CSS -->\n    <style>\n        \/* Contenedor Principal - Forzar ancho total *\/\n        #premium-slider-wrapper {\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            position: relative !important;\n            overflow: hidden !important;\n            height: 85vh !important;\n            background: #111;\n            left: 0 !important;\n            right: 0 !important;\n            box-sizing: border-box !important;\n        }\n\n        #premium-slider-wrapper * {\n            box-sizing: border-box;\n        }\n\n        \/* Pista de diapositivas *\/\n        #premium-slider-wrapper .slider-track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        \/* Cada Slide *\/\n        #premium-slider-wrapper .slide {\n            min-width: 100%;\n            height: 100%;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        \/* Imagen de fondo *\/\n        #premium-slider-wrapper .slide-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            transform: scale(1);\n            transition: transform 6s ease;\n            z-index: 1;\n        }\n\n        \/* Capa oscura *\/\n        #premium-slider-wrapper .slide::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));\n            z-index: 2;\n        }\n\n        \/* Texto *\/\n        #premium-slider-wrapper .slide-content {\n            position: relative;\n            z-index: 3;\n            text-align: center;\n            color: #fff;\n            max-width: 900px;\n            padding: 0 20px;\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 1s ease 0.4s;\n        }\n\n        \/* Animaciones Activas *\/\n        #premium-slider-wrapper .slide.active .slide-content {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        #premium-slider-wrapper .slide.active .slide-bg {\n            transform: scale(1.15);\n        }\n\n        \/* Tipograf\u00eda *\/\n        #premium-slider-wrapper h2 {\n            font-size: 3.5rem;\n            margin: 0 0 15px 0;\n            font-weight: 700;\n            letter-spacing: -1px;\n            line-height: 1.1;\n            text-shadow: 0 4px 10px rgba(0,0,0,0.3);\n        }\n\n        #premium-slider-wrapper p {\n            font-size: 1.25rem;\n            margin: 0 0 30px 0;\n            font-weight: 300;\n            line-height: 1.6;\n            opacity: 0.9;\n        }\n\n        \/* Bot\u00f3n *\/\n        #premium-slider-wrapper .slider-btn {\n            display: inline-block;\n            padding: 16px 40px;\n            background: #fff;\n            color: #000;\n            text-decoration: none !important;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-radius: 50px;\n            transition: all 0.3s ease;\n            font-size: 0.9rem;\n        }\n\n        #premium-slider-wrapper .slider-btn:hover {\n            background: #000;\n            color: #fff;\n            transform: translateY(-3px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        \/* Flechas *\/\n        #premium-slider-wrapper .slider-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            color: #fff;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            cursor: pointer;\n            z-index: 10;\n            transition: all 0.3s;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            backdrop-filter: blur(5px);\n            outline: none;\n        }\n\n        #premium-slider-wrapper .slider-nav:hover {\n            background: #fff;\n            color: #000;\n        }\n\n        #premium-slider-wrapper .slider-nav.prev { left: 30px; }\n        #premium-slider-wrapper .slider-nav.next { right: 30px; }\n\n        \/* Puntos *\/\n        #premium-slider-wrapper .slider-dots {\n            position: absolute;\n            bottom: 30px;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 12px;\n            z-index: 10;\n        }\n\n        #premium-slider-wrapper .dot {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.4);\n            cursor: pointer;\n            transition: all 0.3s;\n            border: none;\n            padding: 0;\n        }\n\n        #premium-slider-wrapper .dot:hover {\n            background: rgba(255, 255, 255, 0.8);\n        }\n\n        #premium-slider-wrapper .dot.active {\n            background: #fff;\n            transform: scale(1.3);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            #premium-slider-wrapper { height: 60vh !important; }\n            #premium-slider-wrapper h2 { font-size: 2.2rem; }\n            #premium-slider-wrapper p { font-size: 1rem; }\n            #premium-slider-wrapper .slider-nav { width: 40px; height: 40px; font-size: 1rem; }\n            #premium-slider-wrapper .slider-nav.prev { left: 15px; }\n            #premium-slider-wrapper .slider-nav.next { right: 15px; }\n        }\n    <\/style>\n\n    <!-- ESTRUCTURA HTML -->\n    <div class=\"slider-track\">\n        \n        <!-- Slide 1 -->\n        <div class=\"slide active\">\n            <div class=\"slide-bg\" style=\"background-image: url('https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/app\/uploads\/2026\/03\/557321768_32530786333175137_1168850883918446857_n.jpg?q=80&#038;w=1920&#038;auto=format&#038;fit=crop');\"><\/div>\n            <div class=\"slide-content\">\n                <h2>Innovaci\u00f3n Digital<\/h2>\n                <p>Llevamos tu negocio al siguiente nivel con tecnolog\u00eda de punta y dise\u00f1o estrat\u00e9gico.<\/p>\n                <a href=\"#\" class=\"slider-btn\">Descubrir M\u00e1s<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Slide 2 -->\n        <div class=\"slide\">\n            <div class=\"slide-bg\" style=\"background-image: url('https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/app\/uploads\/2026\/03\/557557207_32530786443175126_2352467365009905847_n.jpg?q=80&#038;w=1920&#038;auto=format&#038;fit=crop');\"><\/div>\n            <div class=\"slide-content\">\n                <h2>Dise\u00f1o Minimalista<\/h2>\n                <p>La elegancia reside en la simplicidad. Creamos experiencias visuales que impactan.<\/p>\n                <a href=\"#\" class=\"slider-btn\">Ver Proyectos<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Slide 3 -->\n        <div class=\"slide\">\n            <div class=\"slide-bg\" style=\"background-image: url('https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/app\/uploads\/2026\/03\/556701968_32530786413175129_3527539799136070588_n.jpg?q=80&#038;w=1920&#038;auto=format&#038;fit=crop');\"><\/div>\n            <div class=\"slide-content\">\n                <h2>Estrategia Global<\/h2>\n                <p>Conectamos marcas con audiencias en todo el mundo a trav\u00e9s de soluciones integrales.<\/p>\n                <a href=\"#\" class=\"slider-btn\">Contactar<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- Controles -->\n    <button class=\"slider-nav prev\" aria-label=\"Anterior\">&#10094;<\/button>\n    <button class=\"slider-nav next\" aria-label=\"Siguiente\">&#10095;<\/button>\n    <div class=\"slider-dots\"><\/div>\n\n    <!-- L\u00d3GICA JAVASCRIPT -->\n    <script>\n        (function() {\n            const slider = document.getElementById('premium-slider-wrapper');\n            const track = slider.querySelector('.slider-track');\n            const slides = Array.from(track.children);\n            const nextBtn = slider.querySelector('.slider-nav.next');\n            const prevBtn = slider.querySelector('.slider-nav.prev');\n            const dotsContainer = slider.querySelector('.slider-dots');\n            \n            let currentIndex = 0;\n            let autoPlayInterval;\n\n            \/\/ Crear puntos\n            slides.forEach((_, index) => {\n                const dot = document.createElement('button');\n                dot.classList.add('dot');\n                if (index === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => goToSlide(index));\n                dotsContainer.appendChild(dot);\n            });\n\n            const dots = Array.from(dotsContainer.children);\n\n            function updateClasses() {\n                track.style.transform = 'translateX(-' + (currentIndex * 100) + '%)';\n                slides.forEach(slide => slide.classList.remove('active'));\n                slides[currentIndex].classList.add('active');\n                dots.forEach(dot => dot.classList.remove('active'));\n                dots[currentIndex].classList.add('active');\n            }\n\n            function goToSlide(index) {\n                currentIndex = index;\n                if (currentIndex < 0) {\n                    currentIndex = slides.length - 1;\n                } else if (currentIndex >= slides.length) {\n                    currentIndex = 0;\n                }\n                updateClasses();\n                resetTimer();\n            }\n\n            function nextSlide() {\n                goToSlide(currentIndex + 1);\n            }\n\n            function prevSlide() {\n                goToSlide(currentIndex - 1);\n            }\n\n            nextBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                nextSlide();\n            });\n            \n            prevBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                prevSlide();\n            });\n\n            function startTimer() {\n                autoPlayInterval = setInterval(nextSlide, 5000); \n            }\n\n            function resetTimer() {\n                clearInterval(autoPlayInterval);\n                startTimer();\n            }\n\n            slider.addEventListener('mouseenter', () => clearInterval(autoPlayInterval));\n            slider.addEventListener('mouseleave', startTimer);\n\n            startTimer();\n        })();\n    <\/script>\n<\/div>\n<!-- FIN DEL SLIDER -->\n\n\n\n<!-- SECCI\u00d3N DE PRODUCTOS -->\n<section id=\"nuestros-productos\" class=\"products-section\">\n    <div class=\"container\">\n        <!-- Header de la secci\u00f3n -->\n        <div class=\"section-header\">\n            <span class=\"section-subtitle\">CAT\u00c1LOGO<\/span>\n            <h2 class=\"section-title\">Nuestros Productos<\/h2>\n            <p class=\"section-description\">\n                Ofrecemos insumos, herramientas y equipos de calidad especializados para viveros y plantaciones forestales. \n                Nuestro cat\u00e1logo incluye sustratos de alta calidad, bandejas y tubetes, mallas sombreadoras, \n                productos biol\u00f3gicos, herramientas de poda e injerto.\n            <\/p>\n        <\/div>\n\n        <!-- Grid de productos - 3 columnas centradas -->\n        <div class=\"products-grid\">\n            <!-- Producto 1: Bandejas y Tubetes -->\n            <div class=\"product-card\">\n                <div class=\"product-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?w=600&#038;h=400&#038;fit=crop\" alt=\"Bandejas y Tubetes\">\n                    <div class=\"product-overlay\">\n                        <a href=\"#bandejas\" class=\"btn-ver-mas\">Ver Productos<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <h3>Bandejas y Tubetes<\/h3>\n                    <p>De polipropileno con protecci\u00f3n UV para producci\u00f3n de plantas de alta calidad. Ideales para viveros forestales, agr\u00edcolas y ornamentales.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 2: Sustratos -->\n            <div class=\"product-card\">\n                <div class=\"product-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1416879595882-3373a0480b5b?w=600&#038;h=400&#038;fit=crop\" alt=\"Sustratos\">\n                    <div class=\"product-overlay\">\n                        <a href=\"#sustratos\" class=\"btn-ver-mas\">Ver Productos<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <h3>Sustratos<\/h3>\n                    <p>De calidad prefabricados a base de corteza de pino compostada y fibra de coco. Favorecen la germinaci\u00f3n y crecimiento radicular.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 3: Semillas -->\n            <div class=\"product-card\">\n                <div class=\"product-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455897841260-5e60582d998c?w=600&#038;h=400&#038;fit=crop\" alt=\"Semillas\">\n                    <div class=\"product-overlay\">\n                        <a href=\"#semillas\" class=\"btn-ver-mas\">Ver Productos<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <h3>Semillas<\/h3>\n                    <p>Forestales, frutales y ornamentales seleccionadas por su calidad y alta germinaci\u00f3n. Importadas y nacionales.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 4: Micorriza -->\n            <div class=\"product-card\">\n                <div class=\"product-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530836369250-ef72a3f5cda8?w=600&#038;h=400&#038;fit=crop\" alt=\"Micorriza\">\n                    <div class=\"product-overlay\">\n                        <a href=\"#micorriza\" class=\"btn-ver-mas\">Ver Productos<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <h3>Micorriza<\/h3>\n                    <p>Micorriza del g\u00e9nero Suillus luteus. Mejoran el desarrollo radicular y la retenci\u00f3n de humedad para un crecimiento m\u00e1s eficiente.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 5: Mallas Sombreadoras -->\n            <div class=\"product-card\">\n                <div class=\"product-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1466692476868-aef1dfb1e735?w=600&#038;h=400&#038;fit=crop\" alt=\"Mallas Sombreadoras\">\n                    <div class=\"product-overlay\">\n                        <a href=\"#mallas\" class=\"btn-ver-mas\">Ver Productos<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <h3>Mallas Sombreadoras<\/h3>\n                    <p>Utilizadas para proteger cultivos y viveros del exceso de radiaci\u00f3n solar. Disponibles en diversos colores y densidades.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 6: Herramientas -->\n            <div class=\"product-card\">\n                <div class=\"product-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092921461-eab62e97a782?w=600&#038;h=400&#038;fit=crop\" alt=\"Herramientas\">\n                    <div class=\"product-overlay\">\n                        <a href=\"#herramientas\" class=\"btn-ver-mas\">Ver Productos<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <h3>Herramientas de Poda<\/h3>\n                    <p>Especializadas para viveros y manejo forestal. Tijeras, serruchos, p\u00e9rtigas y herramientas de injertar de alta calidad.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Bot\u00f3n ver m\u00e1s -->\n        <div class=\"section-footer\">\n            <a href=\"\/productos\" class=\"btn-primary\">\n                <span>Ver Cat\u00e1logo Completo<\/span>\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M7.5 15L12.5 10L7.5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* Variables de color *\/\n:root {\n    --color-primary: #2d5a27;\n    --color-secondary: #4a7c43;\n    --color-accent: #8fbc55;\n    --color-dark: #1a1a1a;\n    --color-light: #f5f5f5;\n    --color-white: #ffffff;\n    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Reset y base *\/\n.products-section {\n    padding: 100px 0;\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n}\n\n\/* Container - 80% del ancho y centrado *\/\n.products-section .container {\n    width: 80% !important;\n    max-width: 1400px !important;\n    margin: 0 auto !important;\n    padding: 0 20px;\n    position: relative;\n}\n\n\/* Header de secci\u00f3n *\/\n.products-section .section-header {\n    text-align: center;\n    margin-bottom: 70px;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease forwards;\n}\n\n.products-section .section-subtitle {\n    display: inline-block;\n    color: var(--color-accent);\n    font-size: 14px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin-bottom: 15px;\n    position: relative;\n}\n\n.products-section .section-subtitle::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 3px;\n    background: var(--color-primary);\n    border-radius: 2px;\n}\n\n.products-section .section-title {\n    font-size: 48px;\n    color: var(--color-dark);\n    margin: 25px 0 20px;\n    font-weight: 700;\n    line-height: 1.2;\n}\n\n.products-section .section-description {\n    font-size: 18px;\n    color: #666;\n    max-width: 900px;\n    margin: 0 auto;\n    line-height: 1.8;\n}\n\n\/* Grid de productos - 3 columnas centradas *\/\n.products-section .products-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 35px;\n    margin-bottom: 60px;\n    justify-content: center;\n    justify-items: center;\n    width: 100%;\n}\n\n\/* Tarjeta de producto *\/\n.products-section .product-card {\n    background: var(--color-white);\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n    transition: var(--transition);\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeInUp 0.6s ease forwards;\n    width: 100%;\n    max-width: 400px;\n}\n\n.products-section .product-card:nth-child(1) { animation-delay: 0.1s; }\n.products-section .product-card:nth-child(2) { animation-delay: 0.2s; }\n.products-section .product-card:nth-child(3) { animation-delay: 0.3s; }\n.products-section .product-card:nth-child(4) { animation-delay: 0.4s; }\n.products-section .product-card:nth-child(5) { animation-delay: 0.5s; }\n.products-section .product-card:nth-child(6) { animation-delay: 0.6s; }\n\n.products-section .product-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n.products-section .product-image {\n    position: relative;\n    height: 280px;\n    overflow: hidden;\n}\n\n.products-section .product-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.products-section .product-card:hover .product-image img {\n    transform: scale(1.1);\n}\n\n.products-section .product-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(45, 90, 39, 0.9);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: var(--transition);\n}\n\n.products-section .product-card:hover .product-overlay {\n    opacity: 1;\n}\n\n.products-section .btn-ver-mas {\n    padding: 14px 32px;\n    background: var(--color-white);\n    color: var(--color-primary);\n    text-decoration: none;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transform: translateY(20px);\n    transition: var(--transition);\n}\n\n.products-section .product-card:hover .btn-ver-mas {\n    transform: translateY(0);\n}\n\n.products-section .btn-ver-mas:hover {\n    background: var(--color-accent);\n    color: var(--color-white);\n}\n\n.products-section .product-content {\n    padding: 30px;\n}\n\n.products-section .product-content h3 {\n    font-size: 24px;\n    color: var(--color-dark);\n    margin-bottom: 12px;\n    font-weight: 700;\n}\n\n.products-section .product-content p {\n    font-size: 15px;\n    color: #666;\n    line-height: 1.7;\n    margin: 0;\n}\n\n\/* Footer de secci\u00f3n *\/\n.products-section .section-footer {\n    text-align: center;\n}\n\n.products-section .btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 40px;\n    background: var(--color-primary);\n    color: var(--color-white);\n    text-decoration: none;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 16px;\n    transition: var(--transition);\n    box-shadow: 0 4px 15px rgba(45, 90, 39, 0.3);\n}\n\n.products-section .btn-primary:hover {\n    background: var(--color-secondary);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(45, 90, 39, 0.4);\n}\n\n.products-section .btn-primary svg {\n    transition: transform 0.3s ease;\n}\n\n.products-section .btn-primary:hover svg {\n    transform: translateX(5px);\n}\n\n\/* Animaciones *\/\n@keyframes fadeInUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n    .products-section .container {\n        width: 90% !important;\n        max-width: 90% !important;\n    }\n    \n    .products-section .products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n    }\n    \n    .products-section .section-title {\n        font-size: 36px;\n    }\n    \n    .products-section .section-description {\n        font-size: 16px;\n    }\n}\n\n@media (max-width: 768px) {\n    .products-section {\n        padding: 60px 0;\n    }\n    \n    .products-section .container {\n        width: 95% !important;\n        max-width: 95% !important;\n    }\n    \n    .products-section .products-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        justify-items: center;\n    }\n    \n    .products-section .product-card {\n        max-width: 100%;\n    }\n    \n    .products-section .section-title {\n        font-size: 32px;\n    }\n    \n    .products-section .product-image {\n        height: 240px;\n    }\n}\n\n\/* Efecto de carga al scroll *\/\n.products-section .product-card {\n    opacity: 0;\n    animation: none;\n}\n\n.products-section .product-card.visible {\n    opacity: 1;\n    animation: fadeInUp 0.6s ease forwards;\n}\n<\/style>\n\n<script>\n\/\/ Animaci\u00f3n al hacer scroll\ndocument.addEventListener('DOMContentLoaded', function() {\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const cards = document.querySelectorAll('.product-card');\n    cards.forEach(card => {\n        observer.observe(card);\n    });\n\n    \/\/ Efecto parallax suave en las im\u00e1genes\n    const productCards = document.querySelectorAll('.product-card');\n    productCards.forEach(card => {\n        card.addEventListener('mousemove', function(e) {\n            const rect = card.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n            \n            const img = card.querySelector('.product-image img');\n            const centerX = rect.width \/ 2;\n            const centerY = rect.height \/ 2;\n            \n            const rotateX = (y - centerY) \/ 20;\n            const rotateY = (centerX - x) \/ 20;\n            \n            img.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.1)`;\n        });\n        \n        card.addEventListener('mouseleave', function() {\n            const img = card.querySelector('.product-image img');\n            img.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) scale(1)';\n        });\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Innovaci\u00f3n Digital Llevamos tu negocio al siguiente nivel con tecnolog\u00eda de punta y dise\u00f1o estrat\u00e9gico. Descubrir M\u00e1s Dise\u00f1o Minimalista La [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":11,"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/arborizaciones.com\/arborizaciones-bedrock\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}