{"product_id":"pinta-pro","title":"PintaPro","description":"\u003cstyle\u003e\n\/* ============================================================\n   NADES SHOP - Sistema de estilos para landings COD\n   Mobile-first. Sin tipografias externas. Sin animaciones infinitas.\n   Cambiar la marca = cambiar solo las variables de :root\n   ============================================================ *\/\n\n:root{\n  \/* --- Los colores del producto (esto es lo unico que cambias por landing) --- *\/\n  --marca:        #0F766E;   \/* color principal: botones, acentos *\/\n  --marca-oscuro: #0B5350;   \/* estado presionado \/ borde del boton *\/\n  --marca-suave:  #F0FDFA;   \/* fondos de bloques resaltados *\/\n  --urgencia:     #dc2626;   \/* precio tachado, escasez, contador *\/\n  --estrella:     #f59e0b;   \/* estrellas de resenas *\/\n\n  \/* --- Neutros (normalmente no se tocan) --- *\/\n  --texto:      #111827;\n  --texto-2:    #4b5563;\n  --fondo:      #ffffff;\n  --fondo-2:    #f9fafb;\n  --borde:      #e5e7eb;\n\n  \/* --- Medidas --- *\/\n  --ancho:      600px;   \/* ancho maximo: una landing COD se lee como en movil *\/\n  --radio:      14px;\n  --espacio:    28px;\n  --sombra:     0 2px 12px rgba(0,0,0,.06);\n}\n\n\/* ---------- Reset minimo ---------- *\/\n*,*::before,*::after{ box-sizing:border-box; }\nhtml{ -webkit-text-size-adjust:100%; }\nbody{\n  margin:0;\n  background:var(--fondo);\n  color:var(--texto);\n  \/* Tipografias del sistema = 0 KB descargados. Ver memoria \"medir-velocidad-landings\" *\/\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n  font-size:17px;\n  line-height:1.55;\n  \/* espacio para que la barra fija de abajo nunca tape el contenido *\/\n  padding-bottom:96px;\n}\nimg,video{ max-width:100%; height:auto; display:block; }\na{ color:inherit; }\n\n\/* ---------- Estructura ---------- *\/\n.ld{ max-width:var(--ancho); margin:0 auto; }\n.ld-sec{ padding:var(--espacio) 18px; }\n.ld-sec--gris{ background:var(--fondo-2); }\n.ld-sec--marca{ background:var(--marca-suave); }\n\n\/* ---------- Titulos y texto ---------- *\/\n.ld-h1{ font-size:28px; line-height:1.2; font-weight:800; margin:0 0 12px; letter-spacing:-.02em; }\n.ld-h2{ font-size:23px; line-height:1.25; font-weight:800; margin:0 0 16px; letter-spacing:-.01em; text-align:center; }\n.ld-h3{ font-size:18px; font-weight:700; margin:0 0 6px; }\n.ld-p { margin:0 0 14px; color:var(--texto-2); }\n.ld-p--centro{ text-align:center; }\n.ld-destaca{ color:var(--marca); font-weight:800; }\n@media (min-width:640px){\n  .ld-h1{ font-size:34px; }\n  .ld-h2{ font-size:27px; }\n}\n\n\/* ---------- Barra superior de urgencia ---------- *\/\n.ld-barra-top{\n  background:var(--urgencia); color:#fff;\n  font-size:14px; font-weight:700; text-align:center;\n  padding:9px 14px;\n}\n\n\/* ---------- Estrellas \/ prueba social rapida ---------- *\/\n.ld-estrellas{ color:var(--estrella); letter-spacing:2px; font-size:16px; }\n.ld-social{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; font-size:14px; color:var(--texto-2); }\n\n\/* ---------- Precio ---------- *\/\n.ld-precio{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }\n.ld-precio-antes{ color:var(--texto-2); text-decoration:line-through; font-size:18px; }\n.ld-precio-hoy{ font-size:32px; font-weight:800; }\n.ld-ahorro{\n  background:var(--urgencia); color:#fff; font-size:13px; font-weight:800;\n  padding:3px 9px; border-radius:999px;\n}\n\n\/* ---------- Boton ---------- *\/\n.ld-btn{\n  display:block; width:100%; text-align:center; text-decoration:none;\n  background:var(--marca); color:#fff;\n  font-size:19px; font-weight:800; letter-spacing:.01em;\n  padding:17px 20px; border:0; border-radius:var(--radio);\n  box-shadow:0 4px 14px rgba(15,118,110,.32);\n  cursor:pointer;\n}\n.ld-btn:active{ background:var(--marca-oscuro); }\n.ld-btn-nota{ text-align:center; font-size:13px; color:var(--texto-2); margin-top:9px; }\n\n\/* ---------- Linea de paquete bajo el precio (estilo Nagura) ---------- *\/\n.ld-paquete{\n  font-size:14px; font-weight:800; letter-spacing:.04em;\n  color:var(--marca); text-transform:uppercase; margin:4px 0 0;\n}\n\n\/* ---------- Fila de confianza (3 sellos) ---------- *\/\n.ld-sellos{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; text-align:center; }\n.ld-sello{ padding:14px 6px; }\n.ld-sello .ld-icono{ font-size:26px; line-height:1; margin-bottom:6px; }\n.ld-sello b{ display:block; font-size:13px; line-height:1.3; }\n.ld-sello span{ font-size:12px; color:var(--texto-2); }\n\n\/* ---------- Vinetas de beneficio rapido ---------- *\/\n.ld-lista{ list-style:none; margin:0 0 18px; padding:0; }\n.ld-lista li{ position:relative; padding:0 0 0 30px; margin-bottom:10px; }\n.ld-lista li::before{\n  content:\"\\2713\"; position:absolute; left:0; top:0;\n  color:var(--marca); font-weight:900;\n}\n\n\/* ---------- Tarjetas de beneficio ---------- *\/\n.ld-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }\n.ld-card{\n  background:var(--fondo); border:1px solid var(--borde);\n  border-radius:var(--radio); padding:16px 14px; text-align:center;\n  box-shadow:var(--sombra);\n}\n.ld-card .ld-icono{ font-size:28px; line-height:1; margin-bottom:8px; }\n.ld-card h3{ font-size:15px; font-weight:700; margin:0 0 4px; }\n.ld-card p{ font-size:14px; color:var(--texto-2); margin:0; }\n\n\/* ---------- Dolor (carencia, no dolor fisico) ---------- *\/\n.ld-dolor{\n  background:#fff; border:1px solid var(--borde); border-left:4px solid var(--urgencia);\n  border-radius:10px; padding:14px 16px; margin-bottom:10px;\n}\n.ld-dolor p{ margin:0; font-size:16px; }\n\n\/* ---------- Antes \/ despues ---------- *\/\n.ld-ad{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }\n.ld-ad figure{ margin:0; }\n.ld-ad figcaption{\n  text-align:center; font-size:13px; font-weight:800; padding:7px;\n  border-radius:0 0 10px 10px; color:#fff;\n}\n.ld-ad img{ border-radius:10px 10px 0 0; width:100%; aspect-ratio:1\/1; object-fit:cover; }\n.ld-ad .antes figcaption{ background:#6b7280; }\n.ld-ad .despues figcaption{ background:var(--marca); }\n\n\/* ---------- Tabla comparativa ---------- *\/\n.ld-tabla{\n  width:100%; border-collapse:collapse; font-size:15px; background:#fff;\n  border:1px solid var(--borde); border-radius:var(--radio); overflow:hidden;\n}\n.ld-tabla th,.ld-tabla td{ padding:12px 10px; border-bottom:1px solid var(--borde); text-align:center; }\n.ld-tabla th:first-child,.ld-tabla td:first-child{ text-align:left; font-weight:600; }\n.ld-tabla thead th{ background:var(--fondo-2); font-size:14px; }\n.ld-tabla thead th.nosotros{ background:var(--marca); color:#fff; }\n.ld-tabla tr:last-child td{ border-bottom:0; }\n.ld-si{ color:var(--marca); font-weight:900; }\n.ld-no{ color:#9ca3af; font-weight:900; }\n\n\/* ---------- Pasos de uso ---------- *\/\n.ld-paso{ display:flex; gap:14px; align-items:flex-start; margin-bottom:18px; }\n.ld-paso-num{\n  flex:0 0 34px; height:34px; border-radius:50%;\n  background:var(--marca); color:#fff; font-weight:800;\n  display:flex; align-items:center; justify-content:center;\n}\n\n\/* ---------- Testimonios ---------- *\/\n.ld-testi{\n  background:#fff; border:1px solid var(--borde); border-radius:var(--radio);\n  padding:16px; margin-bottom:12px; box-shadow:var(--sombra);\n}\n.ld-testi-top{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }\n.ld-testi-foto{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex:0 0 40px; background:var(--borde); }\n.ld-testi-nom{ font-weight:700; font-size:15px; }\n.ld-testi-ver{ font-size:12px; color:var(--marca); font-weight:700; }\n.ld-testi p{ margin:0; font-size:15px; }\n\n\/* ---------- Paquetes \/ oferta ---------- *\/\n.ld-pack{\n  display:block; position:relative; border:2px solid var(--borde); border-radius:var(--radio);\n  padding:16px 14px; margin-bottom:12px; background:#fff; text-decoration:none;\n}\n.ld-pack--top{ border-color:var(--marca); background:var(--marca-suave); }\n\/* El paquete elegido: se ve marcado y con palomita a la izquierda *\/\n.ld-pack--sel{ border-color:var(--marca); background:var(--marca-suave); }\n.ld-pack--sel::before{\n  content:\"\\2713\"; position:absolute; top:14px; left:12px;\n  width:22px; height:22px; border-radius:50%;\n  background:var(--marca); color:#fff; font-size:13px; font-weight:900;\n  display:flex; align-items:center; justify-content:center;\n}\n.ld-pack--sel .ld-pack-fila{ padding-left:30px; }\n\/* Los paquetes son \u003cbutton\u003e: hay que anular el estilo nativo *\/\nbutton.ld-pack{ width:100%; text-align:left; font:inherit; color:inherit; cursor:pointer; }\n.ld-pack-etiqueta{\n  position:absolute; top:-11px; left:50%; transform:translateX(-50%);\n  background:var(--marca); color:#fff; font-size:12px; font-weight:800;\n  padding:3px 12px; border-radius:999px; white-space:nowrap;\n}\n.ld-pack-fila{ display:flex; justify-content:space-between; align-items:center; gap:12px; }\n.ld-pack-cant{ font-size:17px; font-weight:800; }\n.ld-pack-sub{ font-size:13px; color:var(--texto-2); }\n\n\/* ---------- Garantia ---------- *\/\n.ld-garantia{\n  border:2px dashed var(--marca); border-radius:var(--radio);\n  padding:20px 16px; text-align:center; background:#fff;\n}\n.ld-garantia .ld-icono{ font-size:40px; }\n\n\/* ---------- Preguntas frecuentes (sin JavaScript) ---------- *\/\n.ld-faq{ border-bottom:1px solid var(--borde); }\n.ld-faq summary{\n  list-style:none; cursor:pointer; padding:15px 30px 15px 0; position:relative;\n  font-weight:700; font-size:16px;\n}\n.ld-faq summary::-webkit-details-marker{ display:none; }\n.ld-faq summary::after{\n  content:\"+\"; position:absolute; right:4px; top:12px;\n  font-size:24px; font-weight:400; color:var(--marca);\n}\n.ld-faq[open] summary::after{ content:\"\\2013\"; }\n.ld-faq p{ margin:0 0 15px; color:var(--texto-2); font-size:15px; }\n\n\/* ---------- Barra fija de compra ---------- *\/\n.ld-sticky{\n  position:fixed; left:0; right:0; bottom:0; z-index:50;\n  background:rgba(255,255,255,.97);\n  border-top:1px solid var(--borde);\n  padding:10px 14px calc(10px + env(safe-area-inset-bottom));\n  box-shadow:0 -4px 16px rgba(0,0,0,.08);\n}\n.ld-sticky-in{ max-width:var(--ancho); margin:0 auto; display:flex; align-items:center; gap:12px; }\n.ld-sticky-precio{ line-height:1.15; }\n.ld-sticky-precio b{ font-size:21px; }\n.ld-sticky-precio s{ display:block; font-size:13px; color:var(--texto-2); }\n.ld-sticky .ld-btn{ flex:1; font-size:17px; padding:14px 16px; }\n\n\/* ---------- Accesibilidad ---------- *\/\n@media (prefers-reduced-motion:reduce){\n  *{ animation:none !important; transition:none !important; }\n}\n\n\/* ============================================================\n   MOLDE 2 — Sistema de componentes de landing COD de NADES SHOP\n   Extraído de landings\/megneta\/ (21-ago-2026), la landing aprobada.\n   Inspirado en el molde de nagurastore.com\/products\/lumina.\n\n   Se usa JUNTO con base\/estilos.css (que trae el reset y las clases ld-*).\n   Para una landing nueva: copia esto tal cual y cambia SOLO el bloque :root.\n   ============================================================ *\/\n\n:root{\n  --marca:        #00A5C4;\n  --marca-oscuro: #00707F;\n  --marca-suave:  #ECF7FA;\n  --tinta:        #0F1720;\n  --tinta-2:      #1E2A38;\n  --brillo:       #5DE0F5;\n  --fondo:        #FFFFFF;\n  --fondo-2:      #F5F7FA;\n  --texto:        #0F1720;\n  --texto-2:      #5A6672;\n  --ancho:        600px;\n  --radio:        16px;\n}\nbody{ padding-bottom:96px; }\n\n\/* --- Serif editorial: Georgia es del sistema, 0 KB descargados --- *\/\n.mg-serif{ font-family:Georgia,\"Times New Roman\",serif; font-weight:400; letter-spacing:-.01em; }\n\n\/* --- Banda superior (estática: nada de marquesina animada, mata el LCP) --- *\/\n.mg-banda{\n  background:var(--tinta); color:#fff; font-size:12px; font-weight:700;\n  letter-spacing:.08em; text-transform:uppercase; text-align:center;\n  padding:9px 14px; line-height:1.4;\n}\n.mg-banda i{ color:var(--brillo); font-style:normal; margin:0 6px; }\n\n\/* --- Secciones a sangre --- *\/\n.mg-oscura{ background:var(--tinta); color:#E8EDF2; }\n.mg-oscura .ld-h2, .mg-oscura .mg-serif{ color:#fff; }\n.mg-oscura .ld-p{ color:#B9C4CF; }\n.mg-clara{ background:var(--fondo-2); }\n\n.mg-titulo{ font-size:30px; line-height:1.18; text-align:center; margin:0 0 14px; }\n@media(min-width:640px){ .mg-titulo{ font-size:38px; } }\n.mg-cejilla{\n  font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;\n  color:var(--marca); text-align:center; margin:0 0 10px;\n}\n.mg-oscura .mg-cejilla{ color:var(--brillo); }\n\n\/* --- Imagen de sección --- *\/\n.mg-img{ display:block; width:100%; height:auto; border-radius:var(--radio); }\n.mg-full{ border-radius:0; }\n\n\/* --- Tarjetas de foto escalonadas (el gesto de Lumina) --- *\/\n.mg-escalon{ margin:22px 0 6px; }\n.mg-escalon img{\n  display:block; width:78%; height:auto; border-radius:14px;\n  box-shadow:0 10px 30px rgba(0,0,0,.28);\n}\n.mg-escalon .b{ margin-left:auto; margin-top:-26px; position:relative; }\n\n\/* --- Píldoras de dato --- *\/\n.mg-pildoras{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:16px 0 0; }\n.mg-pildora{\n  border:1px solid rgba(0,165,196,.35); color:var(--marca-oscuro); background:#fff;\n  border-radius:999px; padding:6px 14px; font-size:13px; font-weight:700;\n}\n.mg-oscura .mg-pildora{ background:transparent; border-color:rgba(93,224,245,.35); color:var(--brillo); }\n\n\/* --- Lista de ingredientes --- *\/\n.mg-ingr{ list-style:none; padding:0; margin:18px 0 0; }\n.mg-ingr li{\n  display:flex; justify-content:space-between; align-items:baseline; gap:12px;\n  padding:11px 0; border-bottom:1px solid rgba(255,255,255,.10); font-size:16px;\n}\n.mg-ingr li:last-child{ border-bottom:0; }\n.mg-ingr b{ font-weight:700; color:#fff; }\n.mg-ingr span{ color:var(--brillo); font-weight:700; font-size:14px; white-space:nowrap; }\n\n\/* --- Comparativa --- *\/\n.mg-vs{ width:100%; border-collapse:collapse; margin-top:16px; font-size:15px; }\n.mg-vs th, .mg-vs td{ padding:11px 10px; border-bottom:1px solid var(--borde); text-align:left; }\n.mg-vs th{ font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:var(--texto-2); }\n.mg-vs td:last-child, .mg-vs th:last-child{ text-align:right; }\n.mg-vs .si{ color:var(--marca-oscuro); font-weight:800; }\n.mg-vs .no{ color:#9AA5B1; }\n.mg-vs tfoot td{ font-weight:800; color:var(--texto); border-bottom:0; padding-top:14px; }\n\n\/* --- Pasos --- *\/\n.mg-pasos{ counter-reset:p; list-style:none; padding:0; margin:18px 0 0; }\n.mg-pasos li{ position:relative; padding-left:44px; margin-bottom:16px; }\n.mg-pasos li::before{\n  counter-increment:p; content:counter(p);\n  position:absolute; left:0; top:-2px; width:30px; height:30px; border-radius:50%;\n  background:var(--marca); color:var(--tinta); font-weight:800; font-size:15px;\n  display:flex; align-items:center; justify-content:center;\n}\n\n\/* --- Evidencia --- *\/\n.mg-ev{ background:#fff; border:1px solid var(--borde); border-radius:var(--radio); padding:16px; margin-bottom:12px; }\n.mg-ev h3{ margin:0 0 6px; font-size:16px; }\n.mg-ev p{ margin:0 0 8px; color:var(--texto-2); font-size:15px; }\n.mg-ev .fuente{ font-size:12px; color:#93A0AC; letter-spacing:.02em; }\n\n\/* --- Oferta --- *\/\n.mg-packs{ margin-top:18px; }\n.mg-pack{\n  position:relative; display:flex; align-items:center; gap:14px; width:100%; text-align:left;\n  border:2px solid var(--borde); border-radius:var(--radio); background:#fff;\n  padding:16px 14px; margin-bottom:12px; font:inherit; color:inherit; cursor:pointer;\n}\n.mg-pack--top{ border-color:rgba(0,165,196,.42); }\n\/* seleccionado (por defecto: 1 frasco) *\/\n.mg-pack[aria-checked=\"true\"]{ border-color:var(--marca); box-shadow:0 8px 24px rgba(0,165,196,.16); }\n.mg-radio{\n  flex:0 0 auto; width:22px; height:22px; border:2px solid #C9D2DA; border-radius:50%;\n  position:relative; display:block;\n}\n.mg-pack[aria-checked=\"true\"] .mg-radio{ border-color:var(--marca); }\n.mg-pack[aria-checked=\"true\"] .mg-radio::after{\n  content:\"\"; position:absolute; inset:3px; border-radius:50%; background:var(--marca);\n}\n.mg-pack-eti{\n  position:absolute; top:-11px; left:50%; transform:translateX(-50%);\n  background:var(--marca); color:var(--tinta); font-size:11px; font-weight:800;\n  letter-spacing:.06em; text-transform:uppercase; padding:4px 12px; border-radius:999px; white-space:nowrap;\n}\n.mg-pack-cant{ font-size:17px; font-weight:800; margin:0; }\n.mg-pack-sub{ font-size:13px; color:var(--texto-2); margin:2px 0 0; }\n.mg-pack-precio{ margin-left:auto; text-align:right; }\n.mg-pack-precio b{ font-size:21px; display:block; }\n.mg-pack-precio s{ font-size:13px; color:#9AA5B1; }\n.mg-pack-precio i{ display:block; font-style:normal; font-size:12px; font-weight:800; color:var(--marca-oscuro); }\n\n\/* --- Botón --- *\/\n.mg-btn{\n  display:flex; align-items:center; justify-content:center; gap:8px;\n  background:var(--marca); color:var(--tinta);   \/* texto OSCURO: blanco sobre #00A5C4 reprueba WCAG *\/\n  border:0; border-radius:999px; padding:16px 22px;\n  font-size:17px; font-weight:800; text-decoration:none; width:100%; cursor:pointer;\n}\n.mg-btn:active{ background:var(--marca-oscuro); color:#fff; }\n\n\/* --- Garantía --- *\/\n.mg-gar{ text-align:center; }\n.mg-gar-sello{\n  display:inline-block; border:2px solid var(--marca); color:var(--marca-oscuro);\n  border-radius:999px; padding:8px 20px; font-weight:800; font-size:14px; margin-bottom:14px;\n}\n\n\/* --- FAQ --- *\/\n.mg-faq details{ border-bottom:1px solid var(--borde); padding:14px 0; }\n.mg-faq summary{ font-weight:700; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:12px; }\n.mg-faq summary::-webkit-details-marker{ display:none; }\n.mg-faq summary::after{ content:\"+\"; color:var(--marca-oscuro); font-weight:800; font-size:22px; line-height:1; }\n.mg-faq details[open] summary::after{ content:\"–\"; }\n.mg-faq p{ margin:10px 0 0; color:var(--texto-2); font-size:15px; }\n\n\/* --- Barra flotante (el gesto de Lumina: pastilla redondeada) --- *\/\n.mg-barra{\n  position:fixed; left:0; right:0; bottom:0; z-index:60;\n  padding:10px 14px calc(10px + env(safe-area-inset-bottom));\n  background:linear-gradient(to top, rgba(15,23,32,.96), rgba(15,23,32,.82));\n  transition:transform .25s ease;   \/* transición puntual, NO animación infinita *\/\n}\n.mg-barra-in{\n  max-width:var(--ancho); margin:0 auto;\n  display:flex; align-items:center; gap:12px;\n  background:var(--tinta-2); border-radius:999px; padding:10px 10px 10px 20px;\n}\n.mg-barra-precio{ line-height:1.1; color:#fff; }\n.mg-barra-precio b{ font-size:22px; font-weight:800; }\n.mg-barra-precio span{ display:block; font-size:12px; color:var(--brillo); font-weight:700; }\n.mg-barra .mg-btn{ width:auto; flex:0 0 auto; padding:13px 22px; font-size:16px; }\n\n\/* --- Para qué sirve: las 4 fichas --- *\/\n.mg-para{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:20px 0 0; }\n.mg-ficha{\n  background:var(--marca-suave); border:1px solid rgba(0,165,196,.22);\n  border-radius:var(--radio); padding:14px 12px; text-align:center;\n}\n.mg-ficha svg{ width:26px; height:26px; stroke:var(--marca-oscuro); fill:none; stroke-width:1.9;\n  stroke-linecap:round; stroke-linejoin:round; margin-bottom:6px; }\n.mg-ficha b{ display:block; font-size:15px; margin-bottom:2px; }\n.mg-ficha span{ display:block; font-size:13px; color:var(--texto-2); line-height:1.4; }\n.mg-quees{ font-size:17px; text-align:center; margin:0 0 4px; color:var(--texto); }\n.mg-quees b{ color:var(--marca-oscuro); }\n\n\/* --- Galería del hero --- *\/\n.mg-gal-main{ display:block; width:100%; height:auto; }\n.mg-gal-thumbs{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:6px 6px 0; background:var(--tinta); }\n.mg-gal-thumbs button{ padding:0; border:2px solid transparent; border-radius:8px; overflow:hidden; background:none; cursor:pointer; line-height:0; }\n.mg-gal-thumbs button[aria-current=\"true\"]{ border-color:var(--marca); }\n.mg-gal-thumbs img{ width:100%; height:auto; display:block; }\n\n\/* --- Comparador antes \/ después --- *\/\n.mg-ba{ position:relative; border-radius:var(--radio); overflow:hidden; margin-top:18px; line-height:0; }\n.mg-ba img{ width:100%; height:auto; display:block; }\n.mg-ba-top{ position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0); }\n.mg-ba-linea{ position:absolute; top:0; bottom:0; left:var(--pos,50%); width:3px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.5); pointer-events:none; }\n.mg-ba-tirador{\n  position:absolute; top:50%; left:var(--pos,50%); transform:translate(-50%,-50%);\n  width:42px; height:42px; border-radius:50%; background:#fff; pointer-events:none;\n  display:flex; align-items:center; justify-content:center; box-shadow:0 2px 10px rgba(0,0,0,.4);\n  font-size:15px; color:var(--tinta); font-weight:800; letter-spacing:-2px;\n}\n.mg-ba-rango{ position:absolute; inset:0; width:100%; margin:0; opacity:0; cursor:ew-resize; }\n.mg-ba-eti{\n  position:absolute; top:12px; font-size:11px; font-weight:800; letter-spacing:.08em;\n  text-transform:uppercase; color:#fff; background:rgba(15,23,32,.72);\n  padding:5px 11px; border-radius:999px; pointer-events:none; line-height:1.4;\n}\n.mg-ba-eti--izq{ left:12px; }\n.mg-ba-eti--der{ right:12px; background:rgba(0,112,127,.85); }\n\n\/* --- Testimonios --- *\/\n.mg-testi{ background:#fff; border:1px solid var(--borde); border-radius:var(--radio); padding:16px; margin-bottom:12px; }\n.mg-testi-estrellas{ color:#F5A623; font-size:14px; letter-spacing:2px; margin:0 0 8px; }\n.mg-testi p{ margin:0 0 10px; font-size:15px; }\n.mg-testi-quien{ margin:0; font-size:13px; color:var(--texto-2); font-weight:700; }\n\n.mg-legal{ font-size:12px; color:#93A0AC; text-align:center; padding:22px 18px 30px; line-height:1.5; }\n\n\n:root{\n  --marca:        #E8A400;\n  --marca-oscuro: #96690B;\n  --marca-suave:  #FFF8E6;\n  --tinta:        #16181D;\n  --tinta-2:      #2B2F38;\n  --brillo:       #FFC733;\n  --fondo:        #FFFFFF;\n  --fondo-2:      #FAFAF9;\n  --texto:        #2B2F38;\n  --texto-2:      #5A6672;\n  --ancho:        600px;\n  --radio:        16px;\n}\n\n\/* Galeria de 3: el tema las carga TODAS de golpe, no perezosas. Cada foto de mas\n   compite con el LCP. Las otras dos bajaron al cuerpo, donde si van lazy. *\/\n.mg-gal-thumbs{ grid-template-columns:repeat(3,1fr); gap:4px; }\n\n\/* Precio en el hero: el cliente tiene que saber cuánto cuesta antes de hacer scroll *\/\n.mg-precio-hero{ text-align:center; margin:0 0 18px; }\n.mg-precio-hero b{ display:block; font-size:40px; font-weight:800; line-height:1; color:var(--texto); }\n.mg-precio-hero s{ font-size:16px; color:#9AA5B1; margin-right:8px; }\n.mg-precio-hero span{ display:block; font-size:14px; font-weight:700; color:var(--marca-oscuro); margin-top:6px; }\n\n\/* ---- El precio del TEMA (Horizon lo pone chiquito debajo del titulo) ----\n   En COD el precio tiene que golpear apenas abre la pagina, sin scroll. Se agranda desde aca\n   porque este \u003cstyle\u003e viaja dentro de la ficha y alcanza al DOM del tema. *\/\nproduct-price .price{\n  font-size:46px !important; font-weight:800 !important; line-height:1 !important;\n  color:var(--texto) !important; letter-spacing:-.02em;\n}\nproduct-price [ref=\"priceContainer\"]{ display:block; }\nproduct-price [ref=\"priceContainer\"]::after{\n  content:\"Envío gratis · Pagás al recibir\";\n  display:block; margin-top:6px;\n  font-size:14px; font-weight:700; color:var(--marca-oscuro);\n}\n.sticky-add-to-cart__price .price{ font-size:18px !important; }\n\n\/* Banda de confianza reubicada arriba de todo *\/\n.mg-banda[data-arriba]{ margin:0 0 4px; }\n\n\/* ---- Nombre propio del producto ----------------------------------------\n   En Shopify el producto se llama solo \"PintaPro\" para que el titulo respire.\n   El descriptor va debajo con ::after, sin tocar el tema. Se excluye .mg-titulo\n   porque ese es el h1 de nuestra landing, no el del tema. --------------------- *\/\nh1:not(.mg-titulo)::after{\n  content:\"Pistola pulverizadora eléctrica de 400 W\";\n  display:block; margin-top:6px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:.5em; font-weight:400; letter-spacing:.01em;\n  color:var(--texto-2);\n}\n\n\u003c\/style\u003e\n\r\n\r\n\u003c!-- 1 · Banda de confianza (estática) --\u003e\r\n\u003cdiv class=\"mg-banda\"\u003eEnvío gratis \u003ci\u003e·\u003c\/i\u003e Pagás al recibir \u003ci\u003e·\u003c\/i\u003e 400 W\u003c\/div\u003e\r\n\r\n\u003c!-- 2 · Hero: galería --\u003e\r\n\r\n\r\n\u003c!-- 3 · Qué es y para qué sirve — LA SECCIÓN QUE NO SE SALTA --\u003e\r\n\u003csection class=\"ld-sec\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003ch1 class=\"mg-titulo mg-serif\"\u003ePintá parejo a la primera.\u003c\/h1\u003e\r\n\r\n    \u003cp class=\"mg-precio-hero\"\u003e\r\n      \u003cb\u003eQ399\u003c\/b\u003e\r\n      \u003cspan\u003eEnvío gratis · Pagás al recibir\u003c\/span\u003e\r\n    \u003c\/p\u003e\r\n    \u003cbutton type=\"button\" class=\"mg-btn mg-abrir\"\u003eLa quiero — pagar al recibir\u003c\/button\u003e\r\n\r\n    \u003cp class=\"mg-quees\"\u003e\u003cb\u003ePintaPro\u003c\/b\u003e es una pistola eléctrica para pintar de 400 vatios. Le echás la\r\n      pintura, la enchufás y rociás.\u003c\/p\u003e\r\n\r\n    \u003cimg class=\"mg-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/9130\/7043\/t\/1\/assets\/pistola-gt-cable.webp?v=1788189569\" width=\"760\" height=\"950\" loading=\"lazy\" alt=\"No se queda a media pared. La pistola rociando una pared con su cable conectado a la corriente.\"\u003e\r\n\r\n    \u003cdiv class=\"mg-para\"\u003e\r\n      \u003cdiv class=\"mg-ficha\"\u003e\r\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\r\n        \u003cb\u003e400 W con cable\u003c\/b\u003e\r\n        \u003cspan\u003eSin batería que se acabe\u003c\/span\u003e\r\n      \u003c\/div\u003e\r\n      \u003cdiv class=\"mg-ficha\"\u003e\r\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 3h8l1 5v11a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V8z\"\u003e\u003c\/path\u003e\u003cpath d=\"M7 12h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\r\n        \u003cb\u003eDepósito de 800 ml\u003c\/b\u003e\r\n        \u003cspan\u003eUna pared sin recargar\u003c\/span\u003e\r\n      \u003c\/div\u003e\r\n      \u003cdiv class=\"mg-ficha\"\u003e\r\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 7v10M7 12h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\r\n        \u003cb\u003eTres chorros\u003c\/b\u003e\r\n        \u003cspan\u003eSe gira la boquilla\u003c\/span\u003e\r\n      \u003c\/div\u003e\r\n      \u003cdiv class=\"mg-ficha\"\u003e\r\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M4 18h16\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 18V9l6-5 6 5v9\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 18v-4h4v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\r\n        \u003cb\u003ePara toda la casa\u003c\/b\u003e\r\n        \u003cspan\u003eParedes, puertas y portón\u003c\/span\u003e\r\n      \u003c\/div\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003cdiv class=\"mg-pildoras\"\u003e\r\n      \u003cspan class=\"mg-pildora\"\u003e500 ml por minuto\u003c\/span\u003e\r\n      \u003cspan class=\"mg-pildora\"\u003eBoquilla de 2.5 mm\u003c\/span\u003e\r\n      \u003cspan class=\"mg-pildora\"\u003e110 V\u003c\/span\u003e\r\n    \u003c\/div\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003c!-- 4 · El dolor --\u003e\r\n\u003csection class=\"mg-oscura ld-sec\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003cimg class=\"mg-img mg-full\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/9130\/7043\/t\/1\/assets\/pistola-gt-dolor.webp?v=1787954766\" width=\"760\" height=\"950\" loading=\"lazy\" alt=\"¿Dos manos de pintura y sigue disparejo? Una pared pintada con rodillo, con manchones y escurrimientos.\"\u003e\r\n    \u003cp class=\"ld-p\" style=\"margin-top:18px\"\u003eNo es que pintés mal. Es que el rodillo empuja la pintura,\r\n      no la reparte.\u003c\/p\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003c!-- 5 · El mecanismo --\u003e\r\n\u003csection class=\"mg-clara ld-sec\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003cp class=\"mg-cejilla\"\u003eLa diferencia\u003c\/p\u003e\r\n    \u003cimg class=\"mg-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/9130\/7043\/t\/1\/assets\/pistola-gt-comparativa.webp?v=1787954767\" width=\"760\" height=\"950\" loading=\"lazy\" alt=\"La misma pared del mismo color: la mitad con rodillo queda manchada y la mitad con pistola queda pareja.\"\u003e\r\n    \u003cp class=\"ld-p\" style=\"margin-top:18px\"\u003eEl motor convierte la pintura en un rocío fino que cae como\r\n      una película delgada. Cubre a la primera y llega a las esquinas y a los barrotes.\u003c\/p\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003c!-- 6 · Brocha, rodillo o pistola --\u003e\r\n\u003csection class=\"ld-sec\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003cp class=\"mg-cejilla\"\u003eBrocha, rodillo o pistola\u003c\/p\u003e\r\n    \u003ctable class=\"mg-vs\"\u003e\r\n      \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eCómo lo pintás\u003c\/th\u003e\n\u003cth\u003eCómo te queda\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\r\n      \u003ctbody\u003e\r\n        \u003ctr\u003e\n\u003ctd\u003eCon brocha\u003c\/td\u003e\n\u003ctd class=\"no\"\u003eSe marcan las cerdas\u003c\/td\u003e\n\u003c\/tr\u003e\r\n        \u003ctr\u003e\n\u003ctd\u003eCon rodillo\u003c\/td\u003e\n\u003ctd class=\"no\"\u003eSe marcan las orillas\u003c\/td\u003e\n\u003c\/tr\u003e\r\n        \u003ctr\u003e\n\u003ctd\u003eEn rejas y barrotes\u003c\/td\u003e\n\u003ctd class=\"no\"\u003eHay que ir uno por uno\u003c\/td\u003e\n\u003c\/tr\u003e\r\n      \u003c\/tbody\u003e\r\n      \u003ctfoot\u003e\u003ctr\u003e\n\u003ctd\u003eCon PintaPro\u003c\/td\u003e\n\u003ctd class=\"si\"\u003eParejo y de un solo pase\u003c\/td\u003e\n\u003c\/tr\u003e\u003c\/tfoot\u003e\r\n    \u003c\/table\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003c!-- 7 · En qué se usa · va en fondo OSCURO: la lista .mg-ingr pinta sus \u003cb\u003e en blanco --\u003e\r\n\u003csection class=\"mg-oscura ld-sec\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003cp class=\"mg-cejilla\"\u003eEn qué se usa\u003c\/p\u003e\r\n    \u003cimg class=\"mg-img mg-full\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/9130\/7043\/t\/1\/assets\/pistola-gt-usos.webp?v=1787954768\" width=\"760\" height=\"950\" loading=\"lazy\" alt=\"Cuatro trabajos: una puerta de madera blanca, una silla a medio restaurar, un barandal negro y un portón azul.\"\u003e\r\n    \u003cul class=\"mg-ingr\"\u003e\r\n      \u003cli\u003e\n\u003cb\u003eParedes y cielo falso\u003c\/b\u003e \u003cspan\u003echorro horizontal\u003c\/span\u003e\n\u003c\/li\u003e\r\n      \u003cli\u003e\n\u003cb\u003ePuertas y marcos\u003c\/b\u003e \u003cspan\u003echorro vertical\u003c\/span\u003e\n\u003c\/li\u003e\r\n      \u003cli\u003e\n\u003cb\u003eMuebles de madera\u003c\/b\u003e \u003cspan\u003epintura o barniz\u003c\/span\u003e\n\u003c\/li\u003e\r\n      \u003cli\u003e\n\u003cb\u003eRejas y balcones\u003c\/b\u003e \u003cspan\u003eentre los barrotes\u003c\/span\u003e\n\u003c\/li\u003e\r\n      \u003cli\u003e\n\u003cb\u003ePortón de metal\u003c\/b\u003e \u003cspan\u003eanticorrosivo\u003c\/span\u003e\n\u003c\/li\u003e\r\n    \u003c\/ul\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003c!-- 9 · Cómo se usa + la advertencia honesta --\u003e\r\n\u003csection class=\"mg-clara ld-sec\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003cp class=\"mg-cejilla\"\u003eCómo se usa\u003c\/p\u003e\r\n    \u003ch2 class=\"mg-titulo mg-serif\"\u003eLlenar, girar y rociar.\u003c\/h2\u003e\r\n    \u003cimg class=\"mg-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/9130\/7043\/t\/1\/assets\/pistola-gt-patrones.webp?v=1788189571\" width=\"760\" height=\"950\" loading=\"lazy\" alt=\"Tres formas de rociar, una sola boquilla: franja horizontal, franja vertical y punto redondo.\"\u003e\r\n    \u003col class=\"mg-pasos\" style=\"margin-top:18px\"\u003e\r\n      \u003cli\u003e\n\u003cb\u003eLlená el depósito.\u003c\/b\u003e 800 ml de pintura rebajada.\u003c\/li\u003e\r\n      \u003cli\u003e\n\u003cb\u003eGirá la boquilla.\u003c\/b\u003e Horizontal, vertical o redondo, según el trabajo.\u003c\/li\u003e\r\n      \u003cli\u003e\n\u003cb\u003eRociá parejo.\u003c\/b\u003e A 20 o 30 cm, moviendo el brazo completo.\u003c\/li\u003e\r\n    \u003c\/ol\u003e\r\n    \u003cdiv class=\"mg-ev\" style=\"margin-top:20px\"\u003e\r\n      \u003ch3\u003eAntes de comprarla\u003c\/h3\u003e\r\n      \u003cp\u003e\u003cb\u003eEs de cable.\u003c\/b\u003e Necesitás un tomacorriente cerca o una extensión.\u003c\/p\u003e\r\n      \u003cp\u003e\u003cb\u003eLa pintura va rebajada.\u003c\/b\u003e Espesa sin diluir, tapa la boquilla.\u003c\/p\u003e\r\n      \u003cp\u003e\u003cb\u003eSe lava al terminar.\u003c\/b\u003e Si se guarda con pintura adentro, se seca.\u003c\/p\u003e\r\n    \u003c\/div\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003c!-- 10 · Oferta --\u003e\r\n\u003csection class=\"ld-sec\" id=\"oferta\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003ch2 class=\"mg-titulo mg-serif\"\u003ePedila hoy, pagás cuando llegue.\u003c\/h2\u003e\r\n    \u003cdiv class=\"mg-packs\"\u003e\r\n      \u003cbutton class=\"mg-pack\" aria-checked=\"true\" data-precio=\"Q399\" data-nota=\"Envío gratis\" data-rsi=\"0\"\u003e\r\n        \u003cspan class=\"mg-radio\"\u003e\u003c\/span\u003e\r\n        \u003cspan\u003e\r\n          \u003cp class=\"mg-pack-cant\"\u003e1 PintaPro de 400 W\u003c\/p\u003e\r\n          \u003cp class=\"mg-pack-sub\"\u003eCon su depósito de 800 ml\u003c\/p\u003e\r\n        \u003c\/span\u003e\r\n        \u003cspan class=\"mg-pack-precio\"\u003e\r\n          \u003cb\u003eQ399\u003c\/b\u003e\r\n          \u003ci\u003eEnvío gratis\u003c\/i\u003e\r\n        \u003c\/span\u003e\r\n      \u003c\/button\u003e\r\n    \u003c\/div\u003e\r\n    \u003cbutton type=\"button\" class=\"mg-btn mg-abrir\"\u003eLa quiero — pagar al recibir\u003c\/button\u003e\r\n    \u003cp class=\"ld-p\" style=\"text-align:center;margin-top:14px;font-size:14px;color:var(--texto-2)\"\u003e\r\n      No pagás nada por adelantado: le pagás al repartidor cuando ya la tenés en la mano.\u003c\/p\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003c!-- 11 · Preguntas --\u003e\r\n\u003csection class=\"ld-sec\"\u003e\r\n  \u003cdiv class=\"ld-wrap\"\u003e\r\n    \u003cp class=\"mg-cejilla\"\u003ePreguntas\u003c\/p\u003e\r\n    \u003cdiv class=\"mg-faq\"\u003e\r\n      \u003cdetails open\u003e\u003csummary\u003e¿Sirve para pintura de agua?\u003c\/summary\u003e\r\n        \u003cp\u003eSí, rebajada como dice el bote. También barniz, sellador y anticorrosivo. Lo que no pasa es la\r\n          pintura espesa sin diluir.\u003c\/p\u003e\u003c\/details\u003e\r\n      \u003cdetails\u003e\u003csummary\u003e¿Necesita compresor?\u003c\/summary\u003e\r\n        \u003cp\u003eNo. Trae su propio motor de 400 W. La enchufás a cualquier tomacorriente y ya.\u003c\/p\u003e\u003c\/details\u003e\r\n      \u003cdetails\u003e\u003csummary\u003e¿No es mejor una de batería?\u003c\/summary\u003e\r\n        \u003cp\u003eLa de batería se te apaga a medio trabajo y toca esperar a que cargue. Esta va conectada y empuja\r\n          los mismos 400 W del primer minuto al último.\u003c\/p\u003e\u003c\/details\u003e\r\n      \u003cdetails\u003e\u003csummary\u003e¿Cómo pago?\u003c\/summary\u003e\r\n        \u003cp\u003eEn efectivo, al repartidor, cuando te la entregue. El envío es gratis.\u003c\/p\u003e\u003c\/details\u003e\r\n      \u003cdetails\u003e\u003csummary\u003e¿Llegan a mi municipio?\u003c\/summary\u003e\r\n        \u003cp\u003eEntregamos en la capital y su área metropolitana, Quetzaltenango, Suchitepéquez, Chimaltenango,\r\n          Retalhuleu, San Marcos, Huehuetenango, Zacapa, Escuintla, Izabal, Jalapa, Jutiapa, Chiquimula y\r\n          Cobán. Si tu municipio no está en la ruta te avisamos al confirmar y no te cobramos nada.\u003c\/p\u003e\u003c\/details\u003e\r\n    \u003c\/div\u003e\r\n  \u003c\/div\u003e\r\n\u003c\/section\u003e\r\n\r\n\u003cp class=\"mg-legal\"\u003e\r\n  Pistola pulverizadora eléctrica de 400 W para pintura, barniz y sellador previamente diluidos según las\r\n  instrucciones del fabricante de la pintura. El acabado depende de la preparación de la superficie y de la\r\n  dilución. Requiere conexión a corriente de 110 V.\r\n\u003c\/p\u003e\r\n\r\n\u003c!-- 12 · Barra flotante --\u003e\r\n\n\n\u003cscript\u003e\n\/* Los botones de la landing abren el formulario de Releasit, que vive en esta misma ficha. *\/\n(function(){\n  document.addEventListener('click', function(e){\n    var b = e.target.closest('.mg-abrir'); if(!b) return;\n    e.preventDefault();\n    var r = document.getElementById('rsi_buy_now_button');\n    if (r) r.click();\n    else {\n      var alt = Array.prototype.slice.call(document.querySelectorAll('button,a'))\n        .filter(function(x){ return \/contra\\s*entrega\/i.test(x.innerText||''); })[0];\n      if (alt) alt.click();\n    }\n  });\n})();\n\/* La banda de confianza vive dentro de la ficha, o sea DEBAJO de la galeria y del precio.\n   Se sube a lo mas alto de la pagina para que sea lo primero que se ve al abrir.\n   Va aca y no en la landing porque Shopify solo conserva UN \u003cscript\u003e del body_html. *\/\n(function(){\n  function subir(){\n    var b = document.querySelector('.mg-banda');\n    if (!b || b.dataset.arriba) return;\n    var destino = document.querySelector('main') || document.body;\n    b.dataset.arriba = '1';\n    destino.insertBefore(b, destino.firstChild);\n  }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', subir);\n  else subir();\n})();\n\u003c\/script\u003e","brand":"NADES","offers":[{"title":"Default Title","offer_id":55530262921507,"sku":"PINT-GT-16006","price":399.0,"currency_code":"GTQ","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/9130\/7043\/files\/pintapro-hero.jpg?v=1788118410","url":"https:\/\/lasmegaofertasguate.com\/products\/pinta-pro","provider":"Nades Guatemala","version":"1.0","type":"link"}