{"product_id":"almohadilla-termica-para-colicos","title":"ALMOHADILLA TERMICA PARA COLICOS","description":"\u003cstyle\u003e\n\/* Font Awesome CDN - Load at top *\/\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css');\n\n\/* === COLOR VARIABLES (Personalización fácil) === *\/\n:root {\n  \/* Colores principales - Hogar\/Control Plagas\/Wellness *\/\n  --color-primary: #0891b2;      \/* Trust Cyan - confianza y limpieza *\/\n  --color-secondary: #10b981;    \/* Natural Green - seguridad familiar *\/\n  --color-accent: #f59e0b;       \/* Alert Amber - alerta plagas *\/\n  --color-success: #22c55e;      \/* Success Green - efectividad *\/\n  --color-warning: #ff9800;      \/* Urgencia *\/\n  --color-error: #f44336;        \/* Problemas *\/\n  \n  \/* Gradientes *\/\n  --gradient-primary: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);\n  --gradient-secondary: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);\n  --gradient-urgency: linear-gradient(135deg, #f59e0b 0%, #fb923c 100%);\n  \n  \/* Sombras con color *\/\n  --shadow-primary: 0 4px 15px rgba(8, 145, 178, 0.35);\n  --shadow-primary-hover: 0 6px 20px rgba(8, 145, 178, 0.5);\n  --shadow-secondary: 0 4px 15px rgba(16, 185, 129, 0.35);\n  --shadow-secondary-hover: 0 6px 20px rgba(16, 185, 129, 0.5);\n  \n  \/* Colores neutros *\/\n  --color-text: #333;\n  --color-text-light: #555;\n  --color-text-dark: #1a1a1a;\n  --color-border: #e0e0e0;\n  --color-background: #ffffff;\n  --color-background-alt: #f9f9f9;\n}\n\n\/* === SMOOTH SCROLL === *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n}\n\n\/* === RESET Y BASE === *\/\n.product-description * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.product-description {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n  color: var(--color-text);\n  max-width: 100%;\n  padding: 0;\n}\n\n\/* === SECCIONES === *\/\n.pd-section {\n  margin: 20px 0;\n  padding: 15px;\n  background: var(--color-background);\n}\n\n.pd-section-alt {\n  background: var(--color-background-alt);\n  border-left: 4px solid var(--color-primary);\n}\n\n\/* === TÍTULOS === *\/\n.pd-title {\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--color-text-dark);\n  margin: 15px 0 10px;\n  line-height: 1.3;\n  text-align: center;\n}\n\n.pd-subtitle {\n  font-size: 18px;\n  font-weight: 600;\n  color: #2c2c2c;\n  margin: 20px 0 10px 0;\n  line-height: 1.4;\n}\n\n\/* === TEXTOS === *\/\n.pd-text {\n  font-size: 16px;\n  line-height: 1.7;\n  color: #444;\n  margin-bottom: 15px;\n}\n\n.pd-text-center {\n  text-align: center;\n}\n\n.pd-highlight {\n  background: linear-gradient(180deg, transparent 60%, #fff59d 60%);\n  font-weight: 600;\n  padding: 0 3px;\n}\n\n.pd-bold {\n  font-weight: 700;\n  color: var(--color-text-dark);\n}\n\n\/* === IMÁGENES RESPONSIVAS === *\/\n.pd-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 8px;\n  margin: 20px 0;\n}\n\n.pd-img-hero {\n  max-width: 600px;\n  margin: 0 auto 30px auto;\n}\n\n.pd-img-benefit {\n  max-width: 400px;\n  margin: 15px auto;\n}\n\n.pd-img-small {\n  max-width: 300px;\n  margin: 10px auto;\n}\n\n\/* === VIDEO RESPONSIVO (VERTICAL \u0026 HORIZONTAL) === *\/\n.pd-video-wrapper {\n  position: relative;\n  padding-bottom: 56.25%; \/* 16:9 aspect ratio para videos horizontales *\/\n  height: 0;\n  overflow: hidden;\n  max-width: 100%;\n  margin: 25px auto;\n  border-radius: 10px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.pd-video-wrapper.vertical {\n  padding-bottom: 177.78%; \/* 9:16 aspect ratio para videos verticales *\/\n  max-width: 400px;\n  border-radius: 20px;\n}\n\n@media (max-width: 640px) {\n  .pd-video-wrapper {\n    border-radius: 12px;\n  }\n  .pd-video-wrapper.vertical {\n    max-width: 100%;\n  }\n}\n\n.pd-video-wrapper video,\n.pd-video-wrapper iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: inherit;\n}\n\n\/* === ICONOS === *\/\n.pd-icon {\n  font-size: 20px;\n  margin-right: 8px;\n  color: var(--color-primary);\n  vertical-align: middle;\n}\n\n.pd-icon-large {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 12px;\n  text-align: center;\n  color: var(--color-primary);\n}\n\n\/* === LISTAS === *\/\n.pd-list {\n  list-style: none;\n  padding: 0;\n  margin: 15px 0;\n}\n\n.pd-list-item {\n  padding: 10px 0 10px 30px;\n  position: relative;\n  font-size: 15px;\n  line-height: 1.5;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.pd-list-item:last-child {\n  border-bottom: none;\n}\n\n.pd-list-item::before {\n  font-family: \"Font Awesome 6 Free\";\n  font-weight: 900;\n  position: absolute;\n  left: 0;\n  top: 10px;\n  width: 20px;\n  height: 20px;\n  background: var(--color-success);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n}\n\n.pd-list-item-check::before {\n  content: \"\\f00c\"; \/* fa-check *\/\n  background: var(--color-success);\n}\n\n.pd-list-item-times::before {\n  content: \"\\f00d\"; \/* fa-times *\/\n  background: var(--color-error);\n}\n\n\/* === CAJAS DESTACADAS === *\/\n.pd-box {\n  background: #f5f5f5;\n  border: 2px solid var(--color-border);\n  border-radius: 8px;\n  padding: 15px;\n  margin: 15px 0;\n}\n\n.pd-box-success {\n  background: #e8f5e9;\n  border-color: var(--color-success);\n}\n\n.pd-box-warning {\n  background: #fff3e0;\n  border-color: var(--color-warning);\n}\n\n.pd-box-info {\n  background: #e3f2fd;\n  border-color: #2196f3;\n}\n\n\/* === BENEFICIOS (COMPACTOS VISUAL-FIRST) === *\/\n.pd-benefit {\n  background: white;\n  border: 1px solid var(--color-border);\n  border-radius: 8px;\n  padding: 15px;\n  margin: 12px 0;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n  text-align: center;\n}\n\n.pd-benefit-title {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--color-text-dark);\n  margin: 8px 0;\n}\n\n.pd-benefit-text {\n  font-size: 14px;\n  color: var(--color-text-light);\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIOS (MICRO-REVIEWS VISUAL-FIRST) === *\/\n.pd-testimonial {\n  background: #f9f9f9;\n  border-left: 3px solid var(--color-success);\n  padding: 12px;\n  margin: 10px 0;\n  border-radius: 4px;\n}\n\n.pd-testimonial-text {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #444;\n  margin: 5px 0;\n}\n\n.pd-testimonial-author {\n  font-size: 13px;\n  font-weight: 600;\n  color: #666;\n  margin-top: 8px;\n  font-style: italic;\n}\n\n.pd-testimonial-stars {\n  color: #ffc107;\n  font-size: 14px;\n  margin-bottom: 5px;\n}\n\n\/* === FAQ (COMPACTO) === *\/\n.pd-faq-item {\n  margin: 12px 0;\n  padding: 12px;\n  background: #f9f9f9;\n  border-radius: 6px;\n}\n\n.pd-faq-question {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--color-text-dark);\n  margin-bottom: 5px;\n}\n\n.pd-faq-answer {\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--color-text-light);\n}\n\n\/* === TRUST BADGES === *\/\n.pd-trust-stack {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin: 15px 0;\n  padding: 12px;\n  background: #f5f5f5;\n  border-radius: 8px;\n}\n\n.pd-badge {\n  background: white;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  border: 1px solid var(--color-border);\n  white-space: nowrap;\n}\n\n\/* === BOTONES CTA === *\/\n.pd-cta {\n  display: inline-block;\n  background: var(--gradient-primary);\n  color: white;\n  padding: 14px 32px;\n  border-radius: 50px;\n  text-decoration: none;\n  font-size: 17px;\n  font-weight: 700;\n  text-align: center;\n  margin: 15px auto;\n  display: block;\n  max-width: 380px;\n  box-shadow: var(--shadow-primary);\n  transition: all 0.3s ease;\n  cursor: pointer;\n  border: none;\n}\n\n.pd-cta:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--shadow-primary-hover);\n  color: white;\n  text-decoration: none;\n}\n\n.pd-cta-secondary {\n  background: var(--gradient-secondary);\n  box-shadow: var(--shadow-secondary);\n}\n\n.pd-cta-secondary:hover {\n  box-shadow: var(--shadow-secondary-hover);\n}\n\n.pd-cta i {\n  margin-left: 6px;\n}\n\n.pd-cta-subtitle {\n  font-size: 12px;\n  font-weight: 400;\n  margin-top: 5px;\n  opacity: 0.95;\n}\n\n\/* === GALERÍA DE IMÁGENES === *\/\n.pd-gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 10px;\n  margin: 20px 0;\n}\n\n.pd-gallery-item {\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n}\n\n.pd-gallery-item img {\n  width: 100%;\n  height: 150px;\n  object-fit: cover;\n  transition: transform 0.3s ease;\n}\n\n.pd-gallery-item:hover img {\n  transform: scale(1.05);\n}\n\n\/* === ÍCONOS VISUALES === *\/\n.pd-icon-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  gap: 10px;\n  margin: 20px 0;\n  text-align: center;\n}\n\n.pd-icon-item {\n  flex: 1;\n  min-width: 100px;\n  padding: 10px;\n}\n\n.pd-icon-item i {\n  font-size: 30px;\n  display: block;\n  margin-bottom: 6px;\n  color: var(--color-primary);\n}\n\n.pd-icon-item-text {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--color-text-light);\n  line-height: 1.3;\n}\n\n\/* === DIVISORES === *\/\n.pd-divider {\n  height: 1px;\n  background: linear-gradient(to right, transparent, #ddd, transparent);\n  margin: 20px 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .pd-title {\n    font-size: 20px;\n  }\n\n  .pd-subtitle {\n    font-size: 17px;\n  }\n\n  .pd-section {\n    padding: 12px 10px;\n    margin: 15px 0;\n  }\n\n  .pd-benefit, .pd-testimonial, .pd-faq-item {\n    padding: 12px;\n  }\n\n  .pd-cta {\n    font-size: 16px;\n    padding: 12px 28px;\n  }\n\n  .pd-icon-large {\n    font-size: 32px;\n  }\n}\n\n\/* === ANIMACIONES SUTILES === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pd-benefit:hover, .pd-testimonial:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n    transition: all 0.2s ease;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pd-section pd-text-center\"\u003e\n\u003ch1 class=\"pd-title\"\u003e💖 Tu ciclo sin límites, más comodidad cada día\u003c\/h1\u003e\n\u003cp class=\"pd-text\"\u003e¿Las molestias de tu periodo afectan tu rutina? 🌸 Con \u003cstrong\u003eLiviax®\u003c\/strong\u003e puedes disfrutar de una experiencia más cómoda durante tu ciclo menstrual, donde quiera que estés.\u003c\/p\u003e\n\u003cdiv class=\"pd-box pd-box-success\"\u003e✨ Diseño portátil • Fácil de usar • Discreto • Ideal para uso diario\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PROBLEMA --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"pd-subtitle\"\u003e😣 ¿Te identificas con esto?\u003c\/h2\u003e\n\u003cul class=\"pd-list\"\u003e\n\u003cli class=\"pd-list-item pd-list-item-times\"\u003e\n\u003cstrong\u003eLas molestias aparecen en el momento menos esperado.\u003c\/strong\u003e\u003cbr\u003eInterrumpiendo tu trabajo, estudios o actividades diarias.\u003c\/li\u003e\n\u003cli class=\"pd-list-item pd-list-item-times\"\u003e\n\u003cstrong\u003eNo siempre estás en casa.\u003c\/strong\u003e\u003cbr\u003eNecesitas una alternativa práctica para acompañarte donde vayas.\u003c\/li\u003e\n\u003cli class=\"pd-list-item pd-list-item-times\"\u003e\n\u003cstrong\u003eQuieres continuar con tu día normalmente.\u003c\/strong\u003e\u003cbr\u003eSin sentir que tu ciclo controla tu agenda.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/2336\/2157\/files\/2.webp?v=1781885573\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- SOLUCIÓN --\u003e\n\u003cdiv class=\"pd-section pd-text-center\"\u003e\n\u003ch2 class=\"pd-title\"\u003e🌸 Conoce Liviax®\u003c\/h2\u003e\n\u003cp class=\"pd-text\"\u003eLiviax® es un dispositivo portátil diseñado para brindar una sensación de mayor comodidad durante el periodo menstrual.\u003c\/p\u003e\n\u003cp class=\"pd-text\"\u003eSu diseño compacto y ligero te permite usarlo fácilmente en casa, oficina, escuela o durante tus actividades diarias.\u003c\/p\u003e\n\u003cdiv class=\"pd-box pd-box-info\"\u003e💖 Comodidad portátil para acompañarte durante tu ciclo.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFICIOS --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"pd-subtitle pd-text-center\"\u003e✨ Beneficios de Liviax®\u003c\/h2\u003e\n\u003cdiv class=\"pd-benefit\"\u003e\n\u003ci class=\"fa-solid fa-heart-circle-check pd-icon-large\"\u003e\u003c\/i\u003e\n\u003ch3 class=\"pd-benefit-title\"\u003eMayor comodidad durante tu ciclo\u003c\/h3\u003e\n\u003cp class=\"pd-benefit-text\"\u003eDiseñado para acompañarte cuando más lo necesitas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-benefit\"\u003e\n\u003ci class=\"fa-solid fa-briefcase pd-icon-large\"\u003e\u003c\/i\u003e\n\u003ch3 class=\"pd-benefit-title\"\u003eLlévalo a cualquier lugar\u003c\/h3\u003e\n\u003cp class=\"pd-benefit-text\"\u003eIdeal para oficina, escuela, viajes o actividades diarias.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-benefit\"\u003e\n\u003ci class=\"fa-solid fa-feather-pointed pd-icon-large\"\u003e\u003c\/i\u003e\n\u003ch3 class=\"pd-benefit-title\"\u003eLigero y discreto\u003c\/h3\u003e\n\u003cp class=\"pd-benefit-text\"\u003eSu diseño compacto permite usarlo cómodamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-benefit\"\u003e\n\u003ci class=\"fa-solid fa-bolt pd-icon-large\"\u003e\u003c\/i\u003e\n\u003ch3 class=\"pd-benefit-title\"\u003eFácil de usar\u003c\/h3\u003e\n\u003cp class=\"pd-benefit-text\"\u003eSin procedimientos invasivos ni complicaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c!-- TRUST --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003cdiv class=\"pd-trust-stack\"\u003e\n\u003cspan class=\"pd-badge\"\u003e 🚚 Envío a Todo México \u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003e 💰 Pago Contra Entrega \u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003e 🔍 Revisa Antes de Pagar \u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003e 🔒 Compra Segura \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ESPECIFICACIONES --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"pd-subtitle\"\u003e📦 ¿Qué incluye tu compra?\u003c\/h2\u003e\n\u003cul class=\"pd-list\"\u003e\n\u003cli class=\"pd-list-item pd-list-item-check\"\u003e1 Dispositivo Liviax®\u003c\/li\u003e\n\u003cli class=\"pd-list-item pd-list-item-check\"\u003eManual de uso\u003c\/li\u003e\n\u003cli class=\"pd-list-item pd-list-item-check\"\u003eEmpaque seguro\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"pd-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2 class=\"pd-subtitle\"\u003e📋 Especificaciones\u003c\/h2\u003e\n\u003cul class=\"pd-list\"\u003e\n\u003cli class=\"pd-list-item pd-list-item-check\"\u003eTipo: Dispositivo portátil\u003c\/li\u003e\n\u003cli class=\"pd-list-item pd-list-item-check\"\u003eUso: Zona abdominal baja\u003c\/li\u003e\n\u003cli class=\"pd-list-item pd-list-item-check\"\u003eDiseño: Compacto y ligero\u003c\/li\u003e\n\u003cli class=\"pd-list-item pd-list-item-check\"\u003eFunción: Brindar mayor comodidad durante el ciclo menstrual\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"pd-subtitle pd-text-center\"\u003e❓ Preguntas Frecuentes\u003c\/h2\u003e\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003e¿Cómo funciona el pago contra entrega?\u003c\/div\u003e\n\u003cdiv class=\"pd-faq-answer\"\u003eRecibes tu pedido, revisas que todo esté correcto y realizas el pago al momento de la entrega.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003e¿Puedo usarlo fuera de casa?\u003c\/div\u003e\n\u003cdiv class=\"pd-faq-answer\"\u003eSí, su diseño portátil y discreto permite utilizarlo cómodamente en cualquier lugar.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003e¿Cuánto tarda en llegar?\u003c\/div\u003e\n\u003cdiv class=\"pd-faq-answer\"\u003eEl tiempo de entrega depende de tu ubicación, normalmente entre 3 y 8 días hábiles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CIERRE --\u003e\n\u003cdiv class=\"pd-section pd-text-center\"\u003e\n\u003ch2 class=\"pd-title\"\u003e🌷 Miles de mujeres buscan una forma más cómoda de vivir su ciclo\u003c\/h2\u003e\n\u003cp class=\"pd-text\"\u003ePide hoy tu \u003cstrong\u003eLiviax®\u003c\/strong\u003e y paga hasta recibirlo.\u003c\/p\u003e\n\n\u003cp class=\"pd-text\" style=\"font-size: 13px;\"\u003e🔒 Compra segura • 🚚 Envío nacional • 💰 Pago contra entrega\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tecniando","offers":[{"title":"Default Title","offer_id":53467441135981,"sku":"BUGO2412-005","price":665.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/2336\/2157\/files\/1761770066gif_31.webp?v=1781884055","url":"https:\/\/tecniando.com\/products\/almohadilla-termica-para-colicos","provider":"Tecniando","version":"1.0","type":"link"}