{"id":13,"date":"2026-05-16T16:07:00","date_gmt":"2026-05-16T16:07:00","guid":{"rendered":"https:\/\/practica5.suyendesigner.site\/?page_id=13"},"modified":"2026-05-16T17:19:45","modified_gmt":"2026-05-16T17:19:45","slug":"home","status":"publish","type":"page","link":"https:\/\/practica5.suyendesigner.site\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n\/* IMPORTAR FUENTES PREMIUM (Incluye Poppins para el Smoothie) *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Dancing+Script:wght@400;700&family=Lato:wght@300;400;700&family=Poppins:ital,wght@0,400;0,600;0,700;1,500&display=swap');\n\/* 1. CABECERA TRANSPARENTE *\/\nheader.site-header, header[data-id=\"header\"], .ct-header, .ast-main-header-wrap {\n    background: transparent !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    z-index: 999 !important;\n    box-shadow: none !important;\n    border-bottom: none !important;\n}\nheader .menu-item a, header .site-title a, header .site-title { color: #FFF8E1 !important; }\n\/* 2. CONTENEDOR PRINCIPAL *\/\n.hero-slider-container {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    overflow: hidden;\n    color: #FFF8E1;\n    font-family: 'Lato', sans-serif;\n}\n.hero-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 1s ease-in-out, visibility 1s;\n    z-index: 1;\n}\n.hero-slide.active { opacity: 1; visibility: visible; z-index: 2; }\n.hero-slide * { box-sizing: border-box; }\n.hero-video {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    min-width: 100%;\n    min-height: 100%;\n    width: auto;\n    height: auto;\n    object-fit: cover;\n    z-index: -1;\n}\n\/* 3. LAYOUT *\/\n.hero-content {\n    width: 100%;\n    max-width: 95%;\n    height: 100%;\n    padding: 0 2%;\n    display: flex;\n    justify-content: space-between;\n    position: relative;\n    z-index: 2;\n    gap: 20vw;\n}\n.left-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    text-align: left;\n    padding-bottom: 50px;\n}\n.right-col {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: flex-end;\n    text-align: right;\n    padding-bottom: 10vh;\n}\n\/* 4. ESTILOS BASE (Unificado a Poppins) *\/\n.big-title {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 800;\n    font-size: 5rem;\n    line-height: 0.95;\n    text-transform: uppercase;\n    margin: 0;\n    letter-spacing: 0px;\n    color: #FFF8E1;\n    text-shadow: 2px 2px 15px rgba(0,0,0,0.4);\n}\n.cursive-sub {\n    font-family: 'Dancing Script', cursive;\n    font-size: 3.5rem;\n    color: #E6BE8A;\n    margin-top: 15px;\n    line-height: 1;\n    transform: rotate(-5deg);\n    display: inline-block;\n    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);\n}\n.bottom-text {\n    font-family: 'Poppins', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 300;\n    font-style: normal;\n    line-height: 1.4;\n    max-width: 500px;\n    margin-bottom: 2.5rem;\n    color: #FDF5E6;\n    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);\n}\n.btn-buy-huge {\n    background: linear-gradient(135deg, #F9E4B7 0%, #D4AF37 50%, #B8860B 100%);\n    color: #3E2723;\n    font-family: 'Poppins', sans-serif;\n    font-size: 1.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    padding: 18px 50px;\n    border-radius: 50px;\n    text-decoration: none;\n    border: 2px solid #FFF8DC;\n    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);\n    transition: all 0.3s ease;\n    cursor: pointer;\n    display: inline-block;\n    letter-spacing: 1px;\n}\n.btn-buy-huge:hover { transform: scale(1.05); filter: brightness(1.1); }\n\/* --- OVERRIDES --- *\/\n.slide-strawberry .cursive-sub {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 500;\n    font-style: italic;\n    color: #FFC1CC;\n    font-size: 2.5rem;\n    transform: none;\n    letter-spacing: 1px;\n}\n.slide-strawberry .btn-buy-huge {\n    background: linear-gradient(135deg, #FFF176 0%, #FFD54F 50%, #FFB74D 100%);\n    color: #BF360C;\n    border: 2px solid #FFF;\n    box-shadow: 0 10px 20px rgba(255, 160, 0, 0.4);\n}\n\/* Puntos de navegaci\u00f3n *\/\n.slider-nav {\n    position: absolute;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 10;\n    display: flex;\n    gap: 15px;\n}\n.nav-dot {\n    width: 12px;\n    height: 12px;\n    background: rgba(255,248,225,0.4);\n    border: 1px solid #D4AF37;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n}\n.nav-dot.active { background: #D4AF37; transform: scale(1.3); }\n@media (max-width: 768px) {\n    .hero-content {\n        flex-direction: column;\n        justify-content: center;\n        padding-top: 100px;\n        gap: 2rem;\n        text-align: center;\n    }\n    .left-col, .right-col {\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding-bottom: 0;\n        flex: none;\n    }\n    .big-title { font-size: 3rem; }\n    .cursive-sub { font-size: 2.5rem; }\n    .bottom-text { font-size: 1.2rem; }\n    .btn-buy-huge { font-size: 1.2rem; padding: 12px 35px; }\n}\n<\/style>\n<div class=\"hero-slider-container\" id=\"heroSlider\">\n    <!-- SLIDE 1: CHOCOLATE (Classic Luxury) -->\n    <div class=\"hero-slide active\">\n        <video class=\"hero-video\" autoplay muted loop playsinline>\n            <source src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/salider_chocolate.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"hero-content\">\n            <div class=\"left-col\">\n                <h1 class=\"big-title\">DELICIOSO<br>CHOCOLATE<br>ARTESANAL<\/h1>\n                <span class=\"cursive-sub\">Oscuro Rico Sabroso<\/span>\n            <\/div>\n            <div class=\"right-col\">\n                <p class=\"bottom-text\">El mejor chocolate artesanal,<br>hecho con cacao organico,<br>delicioso sabor y textura,<br>pruebalo ya!<\/p>\n                <a href=\"\/tienda\" class=\"btn-buy-huge\">COMPRAR<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- SLIDE 2: FRESA (Fresh & Modern) -->\n    <div class=\"hero-slide slide-strawberry\">\n        <video class=\"hero-video\" autoplay muted loop playsinline>\n            <source src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/slider_malteada.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"hero-content\">\n            <div class=\"left-col\">\n                <h1 class=\"big-title\">NUEVO<br>SMOOTHIE<br>DE FRESA<\/h1>\n                <span class=\"cursive-sub\">Pruebalo en sucursal<\/span>\n            <\/div>\n            <div class=\"right-col\">\n                <p class=\"bottom-text\">Deliciosas fresas con<br>yogurt artesanal,<br>pidelo ya!<\/p>\n                <a href=\"\/tienda\" class=\"btn-buy-huge\">COMPRAR<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"slider-nav\">\n        <div class=\"nav-dot active\" onclick=\"changeSlide(0)\"><\/div>\n        <div class=\"nav-dot\" onclick=\"changeSlide(1)\"><\/div>\n    <\/div>\n<\/div>\n<script>\n(function() {\n    let currentSlide = 0;\n    const slides = document.querySelectorAll('.hero-slide');\n    const dots = document.querySelectorAll('.nav-dot');\n    const totalSlides = slides.length;\n    let slideInterval;\n    window.changeSlide = function(index) {\n        clearInterval(slideInterval);\n        showSlide(index);\n        startAutoPlay();\n    }\n    function showSlide(index) {\n        if(slides.length === 0) return;\n        slides.forEach(s => s.classList.remove('active'));\n        dots.forEach(d => d.classList.remove('active'));\n        \n        slides[index].classList.add('active');\n        dots[index].classList.add('active');\n        \n        const video = slides[index].querySelector('video');\n        if(video) {\n            video.currentTime = 0;\n            video.play();\n        }\n        currentSlide = index;\n    }\n    function nextSlide() {\n        let next = (currentSlide + 1) % totalSlides;\n        showSlide(next);\n    }\n    function startAutoPlay() {\n        slideInterval = setInterval(nextSlide, 5000); \/\/ Cambia cada 5 segundos\n    }\n    startAutoPlay();\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull parallax-section-wrapper is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n.parallax-section-wrapper {\n    background-image: url('https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/parallax_cacep1.webp'); \/* Imagen real proporcionada *\/\n    background-attachment: fixed;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    position: relative;\n    text-align: center;\n    \/* CAMBIO: Altura Pantalla Completa y Centrado *\/\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    \/* HACK AGRESIVO: Forzar subida para tapar huecos del tema *\/\n    margin-top: -50px !important;\n    z-index: 10;\n    position: relative;\n}\n\/* Overlay oscuro *\/\n.parallax-section-wrapper::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.6);\n    z-index: 0;\n}\n.parallax-content {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 5%;\n}\n\/* CAMBIO: TIPO DE LETRA POPPINS MEJORADO *\/\n.parallax-title {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 800; \/* Extra Bold *\/\n    font-size: 5rem; \/* M\u00e1s grande *\/\n    color: #FFF;\n    margin-bottom: 60px;\n    text-transform: uppercase;\n    letter-spacing: 0px; \/* M\u00e1s compacto y moderno *\/\n    line-height: 1;\n    text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n}\n.parallax-title span {\n    color: #D4AF37; \/* Acento dorado *\/\n    display: block;\n    font-size: 0.5em;\n    font-weight: 400;\n    letter-spacing: 5px;\n    margin-bottom: 15px;\n}\n\/* ANIMACION MAS LENTA *\/\n.prod-slider-track {\n    animation-duration: 60s !important; \/* 60 segundos (M\u00e1s lento) *\/\n}\n<\/style>\n<div class=\"parallax-content\">\n    <h2 class=\"parallax-title\">\n        <span>DESCUBRE<\/span>\n        PRUEBA LO NUEVO\n    <\/h2>\n    <!-- Shortcode del Slider -->\n            <style>\n        \/* ESTILOS DEL SLIDER DE PRODUCTOS *\/\n        .prod-slider-wrapper {\n            width: 100%;\n            overflow: hidden;\n            position: relative;\n            padding: 40px 0;\n        }\n        .prod-slider-track {\n            display: flex;\n            gap: 30px;\n            animation: scrollProducts 30s linear infinite; \/* Auto Scroll Continuo *\/\n            width: max-content;\n        }\n        .prod-slider-track:hover {\n            animation-play-state: paused; \/* Pausar al pasar el mouse *\/\n        }\n        @keyframes scrollProducts {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); } \/* Moverse la mitad si duplicamos contenido *\/\n        }\n        .prod-card {\n            width: 280px;\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 15px;\n            padding: 20px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s;\n            flex-shrink: 0;\n        }\n        .prod-card:hover {\n            transform: translateY(-10px);\n        }\n        .prod-img {\n            width: 100%;\n            height: 200px;\n            object-fit: contain;\n            margin-bottom: 15px;\n            border-radius: 10px;\n        }\n        .prod-title {\n            font-family: 'Poppins', sans-serif;\n            font-weight: 600;\n            font-size: 1.1rem;\n            color: #3E2723;\n            margin: 10px 0;\n            line-height: 1.2;\n        }\n        .prod-price {\n            font-family: 'Lato', sans-serif;\n            font-weight: 700;\n            color: #D4AF37;\n            font-size: 1.2rem;\n            margin-bottom: 15px;\n            display: block;\n        }\n        .prod-btn {\n            background: #3E2723;\n            color: #fff;\n            padding: 10px 20px;\n            text-decoration: none;\n            border-radius: 25px;\n            font-size: 0.9rem;\n            display: inline-block;\n            transition: background 0.3s;\n        }\n        .prod-btn:hover {\n            background: #5D4037;\n        }\n        <\/style>\n        <div class=\"prod-slider-wrapper\">\n            <div class=\"prod-slider-track\">\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/download.jpeg\" class=\"prod-img\" alt=\"Cubitos de chocolate con semillas, 250g\">\n                    <h3 class=\"prod-title\">Cubitos de chocolate con semillas, 250g<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1111\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-4.jpeg\" class=\"prod-img\" alt=\"Pasas con chocolate semi amargo. Confirutas 400 g\">\n                    <h3 class=\"prod-title\">Pasas con chocolate semi amargo. Confirutas 400 g<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1109\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-2.jpeg\" class=\"prod-img\" alt=\"Primate ca 250g, medio (verde)\">\n                    <h3 class=\"prod-title\">Primate ca 250g, medio (verde)<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1107\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-1.jpeg\" class=\"prod-img\" alt=\"Chocolate de mesa a la le\u00f1a, 4 tablillas\">\n                    <h3 class=\"prod-title\">Chocolate de mesa a la le\u00f1a, 4 tablillas<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1105\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images.jpeg\" class=\"prod-img\" alt=\"Barra de 85g Chocolate blanco con almendras\">\n                    <h3 class=\"prod-title\">Barra de 85g Chocolate blanco con almendras<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1103\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/BARRA_85GR_32-300x300.webp\" class=\"prod-img\" alt=\"Barra de 85g Chocolate Blanco\">\n                    <h3 class=\"prod-title\">Barra de 85g Chocolate Blanco<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1101\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/BARRA_85GR_42-300x300.webp\" class=\"prod-img\" alt=\"Barra de 85g Chocolate Claro con Leche\">\n                    <h3 class=\"prod-title\">Barra de 85g Chocolate Claro con Leche<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1099\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-3.jpeg\" class=\"prod-img\" alt=\"Cajita de barritas surtidas Paq de 12(con semillas), 12pz\">\n                    <h3 class=\"prod-title\">Cajita de barritas surtidas Paq de 12(con semillas), 12pz<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1087\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <!-- DUPLICAR PARA LOOP INFINITO (Truco visual r\u00e1pido) -->\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/download.jpeg\" class=\"prod-img\" alt=\"Cubitos de chocolate con semillas, 250g\">\n                    <h3 class=\"prod-title\">Cubitos de chocolate con semillas, 250g<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1111\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-4.jpeg\" class=\"prod-img\" alt=\"Pasas con chocolate semi amargo. Confirutas 400 g\">\n                    <h3 class=\"prod-title\">Pasas con chocolate semi amargo. Confirutas 400 g<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1109\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-2.jpeg\" class=\"prod-img\" alt=\"Primate ca 250g, medio (verde)\">\n                    <h3 class=\"prod-title\">Primate ca 250g, medio (verde)<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1107\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-1.jpeg\" class=\"prod-img\" alt=\"Chocolate de mesa a la le\u00f1a, 4 tablillas\">\n                    <h3 class=\"prod-title\">Chocolate de mesa a la le\u00f1a, 4 tablillas<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1105\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images.jpeg\" class=\"prod-img\" alt=\"Barra de 85g Chocolate blanco con almendras\">\n                    <h3 class=\"prod-title\">Barra de 85g Chocolate blanco con almendras<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1103\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/BARRA_85GR_32-300x300.webp\" class=\"prod-img\" alt=\"Barra de 85g Chocolate Blanco\">\n                    <h3 class=\"prod-title\">Barra de 85g Chocolate Blanco<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1101\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/BARRA_85GR_42-300x300.webp\" class=\"prod-img\" alt=\"Barra de 85g Chocolate Claro con Leche\">\n                    <h3 class=\"prod-title\">Barra de 85g Chocolate Claro con Leche<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1099\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                                <div class=\"prod-card\">\n                    <img decoding=\"async\" src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/images-3.jpeg\" class=\"prod-img\" alt=\"Cajita de barritas surtidas Paq de 12(con semillas), 12pz\">\n                    <h3 class=\"prod-title\">Cajita de barritas surtidas Paq de 12(con semillas), 12pz<\/h3>\n                    <span class=\"prod-price\"><\/span>\n                    <a href=\"https:\/\/practica5.suyendesigner.site\/?product=import-placeholder-for-1087\" class=\"prod-btn\">\n                        Read more                    <\/a>\n                <\/div>\n                            <\/div>\n        <\/div>\n        \n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull opinions-section-wrapper is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n\/* IMPORTAR FUENTES (Si no est\u00e1n cargadas ya) *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;800&display=swap');\n.opinions-section-wrapper {\n    background-color: #2D1E17; \/* Chocolate Oscuro S\u00f3lido *\/\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    padding: 50px 20px;\n    \/* HACK: Margen Negativo para unir con la secci\u00f3n anterior *\/\n    margin-top: -50px !important;\n    z-index: 10;\n}\n.opinions-container {\n    max-width: 1200px;\n    width: 100%;\n    text-align: center;\n}\n.opinions-title {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 800;\n    font-size: 3.5rem;\n    color: #F4E4BC; \/* Crema Dorado *\/\n    text-transform: uppercase;\n    margin-bottom: 60px;\n    letter-spacing: 1px;\n    position: relative;\n    display: inline-block;\n}\n\/* Adorno debajo del t\u00edtulo *\/\n.opinions-title::after {\n    content: '';\n    display: block;\n    width: 60%;\n    height: 4px;\n    background: #D4AF37;\n    margin: 10px auto 0;\n    border-radius: 2px;\n}\n.testimonials-grid {\n    display: flex;\n    justify-content: center;\n    gap: 30px;\n    flex-wrap: wrap;\n}\n.testimonial-card {\n    background: rgba(255,255,255,0.05); \/* Cristal sutil *\/\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 20px;\n    padding: 40px 30px;\n    flex: 1;\n    min-width: 300px;\n    max-width: 350px;\n    text-align: left;\n    transition: transform 0.3s, background 0.3s;\n}\n.testimonial-card:hover {\n    transform: translateY(-10px);\n    background: rgba(255,255,255,0.1);\n}\n.stars {\n    color: #FFD700;\n    font-size: 1.2rem;\n    margin-bottom: 20px;\n}\n.quote-text {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 1rem;\n    color: #E0E0E0;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-style: italic;\n}\n.client-info {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n.client-avatar {\n    width: 50px;\n    height: 50px;\n    background: #D4AF37;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: bold;\n    color: #2D1E17;\n    font-size: 1.2rem;\n}\n.client-name {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600;\n    color: #FFF;\n    font-size: 1.1rem;\n}\n.client-role {\n    display: block;\n    font-size: 0.8rem;\n    color: #AAA;\n    font-weight: 400;\n}\n@media (max-width: 768px) {\n    .opinions-title { font-size: 2.5rem; }\n    .testimonials-grid { flex-direction: column; align-items: center; }\n    .testimonial-card { width: 100%; max-width: 100%; }\n}\n<\/style>\n<div class=\"opinions-container\">\n    <h2 class=\"opinions-title\">Qu\u00e9 Dicen Nuestros Clientes<\/h2>\n    <div class=\"testimonials-grid\">\n        <!-- Opini\u00f3n 1 -->\n        <div class=\"testimonial-card\">\n            <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <p class=\"quote-text\">&#8220;El mejor chocolate artesanal que he probado en a\u00f1os. La textura es incre\u00edble y el sabor del smoothie de fresa es simplemente adictivo. \u00a1Volver\u00e9 seguro!&#8221;<\/p>\n            <div class=\"client-info\">\n                <div class=\"client-avatar\">M<\/div>\n                <div>\n                    <span class=\"client-name\">Mar\u00eda Gonz\u00e1lez<\/span>\n                    <span class=\"client-role\">Cliente Frecuente<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Opini\u00f3n 2 -->\n        <div class=\"testimonial-card\">\n            <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <p class=\"quote-text\">&#8220;Me encanta la presentaci\u00f3n y la calidad de los ingredientes. Ped\u00ed una caja de regalo y qued\u00e9 fascinado. 100% recomendado para los amantes del cacao.&#8221;<\/p>\n            <div class=\"client-info\">\n                <div class=\"client-avatar\">C<\/div>\n                <div>\n                    <span class=\"client-name\">Carlos Ruiz<\/span>\n                    <span class=\"client-role\">Amante del Chocolate<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Opini\u00f3n 3 -->\n        <div class=\"testimonial-card\">\n            <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <p class=\"quote-text\">&#8220;Una experiencia gourmet \u00fanica. Desde el aroma al entrar a la tienda hasta el \u00faltimo bocado. El servicio es excelente y los productos de primera.&#8221;<\/p>\n            <div class=\"client-info\">\n                <div class=\"client-avatar\">S<\/div>\n                <div>\n                    <span class=\"client-name\">Sof\u00eda L.<\/span>\n                    <span class=\"client-role\">Foodie<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull process-section-wrapper is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n\/* IMPORTAR FUENTES (Si no est\u00e1n cargadas ya) *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poppins:wght@300;400;600&display=swap');\n.process-section-wrapper {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    color: #FFF;\n    \/* HACK: Margen Negativo para unir con la secci\u00f3n anterior Y EL FOOTER *\/\n    margin-top: -50px !important;\n    margin-bottom: -100px !important; \/* Jalar el footer hacia arriba *\/\n    z-index: 10;\n    padding-bottom: 50px; \/* Compensar visualmente el contenido si es necesario *\/\n}\n\/* VIDEO DE FONDO *\/\n.process-video {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    min-width: 100%;\n    min-height: 100%;\n    width: auto;\n    height: auto;\n    object-fit: cover;\n    z-index: -1;\n}\n\/* OVERLAY OSCURO PARA LEGIBILIDAD *\/\n.process-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);\n    z-index: 0;\n}\n.process-content {\n    position: relative;\n    z-index: 1;\n    max-width: 900px;\n    padding: 0 20px;\n}\n\/* SUBTITULO PEQUE\u00d1O *\/\n.process-subtitle {\n    font-family: 'Poppins', sans-serif;\n    font-size: 1rem;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n    color: #D4AF37; \/* Dorado *\/\n    margin-bottom: 20px;\n    display: block;\n    font-weight: 600;\n    opacity: 0;\n    animation: fadeInMethod 1.5s ease-out forwards;\n}\n\/* TITULO PRINCIPAL *\/\n.process-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 5rem;\n    font-weight: 700;\n    font-style: italic;\n    color: #FFF8E1;\n    margin: 0 0 30px 0;\n    line-height: 1;\n    text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n    opacity: 0;\n    animation: slideUpMethod 1s ease-out 0.3s forwards;\n}\n\/* PARRAFO *\/\n.process-text {\n    font-family: 'Poppins', sans-serif;\n    font-size: 1.2rem;\n    font-weight: 300;\n    line-height: 1.8;\n    color: #E0E0E0;\n    margin-bottom: 40px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    opacity: 0;\n    animation: slideUpMethod 1s ease-out 0.6s forwards;\n}\n\/* BOTON *\/\n.btn-process {\n    background: transparent;\n    color: #FFF;\n    font-family: 'Poppins', sans-serif;\n    font-size: 1rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    padding: 15px 40px;\n    border: 2px solid #D4AF37;\n    border-radius: 50px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    display: inline-block;\n    letter-spacing: 2px;\n    opacity: 0;\n    animation: slideUpMethod 1s ease-out 0.9s forwards;\n}\n.btn-process:hover {\n    background: #D4AF37;\n    color: #2D1E17;\n    box-shadow: 0 0 20px rgba(212, 175, 55, 0.5);\n}\n\/* ANIMACIONES *\/\n@keyframes fadeInMethod {\n    to { opacity: 1; }\n}\n@keyframes slideUpMethod {\n    from { transform: translateY(30px); opacity: 0; }\n    to { transform: translateY(0); opacity: 1; }\n}\n@media (max-width: 768px) {\n    .process-title { font-size: 3rem; }\n    .process-text { font-size: 1rem; }\n}\n<\/style>\n<div class=\"process-section-wrapper\">\n    <!-- VIDEO BACKGROUND -->\n    <video class=\"process-video\" autoplay muted loop playsinline>\n        <source src=\"https:\/\/practica5.suyendesigner.site\/wp-content\/uploads\/2026\/05\/seccion_proceso.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"process-overlay\"><\/div>\n    <div class=\"process-content\">\n        <span class=\"process-subtitle\">El Proceso&#8230;<\/span>\n        <h2 class=\"process-title\">Chocolate 100% Mexicano<\/h2>\n        <p class=\"process-text\">\n            Desde Tabasco M\u00e9xico, somos una empresa internacional. Cada bocado de chocolate es creado con amor y cultivado por nosotros. Tenemos m\u00e1s de 30 a\u00f1os en el mercado. Cualquier queja o sugerencia puedes contactarnos y ten por seguro que te responderemos lo m\u00e1s r\u00e1pido posible.\n        <\/p>\n        <a href=\"\/tienda\" class=\"btn-process\">Ver Todos los Productos<\/a>\n    <\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DELICIOSOCHOCOLATEARTESANAL Oscuro Rico Sabroso El mejor chocolate artesanal,hecho con cacao organico,delicioso sabor y textura,pruebalo ya! COMPRAR NUEVOSMOOTHIEDE FRESA Pruebalo en sucursal Deliciosas fresas conyogurt artesanal,pidelo ya! COMPRAR DESCUBRE PRUEBA LO NUEVO Qu\u00e9 Dicen Nuestros Clientes \u2605\u2605\u2605\u2605\u2605 &#8220;El mejor chocolate artesanal que he probado en a\u00f1os. La textura es incre\u00edble y el sabor del smoothie de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":5,"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/practica5.suyendesigner.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}