{"id":410,"date":"2025-12-16T09:28:23","date_gmt":"2025-12-16T15:28:23","guid":{"rendered":"https:\/\/zentrovital.com\/?page_id=410"},"modified":"2025-12-17T13:12:59","modified_gmt":"2025-12-17T19:12:59","slug":"oferta-v1-gastro","status":"publish","type":"page","link":"https:\/\/zentrovital.com\/index.php\/oferta-v1-gastro\/","title":{"rendered":"Oferta GastroVital V1"},"content":{"rendered":"\n<style>\n  \/* --- ESTILOS GLOBALES EXISTENTES (No tocar) --- *\/\n\n  .wp-block-group.alignfull { padding-left: 0 !important; padding-right: 0 !important; }\n  .wp-block-column { flex-basis: auto !important; min-width: 0 !important; }\n  .wp-block-social-links { flex-wrap: wrap !important; justify-content: center !important; }\n  .wp-site-blocks { box-sizing: border-box; margin-top: -84px; }\n\n  \/* --- ESTILOS DEL HEADER GASTROVITAL --- *\/\n  .gv-header-container {\n      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      background-color: #ffffff;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n      padding: 15px 5%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 3px solid #6cb93f;\n      width: 100%;\n      box-sizing: border-box;\n  }\n\n  \/* 1. LOGO (Izquierda) *\/\n  .gv-logo {\n      font-size: 26px;\n      font-weight: 800;\n      color: #004e89;\n      text-decoration: none;\n      letter-spacing: -0.5px;\n      display: flex;\n      align-items: center;\n      flex: 1; \/* Asegura espacio *\/\n  }\n  .gv-logo span {\n      color: #6cb93f;\n  }\n\n  \/* --- NUEVO: Estilo para la imagen del logo --- *\/\n  .gv-logo img {\n      height: 32px; \/* Altura fija para que no se vea gigante *\/\n      width: auto;  \/* Mantiene la proporci\u00f3n *\/\n      margin-right: 10px; \/* Espacio entre el icono y el texto *\/\n      display: block; \/* Evita espacios extra\u00f1os debajo de la imagen *\/\n  }\n\n  \/* 2. MENSAJE DE CONFIANZA (Centro) *\/\n  .gv-trust-msg {\n      color: #555;\n      font-size: 14px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      flex: 2; \/* Da m\u00e1s espacio al centro *\/\n  }\n  .gv-icon-truck {\n      font-size: 18px;\n  }\n\n  \/* 3. NUEVO: SELLO USA (Derecha) *\/\n  .gv-usa-stamp-container {\n      flex: 1; \/* Asegura espacio en la derecha *\/\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n  }\n\n  .gv-usa-stamp {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      border: 2px solid #004e89; \/* Mismo azul del logo *\/\n      padding: 5px 12px;\n      border-radius: 4px;\n      color: #004e89;\n      background-color: #f9faff; \/* Un fondo azul muy p\u00e1lido para resaltar *\/\n  }\n  \n  .gv-usa-text {\n      display: flex;\n      flex-direction: column;\n      font-weight: 700;\n      line-height: 1.1;\n      font-size: 11px;\n      text-transform: uppercase;\n  }\n  .gv-usa-text span.big {\n      font-size: 16px;\n      letter-spacing: 0.5px;\n  }\n\n\n  \/* RESPONSIVE: Ajustes para celulares *\/\n  @media (max-width: 768px) {\n      .gv-header-container {\n          flex-direction: column;\n          gap: 15px;\n          padding: 15px 20px;\n      }\n      .gv-logo, .gv-trust-msg, .gv-usa-stamp-container {\n          flex: auto; \/* Resetea los flex en m\u00f3vil *\/\n          width: 100%;\n          justify-content: center;\n      }\n      .gv-trust-msg {\n          order: 3; \/* Mensaje al final *\/\n          font-size: 11px;\n      }\n      .gv-usa-stamp-container {\n           order: 2; \/* Sello debajo del logo *\/\n      }\n  }\n<\/style>\n\n<header class=\"gv-header-container\">\n  \n  <a href=\"#\" class=\"gv-logo\">\n      <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/GVFB.webp\" alt=\"Icono GastroVital\">\n      Gastro<span>Vital<\/span>\n  <\/a>\n\n  <div class=\"gv-trust-msg\">\n      <span class=\"gv-icon-truck\">\ud83d\ude9a<\/span> Env\u00edo Gratis a todo M\u00e9xico\n  <\/div>\n\n  <div class=\"gv-usa-stamp-container\">\n      <div class=\"gv-usa-stamp\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#004e89\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z\"\/>\n          <\/svg>\n          <div class=\"gv-usa-text\">\n              <span>HECHO EN<\/span>\n              <span class=\"big\">EE.UU.<\/span>\n          <\/div>\n      <\/div>\n  <\/div>\n\n<\/header>\n\n\n\n<style>\n  \/* Contenedor Principal del Hero *\/\n  .gv-hero-section {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 60px 10%; \/* Espaciado interno generoso *\/\n      background: linear-gradient(180deg, #ffffff 0%, #f4fcf0 100%); \/* Degradado muy sutil hacia verde claro *\/\n      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      gap: 40px;\n      position: relative;\n      overflow: hidden;\n  }\n\n  \/* Columna de Texto (Izquierda) *\/\n  .gv-hero-content {\n      flex: 1; \/* Ocupa el 50% del espacio *\/\n      max-width: 600px !important;\n      z-index: 2;\n  }\n\n  \/* Columna de Imagen (Derecha) *\/\n  .gv-hero-image-container {\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      position: relative;\n      z-index: 2;\n  }\n\n  \/* Estilo de la imagen del producto *\/\n  .gv-product-img {\n      max-width: 100%;\n      width: 350px; \/* Tama\u00f1o ideal para la botella *\/\n      height: auto;\n      filter: drop-shadow(0 20px 30px rgba(0, 78, 137, 0.25)); \/* Sombra azulada elegante *\/\n      transition: transform 0.3s ease;\n  }\n  \n  .gv-product-img:hover {\n      transform: scale(1.02); \/* Efecto sutil al pasar el mouse *\/\n  }\n\n  \/* TIPOGRAF\u00cdA *\/\n  \n  \/* Titular H1 *\/\n  .gv-hero-h1 {\n      font-size: 42px;\n      line-height: 1.2;\n      font-weight: 800;\n      color: #004e89; \/* Azul GastroVital *\/\n      margin-bottom: 20px;\n      letter-spacing: -1px;\n  }\n\n  \/* Resaltado en el texto (verde) *\/\n  .gv-highlight {\n      color: #6cb93f;\n      position: relative;\n      white-space: nowrap; \/* Evita que la frase se rompa mal *\/\n  }\n  \n  \/* Subrayado decorativo para el resaltado *\/\n  .gv-highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 2px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background-color: rgba(108, 185, 63, 0.2); \/* Verde semitransparente *\/\n      z-index: -1;\n  }\n\n  \/* Subt\u00edtulo *\/\n  .gv-hero-sub {\n      font-size: 18px;\n      line-height: 1.6;\n      color: #555;\n      margin-bottom: 30px;\n      font-weight: 400;\n  }\n\n  \/* LISTA DE BENEFICIOS (Bullets Visuales) *\/\n  .gv-benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n  }\n\n  .gv-benefit-item {\n      display: flex;\n      align-items: flex-start;\n      margin-bottom: 15px;\n      font-size: 17px;\n      font-weight: 600;\n      color: #333;\n  }\n\n  \/* \u00cdcono del check *\/\n  .gv-check-icon {\n      background-color: #6cb93f;\n      color: white;\n      border-radius: 50%;\n      width: 24px;\n      height: 24px;\n      min-width: 24px; \/* Evita que se aplaste *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 12px;\n      margin-top: 2px; \/* Alineaci\u00f3n \u00f3ptica con el texto *\/\n      font-size: 14px;\n      box-shadow: 0 4px 10px rgba(108, 185, 63, 0.3);\n  }\n\n  \/* RESPONSIVE (M\u00f3viles) *\/\n  @media (max-width: 900px) {\n      .gv-hero-section {\n          flex-direction: column-reverse; \/* Imagen arriba, texto abajo en m\u00f3viles? O normal. Probemos normal columna *\/\n          flex-direction: column;\n          padding: 40px 20px;\n          text-align: center;\n      }\n\n      .gv-hero-content {\n          margin-top: 20px;\n      }\n\n      .gv-hero-h1 {\n          font-size: 32px; \/* M\u00e1s peque\u00f1o para celular *\/\n      }\n\n      .gv-benefit-item {\n          justify-content: flex-start; \/* Mantiene alineaci\u00f3n izquierda de bullets para lectura f\u00e1cil *\/\n          text-align: left;\n      }\n      \n      .gv-product-img {\n          width: 280px; \/* Reducir imagen en m\u00f3vil *\/\n      }\n  }\n<\/style>\n\n<style>\n  \/* Contenedor Principal del Hero *\/\n  .gv-hero-section {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 60px 10%; \/* Espaciado interno generoso *\/\n      background: linear-gradient(180deg, #ffffff 0%, #f4fcf0 100%); \/* Degradado muy sutil hacia verde claro *\/\n      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      gap: 40px;\n      position: relative;\n      overflow: hidden;\n  }\n\n  \/* Columna de Texto (Izquierda) *\/\n  .gv-hero-content {\n      flex: 1; \/* Ocupa el 50% del espacio *\/\n      max-width: 600px !important;\n      z-index: 2;\n  }\n\n  \/* Columna de Imagen (Derecha) *\/\n  .gv-hero-image-container {\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      position: relative;\n      z-index: 2;\n      \/* Ajuste para que la imagen no se corte si es muy alta *\/\n      align-items: center; \n  }\n\n  \/* Estilo de la imagen del producto *\/\n  .gv-product-img {\n      max-width: 100%;\n      width: 380px; \/* Ligeramente m\u00e1s grande para mayor impacto *\/\n      height: auto;\n      \/* Sombra azulada elegante que le da profundidad *\/\n      filter: drop-shadow(0 25px 35px rgba(0, 78, 137, 0.3)); \n      transition: transform 0.3s ease;\n  }\n  \n  .gv-product-img:hover {\n      transform: scale(1.03) rotate(2deg); \/* Efecto 3D sutil al pasar el mouse *\/\n  }\n\n  \/* TIPOGRAF\u00cdA *\/\n  \n  \/* Titular H1 *\/\n  .gv-hero-h1 {\n      font-size: 42px;\n      line-height: 1.2;\n      font-weight: 800;\n      color: #004e89; \/* Azul GastroVital *\/\n      margin-bottom: 20px;\n      letter-spacing: -1px;\n      margin-top: 0;\n  }\n\n  \/* Resaltado en el texto (verde) *\/\n  .gv-highlight {\n      color: #6cb93f;\n      position: relative;\n      white-space: nowrap; \/* Evita que la frase se rompa mal *\/\n  }\n  \n  \/* Subrayado decorativo para el resaltado *\/\n  .gv-highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 4px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background-color: rgba(108, 185, 63, 0.2); \/* Verde semitransparente *\/\n      z-index: -1;\n      border-radius: 4px;\n  }\n\n  \/* Subt\u00edtulo *\/\n  .gv-hero-sub {\n      font-size: 18px;\n      line-height: 1.6;\n      color: #555;\n      margin-bottom: 30px;\n      font-weight: 400;\n  }\n  .gv-hero-sub strong {\n      color: #004e89; \/* Resaltar palabras clave en azul *\/\n  }\n\n  \/* LISTA DE BENEFICIOS (Bullets Visuales) *\/\n  .gv-benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n  }\n\n  .gv-benefit-item {\n      display: flex;\n      align-items: flex-start;\n      margin-bottom: 15px;\n      font-size: 17px;\n      font-weight: 600;\n      color: #333;\n  }\n\n  \/* \u00cdcono del check *\/\n  .gv-check-icon {\n      background-color: #6cb93f;\n      color: white;\n      border-radius: 50%;\n      width: 24px;\n      height: 24px;\n      min-width: 24px; \/* Evita que se aplaste *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 12px;\n      margin-top: 2px; \/* Alineaci\u00f3n \u00f3ptica con el texto *\/\n      font-size: 14px;\n      box-shadow: 0 4px 10px rgba(108, 185, 63, 0.3);\n  }\n\n  \/* --- NUEVO: ESTILOS DEL BOT\u00d3N DE ACCI\u00d3N (CTA) --- *\/\n  .gv-hero-cta-btn {\n      display: inline-block; \/* Para que respete m\u00e1rgenes y padding *\/\n      margin-top: 35px; \/* Separaci\u00f3n de los bullets *\/\n      \/* Degradado verde met\u00e1lico (consistente con el header) *\/\n      background: linear-gradient(90deg, #6cb93f 0%, #85d65c 100%);\n      color: white;\n      padding: 16px 40px; \/* Bot\u00f3n grande y prominente *\/\n      text-decoration: none;\n      border-radius: 50px; \/* Forma de p\u00edldora\/gomita *\/\n      font-weight: 700;\n      font-size: 18px;\n      letter-spacing: 0.5px;\n      box-shadow: 0 8px 20px rgba(108, 185, 63, 0.4); \/* Sombra verde llamativa *\/\n      transition: all 0.3s ease;\n  }\n\n  .gv-hero-cta-btn:hover {\n      transform: translateY(-4px); \/* Efecto de elevaci\u00f3n al pasar el mouse *\/\n      box-shadow: 0 12px 25px rgba(108, 185, 63, 0.6);\n      background: linear-gradient(90deg, #5ca035 0%, #6cb93f 100%);\n  }\n\n  \/* RESPONSIVE (M\u00f3viles) *\/\n  @media (max-width: 900px) {\n      .gv-hero-section {\n          flex-direction: column;\n          padding: 50px 25px;\n          text-align: center;\n          gap: 30px;\n      }\n\n      .gv-hero-content {\n          margin-top: 0;\n          order: 2; \/* Texto abajo en m\u00f3vil *\/\n      }\n      \n      .gv-hero-image-container {\n          order: 1; \/* Imagen arriba en m\u00f3vil *\/\n      }\n\n      .gv-hero-h1 {\n          font-size: 32px; \/* M\u00e1s peque\u00f1o para celular *\/\n      }\n\n      .gv-hero-sub {\n           font-size: 16px;\n      }\n\n      .gv-benefit-item {\n          justify-content: flex-start; \/* Mantiene alineaci\u00f3n izquierda de bullets para lectura f\u00e1cil *\/\n          text-align: left;\n          font-size: 15px;\n      }\n      \n      .gv-product-img {\n          width: 260px; \/* Imagen m\u00e1s peque\u00f1a en m\u00f3vil *\/\n      }\n\n      \/* Bot\u00f3n ancho completo en celular para clic f\u00e1cil *\/\n      .gv-hero-cta-btn {\n          display: block;\n          width: auto;\n          margin: 30px auto 0 auto; \/* Centrado horizontal *\/\n          padding: 15px 20px;\n          font-size: 16px;\n      }\n  }\n<\/style>\n\n\n\n<section class=\"gv-hero-section\">\n  \n  <div class=\"gv-hero-content\">\n      <h1 class=\"gv-hero-h1\">\n          Apaga el Fuego en tu Est\u00f3mago en <span class=\"gv-highlight\">Menos de 15 Minutos<\/span> sin Pastillas Qu\u00edmicas.\n      <\/h1>\n      \n      <p class=\"gv-hero-sub\">\n          La primera f\u00f3rmula de <strong>CBD de espectro completo<\/strong> dise\u00f1ada para desinflamar la mucosa g\u00e1strica y calmar la ansiedad que provoca la gastritis.\n      <\/p>\n\n      <ul class=\"gv-benefits-list\">\n          <li class=\"gv-benefit-item\">\n              <span class=\"gv-check-icon\">\u2714<\/span>\n              Alivio r\u00e1pido del ardor y la acidez.\n          <\/li>\n          <li class=\"gv-benefit-item\">\n              <span class=\"gv-check-icon\">\u2714<\/span>\n              Vuelve a comer lo que te gusta sin miedo.\n          <\/li>\n          <li class=\"gv-benefit-item\">\n              <span class=\"gv-check-icon\">\u2714<\/span>\n              100% Natural y sin efectos secundarios.\n          <\/li>\n      <\/ul>\n      \n      <a href=\"#package-header-id\" class=\"gv-hero-cta-btn\">\n          PROBAR GASTROVITAL \u27a4\n      <\/a>\n      \n  <\/div>\n\n  <div class=\"gv-hero-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/senior.webp\" alt=\"Botella de GastroVital Gomitas para gastritis\" class=\"gv-product-img\">\n  <\/div>\n\n<\/section>\n\n\n<style>\n  \/* Contenedor Principal de la Secci\u00f3n *\/\n  .gv-agitation-section {\n      padding: 80px 10%;\n      background-color: #ffffff; \/* Fondo blanco limpio para contraste *\/\n      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      text-align: center;\n  }\n\n  \/* T\u00edtulo Principal (H2) *\/\n  .gv-agitation-h2 {\n      font-size: 36px;\n      font-weight: 800;\n      color: #004e89; \/* Azul GastroVital *\/\n      margin-bottom: 20px;\n      letter-spacing: -0.5px;\n  }\n\n  \/* P\u00e1rrafo Introductorio de Empat\u00eda *\/\n  .gv-agitation-intro {\n      font-size: 18px;\n      line-height: 1.6;\n      color: #555;\n      max-width: 800px !important; \/* Evita que el texto se estire demasiado *\/\n      margin: 0 auto; \/* Centrado horizontal *\/\n  }\n  .gv-agitation-intro strong {\n      color: #004e89;\n  }\n\n  \/* --- NUEVO: Estilos para el contenedor e imagen de agitaci\u00f3n --- *\/\n  .gv-agitation-image-container {\n      margin: 40px auto 50px auto; \/* Espacio arriba y abajo *\/\n      max-width: 700px !important; \/* Ancho m\u00e1ximo para que no se vea gigante *\/\n  }\n\n  .gv-agitation-img {\n      width: 100%; \/* Responsiva *\/\n      height: auto;\n      border-radius: 16px; \/* Bordes redondeados suaves *\/\n      \/* Sombra sutil azulada para dar profundidad y aspecto premium *\/\n      box-shadow: 0 15px 35px rgba(0, 78, 137, 0.12); \n      display: block;\n  }\n\n  \/* Contenedor de la Cuadr\u00edcula (Grid) de S\u00edntomas *\/\n  .gv-symptoms-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr); \/* 4 columnas en escritorio *\/\n      gap: 30px; \/* Espacio entre tarjetas *\/\n      margin-bottom: 40px;\n  }\n\n  \/* Tarjeta Individual de S\u00edntoma *\/\n  .gv-symptom-card {\n      background-color: #f9faff; \/* Un azul gris\u00e1ceo muy tenue para diferenciar *\/\n      padding: 30px 20px;\n      border-radius: 12px;\n      border: 1px solid #eef2f7; \/* Borde sutil *\/\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  \/* Efecto Hover sutil en las tarjetas *\/\n  .gv-symptom-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 10px 20px rgba(0, 78, 137, 0.08);\n      border-color: #dcebf7;\n  }\n\n  \/* Icono (Emoji grande) *\/\n  .gv-symptom-icon {\n      font-size: 48px;\n      margin-bottom: 15px;\n      display: block;\n  }\n\n  \/* T\u00edtulo del S\u00edntoma (H3) *\/\n  .gv-symptom-title {\n      font-size: 20px;\n      font-weight: 700;\n      color: #004e89;\n      margin-bottom: 12px;\n  }\n\n  \/* Descripci\u00f3n del S\u00edntoma *\/\n  .gv-symptom-desc {\n      font-size: 15px;\n      line-height: 1.5;\n      color: #666;\n  }\n\n  \/* Frase de Cierre Emocional *\/\n  .gv-agitation-closing {\n      font-size: 19px;\n      font-weight: 600;\n      color: #333;\n      margin-top: 40px;\n      padding-top: 30px;\n      border-top: 2px solid #f0f0f0; \/* L\u00ednea separadora sutil *\/\n      display: inline-block; \/* Para que el borde solo ocupe el ancho del texto *\/\n      max-width: 700px !important;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 992px) {\n      \/* Tablet: 2 columnas *\/\n      .gv-symptoms-grid {\n          grid-template-columns: repeat(2, 1fr);\n          gap: 20px;\n      }\n  }\n\n  @media (max-width: 600px) {\n      \/* M\u00f3vil: 1 columna *\/\n      .gv-agitation-section {\n          padding: 50px 20px;\n      }\n      .gv-agitation-h2 {\n          font-size: 28px;\n      }\n      .gv-symptoms-grid {\n          grid-template-columns: 1fr;\n      }\n      .gv-agitation-intro {\n          font-size: 16px;\n          margin-bottom: 30px;\n      }\n      \/* Ajuste de imagen en m\u00f3vil *\/\n      .gv-agitation-image-container {\n          margin: 30px auto 40px auto;\n      }\n  }\n<\/style>\n\n\n\n\n\n\n<style>\n  .gv-separator-wave {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    line-height: 0;\n    margin: 40px 0; \/* Espacio vertical *\/\n  }\n\n  .gv-separator-wave svg {\n    position: relative;\n    display: block;\n    width: calc(100% + 1.3px);\n    height: 60px; \/* Altura de la ola *\/\n  }\n\n  .gv-wave-fill {\n    fill: #f4fcf9; \/* Color de fondo de la siguiente secci\u00f3n (o blanco si prefieres) *\/\n    \/* Si quieres que sea una l\u00ednea decorativa, usa el gradiente en el stroke o fill *\/\n  }\n  \n  \/* Variante: L\u00ednea decorativa solamente *\/\n  .gv-wave-line {\n      width: 100%;\n      height: 10px;\n      background: linear-gradient(90deg, #004e89 0%, #6cb93f 100%);\n      border-radius: 50%;\n      opacity: 0.3;\n      filter: blur(2px);\n      margin: 20px 0;\n  }\n<\/style>\n\n\n\n\n<style>\n  .gv-separator-icon-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 50px 0;\n      width: 100%;\n      max-width: 800px !important;\n      margin-left: auto;\n      margin-right: auto;\n  }\n\n  .gv-line {\n      flex-grow: 1;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, #e5e7eb, #004e89);\n      border-radius: 2px;\n  }\n  \n  .gv-line.right {\n      background: linear-gradient(90deg, #6cb93f, #e5e7eb, transparent);\n  }\n\n  .gv-icon-wrapper {\n      margin: 0 20px;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      border: 2px solid #6cb93f;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #004e89;\n      font-size: 18px;\n      box-shadow: 0 0 10px rgba(108, 185, 63, 0.2);\n  }\n<\/style>\n\n<div class=\"gv-separator-icon-container\">\n    <div class=\"gv-line\"><\/div>\n    <div class=\"gv-icon-wrapper\">\n        \ud83c\udf3f\n    <\/div>\n    <div class=\"gv-line right\"><\/div>\n<\/div>\n\n\n<style>\n  .gv-separator-pill-container {\n      display: flex;\n      justify-content: center;\n      margin: 60px 0;\n  }\n\n  .gv-pill-line {\n      width: 120px; \/* Ancho de la l\u00ednea *\/\n      height: 6px;  \/* Grosor *\/\n      border-radius: 10px; \/* Bordes muy redondos tipo gomita *\/\n      \/* Degradado directo de Azul a Verde *\/\n      background: linear-gradient(90deg, #004e89 0%, #6cb93f 100%);\n      position: relative;\n      opacity: 0.8;\n  }\n  \n  \/* Opcional: Efecto de brillo peque\u00f1o *\/\n  .gv-pill-line::after {\n      content: '';\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      border-radius: 10px;\n      box-shadow: 0 4px 10px rgba(108, 185, 63, 0.4);\n  }\n<\/style>\n\n\n\n\n<section class=\"gv-agitation-section\">\n  \n  <h2 class=\"gv-agitation-h2\">\u00bfTu est\u00f3mago controla tu vida?<\/h2>\n\n  <p class=\"gv-agitation-intro\">\n      Sabemos que no es solo dolor f\u00edsico. Es la frustraci\u00f3n de cancelar planes, la ansiedad antes de cada comida y el cansancio de probar remedios que solo &#8220;parchan&#8221; el problema moment\u00e1neamente. <strong>No est\u00e1s solo en esto.<\/strong>\n  <\/p>\n\n  <div class=\"gv-agitation-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/cb.webp\" alt=\"Persona sintiendo dolor y preocupaci\u00f3n estomacal\" class=\"gv-agitation-img\">\n  <\/div>\n  <div class=\"gv-symptoms-grid\">\n      \n      <div class=\"gv-symptom-card\">\n          <span class=\"gv-symptom-icon\" role=\"img\" aria-label=\"Fuego\">\ud83d\udd25<\/span>\n          <h3 class=\"gv-symptom-title\">El &#8220;Drag\u00f3n&#8221; Nocturno<\/h3>\n          <p class=\"gv-symptom-desc\">Despertar de golpe a las 3 AM con un \u00e1cido que quema tu garganta y te roba el descanso.<\/p>\n      <\/div>\n\n      <div class=\"gv-symptom-card\">\n          <span class=\"gv-symptom-icon\" role=\"img\" aria-label=\"Taco\">\ud83c\udf2e<\/span>\n          <h3 class=\"gv-symptom-title\">Miedo a la Comida<\/h3>\n          <p class=\"gv-symptom-desc\">Ver unos tacos, un caf\u00e9 o picante y sentir p\u00e1nico anticipado, sabiendo que lo pagar\u00e1s caro horas despu\u00e9s.<\/p>\n      <\/div>\n\n      <div class=\"gv-symptom-card\">\n          <span class=\"gv-symptom-icon\" role=\"img\" aria-label=\"Globo\">\ud83c\udf88<\/span>\n          <h3 class=\"gv-symptom-title\">Inflamaci\u00f3n Cr\u00f3nica<\/h3>\n          <p class=\"gv-symptom-desc\">Sentirte pesado y distendido como un globo a punto de estallar, incluso despu\u00e9s de comer algo ligero.<\/p>\n      <\/div>\n\n      <div class=\"gv-symptom-card\">\n          <span class=\"gv-symptom-icon\" role=\"img\" aria-label=\"Pastilla\">\ud83d\udc8a<\/span>\n          <h3 class=\"gv-symptom-title\">Esclavo de las Pastillas<\/h3>\n          <p class=\"gv-symptom-desc\">Depender diariamente de anti\u00e1cidos u Omeprazol, preocupado por los efectos secundarios a largo plazo.<\/p>\n      <\/div>\n\n  <\/div>\n\n  <p class=\"gv-agitation-closing\">\n      Esta no es forma de vivir. Tu sistema digestivo deber\u00eda ser tu motor de energ\u00eda, no tu enemigo diario.\n  <\/p>\n\n<\/section>\n\n\n\n\n<style>\n  \/* --- Contenedor Principal --- *\/\n  .gv-solution-section {\n      padding: 80px 10%;\n      background: linear-gradient(180deg, #ffffff 0%, #f4fcf9 100%); \/* Degradado sutil hacia un verde\/azul muy claro *\/\n      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      text-align: center;\n  }\n\n  \/* Subt\u00edtulo de Autoridad *\/\n  .gv-solution-badge {\n      display: inline-block;\n      background-color: #eef6fc;\n      color: #004e89;\n      font-weight: 700;\n      font-size: 13px;\n      padding: 8px 16px;\n      border-radius: 30px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 20px;\n  }\n\n  \/* T\u00edtulo Principal (H2) *\/\n  .gv-solution-h2 {\n      font-size: 38px;\n      font-weight: 800;\n      color: #004e89;\n      margin-bottom: 25px;\n      letter-spacing: -0.5px;\n      line-height: 1.2;\n  }\n\n  \/* Copy Principal de Explicaci\u00f3n *\/\n  .gv-solution-intro {\n      font-size: 18px;\n      line-height: 1.7;\n      color: #555;\n      max-width: 850px !important;\n      margin: 0 auto 50px auto;\n  }\n  .gv-solution-intro strong {\n      color: #004e89;\n      font-weight: 700;\n  }\n  .gv-highlight-green {\n      color: #6cb93f;\n      font-weight: 700;\n  }\n\n  \/* --- Contenedor de la Imagen Cient\u00edfica --- *\/\n  .gv-mechanism-image-container {\n      max-width: 800px !important;\n      margin: 0 auto 60px auto;\n      position: relative;\n  }\n\n  \/* Estilo para el placeholder de la imagen (para que se vea bien antes de poner la final) *\/\n  .gv-mechanism-img-placeholder {\n      width: 100%;\n      height: auto;\n      min-height: 400px; \/* Altura m\u00ednima para reservar espacio *\/\n      background-color: #f0f4f8; \/* Color de fondo mientras no hay imagen *\/\n      border-radius: 20px;\n      border: 3px solid #ffffff;\n      box-shadow: 0 20px 40px rgba(0, 78, 137, 0.15); \/* Sombra azulada prominente *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #99aabb;\n      font-weight: 600;\n      overflow: hidden;\n  }\n  \n  .gv-mechanism-img-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n  }\n\n\n  \/* --- NUEVO: Desglose en 3 Pasos (How it Works) --- *\/\n  .gv-steps-container {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      max-width: 1000px !important;\n      margin: 0 auto 70px auto;\n      text-align: left;\n  }\n\n  .gv-step-item {\n      background: white;\n      padding: 30px;\n      border-radius: 15px;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n      border-top: 4px solid #6cb93f; \/* L\u00ednea verde superior *\/\n      position: relative;\n  }\n\n  \/* N\u00famero del paso *\/\n  .gv-step-number {\n      position: absolute;\n      top: -15px;\n      left: 20px;\n      background-color: #004e89;\n      color: white;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n  }\n\n  .gv-step-icon {\n      font-size: 36px;\n      margin-bottom: 15px;\n      color: #6cb93f;\n      display: block;\n      margin-top: 10px;\n  }\n\n  .gv-step-title {\n      font-size: 19px;\n      font-weight: 700;\n      color: #004e89;\n      margin-bottom: 10px;\n  }\n\n  .gv-step-desc {\n      font-size: 15px;\n      color: #666;\n      line-height: 1.5;\n  }\n\n  \/* --- NUEVO: Tabla Comparativa (Tool de Venta) --- *\/\n  .gv-comparison-container {\n      max-width: 800px !important;\n      margin: 0 auto;\n      background: white;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  }\n  \n  .gv-comparison-header {\n      background-color: #004e89;\n      color: white;\n      padding: 20px;\n      font-size: 22px;\n      font-weight: 700;\n  }\n\n  .gv-comparison-table {\n      width: 100%;\n      border-collapse: collapse;\n  }\n\n  .gv-comparison-table th, .gv-comparison-table td {\n      padding: 18px 25px;\n      text-align: left;\n      border-bottom: 1px solid #eee;\n  }\n  \n  .gv-comparison-table th {\n      background-color: #f8f9fa;\n      color: #555;\n      font-weight: 700;\n      width: 40%;\n  }\n  \n  .gv-comparison-table td.gv-traditional {\n      color: #888;\n      font-size: 15px;\n      width: 30%;\n      background-color: #fff5f5; \/* Fondo rojizo sutil *\/\n  }\n  \n  .gv-comparison-table td.gv-gastro-way {\n      color: #004e89;\n      font-weight: 600;\n      font-size: 16px;\n      width: 30%;\n      background-color: #f4fcf9; \/* Fondo verdoso sutil *\/\n      border-left: 3px solid #6cb93f;\n  }\n\n  \/* Iconos de check y X para la tabla *\/\n  .gv-icon-x { color: #d9534f; margin-right: 8px; }\n  .gv-icon-check { color: #6cb93f; margin-right: 8px; font-weight: 800; }\n\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 900px) {\n      .gv-solution-h2 { font-size: 32px; }\n      .gv-steps-container { grid-template-columns: 1fr; gap: 40px; }\n      .gv-step-item { text-align: center; }\n      .gv-step-number { left: 50%; transform: translateX(-50%); }\n      \n      \/* Tabla responsive simple *\/\n      .gv-comparison-table th, .gv-comparison-table td {\n          padding: 15px 10px;\n          font-size: 14px;\n      }\n      .gv-comparison-header { font-size: 18px; }\n      .gv-comparison-table td.gv-gastro-way { font-size: 15px; }\n  }\n<\/style>\n\n\n\n\n\n\n<div class=\"gv-separator-wave\">\n  <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n      <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z\" \n      fill=\"#004e89\" fill-opacity=\"0.05\"><\/path> <path d=\"M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z\" \n      opacity=\".25\" fill=\"#6cb93f\"><\/path> <\/svg>\n<\/div>\n\n\n\n\n\n\n<section class=\"gv-solution-section\">\n  \n  <span class=\"gv-solution-badge\">La Ciencia Detr\u00e1s del Alivio<\/span>\n\n  <h2 class=\"gv-solution-h2\">No es solo acidez,<br>es tu Sistema Nervioso.<\/h2>\n\n  <p class=\"gv-solution-intro\">\n      La mayor\u00eda de los tratamientos solo &#8220;parchan&#8221; el \u00e1cido, pero ignoran la causa ra\u00edz: el estr\u00e9s y la inflamaci\u00f3n nerviosa. GastroVital utiliza <strong>CBD de espectro completo<\/strong> dise\u00f1ado para interactuar con tu <strong class=\"gv-highlight-green\">Sistema Endocannabinoide<\/strong>. Esto env\u00eda se\u00f1ales directas de calma desde tu cerebro a tu est\u00f3mago, deteniendo la producci\u00f3n de \u00e1cido provocada por los nervios.\n  <\/p>\n\n  <div class=\"gv-mechanism-image-container\">\n      <div class=\"gv-mechanism-img-placeholder\">\n          <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/ll.webp\">\n      <\/div>\n      <p style=\"margin-top: 15px; font-size: 14px; color: #888; font-style: italic;\">\n          Figura 1: El CBD restablece la comunicaci\u00f3n saludable entre el cerebro y el sistema digestivo.\n      <\/p>\n  <\/div>\n  <div class=\"gv-steps-container\">\n      <div class=\"gv-step-item\">\n          <div class=\"gv-step-number\">1<\/div>\n          <span class=\"gv-step-icon\">\ud83e\udde0<\/span>\n          <h3 class=\"gv-step-title\">Detecta la Se\u00f1al de Estr\u00e9s<\/h3>\n          <p class=\"gv-step-desc\">El estr\u00e9s diario activa tu sistema nervioso, enviando se\u00f1ales de alerta que inflaman tu est\u00f3mago innecesariamente.<\/p>\n      <\/div>\n      <div class=\"gv-step-item\">\n          <div class=\"gv-step-number\">2<\/div>\n          <span class=\"gv-step-icon\">\ud83c\udf3f<\/span>\n          <h3 class=\"gv-step-title\">Activa el &#8220;Interruptor de Calma&#8221;<\/h3>\n          <p class=\"gv-step-desc\">Los fitocannabinoides de GastroVital se unen a los receptores de tu Sistema Endocannabinoide (ECS) en el intestino.<\/p>\n      <\/div>\n      <div class=\"gv-step-item\">\n          <div class=\"gv-step-number\">3<\/div>\n          <span class=\"gv-step-icon\">\ud83d\udee1\ufe0f<\/span>\n          <h3 class=\"gv-step-title\">Desinflama y Protege<\/h3>\n          <p class=\"gv-step-desc\">Se reduce la producci\u00f3n \u00e1cida nerviosa y se promueve una respuesta antiinflamatoria natural en la mucosa g\u00e1strica.<\/p>\n      <\/div>\n  <\/div>\n\n\n  <div class=\"gv-comparison-container\">\n      <div class=\"gv-comparison-header\">\n          \u00bfPor qu\u00e9 GastroVital es diferente?\n      <\/div>\n      <table class=\"gv-comparison-table\">\n          <thead>\n              <tr>\n                  <th>Caracter\u00edstica<\/th>\n                  <th style=\"background:#fff5f5; color:#d9534f;\">Anti\u00e1cidos Comunes<\/th>\n                  <th style=\"background:#f4fcf9; color:#6cb93f;\">Enfoque GastroVital<\/th>\n              <\/tr>\n          <\/thead>\n          <tbody>\n              <tr>\n                  <th>\u00bfQu\u00e9 hace?<\/th>\n                  <td class=\"gv-traditional\"><span class=\"gv-icon-x\">\u2716<\/span> Neutraliza el \u00e1cido existente temporalmente.<\/td>\n                  <td class=\"gv-gastro-way\"><span class=\"gv-icon-check\">\u2714<\/span> Calma la se\u00f1al nerviosa que *produce* el \u00e1cido.<\/td>\n              <\/tr>\n              <tr>\n                  <th>Causa Ra\u00edz<\/th>\n                  <td class=\"gv-traditional\"><span class=\"gv-icon-x\">\u2716<\/span> La ignora por completo.<\/td>\n                  <td class=\"gv-gastro-way\"><span class=\"gv-icon-check\">\u2714<\/span> Ataca el estr\u00e9s y la inflamaci\u00f3n directamente.<\/td>\n              <\/tr>\n              <tr>\n                  <th>Efecto Rebote<\/th>\n                  <td class=\"gv-traditional\"><span class=\"gv-icon-x\">\u2716<\/span> Frecuente (el est\u00f3mago produce m\u00e1s \u00e1cido despu\u00e9s).<\/td>\n                  <td class=\"gv-gastro-way\"><span class=\"gv-icon-check\">\u2714<\/span> Sin efecto rebote conocido.<\/td>\n              <\/tr>\n              <tr>\n                  <th>Origen<\/th>\n                  <td class=\"gv-traditional\"><span class=\"gv-icon-x\">\u2716<\/span> Qu\u00edmicos sint\u00e9ticos (Aluminio, Magnesio).<\/td>\n                  <td class=\"gv-gastro-way\"><span class=\"gv-icon-check\">\u2714<\/span> F\u00f3rmula natural a base de plantas.<\/td>\n              <\/tr>\n          <\/tbody>\n      <\/table>\n  <\/div>\n\n<\/section>\n\n\n\n\n\n\n\n\n\n<style>\n  \/* --- Estilos del Timer GASTROVITAL --- *\/\n  .timer-section {\n    width: 280px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n  }\n\n  #progress-bar-container {\n    width: 100%;\n    height: 25px;\n    background-color: rgba(0, 78, 137, 0.1); \/* Azul muy suave de fondo *\/\n    border-radius: 5px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 78, 137, 0.2);\n  }\n\n  #progress-bar-inner {\n    width: 100%;\n    height: 100%;\n    \/* --- MODIFICADO: Gradiente GastroVital (Azul a Verde) --- *\/\n    background: linear-gradient(90deg, #004e89, #4a9e57, #6cb93f);\n    border-radius: 5px;\n    transition: width 1s linear;\n    \/* --- Animaci\u00f3n de \"Alivio\" --- *\/\n    animation: relief-glow 2s ease-in-out infinite;\n  }\n\n  \/* --- NUEVO: Animaci\u00f3n de brillo Verde\/Azul --- *\/\n  @keyframes relief-glow {\n    0% {\n      box-shadow: 0 0 3px #004e89;\n    }\n    50% {\n      box-shadow: 0 0 10px #6cb93f; \/* Brillo verde intenso *\/\n    }\n    100% {\n      box-shadow: 0 0 3px #004e89;\n    }\n  }\n\n  @keyframes pulse-timer {\n    0% { transform: scale(1); opacity: 0.9; }\n    50% { transform: scale(1.05); opacity: 1; }\n    100% { transform: scale(1); opacity: 0.9; }\n  }\n\n  #flip-clock {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 4px; \n    margin-top: 5px; \n  }\n\n  .flip-digit {\n    position: relative;\n    \/* --- CAMBIO: Fondo Azul Oscuro GastroVital --- *\/\n    background-color: #004e89; \n    color: #ffffff;\n    font-size: 1.6rem;\n    font-weight: bold;\n    line-height: 1.3;\n    padding: 8px 10px;\n    border-radius: 4px;\n    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4) inset,\n      0 1px 1px rgba(255, 255, 255, 0.1);\n    font-family: \"Arial\", sans-serif;\n    min-width: 28px;\n    text-align: center;\n  }\n\n  .flip-digit::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 2px;\n    right: 2px;\n    height: 1px;\n    background-color: rgba(0, 0, 0, 0.3);\n    z-index: 1;\n  }\n\n  .flip-digit span {\n    position: relative;\n    z-index: 2;\n    text-shadow: 0 0 3px rgba(255, 255, 255, 0.2);\n    transition: opacity 0.2s ease-in-out;\n  }\n\n  .flip-separator {\n    color: #004e89; \/* Color del separador ajustado *\/\n    font-size: 1.5rem;\n    font-weight: bold;\n    padding: 0 2px;\n    animation: pulse-timer 1.5s infinite; \n  }\n\n  \/* --- Animaci\u00f3n de pulso del d\u00edgito --- *\/\n  @keyframes digit-pulse {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.05);\n      \/* Brillo verde al cambiar *\/\n      box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4) inset, 0 0 10px #6cb93f; \n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n\n  .flip-digit.changed {\n    animation: digit-pulse 0.3s ease-in-out;\n  }\n  \n  .promo-texto {\n    color: #004e89;\n    font-weight: bold;\n    margin: 0;\n    font-size: 25px;\n  }\n<\/style>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap');\n  \n  \/* ===== VARIABLES DE MARCA GASTROVITAL ===== *\/\n  :root {\n    --brand-primary: #6cb93f;  \/* Verde GastroVital *\/\n    --brand-dark: #004e89;     \/* Azul GastroVital *\/\n    --brand-accent: #85d65c;   \/* Verde Claro Brillante *\/\n    --text-dark: #1f2937;\n    --text-gray: #9ca3af;\n    --bg-light: #f4fcf9;       \/* Fondo muy sutil verdoso\/azulado *\/\n    --danger: #ef4444;\n  }\n  \n  \/* ===== CONTENEDOR PRINCIPAL ===== *\/\n  .offer-section-wrapper {\n    font-family: 'Montserrat', sans-serif;\n    background-color: var(--bg-light);\n    padding: 40px 15px;\n    box-sizing: border-box;\n  }\n  \n  \/* ===== ENCABEZADO ===== *\/\n  .package-header {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n  \n  .package-header h2 {\n    color: var(--brand-dark); \/* Azul *\/\n    font-size: 2rem;\n    font-weight: 800;\n    letter-spacing: -1px;\n    text-transform: uppercase;\n    margin: 0;\n    position: relative;\n    display: inline-block;\n  }\n  \n  \/* L\u00ednea decorativa bajo el t\u00edtulo *\/\n  .package-header h2::after {\n    content: '';\n    display: block;\n    width: 60px;\n    height: 4px;\n    background: var(--brand-primary); \/* Verde *\/\n    margin: 10px auto 0;\n    border-radius: 2px;\n  }\n  \n  \/* ===== GRID DE TARJETAS ===== *\/\n  .pricing-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: stretch; \n    gap: 25px;\n    max-width: 1200px !important;\n    margin: 0 auto;\n  }\n  \n  \/* ===== ESTILO BASE DE TARJETA ===== *\/\n  .pricing-card {\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 20px;\n    padding: 30px 20px;\n    flex: 1 1 300px; \n    max-width: 350px !important;\n    text-align: center;\n    position: relative;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n  \n  .pricing-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px -5px rgba(0, 78, 137, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n  \n  \/* ===== HEADER DE LA TARJETA ===== *\/\n  .card-title h3 {\n    font-size: 1.1rem;\n    color: var(--brand-dark); \/* Azul *\/\n    font-weight: 700;\n    margin: 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  \n  .card-subtitle {\n    font-size: 0.9rem;\n    color: var(--text-gray);\n    margin-bottom: 15px;\n    display: block;\n  }\n  \n  \/* ===== IMAGEN ===== *\/\n  .card-image img {\n    width: 100%;\n    max-height: 320px;\n    object-fit: contain;\n    margin: 10px 0 20px;\n    filter: drop-shadow(0 10px 15px rgba(0, 78, 137, 0.1));\n    transition: transform 0.3s ease;\n  }\n  \n  .pricing-card:hover .card-image img {\n    transform: scale(1.05);\n  }\n  \n  \/* ===== PILLS (Etiquetas) ===== *\/\n  .tags-container {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 20px;\n  }\n  \n  .pill-shipping {\n    background-color: #e6f4ea; \/* Verde muy claro *\/\n    color: var(--brand-dark);\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 5px 10px;\n    border-radius: 50px;\n  }\n  \n  .pill-discount {\n    background-color: #fee2e2;\n    color: var(--danger);\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 5px 10px;\n    border-radius: 50px;\n  }\n  \n  \/* ===== PRECIOS ===== *\/\n  .price-section {\n    margin-bottom: 25px;\n  }\n  \n  .old-price {\n    font-size: 1rem;\n    color: var(--text-gray);\n    text-decoration: line-through;\n    display: block;\n    font-weight: 500;\n  }\n  \n  .new-price {\n    font-size: 2.5rem;\n    color: var(--brand-dark); \/* Azul *\/\n    font-weight: 800;\n    line-height: 1;\n  }\n  \n  .currency {\n    font-size: 1rem;\n    vertical-align: super;\n  }\n  \n  \/* ===== BOT\u00d3N ===== *\/\n  .btn-comprar {\n    display: block;\n    width: 100%;\n    padding: 15px 0;\n    border-radius: 12px;\n    font-weight: 700;\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    transition: all 0.2s;\n    font-size: 0.95rem;\n    background-color: #e5e7eb; \n    color: var(--text-dark);\n  }\n  \n  .btn-comprar:hover {\n    background-color: #d1d5db;\n  }\n  \n  \/* ===== ESTILOS ESPEC\u00cdFICOS: TARJETA POPULAR (CENTRO) ===== *\/\n  .pricing-card.popular {\n    border: 2px solid var(--brand-primary); \/* Borde Verde *\/\n    transform: scale(1.05);\n    box-shadow: 0 25px 50px -12px rgba(108, 185, 63, 0.3); \/* Sombra Verde *\/\n    z-index: 2;\n  }\n  \n  .pricing-card.popular:hover {\n    transform: scale(1.05) translateY(-5px);\n  }\n  \n  .popular-badge {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    \/* Degradado del badge: Azul a Verde *\/\n    background: linear-gradient(90deg, var(--brand-dark), var(--brand-primary));\n    color: white;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 0.85rem;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    white-space: nowrap;\n  }\n  \n  \/* Bot\u00f3n Destacado *\/\n  .pricing-card.popular .btn-comprar, \n  .pricing-card.vip .btn-comprar {\n    \/* Degradado Bot\u00f3n: Verde Vibrante *\/\n    background: linear-gradient(90deg, var(--brand-primary) 0%, #85d65c 100%);\n    color: white;\n    box-shadow: 0 4px 10px rgba(108, 185, 63, 0.4);\n  }\n  \n  .pricing-card.popular .btn-comprar:hover,\n  .pricing-card.vip .btn-comprar:hover {\n    box-shadow: 0 10px 15px -3px rgba(108, 185, 63, 0.5);\n    transform: translateY(-2px);\n    background: linear-gradient(90deg, #5ca035 0%, var(--brand-primary) 100%);\n  }\n  \n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 900px) {\n    .pricing-card.popular {\n      transform: scale(1); \n      order: -1; \n      border-width: 3px;\n    }\n    .pricing-card.popular:hover {\n        transform: translateY(-5px);\n    }\n  }\n\n  .promo-banner {\n    width: 100%; \n    box-sizing: border-box; \n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 15px;\n    white-space: nowrap;\n  }\n<\/style>\n\n<style>\n  \/* Estilos del Alert Box actualizados a GastroVital *\/\n  .mcsh-discount-alert {\n    font-family: 'Montserrat', sans-serif;\n    background: linear-gradient(to right, #f4fcf9, #ffffff);\n    border: 2px dashed #004e89; \/* Borde Azul discontinuo *\/\n    border-radius: 12px;\n    padding: 20px;\n    margin: 20px auto;\n    max-width: 600px !important;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0 8px 20px rgba(0, 78, 137, 0.1);\n    position: relative;\n    overflow: hidden;\n  }\n\n  @keyframes pulse-gift {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.1) rotate(5deg); }\n    100% { transform: scale(1); }\n  }\n\n  .mcsh-icon-box {\n    background-color: #e0f2fe; \/* Fondo azul muy claro *\/\n    color: #004e89; \/* Icono Azul *\/\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    flex-shrink: 0;\n    animation: pulse-gift 2s infinite ease-in-out;\n  }\n\n  .mcsh-content-box {\n    flex-grow: 1;\n    text-align: left;\n  }\n\n  .mcsh-content-box h4 {\n    margin: 0 0 5px 0;\n    color: #004e89; \/* T\u00edtulo Azul *\/\n    font-size: 1.1rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .mcsh-content-box p {\n    margin: 0;\n    color: #4b5563;\n    font-size: 0.95rem;\n    line-height: 1.4;\n  }\n\n  .highlight-text {\n    color: #004e89; \n    font-weight: 700;\n    background: #dcfce7; \/* Fondo verde suave para resaltar *\/\n    padding: 2px 6px;\n    border-radius: 4px;\n  }\n\n  .mcsh-arrow-down {\n    display: block;\n    text-align: center;\n    color: #6cb93f; \/* Flecha Verde *\/\n    margin-top: -10px;\n    margin-bottom: 20px;\n    font-size: 24px;\n    animation: bounce-arrow 1.5s infinite;\n  }\n\n  @keyframes bounce-arrow {\n    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\n    40% {transform: translateY(-5px);}\n    60% {transform: translateY(-3px);}\n  }\n\n  @media (max-width: 500px) {\n    .mcsh-discount-alert {\n      flex-direction: column;\n      text-align: center;\n      padding: 15px;\n    }\n    .mcsh-content-box {\n      text-align: center;\n    }\n  }\n<\/style>\n\n\n\n\n<div class=\"gv-separator-pill-container\">\n  <div class=\"gv-pill-line\"><\/div>\n<\/div>\n\n\n\n<div class=\"offer-section-wrapper\">\n    \n    <div class=\"package-header\" id=\"package-header-id\">\n      <h2>Selecciona tu tratamiento<\/h2>\n\n      <div class=\"promo-banner\">\n        <div class=\"finalizado\"><\/div>\n        <div class=\"timer-section\">\n          <div id=\"flip-clock\">\n            <div class=\"flip-digit\" id=\"flip-min-tens\"><span>0<\/span><\/div>\n            <div class=\"flip-digit\" id=\"flip-min-ones\"><span>3<\/span><\/div>\n            <div class=\"flip-separator\">:<\/div>\n            <div class=\"flip-digit\" id=\"flip-sec-tens\"><span>0<\/span><\/div>\n            <div class=\"flip-digit\" id=\"flip-sec-ones\"><span>0<\/span><\/div>\n          <\/div>\n          <div id=\"progress-bar-container\">\n            <div id=\"progress-bar-inner\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mcsh-discount-alert-wrapper\">\n        <div class=\"mcsh-discount-alert\">\n          <div class=\"mcsh-icon-box\">\ud83c\udf81<\/div>\n          <div class=\"mcsh-content-box\">\n            <h4>\u00a1Espera! Tenemos un regalo<\/h4>\n            <p>Completa tus datos de env\u00edo seleccionado tu tratamiento y desbloquea un <span class=\"highlight-text\">DESCUENTO EXTRA SORPRESA<\/span> autom\u00e1ticamente al final.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"mcsh-arrow-down\">\u25bc<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pricing-container\">\n\n      <div class=\"pricing-card\" id=\"paquete-1-botella\">\n        <div class=\"card-content\">\n            <div class=\"card-title\">\n            <h3>B\u00e1sico<\/h3>\n            <span class=\"card-subtitle\">Compra 1 Frasco<\/span>\n            <\/div>\n            \n            <div class=\"card-image\">\n            <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/p1.webp\" alt=\"Paquete Individual\">\n            <\/div>\n\n            <div class=\"tags-container\">\n            <span class=\"pill-discount perk-descuento\">-15% OFF<\/span>\n            <span class=\"pill-shipping\">ENV\u00cdO GRATIS<\/span>\n            <\/div>\n\n            <div class=\"price-section\">\n            <span class=\"old-price\">$999<\/span>\n            <span class=\"new-price\">$899<span class=\"currency\">mxn<\/span><\/span>\n            <\/div>\n        <\/div>\n        \n        <a href=\"#\" class=\"btn-comprar\">Comprar 1 Frasco<\/a>\n      <\/div>\n\n      <div class=\"pricing-card popular\" id=\"paquete-2-botellas\">\n        <div class=\"popular-badge\">\ud83d\udd25 M\u00c1S VENDIDO<\/div>\n        \n        <div class=\"card-content\">\n            <div class=\"card-title\">\n            <h3>Recomendado<\/h3>\n            <span class=\"card-subtitle\">Compra 2 Frascos<\/span>\n            <\/div>\n            \n            <div class=\"card-image\">\n            <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/p2.webp\" alt=\"Paquete Doble\">\n            <\/div>\n\n            <div class=\"tags-container\">\n            <span class=\"pill-shipping\">ENV\u00cdO GRATIS \ud83d\ude9a<\/span>\n            <span class=\"pill-discount perk-descuento\" style=\"background:#fee2e2; color:#b91c1c;\">AHORRAS $500.00<\/span>\n            <\/div>\n\n            <div class=\"price-section\">\n            <span class=\"old-price\">$1,799<\/span>\n            <span class=\"new-price\">$1,619<span class=\"currency\">mxn<\/span><\/span>\n            <\/div>\n        <\/div>\n\n        <a href=\"#\" class=\"btn-comprar\">LO QUIERO PARA MI GASTRITIS<\/a>\n      <\/div>\n\n      <div class=\"pricing-card vip\" id=\"paquete-3-botellas\">\n        <div class=\"card-content\">\n            <div class=\"card-title\">\n            <h3>Tratamiento Completo<\/h3>\n            <span class=\"card-subtitle\">Compra 3 Frascos<\/span>\n            <\/div>\n            \n            <div class=\"card-image\">\n            <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/p3.webp\" alt=\"Paquete Triple\">\n            <\/div>\n\n            <div class=\"tags-container\">\n            <span class=\"pill-shipping\">ENV\u00cdO GRATIS<\/span>\n            <span class=\"pill-discount perk-descuento\">AHORRAS $700.00<\/span>\n            <\/div>\n\n            <div class=\"price-section\">\n            <span class=\"old-price\">$2,499<\/span>\n            <span class=\"new-price\">$2,199<span class=\"currency\">mxn<\/span><\/span>\n            <\/div>\n        <\/div>\n\n        <a href=\"#\" class=\"btn-comprar\">Aprovechar Oferta<\/a>\n      <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n  \n    \/\/ --- 1. CONFIGURACI\u00d3N DE PRECIOS Y LINKS ---\n    \/\/ (Esto no cambia)\n    const configuracionPrecios = {\n      estadoInicial: {\n        \/\/ Paquete 1 (Individual)\n        paquete1: {\n          precio: \"$849 MXN\",\n          link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?wc-quick-buy-now=146&quantity=1\"\n        },\n        \/\/ Paquete 2 (El \"Popular\" de Compra 2)\n        paquete2: {\n          precio: \"$1,299 MXN\",\n          link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?wc-quick-buy-now=147&quantity=1\"\n        },\n        \/\/ Paquete 3 (El de Compra 3)\n        paquete3: {\n          precio: \"$1,799 MXN\",\n          link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?wc-quick-buy-now=148&quantity=1\" \n        }\n      },\n      estadoFinal: { \n        \/\/ Paquete 1 (Individual)\n        paquete1: {\n          precio: \"$999 MXN\",\n          link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?wc-quick-buy-now=142&quantity=1\"\n        },\n        \/\/ Paquete 2 (El \"Popular\" de Compra 2)\n        paquete2: {\n          precio: \"$1,799 MXN\",\n          link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?wc-quick-buy-now=143&quantity=1\"\n        },\n        \/\/ Paquete 3 (El de Compra 3)\n        paquete3: {\n          precio: \"$2,499 MXN\",\n          link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?wc-quick-buy-now=144&quantity=1\"\n        }\n      }\n    };\n  \n    \/\/ --- 2. FUNCI\u00d3N PARA ACTUALIZAR EL HTML ---\n    \/\/ (Esto no cambia)\n    function aplicarPrecios(estado, mostrarDescuento) {\n      try {\n        \/\/ Aplicar Paquete 1 (Individual)\n        const p1_precio = document.querySelector('#paquete-1-botella .new-price');\n        const p1_link = document.querySelector('#paquete-1-botella .btn-comprar');\n        if (p1_precio) p1_precio.innerText = estado.paquete1.precio;\n        if (p1_link) p1_link.href = estado.paquete1.link;\n  \n        \/\/ Aplicar Paquete 2 (Popular)\n        const p2_precio = document.querySelector('#paquete-2-botellas .new-price');\n        const p2_link = document.querySelector('#paquete-2-botellas .btn-comprar');\n        if (p2_precio) p2_precio.innerText = estado.paquete2.precio;\n        if (p2_link) p2_link.href = estado.paquete2.link;\n  \n        \/\/ Aplicar Paquete 3\n        const p3_precio = document.querySelector('#paquete-3-botellas .new-price');\n        const p3_link = document.querySelector('#paquete-3-botellas .btn-comprar');\n        if (p3_precio) p3_precio.innerText = estado.paquete3.precio;\n        if (p3_link) p3_link.href = estado.paquete3.link;\n  \n        \/\/ Ocultar o mostrar TODOS los badges de descuento\n        const badgesDescuento = document.querySelectorAll('.perk-descuento');\n        badgesDescuento.forEach(badge => {\n          badge.style.display = mostrarDescuento ? 'block' : 'none'; \n        });\n\n        document.querySelectorAll('.old-price').forEach(badge => {\n          badge.style.display = mostrarDescuento ? 'block' : 'none'; \n      });\n  \n      } catch (e) {\n        console.error(\"Error al aplicar precios: No se encontraron los elementos. \u00bfA\u00f1adiste los IDs ('paquete-1-botella', etc.) al HTML?\", e);\n      }\n    }\n  \n    \/\/ --- 3. L\u00d3GICA PRINCIPAL (AHORA CON SETINTERVAL) ---\n    \n    \/\/ Variable para saber qu\u00e9 estado estamos mostrando: 'inicial' o 'final'\n    \/\/ La usamos para no actualizar el HTML cada segundo, solo cuando haya un cambio.\n    let estadoActualMostrado = null; \n\n    function verificarYAplicarPrecios() {\n      \/\/ Revisa la variable del timer en localStorage\n      const tiempoRestante = localStorage.getItem('promoTimerRemaining2');\n      \n      \/\/ Comprobamos si el timer ha finalizado (valor menor a 0)\n      const ofertaHaTerminado = (tiempoRestante !== null && parseInt(tiempoRestante) < 0);\n\n      if (ofertaHaTerminado) {\n        \/\/ --- ESTADO FINAL ---\n        \/\/ Si el estado actual NO es 'final', lo actualizamos.\n        if (estadoActualMostrado !== 'final') {\n          console.log(\"Oferta finalizada. Cambiando a precios finales.\");\n          aplicarPrecios(configuracionPrecios.estadoFinal, false);\n          estadoActualMostrado = 'final'; \/\/ Recordamos que ya mostramos los precios finales\n        }\n \n      } else {\n        \/\/ --- ESTADO INICIAL (Timer activo) ---\n        \/\/ Si el estado actual NO es 'inicial', lo actualizamos.\n        if (estadoActualMostrado !== 'inicial') {\n          console.log(\"Oferta activa. Mostrando precios iniciales.\");\n          aplicarPrecios(configuracionPrecios.estadoInicial, true);\n          estadoActualMostrado = 'inicial'; \/\/ Recordamos que mostramos los precios iniciales\n        }\n      }\n    }\n  \n    \/\/ 1. Ejecutar la funci\u00f3n INMEDIATAMENTE al cargar la p\u00e1gina\n    \/\/    Esto asegura que los precios correctos se muestren al instante.\n    verificarYAplicarPrecios();\n  \n    \/\/ 2. Ejecutar la funci\u00f3n cada segundo para detectar el cambio\n    \/\/    cuando el timer llegue a 0 sin recargar.\n    setInterval(verificarYAplicarPrecios, 3000); \/\/ 3000ms = 1 segundo\n  \n  });\n<\/script>\n\n<style>\n  \/* Estilos del Bot\u00f3n Irresistible *\/\n  .btn-oferta-especial {\n    display: inline-block; \/* Para que respete padding y margenes *\/\n    background: linear-gradient(180deg, #FFEB3B 0%, #FDD835 100%); \/* Degradado amarillo *\/\n    color: #212121; \/* Texto oscuro para m\u00e1ximo contraste *\/\n    padding: 18px 35px;\n    border-radius: 50px; \/* Borde redondeado moderno *\/\n    text-decoration: none;\n    font-weight: 800; \/* Extra bold *\/\n    font-size: 1.3rem; \/* Tama\u00f1o grande pero legible *\/\n    border: none;\n    border-bottom: 5px solid #FBC02D; \/* Sombra s\u00f3lida 3D *\/\n    cursor: pointer;\n    transition: all 0.1s ease-in-out;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.15); \/* Sombra suave externa *\/\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-family: 'Montserrat', sans-serif; \/* O tu fuente actual *\/\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    max-width: 100%;\n    white-space: normal; \/* Permite que el texto se acomode en celular *\/\n    line-height: 1.2;\n  }\n  \n  \/* Efecto Hover (Al pasar el mouse) *\/\n  .btn-oferta-especial:hover {\n    background: linear-gradient(180deg, #FFF176 0%, #FBC02D 100%);\n    transform: translateY(-2px); \/* Se levanta un poco *\/\n    box-shadow: 0 15px 25px rgba(0,0,0,0.2);\n  }\n  \n  \/* Efecto Click (Al presionar) *\/\n  .btn-oferta-especial:active {\n    border-bottom: 2px solid #FBC02D; \/* Se reduce la sombra 3D *\/\n    transform: translateY(3px); \/* Se hunde *\/\n    box-shadow: 0 5px 10px rgba(0,0,0,0.1);\n  }\n  \n  \/* Icono (Flecha o prohibido fumar) *\/\n  .btn-icon {\n    margin-left: 10px;\n    font-size: 1.4rem;\n    vertical-align: middle;\n  }\n  \n  \/* Animaci\u00f3n de brillo sutil (opcional) *\/\n  @keyframes shine-btn {\n    0% { left: -100%; opacity: 0; }\n    50% { opacity: 0.5; }\n    100% { left: 100%; opacity: 0; }\n  }\n  \n  .btn-oferta-especial::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);\n    transform: skewX(-20deg);\n    animation: shine-btn 3s infinite; \/* Brillo cada 3 segundos *\/\n  }\n  \n  \/* Ajuste para celular *\/\n  @media (max-width: 600px) {\n    .btn-oferta-especial {\n      font-size: 1.1rem;\n      padding: 15px 20px;\n      width: 100%; \/* Ocupa todo el ancho en cel *\/\n    }\n  }\n  <\/style>\n  \n \n<script>\n  \/\/ Ejecuta el script cuando el contenido de la p\u00e1gina est\u00e9 listo\n  document.addEventListener(\"DOMContentLoaded\", function () {\n\n\n    \/\/ --- 1. COMANDO INICIAL ---\n    funcionInicial();\n\n    \/\/ --- 2. CONFIGURACI\u00d3N DEL TIMER ---\n    const DURATION_IN_MINUTES = 15;\n    let initialSeconds = DURATION_IN_MINUTES * 60;\n    \n    \/\/ --- NUEVO: Elementos del DOM ---\n    const progressBarElement = document.getElementById(\"progress-bar-inner\");\n    \/\/ Obtenemos el contenedor principal del contenido\n\n\n        \/\/ --- Elementos del DOM para el reloj de l\u00e1mina ---\n    const minTensEl = document.querySelector(\"#flip-min-tens span\");\n    const minOnesEl = document.querySelector(\"#flip-min-ones span\");\n    const secTensEl = document.querySelector(\"#flip-sec-tens span\");\n    const secOnesEl = document.querySelector(\"#flip-sec-ones span\");\n\n    const minTensParent = document.getElementById(\"flip-min-tens\");\n    const minOnesParent = document.getElementById(\"flip-min-ones\");\n    const secTensParent = document.getElementById(\"flip-sec-tens\");\n    const secOnesParent = document.getElementById(\"flip-sec-ones\");\n\n\n    const promoContenidoElement = document.querySelector(\".finalizado\");\n    let timerInterval; \/\/ Declaramos el intervalo aqu\u00ed para poder limpiarlo\n    let timerInterval2; \/\/ Declaramos el intervalo aqu\u00ed para poder limpiarlo\n\n    \/\/ --- NUEVO: Funci\u00f3n para mostrar el estado final ---\n    \/\/ Esto se llamar\u00e1 cuando el timer llegue a 0 o si ya estaba en 0 al cargar\n    function showOfferEnded() {\n      if (promoContenidoElement) {\n        promoContenidoElement.innerHTML = `\n          <p class=\"promo-texto\" style=\"font-size: 1.1rem; line-height: 1.4; margin-bottom: 8px;\">\n            Descuento express ha finalizado\n          <\/p><br>\n           <button class=\"btn-oferta-especial w_btn_oferta\">\n          Basta de excusas: <br class=\"mobile-break\">Quiero dejarlo hoy <span class=\"btn-icon\">\ud83d\udead<\/span>\n <br class=\"mobile-break\">\n          Da click aqu\u00ed\n        <\/button>\n    \n        `;\n             \/\/ Ajustamos estilos del contenedor para centrar el nuevo contenido\n             promoContenidoElement.style.justifyContent = 'center';\n        promoContenidoElement.style.gap = '5px'; \/\/ Reducimos el espacio\n      }\n      \/\/ --- NUEVO: Marcar como finalizado en localStorage ---\n      localStorage.setItem('promoTimerRemaining2', -1);\n\n      const promoContenidoElement2 = document.querySelector(\".timer-section\");\n      \n      \/\/ Ocultar\n      promoContenidoElement2.style.display = 'none';\n\n\n    function reestar_promo(){\n          localStorage.removeItem('promoTimerRemaining2');\n          window.location.reload();\n      }\n    const todosLosBotones = document.querySelectorAll('.w_btn_oferta');\n\n      \/\/ 3. ASIGNA EL LISTENER A CADA UNO\n      todosLosBotones.forEach(function(boton) {\n          \/\/ Cada vez que se haga clic en un bot\u00f3n, se ejecutar\u00e1 reestar_promo\n          \/\/ Como no usamos \"event.preventDefault()\", el link href funcionar\u00e1\n          boton.addEventListener('click', reestar_promo);\n      });\n    }\n\n    \/\/ --- NUEVO: Cargar el tiempo desde localStorage ---\n    let savedSeconds = localStorage.getItem('promoTimerRemaining2');\n    let totalSeconds;\n\n    if (savedSeconds !== null && parseInt(savedSeconds) >= 0) {\n      \/\/ Si hay tiempo guardado y es v\u00e1lido, lo usamos\n      totalSeconds = parseInt(savedSeconds);\n    } else if (savedSeconds !== null && parseInt(savedSeconds) < 0) {\n      \/\/ Si ya estaba terminado (-1), mostramos el mensaje final de inmediato\n      showOfferEnded();\n      totalSeconds = -1; \/\/ Nos aseguramos de que no inicie el timer\n    } else {\n      \/\/ Si es la primera vez que se carga, usamos la duraci\u00f3n inicial\n      totalSeconds = initialSeconds;\n    }\n    \/\/ --- FIN DE CAMBIO localStorage ---\n\n\n    \/\/ --- Funci\u00f3n que actualiza el timer (MODIFICADA) ---\n\n    function updateDigit(element, parentElement, newValue) {\n      if (element.textContent !== newValue) {\n        element.textContent = newValue;\n        parentElement.classList.add(\"changed\");\n        setTimeout(() => parentElement.classList.remove(\"changed\"), 300);\n      }\n    }\n\n    \/\/ --- Funci\u00f3n que actualiza el timer (MODIFICADA) ---\n    function updateTimer2() {\n      if (totalSeconds < 0) {\n        clearInterval(timerInterval);\n        clearInterval(timerInterval2);\n        \n        showOfferEnded();\n        funcionFinal();\n        return;\n      }\n\n      let minutes = Math.floor(totalSeconds \/ 60);\n      let seconds = totalSeconds % 60;\n\n      const minString = String(minutes).padStart(2, \"0\");\n      const secString = String(seconds).padStart(2, \"0\");\n\n      const minTens = minString[0];\n      const minOnes = minString[1];\n      const secTens = secString[0];\n      const secOnes = secString[1];\n\n      \/\/ ## INICIO DE LA CORRECCI\u00d3N ##\n      \/\/ Verificamos que los elementos existan antes de actualizarlos\n      \/\/ (Usamos &#038;&#038; en lugar de la entidad HTML err\u00f3nea)\n      if (!minTensEl || !minOnesEl || !secTensEl || !secOnesEl) {\n  \/\/ Si falta alguno, detenemos la ejecuci\u00f3n de esta funci\u00f3n aqu\u00ed mismo\n  return; \n}\n\nupdateDigit(minTensEl, minTensParent, minTens);\nupdateDigit(minOnesEl, minOnesParent, minOnes);\nupdateDigit(secTensEl, secTensParent, secTens);\nupdateDigit(secOnesEl, secOnesParent, secOnes);\n      \/\/ ## FIN DE LA CORRECCI\u00d3N ##\n}\n\n    function updateTimer() {\n      \/\/ Condici\u00f3n de paro: cuando el tiempo llega a 0\n      if (totalSeconds < 0) {\n        clearInterval(timerInterval);\n        clearInterval(timerInterval2);\n        \n        \/\/ --- MODIFICADO: Llamar a la funci\u00f3n de estado final ---\n        showOfferEnded();\n        \n        \/\/ --- 3. COMANDO FINAL ---\n        funcionFinal();\n        return;\n      }\n\n      \/\/ (C\u00e1lculo de minutos y segundos - sin cambios)\n      let minutes = Math.floor(totalSeconds \/ 60);\n      let seconds = totalSeconds % 60;\n\n     \n      \/\/ (Actualizaci\u00f3n de barra - sin cambios)\n      let progressPercent = (totalSeconds \/ initialSeconds) * 100;\n       if(progressBarElement) {\n         progressBarElement.style.width = `${progressPercent}%`;\n       }\n      \n      \/\/ --- NUEVO: Guardar en localStorage CADA SEGUNDO ---\n      \/\/ Guardamos el tiempo restante\n      localStorage.setItem('promoTimerRemaining2', totalSeconds);\n\n      \/\/ Reducir el tiempo en 1 segundo\n      totalSeconds--;\n    }\n\n\n\n    \/\/ --- 4. FUNCIONES DE PLACEHOLDER (sin cambios) ---\n    function funcionInicial() {\n      console.log(\"Comando INICIAL ejecutado.\");\n    }\n\n    function funcionFinal() {\n      console.log(\"Comando FINAL ejecutado (tiempo terminado).\");\n    }\n\n    \/\/ --- MODIFICADO: Iniciar el temporizador solo si no ha terminado ---\n    if (totalSeconds >= 0) {\n      updateTimer(); \/\/ Llama una vez al inicio para mostrar el tiempo actual\n      updateTimer2();\n      timerInterval = setInterval(updateTimer, 1000); \/\/ Actualiza cada segundo\n      timerInterval2 = setInterval(updateTimer2, 1000); \/\/ Actualiza cada segundo\n    }\n\n\n  });\n<\/script>\n\n\n\n\n\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap');\n\n.mcsh-guarantee-section {\nfont-family: 'Montserrat', sans-serif;\npadding: 50px 20px;\nbackground-color: #f9fafb;\ndisplay: flex;\njustify-content: center;\n}\n\n.mcsh-guarantee-box {\nmax-width: 800px;\nwidth: 100%;\nbackground: #fffcf5; \/* Fondo crema muy sutil *\/\nborder: 2px solid #D4AF37; \/* Borde Dorado Met\u00e1lico *\/\nborder-radius: 20px;\npadding: 40px;\ntext-align: center;\nposition: relative;\nbox-shadow: 0 10px 30px rgba(212, 175, 55, 0.15); \/* Sombra dorada suave *\/\n}\n\n\/* El Sello Dorado (SVG o Icono) *\/\n.guarantee-badge {\nwidth: 100px;\nheight: 100px;\nmargin: -90px auto 20px; \/* Lo subimos para que \"flote\" en el borde *\/\nbackground: white;\nborder-radius: 50%;\npadding: 10px;\nbox-shadow: 0 5px 15px rgba(0,0,0,0.1);\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n\n.guarantee-badge svg {\nwidth: 100%;\nheight: 100%;\nfilter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));\n}\n\n\/* T\u00edtulos y Texto *\/\n.mcsh-guarantee-title {\ncolor: #1f2937;\nfont-size: 1.8rem;\nfont-weight: 800;\ntext-transform: uppercase;\nmargin-bottom: 20px;\nletter-spacing: -0.5px;\n}\n\n.highlight-gold {\ncolor: #D4AF37; \/* Color Oro *\/\nbackground: linear-gradient(to right, #D4AF37, #F6CF57, #D4AF37);\n-webkit-background-clip: text;\nbackground-clip: text;\ncolor: transparent;\ndisplay: block;\nfont-size: 1.2em; \/* Un poco m\u00e1s grande *\/\n}\n\n.mcsh-guarantee-text {\nfont-size: 1.1rem;\ncolor: #4b5563;\nline-height: 1.6;\nmax-width: 90% !important;\nmargin: 0 auto;\n}\n\n.mcsh-guarantee-text strong {\ncolor: #20692B; \/* Verde de la marca para conectar salud *\/\nfont-weight: 700;\n}\n\n\/* Firma o elemento de confianza final *\/\n.signature-line {\nmargin-top: 30px;\nwidth: 100px;\nheight: 3px;\nbackground-color: #D4AF37;\nmargin-left: auto;\nmargin-right: auto;\nborder-radius: 2px;\nopacity: 0.5;\n}\n\n\/* Responsive *\/\n@media (max-width: 600px) {\n.mcsh-guarantee-box {\npadding: 30px 20px;\nmargin-top: 40px; \/* Espacio para el sello que sobresale *\/\n}\n.guarantee-badge {\nwidth: 80px;\nheight: 80px;\nmargin: -70px auto 15px;\n}\n.mcsh-guarantee-title {\nfont-size: 1.4rem;\n}\n}\n<\/style>\n\n<div class=\"mcsh-guarantee-section\">\n<div class=\"mcsh-guarantee-box\">\n\n<div class=\"guarantee-badge\">\n  <svg viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path fill=\"#D4AF37\" d=\"M50 0 L56 8 L66 6 L68 16 L78 18 L76 28 L86 34 L80 42 L88 50 L80 58 L86 66 L76 72 L78 82 L68 84 L66 94 L56 92 L50 100 L44 92 L34 94 L32 84 L22 82 L24 72 L14 66 L20 58 L12 50 L20 42 L14 34 L24 28 L22 18 L32 16 L34 6 L44 8 Z\"\/>\n    <circle cx=\"50\" cy=\"50\" r=\"38\" fill=\"#F9E076\" \/>\n    <path d=\"M50 25 L70 35 V55 C70 70 50 85 50 85 C50 85 30 70 30 55 V35 L50 25 Z\" fill=\"#D4AF37\"\/>\n    <path d=\"M42 55 L48 61 L60 49\" fill=\"none\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <\/svg>\n<\/div>\n\n<h2 class=\"mcsh-guarantee-title\">\n  <span class=\"highlight-gold\">Garant\u00eda de Satisfacci\u00f3n<\/span>\n  de 30 D\u00edas\n<\/h2>\n\n<p class=\"mcsh-guarantee-text\">\n  Si no sientes que tu ansiedad disminuye, <strong>te devolvemos tu dinero.<\/strong> <br><br>\n  Sin preguntas. Nosotros asumimos el riesgo para que t\u00fa solo te preocupes por sanar.\n<\/p>\n\n<div class=\"signature-line\"><\/div>\n\n<\/div>\n<\/div>\n\n\n\n\n\n<div id=\"quit-smoking-modal\" class=\"modal-overlay\">\n  <div class=\"modal-content\">\n    \n    <div class=\"modal-brand-strip\"><\/div>\n    \n    <div class=\"modal-close-container\">\n      <span class=\"modal-close\">&times;<\/span>\n    <\/div>\n    \n    <div class=\"modal-body\">\n        <div class=\"modal-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/ga1.webp\" alt=\"Soluci\u00f3n GastroVital\">\n        <\/div>\n        \n        <div class=\"modal-text-content\">\n        <h3>\u00a1No te vayas con las manos vac\u00edas!<\/h3>\n        <p>Est\u00e1s a un solo clic de dejar la ansiedad atr\u00e1s. <br><strong>\u00bfRealmente quieres posponer tu salud un d\u00eda m\u00e1s?<\/strong><\/p>\n        \n        <button id=\"modal-scroll-btn\" class=\"modal-button-3d\">\n            S\u00cd, QUIERO VER LOS PAQUETES \u27a4\n        <\/button>\n        <\/div>\n    <\/div>\n  \n  <\/div>\n  <\/div>\n  \n  \n  <style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap');\n  \n  \/* ================= VARIABLES ACTUALIZADAS A GASTROVITAL ================= *\/\n  :root {\n      --gv-blue: #004e89;\n      --gv-green: #6cb93f;\n      --gv-gradient: linear-gradient(90deg, #004e89, #6cb93f);\n      --text-main: #1f2937;\n  }\n  \n  \/* ================= OVERLAY (Sin cambios mayores) ================= *\/\n  body.modal-open { overflow: hidden; }\n  \n  .modal-overlay {\n    visibility: hidden;\n    opacity: 0;\n    position: fixed;\n    z-index: 99999;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(30, 30, 30, 0.9);\n    backdrop-filter: blur(5px);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n    box-sizing: border-box;\n    transition: all 0.3s ease-in-out;\n  }\n  \n  .modal-overlay.show { visibility: visible; opacity: 1; }\n  \n  \/* ================= CAJA DEL MODAL ================= *\/\n  .modal-content {\n    background-color: #fff;\n    border-radius: 20px;\n    width: 100%;\n    max-width: 480px !important;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    transform: scale(0.9) translateY(20px);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    font-family: 'Montserrat', sans-serif;\n  }\n  \n  .modal-overlay.show .modal-content {\n    transform: scale(1) translateY(0);\n  }\n  \n  \/* Franja superior decorativa *\/\n  .modal-brand-strip {\n      height: 12px;\n      width: 100%;\n      background: var(--gv-gradient); \/* Usando gradiente GastroVital *\/\n  }\n  \n  .modal-body {\n      padding: 0 30px 35px 30px;\n  }\n  \n  \/* ================= IMAGEN ================= *\/\n  .modal-image-wrapper {\n      margin-top: -30px;\n      margin-bottom: 10px;\n      position: relative;\n  }\n  \n  .modal-content img {\n    width: 100%;\n    max-width: 280px !important; \n    height: auto;\n    display: block;\n    margin: 0 auto;\n    \/* Sombra sutil con tono azulado *\/\n    filter: drop-shadow(0 15px 15px rgba(0, 78, 137, 0.15)); \n  }\n  \n  \/* ================= TEXTOS ================= *\/\n  .modal-text-content h3 {\n      font-size: 1.6rem;\n      color: var(--gv-blue); \/* Color azul principal *\/\n      font-weight: 800;\n      margin: 0 0 10px 0;\n      line-height: 1.2;\n      text-transform: uppercase;\n  }\n  \n  .modal-text-content p {\n    font-size: 1rem;\n    color: #555;\n    margin: 0 0 25px 0;\n    line-height: 1.5;\n  }\n  \n  .modal-text-content p strong {\n      color: var(--gv-blue); \/* Resaltado en azul *\/\n      font-weight: 700;\n  }\n  \n  \/* ================= BOT\u00d3N DE CERRAR (Sin cambios mayores) ================= *\/\n  .modal-close-container {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      z-index: 100;\n  }\n  \n  .modal-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    background: #f3f4f6;\n    border-radius: 50%;\n    color: #888;\n    font-size: 24px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: all 0.2s;\n    line-height: 0;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  }\n  \n  .modal-close:hover {\n    background: #ffcccc;\n    color: #d32f2f;\n    transform: rotate(90deg);\n  }\n  \n  \/* ================= BOT\u00d3N 3D IRRESISTIBLE (VERDE-AZUL GASTROVITAL) ================= *\/\n  .modal-button-3d {\n    display: block;\n    width: 100%;\n    \/* Gradiente de Verde a Azul GastroVital *\/\n    background: linear-gradient(90deg, var(--gv-green) 0%, var(--gv-blue) 100%);\n    color: #ffffff;\n    border: none;\n    \/* Sombra s\u00f3lida 3D en tono azul m\u00e1s oscuro *\/\n    border-bottom: 5px solid #003b6b; \n    border-radius: 12px;\n    padding: 18px 20px;\n    font-size: 1.1rem;\n    font-weight: 800;\n    cursor: pointer;\n    transition: all 0.1s;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n    \/* Sombra difusa con tono verde *\/\n    box-shadow: 0 10px 20px rgba(108, 185, 63, 0.3);\n    position: relative;\n    top: 0;\n  }\n  \n  .modal-button-3d:hover {\n    \/* Gradiente ligeramente m\u00e1s brillante al pasar el mouse *\/\n    background: linear-gradient(90deg, #85d65c 0%, #2a6fa8 100%);\n    transform: translateY(-2px);\n    box-shadow: 0 15px 25px rgba(108, 185, 63, 0.4);\n  }\n  \n  .modal-button-3d:active {\n    border-bottom-width: 2px; \/* Se aplasta *\/\n    top: 3px;\n    box-shadow: none;\n  }\n  \n  \/* ================= MOBILE ================= *\/\n  @media (max-width: 600px) {\n    .modal-content {\n        width: 95%;\n    }\n    .modal-text-content h3 {\n        font-size: 1.4rem;\n    }\n    .modal-button-3d {\n        font-size: 1rem;\n        padding: 15px;\n    }\n  }\n  <\/style>\n  \n  <script>\n  \/\/ Espera a que todo el contenido de la p\u00e1gina (DOM) est\u00e9 cargado\n  document.addEventListener(\"DOMContentLoaded\", function() {\n  \/\/ --- 1. Seleccionar los elementos ---\n  const modalOverlay = document.getElementById('quit-smoking-modal');\n  const closeModalBtn = modalOverlay.querySelector('.modal-close');\n  const scrollButton = document.getElementById('modal-scroll-btn');\n  const targetSection = document.querySelector('.package-header'); \n  \n  \/\/ --- 2. Funciones para abrir y cerrar ---\n  function openModal() {\n    if (modalOverlay) {\n      modalOverlay.classList.add('show');\n    }\n  }\n  \n  function closeModal() {\n    if (modalOverlay) {\n      modalOverlay.classList.remove('show');\n    }\n  }\n  \n  \/\/ --- 3. L\u00f3gica para mostrar el modal ---\n  setTimeout(openModal, 30000);\n  \n  \/\/ --- 4. Event Listeners (Eventos de Clic) ---\n  \/\/ A. Clic en el bot\u00f3n \"QUIERO VER LOS PAQUETES\"\n  if (scrollButton) {\n    scrollButton.addEventListener('click', function() {\n      closeModal();\n      if (targetSection) {\n        const elementRect = targetSection.getBoundingClientRect();\n        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n        const finalPosition = elementRect.top + scrollTop - 60;\n        \n        window.scrollTo({\n          top: finalPosition,\n          behavior: 'smooth'\n        });\n      } else {\n        console.warn('No se encontr\u00f3 la secci\u00f3n de destino \".package-header\"');\n      }\n    });\n  }\n  \n  \/\/ B. Clic en la 'X' para cerrar\n  if (closeModalBtn) {\n    closeModalBtn.addEventListener('click', closeModal);\n  }\n  \n  \/\/ C. Clic en el fondo (overlay) para cerrar\n  if (modalOverlay) {\n    modalOverlay.addEventListener('click', function(event) {\n      if (event.target === modalOverlay) {\n        closeModal();\n      }\n    });\n  }\n  });\n  <\/script>\n\n\n\n\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap');\n  \n  \/* ===== VARIABLES GASTROVITAL ===== *\/\n  :root {\n    --gv-blue: #004e89;\n    --gv-green: #6cb93f;\n    --gv-dark-green: #4a9e57;\n    --gv-bg-light: #f4fcf9; \/* Fondo sutil verdoso\/azulado *\/\n    --text-dark: #1f2937;\n    --text-gray: #6b7280;\n  }\n  \n  .mcsh-faq-section {\n    width: 100%;\n    font-family: 'Montserrat', sans-serif;\n    padding: 80px 20px;\n    background-color: var(--gv-bg-light); \/* Fondo actualizado *\/\n    max-width: 900px !important; \/* Un poco m\u00e1s estrecho para mejor lectura *\/\n    margin: 0 auto;\n  }\n  \n  .mcsh-faq-header {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n  \n  .mcsh-faq-header h2 {\n    color: var(--gv-blue); \/* T\u00edtulo Azul *\/\n    font-size: 2.2rem;\n    font-weight: 800;\n    margin-bottom: 15px;\n    text-transform: uppercase;\n    letter-spacing: -0.5px;\n  }\n  \n  .mcsh-faq-header p {\n    color: var(--text-gray);\n    font-size: 1.15rem;\n    max-width: 600px !important;\n    margin: 0 auto;\n    line-height: 1.5;\n  }\n  \n  \/* Estilos del Acorde\u00f3n *\/\n  .mcsh-faq-item {\n    background: #ffffff;\n    border: 2px solid transparent; \/* Borde transparente inicial para transici\u00f3n suave *\/\n    border-radius: 16px; \/* Bordes m\u00e1s redondeados *\/\n    margin-bottom: 18px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    box-shadow: 0 4px 15px rgba(0, 78, 137, 0.05); \/* Sombra sutil azulada *\/\n  }\n  \n  .mcsh-faq-item:hover {\n    box-shadow: 0 8px 25px rgba(0, 78, 137, 0.1);\n    border-color: var(--gv-green); \/* Borde Verde al pasar el mouse *\/\n    transform: translateY(-2px);\n  }\n  \n  .mcsh-summary {\n    padding: 22px 30px;\n    cursor: pointer;\n    position: relative;\n    list-style: none;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  \n  .mcsh-summary::-webkit-details-marker {\n    display: none;\n  }\n  \n  .mcsh-question {\n    font-weight: 700;\n    color: var(--gv-blue); \/* Pregunta en Azul *\/\n    font-size: 1.1rem;\n    margin: 0;\n    line-height: 1.4;\n  }\n  \n  \/* El icono (+) *\/\n  .mcsh-icon-plus {\n    color: var(--gv-green); \/* Icono Verde *\/\n    font-size: 1.8rem;\n    font-weight: 400;\n    transition: transform 0.3s ease, color 0.3s ease;\n    line-height: 1;\n    margin-left: 20px;\n    flex-shrink: 0;\n  }\n  \n  \/* Estados al abrir (open) *\/\n  details[open] .mcsh-faq-item {\n      border-color: var(--gv-green); \/* Mantiene borde verde al abrir *\/\n  }\n  \n  details[open] .mcsh-icon-plus {\n    transform: rotate(45deg);\n    color: var(--gv-blue); \/* Icono cambia a azul al abrir *\/\n  }\n  \n  details[open] .mcsh-question {\n    color: var(--gv-green); \/* Pregunta cambia a verde al abrir *\/\n  }\n  \n  .mcsh-answer {\n    padding: 0 30px 30px 30px;\n    color: #4b5563;\n    line-height: 1.7;\n    font-size: 1rem;\n    border-top: 1px solid transparent;\n    animation: fadeIn 0.4s ease;\n  }\n  .mcsh-answer strong {\n      color: var(--gv-blue); \/* Resaltados en azul en la respuesta *\/\n      font-weight: 700;\n  }\n  \n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  \n  \/* Enlace de ayuda extra *\/\n  .mcsh-help-link {\n    text-align: center;\n    margin-top: 40px;\n    font-size: 1rem;\n    color: var(--text-gray);\n    font-weight: 500;\n  }\n  .mcsh-help-link a {\n    color: var(--gv-green); \/* Enlace Verde *\/\n    font-weight: 700;\n    text-decoration: none;\n    border-bottom: 2px dotted var(--gv-green);\n    transition: all 0.2s;\n  }\n  .mcsh-help-link a:hover {\n      color: var(--gv-blue);\n      border-bottom-color: var(--gv-blue);\n  }\n  <\/style>\n  \n\n\n  <div class=\"gv-separator-icon-container\">\n      <div class=\"gv-line\"><\/div>\n      <div class=\"gv-icon-wrapper\">\n          \ud83c\udf3f\n      <\/div>\n      <div class=\"gv-line right\"><\/div>\n  <\/div>\n\n\n  <div style=\"background-color: var(--gv-bg-light);\">\n  <div class=\"mcsh-faq-section\">\n  \n  <div class=\"mcsh-faq-header\">\n    <h2>Preguntas Frecuentes<\/h2>\n    <p>Resolvemos tus dudas para que empieces tu camino hacia el alivio hoy mismo.<\/p>\n  <\/div>\n  \n  <details class=\"mcsh-faq-item\">\n    <summary class=\"mcsh-summary\">\n      <h3 class=\"mcsh-question\">\u00bfQu\u00e9 tan r\u00e1pido sentir\u00e9 alivio del ardor y la acidez?<\/h3>\n      <span class=\"mcsh-icon-plus\">+<\/span>\n    <\/summary>\n    <div class=\"mcsh-answer\">\n      <p>\u00a1Muy r\u00e1pido! La mayor\u00eda de nuestros usuarios reportan una sensaci\u00f3n de calma y frescura estomacal en los primeros <strong>15 a 20 minutos<\/strong> despu\u00e9s de masticar una gomita. Nuestra f\u00f3rmula est\u00e1 dise\u00f1ada para una absorci\u00f3n acelerada, apagando el \"fuego\" cuando m\u00e1s lo necesitas.<\/p>\n    <\/div>\n  <\/details>\n  \n  <details class=\"mcsh-faq-item\">\n    <summary class=\"mcsh-summary\">\n      <h3 class=\"mcsh-question\">Ya tomo Omeprazol o anti\u00e1cidos, \u00bfpuedo usar GastroVital tambi\u00e9n?<\/h3>\n      <span class=\"mcsh-icon-plus\">+<\/span>\n    <\/summary>\n    <div class=\"mcsh-answer\">\n      <p>S\u00ed, GastroVital es el complemento natural perfecto. Mientras que los anti\u00e1cidos tradicionales solo neutralizan el \u00e1cido moment\u00e1neamente, GastroVital ayuda a <strong>calmar la inflamaci\u00f3n y el estr\u00e9s nervioso<\/strong> que lo provocan. Muchos clientes logran reducir gradualmente su dependencia de pastillas qu\u00edmicas al usarlo (siempre consulta a tu m\u00e9dico para cambios en tu tratamiento).<\/p>\n    <\/div>\n  <\/details>\n  \n  <details class=\"mcsh-faq-item\">\n    <summary class=\"mcsh-summary\">\n      <h3 class=\"mcsh-question\">\u00bfEstas gomitas tienen \"efecto rebote\" como otros remedios?<\/h3>\n      <span class=\"mcsh-icon-plus\">+<\/span>\n    <\/summary>\n    <div class=\"mcsh-answer\">\n      <p>No. El \"efecto rebote\" (que el \u00e1cido regrese peor despu\u00e9s) es com\u00fan en anti\u00e1cidos sint\u00e9ticos porque el est\u00f3mago trata de compensar. GastroVital funciona de manera diferente: <strong>ayuda a tu cuerpo a regularse naturalmente<\/strong> a trav\u00e9s del Sistema Endocannabinoide, promoviendo un equilibrio duradero sin forzar a tu est\u00f3mago.<\/p>\n    <\/div>\n  <\/details>\n  \n  <details class=\"mcsh-faq-item\">\n    <summary class=\"mcsh-summary\">\n      <h3 class=\"mcsh-question\">\u00bfSaben feo o tienen textura de medicina?<\/h3>\n      <span class=\"mcsh-icon-plus\">+<\/span>\n    <\/summary>\n    <div class=\"mcsh-answer\">\n      <p>\u00a1Para nada! Olv\u00eddate de los jarabes espesos o las pastillas gredosas. Nuestras gomitas tienen un <strong>delicioso sabor frutal natural<\/strong> y una textura suave y agradable. Tomar tu alivio ser\u00e1 como disfrutar un peque\u00f1o premio, no un castigo.<\/p>\n    <\/div>\n  <\/details>\n  \n  <details class=\"mcsh-faq-item\">\n    <summary class=\"mcsh-summary\">\n      <h3 class=\"mcsh-question\">\u00bfEs seguro tomarlo todos los d\u00edas a largo plazo?<\/h3>\n      <span class=\"mcsh-icon-plus\">+<\/span>\n    <\/summary>\n    <div class=\"mcsh-answer\">\n      <p>Absolutamente. GastroVital es una f\u00f3rmula <strong>100% natural, basada en plantas y CBD de espectro completo<\/strong>, sin qu\u00edmicos agresivos para tu h\u00edgado o ri\u00f1ones. Est\u00e1 dise\u00f1ado para ser un aliado seguro en tu rutina diaria de bienestar digestivo.<\/p>\n    <\/div>\n  <\/details>\n  \n  <div class=\"mcsh-help-link\">\n    \u00bfTienes otra pregunta espec\u00edfica? <a target=\"_blank\" href=\"https:\/\/wa.me\/527445069168\">Escr\u00edbenos por WhatsApp<\/a> y te ayudamos al instante.\n  <\/div>\n  \n  <\/div>\n  <\/div>\n\n\n\n\n\n  <style>\n      \/* --- ESTILOS GENERALES DE LA SECCI\u00d3N --- *\/\n      .gv-testimonials-section {\n          padding: 80px 5%;\n          background-color: #f8fcfb; \/* Fondo muy suave verdoso\/gris *\/\n          font-family: 'Segoe UI', 'Montserrat', sans-serif;\n      }\n      \n      .gv-testimonio-header {\n          text-align: center;\n          margin-bottom: 50px;\n          max-width: 800px;\n          margin-left: auto;\n          margin-right: auto;\n      }\n      \n      .gv-testimonio-h2 {\n          color: #004e89; \/* Azul GastroVital *\/\n          font-size: 36px;\n          font-weight: 800;\n          margin-bottom: 10px;\n          text-transform: uppercase;\n      }\n      \n      .gv-testimonio-p {\n          color: #555;\n          font-size: 18px;\n      }\n      \n      \/* --- ETIQUETAS DE TIPO DE TESTIMONIO --- *\/\n      .gv-row-label {\n          display: flex;\n          align-items: center;\n          gap: 10px;\n          margin-bottom: 25px;\n          margin-top: 40px;\n          border-bottom: 2px solid #e5e7eb;\n          padding-bottom: 10px;\n      }\n      \n      .gv-row-title {\n          font-size: 20px;\n          font-weight: 700;\n          color: #004e89;\n          text-transform: uppercase;\n          letter-spacing: 1px;\n      }\n      \n      .gv-row-icon {\n          font-size: 24px;\n          color: #6cb93f; \/* Verde GastroVital *\/\n      }\n      \n      \/* --- GRID SYSTEM (3 Columnas) --- *\/\n      .gv-grid-3 {\n          display: grid;\n          grid-template-columns: repeat(3, 1fr); \/* 3 columnas exactas *\/\n          gap: 30px;\n          margin-bottom: 20px;\n      }\n      \n      \/* --- TARJETAS GENERALES --- *\/\n      .gv-card {\n          background: white;\n          border-radius: 12px;\n          padding: 15px;\n          box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n          transition: transform 0.3s ease, box-shadow 0.3s ease;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          border: 1px solid #eee;\n      }\n      \n      .gv-card:hover {\n          transform: translateY(-5px);\n          box-shadow: 0 10px 25px rgba(0, 78, 137, 0.1);\n          border-color: #6cb93f;\n      }\n      \n      \/* --- ESTILOS ESPEC\u00cdFICOS POR TIPO --- *\/\n      \n      \/* 1. VIDEOS (X \/ Twitter \/ Embeds) *\/\n      .gv-video-wrapper {\n          width: 100%;\n          min-height: 300px; \/* Altura m\u00ednima para que no colapse *\/\n          background: #000; \/* Fondo negro mientras carga *\/\n          border-radius: 8px;\n          overflow: hidden;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          position: relative;\n      }\n      \/* Esto asegura que el embed de X no se desborde *\/\n      .twitter-tweet { margin: 0 auto !important; }\n      \n      \n      \/* 2. WHATSAPP & REDES (Im\u00e1genes) *\/\n      .gv-image-evidence {\n          width: 100%;\n          height: auto;\n          border-radius: 8px;\n          cursor: pointer; \/* Sugiere que se puede hacer zoom *\/\n          border: 1px solid #eee;\n      }\n      \n      \/* Badge de Verificado *\/\n      .gv-verified {\n          margin-top: 10px;\n          font-size: 13px;\n          color: #6cb93f;\n          font-weight: 700;\n          display: flex;\n          align-items: center;\n          gap: 5px;\n      }\n      \n      \/* Estrellas *\/\n      .gv-stars {\n          color: #FFD700; \/* Dorado *\/\n          font-size: 14px;\n          margin-bottom: 8px;\n          letter-spacing: 2px;\n      }\n      \n      \/* --- RESPONSIVE MOBILE --- *\/\n      @media (max-width: 900px) {\n          .gv-grid-3 {\n              grid-template-columns: 1fr; \/* 1 sola columna en m\u00f3vil *\/\n              max-width: 450px;\n              margin: 0 auto 30px auto;\n          }\n          .gv-testimonio-h2 { font-size: 28px; }\n          \n          \/* En m\u00f3vil, los videos pueden ser m\u00e1s altos *\/\n          .gv-video-wrapper { min-height: auto; }\n      }\n      <\/style>\n\n\n\n\n\n<div class=\"gv-separator-wave\">\n  <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n      <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z\" \n      fill=\"#004e89\" fill-opacity=\"0.05\"><\/path> <path d=\"M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z\" \n      opacity=\".25\" fill=\"#6cb93f\"><\/path> <\/svg>\n<\/div>\n\n\n\n\n\n      \n      <section class=\"gv-testimonials-section\">\n          \n          <div class=\"gv-testimonio-header\">\n              <h2 class=\"gv-testimonio-h2\">Historias Reales, Alivio Real<\/h2>\n              <p class=\"gv-testimonio-p\">No conf\u00edes solo en nuestra palabra. Mira lo que dicen quienes ya recuperaron su vida con GastroVital.<\/p>\n          <\/div>\n      \n          <div class=\"gv-row-label\">\n              <span class=\"gv-row-icon\">\ud83c\udfa5<\/span>\n              <span class=\"gv-row-title\">Experiencias en Video<\/span>\n          <\/div>\n      \n          <div class=\"gv-grid-3\">\n              <div class=\"gv-card\">\n                  <div class=\"gv-video-wrapper\">\n                      <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">De la acidez diaria al alivio total \ud83e\uddd8\u200d\u2642\ufe0f\u2728 | Mauricio habla de GastroVital<br>#Gastritis#SaludDigestiva#GastroVital#AlivioEstomacal#SinReflujo#Est\u00f3magoSano#CuraNatural#VidaSinDolor#Digesti\u00f3nSaludable <a href=\"https:\/\/t.co\/nJ2nulIMlr\">pic.twitter.com\/nJ2nulIMlr<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/1998502650514641237?ref_src=twsrc%5Etfw\">December 9, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                  <\/div>\n                  <div class=\"gv-verified\">Verified Customer <span style=\"font-size:16px;\">\u2713<\/span><\/div>\n              <\/div>\n      \n              <div class=\"gv-card\">\n                  <div class=\"gv-video-wrapper\">\n                      <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">Ya no m\u00e1s acidez ni malestar \ud83d\ude0c\ud83d\udc9a | El testimonio real de Sof\u00eda con GastroVital<br>#Gastritis#SaludDigestiva#GastroVital#AlivioEstomacal#SinReflujo#Est\u00f3magoSano#CuraNatural#VidaSinDolor#Digesti\u00f3nSaludable <a href=\"https:\/\/t.co\/RgcdkEGeuk\">pic.twitter.com\/RgcdkEGeuk<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/1998503439932993743?ref_src=twsrc%5Etfw\">December 9, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                  <\/div>\n                  <div class=\"gv-verified\">Verified Customer <span style=\"font-size:16px;\">\u2713<\/span><\/div>\n              <\/div>\n      \n              <div class=\"gv-card\">\n                  <div class=\"gv-video-wrapper\">\n                      <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">GastroVital me devolvi\u00f3 la tranquilidad \ud83d\ude0c\ud83d\udc9a | Roberto lo cuenta todo<br>#Gastritis#SaludDigestiva#GastroVital#AlivioEstomacal#SinReflujo#Est\u00f3magoSano#CuraNatural#VidaSinDolor#Digesti\u00f3nSaludable <a href=\"https:\/\/t.co\/yhnWkxHmCI\">pic.twitter.com\/yhnWkxHmCI<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/1998503122944315891?ref_src=twsrc%5Etfw\">December 9, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                  <\/div>\n                  <div class=\"gv-verified\">Verified Customer <span style=\"font-size:16px;\">\u2713<\/span><\/div>\n              <\/div>\n\n\n              <div class=\"gv-card\">\n                <div class=\"gv-video-wrapper\">\n                  <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">Mi alivio lleg\u00f3 con Gastro Vital \u2013 Historia de Monserrat \ud83d\udc8a\ud83d\udcac<a href=\"https:\/\/twitter.com\/hashtag\/GastroVital?src=hash&amp;ref_src=twsrc%5Etfw\">#GastroVital<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludEstomacal?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludEstomacal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Adi%C3%B3sGastritis?src=hash&amp;ref_src=twsrc%5Etfw\">#Adi\u00f3sGastritis<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/AlivioDigestivo?src=hash&amp;ref_src=twsrc%5Etfw\">#AlivioDigestivo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Est%C3%B3magoSano?src=hash&amp;ref_src=twsrc%5Etfw\">#Est\u00f3magoSano<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SinDolorEstomacal?src=hash&amp;ref_src=twsrc%5Etfw\">#SinDolorEstomacal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/BienestarDigestivo?src=hash&amp;ref_src=twsrc%5Etfw\">#BienestarDigestivo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/VidaSinGastritis?src=hash&amp;ref_src=twsrc%5Etfw\">#VidaSinGastritis<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Soluci%C3%B3nNatural?src=hash&amp;ref_src=twsrc%5Etfw\">#Soluci\u00f3nNatural<\/a> <a href=\"https:\/\/t.co\/bFuNAZnUOd\">pic.twitter.com\/bFuNAZnUOd<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/2001329297286639768?ref_src=twsrc%5Etfw\">December 17, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                  <\/div>\n                <div class=\"gv-verified\">Verified Customer <span style=\"font-size:16px;\">\u2713<\/span><\/div>\n            <\/div>\n    \n            <div class=\"gv-card\">\n                <div class=\"gv-video-wrapper\">\n                  <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">Mi est\u00f3mago no daba m\u00e1s\u2026 hasta que prob\u00e9 Gastro Vital \u26a0\ufe0f\ud83d\udca1<a href=\"https:\/\/twitter.com\/hashtag\/GastroVital?src=hash&amp;ref_src=twsrc%5Etfw\">#GastroVital<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludEstomacal?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludEstomacal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Adi%C3%B3sGastritis?src=hash&amp;ref_src=twsrc%5Etfw\">#Adi\u00f3sGastritis<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/AlivioDigestivo?src=hash&amp;ref_src=twsrc%5Etfw\">#AlivioDigestivo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Est%C3%B3magoSano?src=hash&amp;ref_src=twsrc%5Etfw\">#Est\u00f3magoSano<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SinDolorEstomacal?src=hash&amp;ref_src=twsrc%5Etfw\">#SinDolorEstomacal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/BienestarDigestivo?src=hash&amp;ref_src=twsrc%5Etfw\">#BienestarDigestivo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/VidaSinGastritis?src=hash&amp;ref_src=twsrc%5Etfw\">#VidaSinGastritis<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Soluci%C3%B3nNatural?src=hash&amp;ref_src=twsrc%5Etfw\">#Soluci\u00f3nNatural<\/a> <a href=\"https:\/\/t.co\/i5pCymwuN4\">pic.twitter.com\/i5pCymwuN4<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/2001327728520581217?ref_src=twsrc%5Etfw\">December 17, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                  <\/div>\n                <div class=\"gv-verified\">Verified Customer <span style=\"font-size:16px;\">\u2713<\/span><\/div>\n            <\/div>\n    \n            <div class=\"gv-card\">\n                <div class=\"gv-video-wrapper\">\n                  <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">\u201cVolv\u00ed a comer sin miedo\u201d \u2013 Testimonio real de Alberto \ud83c\udf7d\ufe0f\ud83d\udc4d<a href=\"https:\/\/twitter.com\/hashtag\/GastroVital?src=hash&amp;ref_src=twsrc%5Etfw\">#GastroVital<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludEstomacal?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludEstomacal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Adi%C3%B3sGastritis?src=hash&amp;ref_src=twsrc%5Etfw\">#Adi\u00f3sGastritis<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/AlivioDigestivo?src=hash&amp;ref_src=twsrc%5Etfw\">#AlivioDigestivo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Est%C3%B3magoSano?src=hash&amp;ref_src=twsrc%5Etfw\">#Est\u00f3magoSano<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SinDolorEstomacal?src=hash&amp;ref_src=twsrc%5Etfw\">#SinDolorEstomacal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/BienestarDigestivo?src=hash&amp;ref_src=twsrc%5Etfw\">#BienestarDigestivo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/VidaSinGastritis?src=hash&amp;ref_src=twsrc%5Etfw\">#VidaSinGastritis<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Soluci%C3%B3nNatural?src=hash&amp;ref_src=twsrc%5Etfw\">#Soluci\u00f3nNatural<\/a> <a href=\"https:\/\/t.co\/9E3USSAfvy\">pic.twitter.com\/9E3USSAfvy<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/2001327467680915628?ref_src=twsrc%5Etfw\">December 17, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                  <\/div>\n                <div class=\"gv-verified\">Verified Customer <span style=\"font-size:16px;\">\u2713<\/span><\/div>\n            <\/div>\n          <\/div>\n      \n      \n          <div class=\"gv-row-label\">\n              <span class=\"gv-row-icon\" style=\"color:#25D366;\">\ud83d\udcac<\/span>\n              <span class=\"gv-row-title\">Lo que nos dicen en WhatsApp<\/span>\n          <\/div>\n      \n          <div class=\"gv-grid-3\">\n              <div class=\"gv-card\">\n                  <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/w1.webp\" alt=\"Testimonio WhatsApp GastroVital\" class=\"gv-image-evidence\">\n                  <div class=\"gv-verified\">Compra Verificada<\/div>\n              <\/div>\n      \n              <div class=\"gv-card\">\n                  <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/w2.webp\" alt=\"Testimonio WhatsApp GastroVital\" class=\"gv-image-evidence\">\n                  <div class=\"gv-verified\">Compra Verificada<\/div>\n              <\/div>\n      \n              <div class=\"gv-card\">\n                  <div class=\"gv-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                  <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/w3.webp\" alt=\"Testimonio WhatsApp GastroVital\" class=\"gv-image-evidence\">\n                  <div class=\"gv-verified\">Compra Verificada<\/div>\n              <\/div>\n          <\/div>\n      \n      \n          <div class=\"gv-row-label\">\n              <span class=\"gv-row-icon\" style=\"color:#E1306C;\">\u2764\ufe0f<\/span>\n              <span class=\"gv-row-title\">Comentarios en Redes Sociales<\/span>\n          <\/div>\n      \n          <div class=\"gv-grid-3\">\n              <div class=\"gv-card\">\n                  <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/gas1.webp\" alt=\"Comentario Facebook GastroVital\" class=\"gv-image-evidence\">\n              <\/div>\n      \n              <div class=\"gv-card\">\n                  <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/gas2.webp\" alt=\"Comentario Instagram GastroVital\" class=\"gv-image-evidence\">\n              <\/div>\n      \n              <div class=\"gv-card\">\n                  <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_gastrovital\/gas3.webp\" alt=\"Comentario Facebook GastroVital\" class=\"gv-image-evidence\">\n              <\/div>\n          <\/div>\n      \n      <\/section>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <div class=\"loader-container\" id=\"loader\">\n      <div class=\"spinner\"><\/div>\n      <p class=\"loading-text\">Preparando tu alivio natural...<\/p>\n    <\/div>\n    \n    <style>\n    \/* --- VARIABLES DE COLOR GASTROVITAL PARA EL LOADER --- *\/\n    :root {\n        --gv-loader-bg: #ffffff;       \/* Fondo blanco limpio *\/\n        --gv-loader-spinner: #6cb93f;  \/* Verde vibrante GastroVital *\/\n        --gv-loader-track: #e5e7eb;    \/* Gris claro sutil para el fondo del spinner *\/\n        --gv-loader-text: #004e89;     \/* Azul oscuro GastroVital para el texto *\/\n    }\n    \n    \/* --- ESTILOS DE LA PANTALLA DE CARGA --- *\/\n    .loader-container {\n      position: fixed;\n      top: 0; \/* Ajustado a 0 para cubrir bien *\/\n      left: 0;\n      width: 100vw;\n      height: 100vh;\n      z-index: 999999; \/* Z-index muy alto para estar sobre todo *\/\n      \/* --- CAMBIO: Fondo blanco limpio --- *\/\n      background-color: var(--gv-loader-bg); \n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      opacity: 1;\n      transition: opacity 0.5s ease-out; \/* Transici\u00f3n un poco m\u00e1s r\u00e1pida *\/\n    }\n    \n    \/* Clase para ocultar el loader suavemente *\/\n    .loader-hidden {\n      opacity: 0;\n      pointer-events: none; \/* Evita clicks cuando se est\u00e1 desvaneciendo *\/\n    }\n    \n    .spinner {\n      width: 60px; \/* Ligeramente m\u00e1s peque\u00f1o y elegante *\/\n      height: 60px;\n      \/* --- CAMBIO: Colores del riel y del spinner --- *\/\n      border: 5px solid var(--gv-loader-track);  \/* Riel gris claro *\/\n      border-top-color: var(--gv-loader-spinner); \/* Parte activa verde *\/\n      border-radius: 50%;\n      margin-bottom: 20px;\n      animation: spin 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) infinite; \/* Rotaci\u00f3n fluida *\/\n    }\n    \n    .loading-text {\n      \/* Usamos la misma fuente que tu sitio *\/\n      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n      \/* --- CAMBIO: Color de texto azul marca --- *\/\n      color: var(--gv-loader-text);\n      font-size: 1.5rem; \/* Tama\u00f1o ajustado para ser elegante *\/\n      font-weight: 600;\n      text-align: center;\n      letter-spacing: 0.5px;\n      animation: text-pulse 2s ease-in-out infinite;\n    }\n    \n    \/* --- ANIMACIONES KEYFRAMES --- *\/\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    @keyframes text-pulse {\n      0%, 100% { opacity: 0.6; }\n      50% { opacity: 1; }\n    }\n    <\/style>\n    \n    <script>\n    \/\/ Espera un tiempo determinado para asegurar que se vea el loader\n    \/\/ Puedes ajustar \"2500\" (2.5 segundos) al tiempo que prefieras.\n    window.addEventListener('load', function() {\n        setTimeout(function() {\n            const loader = document.getElementById('loader');\n            \/\/ Simplemente a\u00f1adimos la clase que lo oculta con CSS\n            if (loader) {\n                loader.classList.add('loader-hidden');\n                \n                \/\/ Opcional: Eliminarlo del DOM completamente despu\u00e9s de la transici\u00f3n\n                setTimeout(() => {\n                    loader.remove();\n                }, 600); \/\/ Espera a que termine la transici\u00f3n CSS (0.5s)\n            }\n        }, 2000); \/\/ Tiempo m\u00ednimo que se mostrar\u00e1 el loader\n    });\n    <\/script>\n\n\n\n<style>\n.container {\n  margin: 0 auto;\n  display: flex;\n  flex-direction: row; \/* Lado a lado en escritorio *\/\n  align-items: center;\n  justify-content: space-between;\n  gap: 40px;\n  padding: 20px;\n}\n  \/* --- Contenedor Principal Premium --- *\/\n.zentro-premium-footer {\nfont-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif; \/* Usa una fuente moderna si la tienes cargada *\/\nbackground: linear-gradient(to bottom, #1a1a1a, #0a0a0a); \/* Degradado sutil oscuro *\/\ncolor: #e0e0e0;\nposition: relative;\n}\n\n\/* L\u00ednea superior de acento *\/\n.zentro-premium-footer::before {\ncontent: '';\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 3px;\nbackground: linear-gradient(90deg, #28a745, #218838); \/* Degradado verde Zentro Vital *\/\n}\n\n.footer-main {\n  padding: 30px;\n}\n\n\/* --- Logo y Texto --- *\/\n.footer-logo-img {\nmax-width: 220px !important; \/* \u00danico !important necesario *\/\nheight: auto;\nmargin-bottom: 25px;\nfilter: brightness(1.1); \/* Hace el logo un poquito m\u00e1s brillante sobre fondo oscuro *\/\n}\n\n.footer-tagline {\nfont-size: 15px;\nline-height: 1.7;\ncolor: #b0b0b0;\nmargin-bottom: 30px;\nmax-width: 90% !important;\n}\n\n\/* --- T\u00edtulos de Secci\u00f3n Elegant --- *\/\n.footer-heading {\nfont-size: 13px;\nfont-weight: 700;\ntext-transform: uppercase;\nletter-spacing: 2px; \/* Espaciado entre letras premium *\/\ncolor: #28a745; \/* Color de acento verde *\/\nmargin-bottom: 25px;\nposition: relative;\n}\n\n\/* --- Enlaces de Contacto --- *\/\n.footer-contact-block .contact-link {\ndisplay: flex;\nalign-items: center;\ncolor: #ffffff;\ntext-decoration: none;\nmargin-bottom: 15px;\nfont-weight: 500;\ntransition: color 0.3s ease;\n}\n\n.icon-wrapper {\nmargin-right: 12px;\nfont-size: 18px;\n}\n\n.contact-link:hover {\ncolor: #28a745;\n}\n\n\/* --- Lista de Navegaci\u00f3n con Efecto Hover --- *\/\n.footer-nav-list {\nlist-style: none;\npadding: 0;\nmargin: 0;\n}\n\n.footer-nav-list li {\nmargin-bottom: 14px;\n}\n\n.footer-nav-list a {\ncolor: #cccccc;\ntext-decoration: none;\nfont-size: 15px;\ntransition: all 0.3s ease;\ndisplay: inline-block;\nposition: relative;\n}\n\n\/* Efecto: Peque\u00f1a flecha aparece al pasar el mouse *\/\n.footer-nav-list a::before {\ncontent: '\u203a';\nposition: absolute;\nleft: -15px;\nopacity: 0;\ncolor: #28a745;\ntransition: all 0.3s ease;\nfont-weight: bold;\n}\n\n.footer-nav-list a:hover {\ncolor: #ffffff;\ntransform: translateX(10px); \/* Mueve el texto ligeramente *\/\n}\n\n.footer-nav-list a:hover::before {\nopacity: 1; \/* Muestra la flecha *\/\n}\n\n\/* --- Botones Sociales Modernos --- *\/\n.social-container {\ndisplay: flex;\ngap: 12px;\n}\n\n.social-btn {\nwidth: 42px;\nheight: 42px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nbackground: rgba(255,255,255,0.05); \/* Fondo casi transparente *\/\ncolor: #fff;\ntext-decoration: none;\nborder-radius: 8px; \/* Bordes redondeados modernos *\/\nfont-weight: bold;\nfont-size: 14px;\nborder: 1px solid rgba(255,255,255,0.1);\ntransition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Animaci\u00f3n fluida *\/\n}\n\n.social-btn:hover {\nbackground: #28a745; \/* Color de fondo al hover *\/\nborder-color: #28a745;\ntransform: translateY(-3px); \/* Se eleva un poco *\/\nbox-shadow: 0 5px 15px rgba(40, 167, 69, 0.3); \/* Sombra verde sutil *\/\ncolor: #fff;\n}\n\n\/* --- Badges de Pago --- *\/\n.payment-badges {\ndisplay: flex;\ngap: 10px;\nflex-wrap: wrap;\n}\n\n.badge-pay {\nbackground: #1f1f1f;\npadding: 6px 12px;\nborder-radius: 4px;\nfont-size: 12px;\ncolor: #aaaaaa;\nborder: 1px solid #333;\ndisplay: flex;\nalign-items: center;\ngap: 5px;\n}\n\n\/* --- Sub-Footer (Barra Legal) --- *\/\n.footer-legal-bar {\nbackground: #000000; \/* Fondo m\u00e1s oscuro que el principal *\/\npadding: 25px 0;\nborder-top: 1px solid #1f1f1f;\nfont-size: 12px;\n}\n\n.disclaimer-text {\ncolor: #777;\nline-height: 1.5;\nmargin: 0;\ntext-align: justify;\n}\n\n.copyright-text {\ncolor: #555;\nmargin-top: 15px;\nfont-weight: 500;\nletter-spacing: 1px;\ntext-transform: uppercase;\nfont-size: 11px;\n}\n<\/style>\n\n\n\n<footer class=\"zentro-premium-footer\">\n  <div class=\"footer-main\">\n      <div class=\"container\">\n          <div class=\"row justify-content-between\">\n              <div class=\"col-12 col-lg-4 mb-5 mb-lg-0\">\n                  <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/cropped-IconH-scaled-1-291x97.webp\" alt=\"Zentro Vital Logo\" class=\"footer-logo-img\">\n                  <p class=\"footer-tagline\">\n                      Recupera tu salud y vitalidad. Soluciones integrales para tu bienestar con productos de la m\u00e1s alta calidad.\n                  <\/p>\n                  <div class=\"footer-contact-block\">\n                      <a href=\"mailto:soporte@zentrovital.com\" class=\"contact-link\">\n                          <span class=\"icon-wrapper\">\u2709\ufe0f<\/span> soporte@zentrovital.com\n                      <\/a>\n                      <a href=\"https:\/\/wa.me\/527445069168\" target=\"_blank\" class=\"contact-link\">\n                          <span class=\"icon-wrapper\">\ud83d\udcf1<\/span> Whatsapp: +52 744 506 9168\n                      <\/a>\n                  <\/div>\n              <\/div>\n\n              <div class=\"col-12 col-md-6 col-lg-3 mb-5 mb-md-0\">\n                  <h5 class=\"footer-heading\">Informaci\u00f3n Legal<\/h5>\n                  <ul class=\"footer-nav-list\">\n                      <li><a href=\"https:\/\/zentrovital.com\/index.php\/politica-privacidad\/\">Pol\u00edtica de Privacidad<\/a><\/li>\n                      <li><a href=\"https:\/\/zentrovital.com\/index.php\/terminos-y-condiciones\/\">T\u00e9rminos y Condiciones<\/a><\/li>\n    \n                  <\/ul>\n              <\/div>\n\n              <div class=\"col-12 col-md-6 col-lg-3\">\n                  <h5 class=\"footer-heading\">S\u00edguenos<\/h5>\n                  <div class=\"social-container mb-4\">\n                      <a href=\"https:\/\/www.facebook.com\/ZentroVitalOficial\/\" target=\"_blank\" class=\"social-btn fb\">FB<\/a>\n                      <a href=\"https:\/\/x.com\/zentrovital\" target=\"_blank\" class=\"social-btn x\">X<\/a>\n                  <\/div>\n\n                  <h5 class=\"footer-heading\">M\u00e9todos de Pago Seguro<\/h5>\n                  <div class=\"payment-badges\">\n                      <span class=\"badge-pay\">\ud83d\udcb3 Tarjetas<\/span>\n                      <span class=\"badge-pay\">\ud83c\udfea OXXO<\/span>\n                      <span class=\"badge-pay\">\ud83d\udcb5 Efectivo<\/span>\n                  <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n\n  <div class=\"footer-legal-bar\">\n      <div class=\"container\">\n          <div class=\"row align-items-center\">\n              <div class=\"col-12 mb-3 mb-md-0\">\n                  <p class=\"disclaimer-text\">\n                      <strong>Descargo de responsabilidad:<\/strong> La informaci\u00f3n contenida en este sitio web tiene fines \u00fanicamente informativos y no sustituye el consejo m\u00e9dico profesional. El consumo de estos productos es responsabilidad de quien los recomienda y de quien los usa.\n                  <\/p>\n              <\/div>\n              <div class=\"col-12 text-center\">\n                  <p class=\"copyright-text\">\n                      &copy; 2025 Zentro Vital. Todos los derechos reservados.\n                  <\/p>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n\n  \n<\/footer>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>GastroVital \ud83d\ude9a Env\u00edo Gratis a todo M\u00e9xico HECHO EN EE.UU. Apaga el Fuego en tu Est\u00f3mago en Menos de 15 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","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-410","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/410","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=410"}],"version-history":[{"count":8,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/410\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}