GastroVital – Landing Page<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/* =========================================\n 1. VARIABLES Y CONFIGURACI\u00d3N BASE\n ========================================= *\/\n\n :root {\n --rojo-sello: #D32F2F; \n --rojo-borde: #B71C1C; \n --amarillo-texto: #FFEB3B; \n --blanco-texto: #FFFFFF;\n }\n\n\n .gv-landing-wrapper {\n font-family: 'Montserrat', sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f9fcfd;\n overflow-x: hidden; \/* Evita scroll horizontal accidental *\/\n box-sizing: border-box;\n margin: 0; padding: 0;\n\n \/* PALETA DE COLORES *\/\n --gv-blue: #0a3f6b;\n --gv-teal: #2a9d8f;\n --gv-green-start: #66bb6a;\n --gv-green-end: #aed581;\n --gv-gray: #666;\n --gv-light: #f4f7f6;\n --gv-white: #ffffff;\n \n \/* SOMBRAS Y BORDES *\/\n --gv-shadow: 0 10px 30px rgba(0,0,0,0.08);\n --gv-radius: 20px;\n }\n\n \/* Resets dentro del wrapper *\/\n .gv-landing-wrapper * { box-sizing: border-box; }\n .gv-landing-wrapper img { max-width: 100%; height: auto; display: block; }\n .gv-landing-wrapper a { text-decoration: none; color: inherit; transition: 0.3s; }\n .gv-landing-wrapper h1, .gv-landing-wrapper h2, .gv-landing-wrapper h3, .gv-landing-wrapper p { margin: 0 0 15px 0; }\n\n \/* CONTENEDOR CENTRAL *\/\n .gv-container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* TITULOS DE SECCI\u00d3N *\/\n .gv-section-heading {\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--gv-blue);\n text-transform: uppercase;\n margin-bottom: 40px;\n position: relative;\n display: inline-block;\n }\n .gv-section-heading::after {\n content: ''; position: absolute; bottom: -10px; left: 0;\n width: 60px; height: 4px; border-radius: 2px;\n background: linear-gradient(to right, var(--gv-blue), var(--gv-teal));\n }\n .gv-center-text { text-align: center; }\n .gv-center-text .gv-section-heading::after { left: 50%; transform: translateX(-50%); }\n\n \/* BOTONES *\/\n .gv-btn {\n display: inline-block; padding: 14px 35px;\n background: linear-gradient(to right, var(--gv-green-start), var(--gv-green-end));\n color: white; font-weight: 700; text-transform: uppercase;\n border-radius: 5px; border: none; cursor: pointer; text-align: center;\n box-shadow: 0 4px 15px rgba(102, 187, 106, 0.4);\n }\n .gv-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(102, 187, 106, 0.5); }\n\n\n \/* =========================================\n 2. SECCIONES (ESTRUCTURA)\n ========================================= *\/\n \n \/* --- HERO --- *\/\n .gv-hero {\n padding: 80px 0;\n background: linear-gradient(135deg, #ebf4f5 0%, #ffffff 100%);\n position: relative; overflow: hidden;\n }\n .gv-hero-flex {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n }\n .gv-hero-content { flex: 1; z-index: 2; }\n .gv-hero-title { font-size: 3.5rem; font-weight: 800; line-height: 1.1; color: var(--gv-blue); }\n .gv-hero-title span { color: var(--gv-teal); }\n .gv-hero-subtitle { font-size: 1.2rem; color: var(--gv-gray); margin-bottom: 30px; }\n \n .gv-hero-img-wrap { flex: 1; position: relative; display: flex; justify-content: center; }\n .gv-hero-product-img { width: 80%; filter: drop-shadow(0 20px 30px rgba(10, 63, 107, 0.2)); z-index: 2; }\n \n \/* Tag Flotante *\/\n .gv-float-tag {\n position: absolute; bottom: 10%; right: 5%; z-index: 3;\n background: rgba(255,255,255,0.8); backdrop-filter: blur(10px);\n padding: 15px 25px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.5);\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n }\n .gv-tag-main { display: block; font-weight: 800; color: var(--gv-blue); }\n .gv-tag-sub { font-size: 0.85rem; color: var(--gv-teal); }\n\n \/* Decoraciones Globales (Hojas\/Esferas) *\/\n .gv-deco { position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; }\n .gv-leaf-1 { top: -50px; left: -50px; width: 250px; height: 250px; background: radial-gradient(circle, var(--gv-green-end), transparent 70%); opacity: 0.5; filter: blur(40px); }\n .gv-leaf-2 { bottom: 0; right: -50px; width: 300px; height: 300px; background: radial-gradient(circle, var(--gv-teal), transparent 70%); opacity: 0.2; filter: blur(50px); }\n\n\n \/* --- COMPARATIVA (GR\u00c1FICA) --- *\/\n .gv-section-info { padding: 100px 0; background-color: #fff; }\n .gv-info-layout { display: flex; align-items: center; gap: 60px; } \/* Flex para escritorio *\/\n \n \/* Tarjeta Gr\u00e1fica *\/\n .gv-chart-card {\n flex: 1;\n background: var(--gv-white); border-radius: var(--gv-radius);\n padding: 40px; box-shadow: var(--gv-shadow); border: 1px solid rgba(0,0,0,0.02);\n }\n .gv-chart-header { text-align: center; margin-bottom: 40px; }\n .gv-chart-header h3 { color: var(--gv-blue); font-weight: 800; text-transform: uppercase; margin-bottom: 5px; }\n .gv-chart-header span { color: var(--gv-teal); font-weight: 600; }\n\n \/* Filas de la gr\u00e1fica *\/\n .gv-comp-row {\n display: flex; align-items: center; justify-content: space-between;\n margin-bottom: 30px; position: relative;\n }\n .gv-side { flex: 1; display: flex; align-items: center; }\n .gv-side-left { justify-content: flex-end; text-align: right; }\n .gv-side-right { justify-content: flex-start; text-align: left; }\n \n \/* Textos y Iconos *\/\n .gv-comp-txt h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; }\n .gv-comp-txt p { font-size: 0.9rem; color: #888; margin: 0; }\n .gv-txt-gray { color: var(--gv-gray); }\n .gv-txt-blue { color: var(--gv-blue); }\n\n .gv-icon {\n width: 60px; height: 60px; border-radius: 50%; flex-shrink: 0;\n display: flex; justify-content: center; align-items: center;\n border: 3px solid; margin: 0 15px;\n }\n .gv-icon svg { width: 28px; height: 28px; }\n .gv-icon-bad { border-color: #e0e0e0; background: #f9f9f9; color: #aaa; }\n .gv-icon-good { border-color: var(--gv-teal); background: #e0f2f1; color: var(--gv-teal); box-shadow: 0 5px 15px rgba(42, 157, 143, 0.2); }\n\n \/* Conector VS *\/\n .gv-connector { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; }\n .gv-vs-badge {\n width: 40px; height: 40px; border-radius: 50%;\n background: linear-gradient(135deg, var(--gv-blue), var(--gv-teal));\n color: white; font-weight: 800; font-size: 0.8rem;\n display: flex; justify-content: center; align-items: center;\n border: 3px solid white; z-index: 2; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .gv-line { width: 60px; height: 10px; background: #f0f0f0; } \/* L\u00ednea decorativa escritorio *\/\n .gv-line-l { border-radius: 10px 0 0 10px; margin-right: -5px; }\n .gv-line-r { border-radius: 0 10px 10px 0; margin-left: -5px; background: linear-gradient(to right, #f0f0f0, #e0f2f1); }\n\n .gv-badge-win {\n display: inline-block; background: linear-gradient(to right, var(--gv-green-start), var(--gv-green-end));\n color: white; font-size: 0.7rem; font-weight: 800; padding: 4px 10px; border-radius: 10px; margin-top: 5px;\n }\n\n \/* Columna de Texto Lateral *\/\n .gv-info-text-col { flex: 1; }\n .gv-stat-box {\n display: flex; gap: 20px; align-items: center; margin-top: 30px; padding: 25px;\n background: var(--gv-light); border-radius: 15px; border-left: 6px solid var(--gv-teal);\n }\n .gv-stat-num { font-size: 3rem; font-weight: 800; color: var(--gv-teal); line-height: 1; }\n\n\n \/* --- BENEFICIOS (GRID) --- *\/\n .gv-section-benefits { padding: 80px 0 100px; background: var(--gv-light); }\n .gv-benefits-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* 3 Columnas por defecto *\/\n gap: 30px;\n margin-top: 50px;\n }\n .gv-benefit-card {\n background: white; border-radius: var(--gv-radius); overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.03); display: flex; flex-direction: column;\n transition: transform 0.3s;\n }\n .gv-benefit-card:hover { transform: translateY(-10px); }\n \n .gv-card-img { height: 200px; background: #ddd; overflow: hidden; }\n .gv-card-img img { width: 100%; height: 100%; object-fit: cover; }\n .gv-card-content { padding: 30px; flex: 1; display: flex; flex-direction: column; }\n .gv-card-content h3 { color: var(--gv-blue); font-size: 1.2rem; font-weight: 700; text-transform: uppercase; }\n .gv-card-content p { color: var(--gv-gray); font-size: 0.95rem; margin-bottom: 25px; flex-grow: 1; }\n\n\n \/* --- TESTIMONIOS (GLASSMORPHISM) --- *\/\n .gv-testimonials {\n padding: 80px 0 120px;\n background: linear-gradient(135deg, #f0f4f8 0%, #e6f7f5 100%);\n position: relative; overflow: hidden;\n }\n \/* Esferas decorativas *\/\n .gv-sphere { position: absolute; border-radius: 50%; pointer-events: none; }\n .gv-sp-1 { width: 200px; height: 200px; background: linear-gradient(var(--gv-blue), #4a90e2); top: 10%; left: -50px; opacity: 0.1; }\n .gv-sp-2 { width: 150px; height: 150px; background: linear-gradient(var(--gv-teal), #64d8cb); bottom: 10%; right: -30px; opacity: 0.1; }\n\n .gv-carousel {\n display: flex; overflow-x: auto; gap: 30px; padding: 20px 10px 50px;\n scroll-snap-type: x mandatory; scrollbar-width: none;\n z-index: 2; position: relative;\n }\n .gv-carousel::-webkit-scrollbar { display: none; }\n\n .gv-glass-card {\n flex: 0 0 320px; scroll-snap-align: center;\n background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255,255,255,0.8); border-radius: 24px;\n padding: 30px; text-align: center;\n box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);\n display: flex; flex-direction: column; align-items: center;\n }\n \n .gv-user-img { width: 70px; height: 70px; border-radius: 50%; margin-bottom: 15px; border: 3px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1); object-fit: cover; }\n .gv-stars { color: #FFD700; letter-spacing: 2px; margin-bottom: 15px; }\n .gv-ver { margin-top: auto; font-size: 0.75rem; color: var(--gv-teal); font-weight: 700; display: flex; align-items: center; gap: 5px; background: rgba(255,255,255,0.6); padding: 5px 12px; border-radius: 20px; }\n .gv-ver svg { width: 12px; fill: var(--gv-teal); }\n\n\n \/* =========================================\n 3. MEDIA QUERIES (RESPONSIVE STACKING)\n ========================================= *\/\n @media (max-width: 900px) {\n .gv-hero-title { font-size: 2.5rem; }\n .gv-info-layout { flex-direction: column; } \/* Apila la gr\u00e1fica sobre el texto *\/\n .gv-benefits-grid { grid-template-columns: 1fr; max-width: 500px; margin: 40px auto 0; } \/* 1 Columna *\/\n \n \/* Hero Stack *\/\n .gv-hero-flex { flex-direction: column-reverse; text-align: center; }\n .gv-hero-content { width: 100%; }\n .gv-hero-img-wrap { width: 100%; margin-bottom: 30px; }\n .gv-hero-product-img { width: 60%; max-width: 300px; }\n .gv-float-tag { right: 50%; transform: translateX(50%); bottom: -20px; white-space: nowrap; }\n\n \/* Gr\u00e1fica Stack (Apilamiento interno) *\/\n .gv-chart-card { width: 100%; padding: 30px 20px; }\n .gv-comp-row { flex-direction: column; gap: 15px; padding-bottom: 20px; border-bottom: 1px dashed #eee; text-align: center; }\n \n .gv-side { width: 100%; justify-content: center !important; text-align: center !important; flex-direction: column; }\n \/* Reordenar para m\u00f3vil: Icono arriba, texto abajo *\/\n .gv-side-left { flex-direction: column-reverse; } \n \n .gv-icon { margin: 10px 0; }\n \n \/* Simplificar conector en m\u00f3vil *\/\n .gv-connector { position: relative; top: 0; left: 0; transform: none; margin: 10px 0; }\n .gv-line { display: none; } \/* Ocultar l\u00edneas laterales del VS *\/\n .gv-vs-badge { width: 35px; height: 35px; font-size: 0.75rem; }\n\n .gv-glass-card { flex: 0 0 280px; } \/* Tarjetas m\u00e1s angostas *\/\n }\n\n\/* --- ACTUALIZA ESTO EN TU CSS --- *\/\n\n\/* 1. GRID: Agregamos align-items: start para evitar que se estiren las vecinas *\/\n.gv-benefits-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 50px;\n align-items: start; \/* <--- ESTA ES LA CLAVE *\/\n}\n\n\/* 2. RESPONSIVE: Aseguramos que en m\u00f3vil se vea bien *\/\n@media (max-width: 900px) {\n .gv-benefits-grid { \n grid-template-columns: 1fr; \n max-width: 500px; \n margin: 40px auto 0;\n \/* En m\u00f3vil align-items da igual porque est\u00e1n una sobre otra, \n pero no estorba *\/\n }\n}\n\n\/* 3. ESTILOS DEL ACORDE\u00d3N (Igual que antes, para referencia) *\/\n.gv-hidden-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: max-height 0.4s ease-out, opacity 0.4s ease-out;\n background-color: #f9fcfd;\n border-radius: 8px;\n margin-top: 0; \/* Ajuste para que no ocupe espacio cerrado *\/\n}\n\n.gv-hidden-content.gv-show {\n max-height: 500px; \/* Suficiente para el contenido *\/\n opacity: 1;\n margin-top: 15px;\n padding: 15px;\n border: 1px solid rgba(0,0,0,0.05);\n}\n\n.gv-details-list {\n text-align: left;\n margin: 0;\n padding-left: 20px;\n font-size: 0.85rem;\n color: var(--gv-gray);\n}\n.gv-details-list li { margin-bottom: 8px; }\n.gv-details-list strong { color: var(--gv-teal); }\n\n.gv-btn-toggle { cursor: pointer; user-select: none; }\n\n\n\n\n\/* ========================================= *\/\n \/* --- ESTILOS DEL BOT\u00d3N SELLO ROJO (AJUSTADO) --- *\/\n \/* ========================================= *\/\n\n \/* Animaciones *\/\n @keyframes spin-slow {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n @keyframes pulse-float {\n 0%, 100% { transform: scale(1) translateY(0); }\n 50% { transform: scale(1.05) translateY(-5px); }\n }\n\n \/* Contenedor Bot\u00f3n *\/\n .red-seal-button {\n position: absolute;\n top: 120px;\n right: -145px;\n width: 250px;\n height: 250px;\n text-decoration: none; \/* Asegura que no haya subrayado *\/\n \n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n \n text-decoration: none;\n cursor: pointer;\n z-index: 20;\n\n animation: pulse-float 3s ease-in-out infinite;\n transition: transform 0.3s ease;\n }\n\n .red-seal-button:hover {\n transform: scale(1.1); \n }\n\n \/* 1. Fondo principal y dentado (Capa que gira) *\/\n .seal-background {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n \n \/* TRUCO CLAVE: Usamos un gradiente c\u00f3nico para crear la ilusi\u00f3n de engranaje\/sello *\/\n background: repeating-conic-gradient(\n var(--rojo-sello) 0% 1.5%, \/* Sector rojo *\/\n var(--rojo-borde) 1.5% 3% \/* Sector de borde (un poco m\u00e1s oscuro) *\/\n );\n border: 4px solid var(--rojo-borde); \n box-shadow: 0 10px 25px rgba(0,0,0,0.5);\n \n \/* Animaci\u00f3n de rotaci\u00f3n continua *\/\n animation: spin-slow 12s linear infinite;\n }\n\n \/* 2. C\u00edrculo Rojo Interno (Capa que tapa el gradiente c\u00f3nico en el centro) *\/\n .seal-inner-fill {\n position: absolute;\n top: 8%; \/* Ajusta el tama\u00f1o de los \"dientes\" *\/\n left: 8%;\n right: 8%;\n bottom: 8%;\n background: var(--rojo-sello); \/* Relleno rojo s\u00f3lido *\/\n border-radius: 50%;\n z-index: 1;\n }\n\n \/* 3. Anillo blanco decorativo (Ahora es una capa sobre el relleno rojo) *\/\n .seal-inner-ring {\n position: absolute;\n top: 15px; \n left: 15px; \n right: 15px; \n bottom: 15px;\n border: 2px solid rgba(255, 255, 255, 0.8);\n border-radius: 50%;\n z-index: 2;\n pointer-events: none;\n }\n\n \/* Contenido del Texto (Z-index 3 para estar arriba de todo) *\/\n .seal-content {\n position: relative;\n z-index: 3;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n .text-percent {\n font-family: 'Montserrat', 'Arial Black', sans-serif;\n font-size: 3.5rem; \n font-weight: 900;\n color: var(--amarillo-texto);\n text-shadow: 2px 2px 0px rgba(0,0,0,0.2);\n margin-bottom: -5px;\n }\n \n .text-percent span {\n font-size: 2rem; \n vertical-align: super;\n }\n\n .text-off {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--blanco-texto);\n text-transform: uppercase;\n letter-spacing: -1px;\n text-shadow: 2px 2px 0px rgba(0,0,0,0.2);\n }\n \n .text-small {\n font-size: 0.7rem;\n color: white;\n font-weight: 600;\n margin-top: 5px;\n background: rgba(0,0,0,0.2);\n padding: 2px 8px;\n border-radius: 10px;\n text-transform: uppercase;\n font-family: sans-serif;\n }\n\n\n \/* --- 5. RESPONSIVO --- *\/\n @media (max-width: 768px) {\n .flex-row { flex-direction: column; text-align: center; }\n .section-box { padding: 30px 20px; }\n .mask-img { position: relative; width: 100%; height: 200px; mask-image: none; -webkit-mask-image: none; margin-bottom: 20px; }\n .benefits-desc { border: none; border-top: 4px solid #BD211D; padding-top: 15px; }\n .img-responsive { max-width: 80%; margin: 0 auto; }\n .chat-bubble { display: none; } \n \n .hero-banner { min-height: 500px !important; padding: 20px !important; justify-content: center !important; }\n .hero-content { text-align: center; }\n .hero-content h1 { font-size: 36px !important; }\n .glass-search-mimic { justify-content: center !important; }\n\n \/* Ajuste del bot\u00f3n sello para m\u00f3viles *\/\n .red-seal-button {\n position: relative; \/* Ya no absoluto *\/\n top: auto; right: auto;\n margin: 0 auto 30px auto; \/* Centrado y margen *\/\n width: 200px;\n height: 200px;\n order: -1; \/* Forzar que suba si usamos flexbox, o simplemente est\u00e1 arriba en el flujo *\/\n }\n .text-percent { font-size: 2.5rem; }\n .text-percent span { font-size: 1.5rem; }\n .text-off { font-size: 1.8rem; }\n .seal-inner-ring { top: 10px; left: 10px; right: 10px; bottom: 10px; }\n \n \/* Ajuste para que el bot\u00f3n se vea arriba en m\u00f3vil dentro del banner flex *\/\n .hero-banner { flex-direction: column; }\n }\n<\/style>\n\n<div class=\"gv-landing-wrapper\">\n\n <section class=\"gv-hero\">\n <div class=\"gv-deco gv-leaf-1\"><\/div>\n <div class=\"gv-deco gv-leaf-2\"><\/div>\n <div class=\"gv-container gv-hero-flex\">\n <div class=\"gv-hero-content\">\n <a href=\"https:\/\/zentrovital.com\/index.php\/oferta-v1-gastro\/\" class=\"red-seal-button\">\n <div class=\"seal-background\"><\/div> \n \n <div class=\"seal-inner-fill\"><\/div>\n \n <div class=\"seal-inner-ring\"><\/div>\n \n <div class=\"seal-content\">\n <div class=\"text-percent\">GRAN OFERTA<span>%<\/span><\/div>\n <div class=\"text-off\">CLICK AQUI<\/div>\n <div class=\"text-small\">TIEMPO LIMITADO<\/div>\n <\/div>\n<\/a>\n <h1 class=\"gv-hero-title\">Alivio G\u00e1strico, <span>Bienestar Inmediato.<\/span><\/h1>\n <p class=\"gv-hero-subtitle\">Descubre el poder de las gomitas GastroVital. F\u00f3rmula natural para combatir la acidez y proteger tu est\u00f3mago.<\/p>\n <a href=\"https:\/\/zentrovital.com\/index.php\/tienda\/\" class=\"gv-btn\">QUIERO ALIVIO AHORA<\/a>\n <\/div>\n <div class=\"gv-hero-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/gastro.webp\" alt=\"Gomitas GastroVital\" class=\"gv-hero-product-img\">\n <div class=\"gv-float-tag\">\n <span class=\"gv-tag-main\">F\u00f3rmula 500MG<\/span>\n <span class=\"gv-tag-sub\">Acci\u00f3n R\u00e1pida<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gv-section-info\">\n <div class=\"gv-container gv-info-layout\">\n <div class=\"gv-chart-card\">\n <div class=\"gv-chart-header\">\n <h3>Comparativa de Eficacia<\/h3>\n <span>Gomitas vs. Tabletas Comunes<\/span>\n <\/div>\n\n <div class=\"gv-comp-row\">\n <div class=\"gv-side gv-side-left\">\n <div class=\"gv-comp-txt gv-txt-gray\">\n <h4>Pastillas Comunes<\/h4>\n <p>Inicio retardado (30-60 min).<\/p>\n <\/div>\n <div class=\"gv-icon gv-icon-bad\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n <\/div>\n <\/div>\n\n <div class=\"gv-connector\">\n <div class=\"gv-line gv-line-l\"><\/div>\n <div class=\"gv-vs-badge\">VS<\/div>\n <div class=\"gv-line gv-line-r\"><\/div>\n <\/div>\n\n <div class=\"gv-side gv-side-right\">\n <div class=\"gv-icon gv-icon-good\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/><\/svg>\n <\/div>\n <div class=\"gv-comp-txt gv-txt-blue\">\n <h4>GastroVital<\/h4>\n <p>Alivio en minutos.<\/p>\n <span class=\"gv-badge-win\">4x M\u00c1S R\u00c1PIDO<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gv-comp-row\">\n <div class=\"gv-side gv-side-left\">\n <div class=\"gv-comp-txt gv-txt-gray\">\n <h4>Dif\u00edcil de Tragar<\/h4>\n <p>Requiere agua.<\/p>\n <\/div>\n <div class=\"gv-icon gv-icon-bad\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" \/><\/svg>\n <\/div>\n <\/div>\n\n <div class=\"gv-connector\">\n <div class=\"gv-line gv-line-l\"><\/div>\n <div class=\"gv-vs-badge\">VS<\/div>\n <div class=\"gv-line gv-line-r\"><\/div>\n <\/div>\n\n <div class=\"gv-side gv-side-right\">\n <div class=\"gv-icon gv-icon-good\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n <\/div>\n <div class=\"gv-comp-txt gv-txt-blue\">\n <h4>Masticable<\/h4>\n <p>Sin agua, donde sea.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <p style=\"text-align: center; font-size: 0.75rem; color: #999; margin-top:20px;\">*Comparativa basada en estudios in-vitro.<\/p>\n <\/div>\n\n <div class=\"gv-info-text-col\">\n <h2 class=\"gv-section-heading\">Ciencia del Alivio<\/h2>\n <p style=\"font-size:1.1rem; color:var(--gv-gray); margin-bottom:20px;\">La acidez afecta tu vida. Las pastillas tardan en disolverse.<\/p>\n <p style=\"font-size:1.1rem; color:var(--gv-gray);\"><strong>GastroVital es diferente.<\/strong> Se absorbe desde la boca para un alivio inmediato.<\/p>\n <div class=\"gv-stat-box\">\n <div class=\"gv-stat-num\">4x<\/div>\n <div>\n <strong style=\"color:var(--gv-blue); display:block;\">M\u00e1s R\u00e1pido<\/strong>\n <span style=\"font-size:0.9rem; color:#666;\">que tabletas tradicionales.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gv-section-benefits\">\n <div class=\"gv-container gv-center-text\">\n <h2 class=\"gv-section-heading\">Tu Camino al Bienestar<\/h2>\n <p style=\"max-width:600px; margin:0 auto 40px auto; color:var(--gv-gray);\">\n Un enfoque integral para proteger tu salud estomacal.\n <\/p>\n\n <div class=\"gv-benefits-grid\">\n \n <div class=\"gv-benefit-card\">\n <div class=\"gv-card-img\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/ingredientes.png\" alt=\"Ingredientes naturales\">\n <\/div>\n <div class=\"gv-card-content\">\n <h3>Protecci\u00f3n Natural<\/h3>\n <p>Ingredientes suaves que reducen la irritaci\u00f3n sin efectos secundarios.<\/p>\n \n <a class=\"gv-btn gv-btn-toggle\" onclick=\"toggleCard(this)\">Ver Ingredientes<\/a>\n \n <div class=\"gv-hidden-content\">\n <ul class=\"gv-details-list\">\n <li><strong>Aloe Vera:<\/strong> Regenera la mucosa g\u00e1strica y cicatriza.<\/li>\n <li><strong>Manzanilla:<\/strong> Calma la inflamaci\u00f3n y relaja el est\u00f3mago.<\/li>\n <li><strong>Jengibre:<\/strong> Combate las n\u00e1useas y mejora la digesti\u00f3n.<\/li>\n <li><strong>Ra\u00edz de Regaliz:<\/strong> Crea una capa protectora contra el \u00e1cido.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gv-benefit-card\">\n <div class=\"gv-card-img\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/alivio.png\" alt=\"Alivio eficaz\">\n <\/div>\n <div class=\"gv-card-content\">\n <h3>Reduce la Acidez<\/h3>\n <p>Neutraliza el pH r\u00e1pidamente. Disfruta de comer sin miedo.<\/p>\n \n <a class=\"gv-btn gv-btn-toggle\" onclick=\"toggleCard(this)\">C\u00f3mo Funciona<\/a>\n \n <div class=\"gv-hidden-content\">\n <ul class=\"gv-details-list\">\n <li><strong>1. Masticaci\u00f3n:<\/strong> Al ser gomita, la absorci\u00f3n inicia en la boca con la saliva.<\/li>\n <li><strong>2. Recubrimiento:<\/strong> Crea una barrera f\u00edsica inmediata en el es\u00f3fago.<\/li>\n <li><strong>3. Neutralizaci\u00f3n:<\/strong> Regula el pH del est\u00f3mago en menos de 5 minutos.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gv-benefit-card\">\n <div class=\"gv-card-img\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/30dias.png\" alt=\"Programa 30 d\u00edas\">\n <\/div>\n <div class=\"gv-card-content\">\n <h3>F\u00e1cil de Tomar<\/h3>\n <p>30 gomitas deliciosas. H\u00e1bito f\u00e1cil de mantener.<\/p>\n \n <a href=\"zentrovital\/tienda\/\" class=\"gv-btn\" style=\"width:100%; font-size:0.9rem; padding:10px;\">\n Empezar Ahora\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n function toggleCard(element) {\n \/\/ Seleccionamos el contenido oculto justo despu\u00e9s del bot\u00f3n\n var content = element.nextElementSibling;\n \n \/\/ Alternamos la clase para mostrar\n content.classList.toggle(\"gv-show\");\n \n \/\/ L\u00f3gica para cambiar el texto del bot\u00f3n\n if (content.classList.contains(\"gv-show\")) {\n if(element.innerText === \"Ver Ingredientes\") element.innerText = \"Ocultar Info\";\n if(element.innerText === \"C\u00f3mo Funciona\") element.innerText = \"Cerrar\";\n } else {\n if(element.innerText === \"Ocultar Info\") element.innerText = \"Ver Ingredientes\";\n if(element.innerText === \"Cerrar\") element.innerText = \"C\u00f3mo Funciona\";\n }\n }\n<\/script>\n\n <section class=\"gv-testimonials\">\n <div class=\"gv-deco gv-sp-1\"><\/div>\n <div class=\"gv-deco gv-sp-2\"><\/div>\n <div class=\"gv-container gv-center-text\">\n <h2 class=\"gv-section-heading\">Historias Reales<\/h2>\n <p style=\"color:var(--gv-blue); margin-bottom:30px;\">Clientes felices con GastroVital.<\/p>\n \n <div class=\"gv-carousel\">\n <div class=\"gv-glass-card\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=5\" alt=\"User\" class=\"gv-user-img\">\n <h4 style=\"color:var(--gv-blue); margin-bottom:5px;\">Luc\u00eda M.<\/h4>\n <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p style=\"font-style:italic; font-size:0.9rem; color:#666;\">\"El ardor desaparece en minutos. Me encanta que sean gomitas.\"<\/p>\n <div class=\"gv-ver\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n Verificado\n <\/div>\n <\/div>\n <div class=\"gv-glass-card\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"User\" class=\"gv-user-img\">\n <h4 style=\"color:var(--gv-blue); margin-bottom:5px;\">Roberto G.<\/h4>\n <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p style=\"font-style:italic; font-size:0.9rem; color:#666;\">\"Sufro de gastritis y esto es lo \u00fanico natural que funciona r\u00e1pido.\"<\/p>\n <div class=\"gv-ver\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n Verificado\n <\/div>\n <\/div>\n <div class=\"gv-glass-card\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"User\" class=\"gv-user-img\">\n <h4 style=\"color:var(--gv-blue); margin-bottom:5px;\">Ana P.<\/h4>\n <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n <p style=\"font-style:italic; font-size:0.9rem; color:#666;\">\"Excelente sabor y muy pr\u00e1cticas para llevar en la bolsa.\"<\/p>\n <div class=\"gv-ver\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n Verificado\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>GastroVital – Landing Page GRAN OFERTA% CLICK AQUI TIEMPO LIMITADO Alivio G\u00e1strico, Bienestar Inmediato. Descubre el poder de las gomitas […]<\/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":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","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-115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":9,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/115\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":115,"date":"2025-12-13T14:16:21","date_gmt":"2025-12-13T20:16:21","guid":{"rendered":"https:\/\/zentrovital.com\/?page_id=115"},"modified":"2025-12-16T13:07:11","modified_gmt":"2025-12-16T19:07:11","slug":"gastro-vital","status":"publish","type":"page","link":"https:\/\/zentrovital.com\/index.php\/gastro-vital\/","title":{"rendered":"GastroVital"},"content":{"rendered":"\n\n\n\n\n\nGastroVital – Landing Page<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/* =========================================\n 1. VARIABLES Y CONFIGURACI\u00d3N BASE\n ========================================= *\/\n\n :root {\n --rojo-sello: #D32F2F; \n --rojo-borde: #B71C1C; \n --amarillo-texto: #FFEB3B; \n --blanco-texto: #FFFFFF;\n }\n\n\n .gv-landing-wrapper {\n font-family: 'Montserrat', sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f9fcfd;\n overflow-x: hidden; \/* Evita scroll horizontal accidental *\/\n box-sizing: border-box;\n margin: 0; padding: 0;\n\n \/* PALETA DE COLORES *\/\n --gv-blue: #0a3f6b;\n --gv-teal: #2a9d8f;\n --gv-green-start: #66bb6a;\n --gv-green-end: #aed581;\n --gv-gray: #666;\n --gv-light: #f4f7f6;\n --gv-white: #ffffff;\n \n \/* SOMBRAS Y BORDES *\/\n --gv-shadow: 0 10px 30px rgba(0,0,0,0.08);\n --gv-radius: 20px;\n }\n\n \/* Resets dentro del wrapper *\/\n .gv-landing-wrapper * { box-sizing: border-box; }\n .gv-landing-wrapper img { max-width: 100%; height: auto; display: block; }\n .gv-landing-wrapper a { text-decoration: none; color: inherit; transition: 0.3s; }\n .gv-landing-wrapper h1, .gv-landing-wrapper h2, .gv-landing-wrapper h3, .gv-landing-wrapper p { margin: 0 0 15px 0; }\n\n \/* CONTENEDOR CENTRAL *\/\n .gv-container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* TITULOS DE SECCI\u00d3N *\/\n .gv-section-heading {\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--gv-blue);\n text-transform: uppercase;\n margin-bottom: 40px;\n position: relative;\n display: inline-block;\n }\n .gv-section-heading::after {\n content: ''; position: absolute; bottom: -10px; left: 0;\n width: 60px; height: 4px; border-radius: 2px;\n background: linear-gradient(to right, var(--gv-blue), var(--gv-teal));\n }\n .gv-center-text { text-align: center; }\n .gv-center-text .gv-section-heading::after { left: 50%; transform: translateX(-50%); }\n\n \/* BOTONES *\/\n .gv-btn {\n display: inline-block; padding: 14px 35px;\n background: linear-gradient(to right, var(--gv-green-start), var(--gv-green-end));\n color: white; font-weight: 700; text-transform: uppercase;\n border-radius: 5px; border: none; cursor: pointer; text-align: center;\n box-shadow: 0 4px 15px rgba(102, 187, 106, 0.4);\n }\n .gv-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(102, 187, 106, 0.5); }\n\n\n \/* =========================================\n 2. SECCIONES (ESTRUCTURA)\n ========================================= *\/\n \n \/* --- HERO --- *\/\n .gv-hero {\n padding: 80px 0;\n background: linear-gradient(135deg, #ebf4f5 0%, #ffffff 100%);\n position: relative; overflow: hidden;\n }\n .gv-hero-flex {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n }\n .gv-hero-content { flex: 1; z-index: 2; }\n .gv-hero-title { font-size: 3.5rem; font-weight: 800; line-height: 1.1; color: var(--gv-blue); }\n .gv-hero-title span { color: var(--gv-teal); }\n .gv-hero-subtitle { font-size: 1.2rem; color: var(--gv-gray); margin-bottom: 30px; }\n \n .gv-hero-img-wrap { flex: 1; position: relative; display: flex; justify-content: center; }\n .gv-hero-product-img { width: 80%; filter: drop-shadow(0 20px 30px rgba(10, 63, 107, 0.2)); z-index: 2; }\n \n \/* Tag Flotante *\/\n .gv-float-tag {\n position: absolute; bottom: 10%; right: 5%; z-index: 3;\n background: rgba(255,255,255,0.8); backdrop-filter: blur(10px);\n padding: 15px 25px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.5);\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n }\n .gv-tag-main { display: block; font-weight: 800; color: var(--gv-blue); }\n .gv-tag-sub { font-size: 0.85rem; color: var(--gv-teal); }\n\n \/* Decoraciones Globales (Hojas\/Esferas) *\/\n .gv-deco { position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; }\n .gv-leaf-1 { top: -50px; left: -50px; width: 250px; height: 250px; background: radial-gradient(circle, var(--gv-green-end), transparent 70%); opacity: 0.5; filter: blur(40px); }\n .gv-leaf-2 { bottom: 0; right: -50px; width: 300px; height: 300px; background: radial-gradient(circle, var(--gv-teal), transparent 70%); opacity: 0.2; filter: blur(50px); }\n\n\n \/* --- COMPARATIVA (GR\u00c1FICA) --- *\/\n .gv-section-info { padding: 100px 0; background-color: #fff; }\n .gv-info-layout { display: flex; align-items: center; gap: 60px; } \/* Flex para escritorio *\/\n \n \/* Tarjeta Gr\u00e1fica *\/\n .gv-chart-card {\n flex: 1;\n background: var(--gv-white); border-radius: var(--gv-radius);\n padding: 40px; box-shadow: var(--gv-shadow); border: 1px solid rgba(0,0,0,0.02);\n }\n .gv-chart-header { text-align: center; margin-bottom: 40px; }\n .gv-chart-header h3 { color: var(--gv-blue); font-weight: 800; text-transform: uppercase; margin-bottom: 5px; }\n .gv-chart-header span { color: var(--gv-teal); font-weight: 600; }\n\n \/* Filas de la gr\u00e1fica *\/\n .gv-comp-row {\n display: flex; align-items: center; justify-content: space-between;\n margin-bottom: 30px; position: relative;\n }\n .gv-side { flex: 1; display: flex; align-items: center; }\n .gv-side-left { justify-content: flex-end; text-align: right; }\n .gv-side-right { justify-content: flex-start; text-align: left; }\n \n \/* Textos y Iconos *\/\n .gv-comp-txt h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; }\n .gv-comp-txt p { font-size: 0.9rem; color: #888; margin: 0; }\n .gv-txt-gray { color: var(--gv-gray); }\n .gv-txt-blue { color: var(--gv-blue); }\n\n .gv-icon {\n width: 60px; height: 60px; border-radius: 50%; flex-shrink: 0;\n display: flex; justify-content: center; align-items: center;\n border: 3px solid; margin: 0 15px;\n }\n .gv-icon svg { width: 28px; height: 28px; }\n .gv-icon-bad { border-color: #e0e0e0; background: #f9f9f9; color: #aaa; }\n .gv-icon-good { border-color: var(--gv-teal); background: #e0f2f1; color: var(--gv-teal); box-shadow: 0 5px 15px rgba(42, 157, 143, 0.2); }\n\n \/* Conector VS *\/\n .gv-connector { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; }\n .gv-vs-badge {\n width: 40px; height: 40px; border-radius: 50%;\n background: linear-gradient(135deg, var(--gv-blue), var(--gv-teal));\n color: white; font-weight: 800; font-size: 0.8rem;\n display: flex; justify-content: center; align-items: center;\n border: 3px solid white; z-index: 2; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .gv-line { width: 60px; height: 10px; background: #f0f0f0; } \/* L\u00ednea decorativa escritorio *\/\n .gv-line-l { border-radius: 10px 0 0 10px; margin-right: -5px; }\n .gv-line-r { border-radius: 0 10px 10px 0; margin-left: -5px; background: linear-gradient(to right, #f0f0f0, #e0f2f1); }\n\n .gv-badge-win {\n display: inline-block; background: linear-gradient(to right, var(--gv-green-start), var(--gv-green-end));\n color: white; font-size: 0.7rem; font-weight: 800; padding: 4px 10px; border-radius: 10px; margin-top: 5px;\n }\n\n \/* Columna de Texto Lateral *\/\n .gv-info-text-col { flex: 1; }\n .gv-stat-box {\n display: flex; gap: 20px; align-items: center; margin-top: 30px; padding: 25px;\n background: var(--gv-light); border-radius: 15px; border-left: 6px solid var(--gv-teal);\n }\n .gv-stat-num { font-size: 3rem; font-weight: 800; color: var(--gv-teal); line-height: 1; }\n\n\n \/* --- BENEFICIOS (GRID) --- *\/\n .gv-section-benefits { padding: 80px 0 100px; background: var(--gv-light); }\n .gv-benefits-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* 3 Columnas por defecto *\/\n gap: 30px;\n margin-top: 50px;\n }\n .gv-benefit-card {\n background: white; border-radius: var(--gv-radius); overflow: hidden;\n box-shadow: 0 10px 20px rgba(0,0,0,0.03); display: flex; flex-direction: column;\n transition: transform 0.3s;\n }\n .gv-benefit-card:hover { transform: translateY(-10px); }\n \n .gv-card-img { height: 200px; background: #ddd; overflow: hidden; }\n .gv-card-img img { width: 100%; height: 100%; object-fit: cover; }\n .gv-card-content { padding: 30px; flex: 1; display: flex; flex-direction: column; }\n .gv-card-content h3 { color: var(--gv-blue); font-size: 1.2rem; font-weight: 700; text-transform: uppercase; }\n .gv-card-content p { color: var(--gv-gray); font-size: 0.95rem; margin-bottom: 25px; flex-grow: 1; }\n\n\n \/* --- TESTIMONIOS (GLASSMORPHISM) --- *\/\n .gv-testimonials {\n padding: 80px 0 120px;\n background: linear-gradient(135deg, #f0f4f8 0%, #e6f7f5 100%);\n position: relative; overflow: hidden;\n }\n \/* Esferas decorativas *\/\n .gv-sphere { position: absolute; border-radius: 50%; pointer-events: none; }\n .gv-sp-1 { width: 200px; height: 200px; background: linear-gradient(var(--gv-blue), #4a90e2); top: 10%; left: -50px; opacity: 0.1; }\n .gv-sp-2 { width: 150px; height: 150px; background: linear-gradient(var(--gv-teal), #64d8cb); bottom: 10%; right: -30px; opacity: 0.1; }\n\n .gv-carousel {\n display: flex; overflow-x: auto; gap: 30px; padding: 20px 10px 50px;\n scroll-snap-type: x mandatory; scrollbar-width: none;\n z-index: 2; position: relative;\n }\n .gv-carousel::-webkit-scrollbar { display: none; }\n\n .gv-glass-card {\n flex: 0 0 320px; scroll-snap-align: center;\n background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255,255,255,0.8); border-radius: 24px;\n padding: 30px; text-align: center;\n box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08);\n display: flex; flex-direction: column; align-items: center;\n }\n \n .gv-user-img { width: 70px; height: 70px; border-radius: 50%; margin-bottom: 15px; border: 3px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1); object-fit: cover; }\n .gv-stars { color: #FFD700; letter-spacing: 2px; margin-bottom: 15px; }\n .gv-ver { margin-top: auto; font-size: 0.75rem; color: var(--gv-teal); font-weight: 700; display: flex; align-items: center; gap: 5px; background: rgba(255,255,255,0.6); padding: 5px 12px; border-radius: 20px; }\n .gv-ver svg { width: 12px; fill: var(--gv-teal); }\n\n\n \/* =========================================\n 3. MEDIA QUERIES (RESPONSIVE STACKING)\n ========================================= *\/\n @media (max-width: 900px) {\n .gv-hero-title { font-size: 2.5rem; }\n .gv-info-layout { flex-direction: column; } \/* Apila la gr\u00e1fica sobre el texto *\/\n .gv-benefits-grid { grid-template-columns: 1fr; max-width: 500px; margin: 40px auto 0; } \/* 1 Columna *\/\n \n \/* Hero Stack *\/\n .gv-hero-flex { flex-direction: column-reverse; text-align: center; }\n .gv-hero-content { width: 100%; }\n .gv-hero-img-wrap { width: 100%; margin-bottom: 30px; }\n .gv-hero-product-img { width: 60%; max-width: 300px; }\n .gv-float-tag { right: 50%; transform: translateX(50%); bottom: -20px; white-space: nowrap; }\n\n \/* Gr\u00e1fica Stack (Apilamiento interno) *\/\n .gv-chart-card { width: 100%; padding: 30px 20px; }\n .gv-comp-row { flex-direction: column; gap: 15px; padding-bottom: 20px; border-bottom: 1px dashed #eee; text-align: center; }\n \n .gv-side { width: 100%; justify-content: center !important; text-align: center !important; flex-direction: column; }\n \/* Reordenar para m\u00f3vil: Icono arriba, texto abajo *\/\n .gv-side-left { flex-direction: column-reverse; } \n \n .gv-icon { margin: 10px 0; }\n \n \/* Simplificar conector en m\u00f3vil *\/\n .gv-connector { position: relative; top: 0; left: 0; transform: none; margin: 10px 0; }\n .gv-line { display: none; } \/* Ocultar l\u00edneas laterales del VS *\/\n .gv-vs-badge { width: 35px; height: 35px; font-size: 0.75rem; }\n\n .gv-glass-card { flex: 0 0 280px; } \/* Tarjetas m\u00e1s angostas *\/\n }\n\n\/* --- ACTUALIZA ESTO EN TU CSS --- *\/\n\n\/* 1. GRID: Agregamos align-items: start para evitar que se estiren las vecinas *\/\n.gv-benefits-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 50px;\n align-items: start; \/* <--- ESTA ES LA CLAVE *\/\n}\n\n\/* 2. RESPONSIVE: Aseguramos que en m\u00f3vil se vea bien *\/\n@media (max-width: 900px) {\n .gv-benefits-grid { \n grid-template-columns: 1fr; \n max-width: 500px; \n margin: 40px auto 0;\n \/* En m\u00f3vil align-items da igual porque est\u00e1n una sobre otra, \n pero no estorba *\/\n }\n}\n\n\/* 3. ESTILOS DEL ACORDE\u00d3N (Igual que antes, para referencia) *\/\n.gv-hidden-content {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: max-height 0.4s ease-out, opacity 0.4s ease-out;\n background-color: #f9fcfd;\n border-radius: 8px;\n margin-top: 0; \/* Ajuste para que no ocupe espacio cerrado *\/\n}\n\n.gv-hidden-content.gv-show {\n max-height: 500px; \/* Suficiente para el contenido *\/\n opacity: 1;\n margin-top: 15px;\n padding: 15px;\n border: 1px solid rgba(0,0,0,0.05);\n}\n\n.gv-details-list {\n text-align: left;\n margin: 0;\n padding-left: 20px;\n font-size: 0.85rem;\n color: var(--gv-gray);\n}\n.gv-details-list li { margin-bottom: 8px; }\n.gv-details-list strong { color: var(--gv-teal); }\n\n.gv-btn-toggle { cursor: pointer; user-select: none; }\n\n\n\n\n\/* ========================================= *\/\n \/* --- ESTILOS DEL BOT\u00d3N SELLO ROJO (AJUSTADO) --- *\/\n \/* ========================================= *\/\n\n \/* Animaciones *\/\n @keyframes spin-slow {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n @keyframes pulse-float {\n 0%, 100% { transform: scale(1) translateY(0); }\n 50% { transform: scale(1.05) translateY(-5px); }\n }\n\n \/* Contenedor Bot\u00f3n *\/\n .red-seal-button {\n position: absolute;\n top: 120px;\n right: -145px;\n width: 250px;\n height: 250px;\n text-decoration: none; \/* Asegura que no haya subrayado *\/\n \n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n \n text-decoration: none;\n cursor: pointer;\n z-index: 20;\n\n animation: pulse-float 3s ease-in-out infinite;\n transition: transform 0.3s ease;\n }\n\n .red-seal-button:hover {\n transform: scale(1.1); \n }\n\n \/* 1. Fondo principal y dentado (Capa que gira) *\/\n .seal-background {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n \n \/* TRUCO CLAVE: Usamos un gradiente c\u00f3nico para crear la ilusi\u00f3n de engranaje\/sello *\/\n background: repeating-conic-gradient(\n var(--rojo-sello) 0% 1.5%, \/* Sector rojo *\/\n var(--rojo-borde) 1.5% 3% \/* Sector de borde (un poco m\u00e1s oscuro) *\/\n );\n border: 4px solid var(--rojo-borde); \n box-shadow: 0 10px 25px rgba(0,0,0,0.5);\n \n \/* Animaci\u00f3n de rotaci\u00f3n continua *\/\n animation: spin-slow 12s linear infinite;\n }\n\n \/* 2. C\u00edrculo Rojo Interno (Capa que tapa el gradiente c\u00f3nico en el centro) *\/\n .seal-inner-fill {\n position: absolute;\n top: 8%; \/* Ajusta el tama\u00f1o de los \"dientes\" *\/\n left: 8%;\n right: 8%;\n bottom: 8%;\n background: var(--rojo-sello); \/* Relleno rojo s\u00f3lido *\/\n border-radius: 50%;\n z-index: 1;\n }\n\n \/* 3. Anillo blanco decorativo (Ahora es una capa sobre el relleno rojo) *\/\n .seal-inner-ring {\n position: absolute;\n top: 15px; \n left: 15px; \n right: 15px; \n bottom: 15px;\n border: 2px solid rgba(255, 255, 255, 0.8);\n border-radius: 50%;\n z-index: 2;\n pointer-events: none;\n }\n\n \/* Contenido del Texto (Z-index 3 para estar arriba de todo) *\/\n .seal-content {\n position: relative;\n z-index: 3;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n .text-percent {\n font-family: 'Montserrat', 'Arial Black', sans-serif;\n font-size: 3.5rem; \n font-weight: 900;\n color: var(--amarillo-texto);\n text-shadow: 2px 2px 0px rgba(0,0,0,0.2);\n margin-bottom: -5px;\n }\n \n .text-percent span {\n font-size: 2rem; \n vertical-align: super;\n }\n\n .text-off {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--blanco-texto);\n text-transform: uppercase;\n letter-spacing: -1px;\n text-shadow: 2px 2px 0px rgba(0,0,0,0.2);\n }\n \n .text-small {\n font-size: 0.7rem;\n color: white;\n font-weight: 600;\n margin-top: 5px;\n background: rgba(0,0,0,0.2);\n padding: 2px 8px;\n border-radius: 10px;\n text-transform: uppercase;\n font-family: sans-serif;\n }\n\n\n \/* --- 5. RESPONSIVO --- *\/\n @media (max-width: 768px) {\n .flex-row { flex-direction: column; text-align: center; }\n .section-box { padding: 30px 20px; }\n .mask-img { position: relative; width: 100%; height: 200px; mask-image: none; -webkit-mask-image: none; margin-bottom: 20px; }\n .benefits-desc { border: none; border-top: 4px solid #BD211D; padding-top: 15px; }\n .img-responsive { max-width: 80%; margin: 0 auto; }\n .chat-bubble { display: none; } \n \n .hero-banner { min-height: 500px !important; padding: 20px !important; justify-content: center !important; }\n .hero-content { text-align: center; }\n .hero-content h1 { font-size: 36px !important; }\n .glass-search-mimic { justify-content: center !important; }\n\n \/* Ajuste del bot\u00f3n sello para m\u00f3viles *\/\n .red-seal-button {\n position: relative; \/* Ya no absoluto *\/\n top: auto; right: auto;\n margin: 0 auto 30px auto; \/* Centrado y margen *\/\n width: 200px;\n height: 200px;\n order: -1; \/* Forzar que suba si usamos flexbox, o simplemente est\u00e1 arriba en el flujo *\/\n }\n .text-percent { font-size: 2.5rem; }\n .text-percent span { font-size: 1.5rem; }\n .text-off { font-size: 1.8rem; }\n .seal-inner-ring { top: 10px; left: 10px; right: 10px; bottom: 10px; }\n \n \/* Ajuste para que el bot\u00f3n se vea arriba en m\u00f3vil dentro del banner flex *\/\n .hero-banner { flex-direction: column; }\n }\n<\/style>\n\n<div class=\"gv-landing-wrapper\">\n\n <section class=\"gv-hero\">\n <div class=\"gv-deco gv-leaf-1\"><\/div>\n <div class=\"gv-deco gv-leaf-2\"><\/div>\n <div class=\"gv-container gv-hero-flex\">\n <div class=\"gv-hero-content\">\n <a href=\"https:\/\/zentrovital.com\/index.php\/oferta-v1-gastro\/\" class=\"red-seal-button\">\n <div class=\"seal-background\"><\/div> \n \n <div class=\"seal-inner-fill\"><\/div>\n \n <div class=\"seal-inner-ring\"><\/div>\n \n <div class=\"seal-content\">\n <div class=\"text-percent\">GRAN OFERTA<span>%<\/span><\/div>\n <div class=\"text-off\">CLICK AQUI<\/div>\n <div class=\"text-small\">TIEMPO LIMITADO<\/div>\n <\/div>\n<\/a>\n <h1 class=\"gv-hero-title\">Alivio G\u00e1strico, <span>Bienestar Inmediato.<\/span><\/h1>\n <p class=\"gv-hero-subtitle\">Descubre el poder de las gomitas GastroVital. F\u00f3rmula natural para combatir la acidez y proteger tu est\u00f3mago.<\/p>\n <a href=\"https:\/\/zentrovital.com\/index.php\/tienda\/\" class=\"gv-btn\">QUIERO ALIVIO AHORA<\/a>\n <\/div>\n <div class=\"gv-hero-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/gastro.webp\" alt=\"Gomitas GastroVital\" class=\"gv-hero-product-img\">\n <div class=\"gv-float-tag\">\n <span class=\"gv-tag-main\">F\u00f3rmula 500MG<\/span>\n <span class=\"gv-tag-sub\">Acci\u00f3n R\u00e1pida<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gv-section-info\">\n <div class=\"gv-container gv-info-layout\">\n <div class=\"gv-chart-card\">\n <div class=\"gv-chart-header\">\n <h3>Comparativa de Eficacia<\/h3>\n <span>Gomitas vs. Tabletas Comunes<\/span>\n <\/div>\n\n <div class=\"gv-comp-row\">\n <div class=\"gv-side gv-side-left\">\n <div class=\"gv-comp-txt gv-txt-gray\">\n <h4>Pastillas Comunes<\/h4>\n <p>Inicio retardado (30-60 min).<\/p>\n <\/div>\n <div class=\"gv-icon gv-icon-bad\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n <\/div>\n <\/div>\n\n <div class=\"gv-connector\">\n <div class=\"gv-line gv-line-l\"><\/div>\n <div class=\"gv-vs-badge\">VS<\/div>\n <div class=\"gv-line gv-line-r\"><\/div>\n <\/div>\n\n <div class=\"gv-side gv-side-right\">\n <div class=\"gv-icon gv-icon-good\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/><\/svg>\n <\/div>\n <div class=\"gv-comp-txt gv-txt-blue\">\n <h4>GastroVital<\/h4>\n <p>Alivio en minutos.<\/p>\n <span class=\"gv-badge-win\">4x M\u00c1S R\u00c1PIDO<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gv-comp-row\">\n <div class=\"gv-side gv-side-left\">\n <div class=\"gv-comp-txt gv-txt-gray\">\n <h4>Dif\u00edcil de Tragar<\/h4>\n <p>Requiere agua.<\/p>\n <\/div>\n <div class=\"gv-icon gv-icon-bad\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" \/><\/svg>\n <\/div>\n <\/div>\n\n <div class=\"gv-connector\">\n <div class=\"gv-line gv-line-l\"><\/div>\n <div class=\"gv-vs-badge\">VS<\/div>\n <div class=\"gv-line gv-line-r\"><\/div>\n <\/div>\n\n <div class=\"gv-side gv-side-right\">\n <div class=\"gv-icon gv-icon-good\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n <\/div>\n <div class=\"gv-comp-txt gv-txt-blue\">\n <h4>Masticable<\/h4>\n <p>Sin agua, donde sea.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <p style=\"text-align: center; font-size: 0.75rem; color: #999; margin-top:20px;\">*Comparativa basada en estudios in-vitro.<\/p>\n <\/div>\n\n <div class=\"gv-info-text-col\">\n <h2 class=\"gv-section-heading\">Ciencia del Alivio<\/h2>\n <p style=\"font-size:1.1rem; color:var(--gv-gray); margin-bottom:20px;\">La acidez afecta tu vida. Las pastillas tardan en disolverse.<\/p>\n <p style=\"font-size:1.1rem; color:var(--gv-gray);\"><strong>GastroVital es diferente.<\/strong> Se absorbe desde la boca para un alivio inmediato.<\/p>\n <div class=\"gv-stat-box\">\n <div class=\"gv-stat-num\">4x<\/div>\n <div>\n <strong style=\"color:var(--gv-blue); display:block;\">M\u00e1s R\u00e1pido<\/strong>\n <span style=\"font-size:0.9rem; color:#666;\">que tabletas tradicionales.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gv-section-benefits\">\n <div class=\"gv-container gv-center-text\">\n <h2 class=\"gv-section-heading\">Tu Camino al Bienestar<\/h2>\n <p style=\"max-width:600px; margin:0 auto 40px auto; color:var(--gv-gray);\">\n Un enfoque integral para proteger tu salud estomacal.\n <\/p>\n\n <div class=\"gv-benefits-grid\">\n \n <div class=\"gv-benefit-card\">\n <div class=\"gv-card-img\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/ingredientes.png\" alt=\"Ingredientes naturales\">\n <\/div>\n <div class=\"gv-card-content\">\n <h3>Protecci\u00f3n Natural<\/h3>\n <p>Ingredientes suaves que reducen la irritaci\u00f3n sin efectos secundarios.<\/p>\n \n <a class=\"gv-btn gv-btn-toggle\" onclick=\"toggleCard(this)\">Ver Ingredientes<\/a>\n \n <div class=\"gv-hidden-content\">\n <ul class=\"gv-details-list\">\n <li><strong>Aloe Vera:<\/strong> Regenera la mucosa g\u00e1strica y cicatriza.<\/li>\n <li><strong>Manzanilla:<\/strong> Calma la inflamaci\u00f3n y relaja el est\u00f3mago.<\/li>\n <li><strong>Jengibre:<\/strong> Combate las n\u00e1useas y mejora la digesti\u00f3n.<\/li>\n <li><strong>Ra\u00edz de Regaliz:<\/strong> Crea una capa protectora contra el \u00e1cido.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gv-benefit-card\">\n <div class=\"gv-card-img\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/alivio.png\" alt=\"Alivio eficaz\">\n <\/div>\n <div class=\"gv-card-content\">\n <h3>Reduce la Acidez<\/h3>\n <p>Neutraliza el pH r\u00e1pidamente. Disfruta de comer sin miedo.<\/p>\n \n <a class=\"gv-btn gv-btn-toggle\" onclick=\"toggleCard(this)\">C\u00f3mo Funciona<\/a>\n \n <div class=\"gv-hidden-content\">\n <ul class=\"gv-details-list\">\n <li><strong>1. Masticaci\u00f3n:<\/strong> Al ser gomita, la absorci\u00f3n inicia en la boca con la saliva.<\/li>\n <li><strong>2. Recubrimiento:<\/strong> Crea una barrera f\u00edsica inmediata en el es\u00f3fago.<\/li>\n <li><strong>3. Neutralizaci\u00f3n:<\/strong> Regula el pH del est\u00f3mago en menos de 5 minutos.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"gv-benefit-card\">\n <div class=\"gv-card-img\">\n <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/30dias.png\" alt=\"Programa 30 d\u00edas\">\n <\/div>\n <div class=\"gv-card-content\">\n <h3>F\u00e1cil de Tomar<\/h3>\n <p>30 gomitas deliciosas. H\u00e1bito f\u00e1cil de mantener.<\/p>\n \n <a href=\"zentrovital\/tienda\/\" class=\"gv-btn\" style=\"width:100%; font-size:0.9rem; padding:10px;\">\n Empezar Ahora\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n function toggleCard(element) {\n \/\/ Seleccionamos el contenido oculto justo despu\u00e9s del bot\u00f3n\n var content = element.nextElementSibling;\n \n \/\/ Alternamos la clase para mostrar\n content.classList.toggle(\"gv-show\");\n \n \/\/ L\u00f3gica para cambiar el texto del bot\u00f3n\n if (content.classList.contains(\"gv-show\")) {\n if(element.innerText === \"Ver Ingredientes\") element.innerText = \"Ocultar Info\";\n if(element.innerText === \"C\u00f3mo Funciona\") element.innerText = \"Cerrar\";\n } else {\n if(element.innerText === \"Ocultar Info\") element.innerText = \"Ver Ingredientes\";\n if(element.innerText === \"Cerrar\") element.innerText = \"C\u00f3mo Funciona\";\n }\n }\n<\/script>\n\n <section class=\"gv-testimonials\">\n <div class=\"gv-deco gv-sp-1\"><\/div>\n <div class=\"gv-deco gv-sp-2\"><\/div>\n <div class=\"gv-container gv-center-text\">\n <h2 class=\"gv-section-heading\">Historias Reales<\/h2>\n <p style=\"color:var(--gv-blue); margin-bottom:30px;\">Clientes felices con GastroVital.<\/p>\n \n <div class=\"gv-carousel\">\n <div class=\"gv-glass-card\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=5\" alt=\"User\" class=\"gv-user-img\">\n <h4 style=\"color:var(--gv-blue); margin-bottom:5px;\">Luc\u00eda M.<\/h4>\n <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p style=\"font-style:italic; font-size:0.9rem; color:#666;\">\"El ardor desaparece en minutos. Me encanta que sean gomitas.\"<\/p>\n <div class=\"gv-ver\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n Verificado\n <\/div>\n <\/div>\n <div class=\"gv-glass-card\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"User\" class=\"gv-user-img\">\n <h4 style=\"color:var(--gv-blue); margin-bottom:5px;\">Roberto G.<\/h4>\n <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p style=\"font-style:italic; font-size:0.9rem; color:#666;\">\"Sufro de gastritis y esto es lo \u00fanico natural que funciona r\u00e1pido.\"<\/p>\n <div class=\"gv-ver\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n Verificado\n <\/div>\n <\/div>\n <div class=\"gv-glass-card\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"User\" class=\"gv-user-img\">\n <h4 style=\"color:var(--gv-blue); margin-bottom:5px;\">Ana P.<\/h4>\n <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2606<\/div>\n <p style=\"font-style:italic; font-size:0.9rem; color:#666;\">\"Excelente sabor y muy pr\u00e1cticas para llevar en la bolsa.\"<\/p>\n <div class=\"gv-ver\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n Verificado\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>GastroVital – Landing Page GRAN OFERTA% CLICK AQUI TIEMPO LIMITADO Alivio G\u00e1strico, Bienestar Inmediato. Descubre el poder de las gomitas […]<\/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":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","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-115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":9,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/115\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}