{"product_id":"vende-por-internet-con-meta-ads","title":"VENDE POR INTERNET CON META ADS","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  width: 100%;\n  overflow-x: hidden;\n  scroll-behavior: smooth;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  background: #050509;\n  color: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n:root {\n  --purple: #8c3cff;\n  --purple-light: #b52cff;\n  --blue: #1688ff;\n  --text-gray: #aaaab7;\n  --card: rgba(255,255,255,0.035);\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.hero-section {\n  position: relative;\n  width: 100%;\n  min-height: 100svh;\n  overflow: hidden;\n\n  padding:\n    max(34px, env(safe-area-inset-top))\n    16px\n    55px;\n\n  background:\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(126, 35, 255, 0.20),\n      transparent 32%\n    ),\n    radial-gradient(\n      circle at 90% 35%,\n      rgba(0, 119, 255, 0.15),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 50% 100%,\n      rgba(138, 43, 226, 0.12),\n      transparent 38%\n    ),\n    #050509;\n}\n\n\n\/* =========================================================\n   BRILLOS\n========================================================= *\/\n\n.glow-purple {\n  position: absolute;\n  width: 260px;\n  height: 260px;\n  background: rgba(140,30,255,0.13);\n  filter: blur(80px);\n  border-radius: 50%;\n  top: -100px;\n  left: -130px;\n  pointer-events: none;\n}\n\n.glow-blue {\n  position: absolute;\n  width: 260px;\n  height: 260px;\n  background: rgba(0,119,255,0.10);\n  filter: blur(80px);\n  border-radius: 50%;\n  bottom: -100px;\n  right: -130px;\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.hero-container,\n.section-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n.hero-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n\n  max-width: 100%;\n\n  padding: 8px 14px;\n\n  border: 1px solid rgba(159,65,255,0.65);\n  border-radius: 50px;\n\n  background: rgba(112,25,255,0.10);\n\n  box-shadow:\n    0 0 18px rgba(145,40,255,0.20),\n    inset 0 0 12px rgba(145,40,255,0.06);\n\n  color: #d9b8ff;\n\n  font-size: 10px;\n  line-height: 1.3;\n\n  font-weight: 700;\n  letter-spacing: 0.8px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 22px;\n}\n\n.hero-badge span {\n  color: #9b5cff;\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   TITULO HERO\n========================================================= *\/\n\n.hero-title {\n  width: 100%;\n\n  font-size: clamp(40px,12vw,76px);\n\n  line-height: 0.94;\n\n  font-weight: 900;\n\n  letter-spacing: -2px;\n\n  margin-bottom: 22px;\n\n  text-transform: uppercase;\n}\n\n.hero-title .white {\n  display: block;\n  color: #ffffff;\n}\n\n.hero-title .gradient {\n  display: block;\n\n  background:\n    linear-gradient(\n      90deg,\n      #7b2cff 0%,\n      #b52cff 45%,\n      #1688ff 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n\n  filter:\n    drop-shadow(\n      0 0 18px rgba(143,45,255,0.28)\n    );\n}\n\n\n\/* =========================================================\n   SUBTITULO\n========================================================= *\/\n\n.hero-subtitle {\n  width: 100%;\n  max-width: 700px;\n\n  margin: 0 auto 28px;\n\n  color: #eeeeee;\n\n  font-size: 17px;\n  line-height: 1.48;\n}\n\n.hero-subtitle strong {\n  color: #ffffff;\n  font-weight: 800;\n}\n\n.hero-subtitle .highlight {\n  color: #a35cff;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   BENEFICIOS\n========================================================= *\/\n\n.benefits {\n  display: flex;\n  flex-direction: column;\n\n  width: 100%;\n\n  gap: 9px;\n\n  margin: 0 auto 28px;\n}\n\n.benefit {\n  width: 100%;\n\n  padding: 16px 15px;\n\n  border-radius: 14px;\n\n  border: 1px solid rgba(255,255,255,0.08);\n\n  background: rgba(255,255,255,0.035);\n\n  backdrop-filter: blur(8px);\n\n  text-align: left;\n}\n\n.benefit-icon {\n  display: inline-block;\n  font-size: 22px;\n  margin-right: 7px;\n  vertical-align: middle;\n}\n\n.benefit strong {\n  display: inline;\n  font-size: 15px;\n  line-height: 1.35;\n}\n\n.benefit p {\n  margin-top: 7px;\n\n  color: #aaaab7;\n\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   MENSAJE HERO\n========================================================= *\/\n\n.hero-message {\n  width: 100%;\n\n  margin: 0 auto 28px;\n\n  padding: 18px 17px;\n\n  border-left: 2px solid #8c3cff;\n  border-right: 2px solid #1688ff;\n\n  border-radius: 11px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(128,35,255,0.08),\n      rgba(0,120,255,0.08)\n    );\n}\n\n.hero-message p {\n  font-size: 18px;\n  line-height: 1.4;\n  font-weight: 700;\n}\n\n.hero-message strong {\n  background:\n    linear-gradient(\n      90deg,\n      #a340ff,\n      #2697ff\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n\n\/* =========================================================\n   VIDEO\n========================================================= *\/\n\n.video-wrapper {\n  position: relative;\n\n  width: 100%;\n\n  margin: 0 auto 30px;\n\n  padding: 2px;\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #762cff,\n      #ad27ff,\n      #147dff\n    );\n\n  box-shadow:\n    0 0 22px rgba(131,35,255,0.24),\n    0 0 50px rgba(0,115,255,0.10);\n}\n\n.video-inner {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  border-radius: 13px;\n\n  background: #000000;\n}\n\n.video-inner iframe {\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  top: 0;\n  left: 0;\n\n  border: none;\n}\n\n\n\/* =========================================================\n   OFERTA HERO\n========================================================= *\/\n\n.offer {\n  width: 100%;\n\n  margin: 0 auto 22px;\n\n  text-align: center;\n}\n\n.offer-title {\n  display: block;\n\n  width: 100%;\n\n  font-size: 19px;\n\n  line-height: 1.25;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ffffff,\n      #d8b5ff\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n\n  margin-bottom: 9px;\n}\n\n.offer-text {\n  width: 100%;\n  max-width: 650px;\n\n  margin: 0 auto;\n\n  color: #bdbdc8;\n\n  font-size: 14px;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.cta-wrapper {\n  width: 100%;\n  margin-top: 25px;\n  text-align: center;\n}\n\n.cta-button {\n  display: flex;\n\n  width: 100%;\n\n  min-height: 62px;\n\n  padding: 13px 18px;\n\n  justify-content: center;\n  align-items: center;\n\n  gap: 8px;\n\n  border-radius: 13px;\n\n  text-decoration: none;\n\n  color: #ffffff;\n\n  font-size: 15px;\n\n  line-height: 1.25;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  background:\n    linear-gradient(\n      100deg,\n      #7424ff,\n      #a82aff,\n      #176fff\n    );\n\n  box-shadow:\n    0 8px 25px rgba(117,35,255,0.32),\n    0 0 30px rgba(80,89,255,0.15);\n}\n\n.cta-arrow {\n  flex-shrink: 0;\n  font-size: 21px;\n}\n\n.trust-text {\n  margin-top: 13px;\n\n  color: #777783;\n\n  font-size: 11px;\n  line-height: 1.4;\n}\n\n.bottom-line {\n  width: 120px;\n  height: 2px;\n\n  margin: 38px auto 0;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      #8d36ff,\n      #1688ff,\n      transparent\n    );\n}\n\n\n\/* =========================================================\n   SECCIÓN 2 — PROBLEMA \/ CONEXIÓN\n========================================================= *\/\n\n.problem-section {\n  position: relative;\n\n  width: 100%;\n\n  padding: 65px 16px 70px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #050509 0%,\n      #08060d 50%,\n      #050509 100%\n    );\n}\n\n.problem-section::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 250px;\n  height: 250px;\n\n  top: 30%;\n  left: -150px;\n\n  background: rgba(132,35,255,0.10);\n\n  filter: blur(90px);\n\n  border-radius: 50%;\n}\n\n\n\/* =========================================================\n   ETIQUETA SECCIÓN\n========================================================= *\/\n\n.section-label {\n  display: inline-block;\n\n  margin-bottom: 18px;\n\n  color: #9b5cff;\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   TITULO SECCIÓN\n========================================================= *\/\n\n.problem-title {\n  max-width: 850px;\n\n  margin: 0 auto 18px;\n\n  font-size: clamp(30px,8vw,58px);\n\n  line-height: 1.05;\n\n  letter-spacing: -1.5px;\n\n  font-weight: 900;\n}\n\n.problem-title .gradient-text {\n  background:\n    linear-gradient(\n      90deg,\n      #9e43ff,\n      #268fff\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n\n\/* =========================================================\n   TEXTO INTRO\n========================================================= *\/\n\n.problem-intro {\n  max-width: 700px;\n\n  margin: 0 auto 35px;\n\n  color: #bdbdc8;\n\n  font-size: 16px;\n\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   CARDS DEL PROBLEMA\n========================================================= *\/\n\n.problem-grid {\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 12px;\n\n  max-width: 900px;\n\n  margin: 0 auto 35px;\n}\n\n.problem-card {\n  position: relative;\n\n  padding: 21px 18px;\n\n  border-radius: 16px;\n\n  border: 1px solid rgba(255,255,255,0.07);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,0.045),\n      rgba(255,255,255,0.018)\n    );\n\n  text-align: left;\n\n  overflow: hidden;\n}\n\n.problem-card::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 3px;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      #9c3dff,\n      #1688ff\n    );\n}\n\n.problem-card-icon {\n  font-size: 24px;\n\n  margin-bottom: 10px;\n}\n\n.problem-card h3 {\n  font-size: 17px;\n\n  line-height: 1.3;\n\n  margin-bottom: 7px;\n}\n\n.problem-card p {\n  color: #9999a8;\n\n  font-size: 14px;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   FRASE EMOCIONAL\n========================================================= *\/\n\n.problem-emotional {\n  max-width: 750px;\n\n  margin: 0 auto;\n\n  padding: 25px 20px;\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(123,44,255,0.10),\n      rgba(22,136,255,0.07)\n    );\n\n  border: 1px solid rgba(142,67,255,0.20);\n\n  box-shadow:\n    0 15px 50px rgba(0,0,0,0.25);\n}\n\n.problem-emotional p {\n  font-size: 20px;\n\n  line-height: 1.45;\n\n  font-weight: 700;\n}\n\n.problem-emotional strong {\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   MINI CTA\n========================================================= *\/\n\n.mini-cta {\n  margin-top: 25px;\n\n  color: #a9a9b5;\n\n  font-size: 13px;\n\n  line-height: 1.5;\n}\n\n.mini-cta strong {\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (min-width:600px) {\n\n  .hero-section {\n    padding: 55px 25px 70px;\n  }\n\n  .hero-title {\n    font-size: clamp(52px,10vw,82px);\n  }\n\n  .hero-subtitle {\n    font-size: 19px;\n  }\n\n  .benefits {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .benefit {\n    flex: 1 1 calc(50% - 10px);\n    min-width: 250px;\n  }\n\n  .cta-button {\n    width: auto;\n    display: inline-flex;\n    min-width: 390px;\n  }\n\n  .offer-title {\n    font-size: 23px;\n  }\n\n  .offer-text {\n    font-size: 15px;\n  }\n\n  .problem-section {\n    padding: 85px 25px 90px;\n  }\n\n  .problem-grid {\n    display: grid;\n\n    grid-template-columns: repeat(2,1fr);\n\n    gap: 15px;\n  }\n\n  .problem-card:last-child {\n    grid-column: span 2;\n  }\n\n}\n\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media (min-width:900px) {\n\n  .hero-section {\n    padding: 75px 30px 90px;\n  }\n\n  .glow-purple {\n    width: 450px;\n    height: 450px;\n\n    filter: blur(100px);\n\n    top: 0;\n    left: -200px;\n  }\n\n  .glow-blue {\n    width: 400px;\n    height: 400px;\n\n    filter: blur(100px);\n\n    bottom: 0;\n    right: -180px;\n  }\n\n  .hero-badge {\n    padding: 10px 20px;\n    font-size: 13px;\n    letter-spacing: 1.5px;\n    margin-bottom: 28px;\n  }\n\n  .hero-title {\n    font-size: clamp(60px,8vw,100px);\n    letter-spacing: -4px;\n    margin-bottom: 25px;\n  }\n\n  .hero-subtitle {\n    font-size: 25px;\n    margin-bottom: 40px;\n  }\n\n  .benefits {\n    max-width: 900px;\n    flex-wrap: nowrap;\n    gap: 15px;\n    margin-bottom: 45px;\n  }\n\n  .benefit {\n    min-width: 0;\n    padding: 20px 18px;\n    text-align: center;\n  }\n\n  .benefit-icon {\n    display: block;\n    font-size: 27px;\n    margin: 0 0 10px;\n  }\n\n  .benefit strong {\n    display: block;\n    font-size: 17px;\n    margin-bottom: 5px;\n  }\n\n  .benefit p {\n    font-size: 14px;\n  }\n\n  .hero-message {\n    max-width: 760px;\n    padding: 25px 30px;\n    margin-bottom: 40px;\n  }\n\n  .hero-message p {\n    font-size: 28px;\n  }\n\n  .video-wrapper {\n    max-width: 900px;\n    padding: 3px;\n    border-radius: 20px;\n    margin-bottom: 42px;\n  }\n\n  .video-inner {\n    border-radius: 17px;\n  }\n\n  .offer-title {\n    font-size: 28px;\n  }\n\n  .offer-text {\n    font-size: 16px;\n  }\n\n  .cta-wrapper {\n    margin-top: 30px;\n  }\n\n  .cta-button {\n    min-height: 64px;\n    padding: 0 38px;\n    font-size: 20px;\n    border-radius: 14px;\n\n    transition: all 0.3s ease;\n  }\n\n  .cta-button:hover {\n    transform: translateY(-4px) scale(1.02);\n\n    box-shadow:\n      0 12px 35px rgba(117,35,255,0.5),\n      0 0 50px rgba(35,100,255,0.25);\n  }\n\n  .problem-section {\n    padding: 110px 30px 120px;\n  }\n\n  .problem-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n\n  .problem-card:last-child {\n    grid-column: auto;\n  }\n\n  .problem-card {\n    padding: 28px 24px;\n  }\n\n  .problem-emotional {\n    padding: 35px 40px;\n  }\n\n  .problem-emotional p {\n    font-size: 25px;\n  }\n\n  .mini-cta {\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   PANTALLAS MUY PEQUEÑAS\n========================================================= *\/\n\n@media (max-width:360px) {\n\n  .hero-section {\n    padding-left: 13px;\n    padding-right: 13px;\n  }\n\n  .hero-title {\n    font-size: 37px;\n    letter-spacing: -1.5px;\n  }\n\n  .hero-subtitle {\n    font-size: 16px;\n  }\n\n  .hero-badge {\n    font-size: 9px;\n    padding: 7px 11px;\n  }\n\n  .benefit {\n    padding: 14px 13px;\n  }\n\n  .benefit strong {\n    font-size: 14px;\n  }\n\n  .benefit p {\n    font-size: 12px;\n  }\n\n  .hero-message p {\n    font-size: 17px;\n  }\n\n  .offer-title {\n    font-size: 17px;\n  }\n\n  .cta-button {\n    font-size: 14px;\n    min-height: 60px;\n    padding: 11px 13px;\n  }\n\n  .problem-title {\n    font-size: 28px;\n  }\n\n  .problem-intro {\n    font-size: 15px;\n  }\n\n  .problem-emotional p {\n    font-size: 18px;\n  }\n}\n\n\u003c\/style\u003e\n\u003c!-- =====================================================\n     SECCIÓN 1 — HERO\n===================================================== --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"glow-purple\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glow-blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cdiv class=\"hero-badge\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e MÉTODO PASO A PASO PARA PRINCIPIANTES\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003e\n\u003cspan class=\"white\"\u003e VENDE POR INTERNET \u003c\/span\u003e \u003cspan class=\"gradient\"\u003e DESDE CERO \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"hero-subtitle\"\u003eAprende paso a paso \u003cstrong class=\"highlight\"\u003eMETA ADS\u003c\/strong\u003e y a \u003cstrong\u003eVENDER POR INTERNET\u003c\/strong\u003e, aunque hoy no tengas experiencia.\u003c\/div\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🚫\u003c\/div\u003e\n\u003cstrong\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e No necesitas ser experta\u003c\/span\u003e \u003c\/strong\u003e\n\u003cp\u003eAprende marketing digital desde cero y sin complicaciones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e📱\u003c\/div\u003e\n\u003cstrong\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003eNo necesitas miles de seguidores\u003c\/span\u003e \u003c\/strong\u003e\n\u003cp\u003eDescubre cómo utilizar internet para llegar a potenciales clientes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💻\u003c\/div\u003e\n\u003cstrong\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003eNo necesitas saber tecnología\u003c\/span\u003e \u003c\/strong\u003e\n\u003cp\u003eTe explico las herramientas de forma simple y práctica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cdiv class=\"video-inner\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/lzJ3INqhggU?rel=0\u0026amp;modestbranding=1\" title=\"Vende por Internet desde Cero - Tabita Vivanco\" loading=\"lazy\"\u003e\n        \u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"offer\"\u003e\n\u003cdiv class=\"offer-title\"\u003e🎁 ACCEDE AL CURSO + BONOS ESPECIALES\u003c\/div\u003e\n\u003cp class=\"offer-text\"\u003eEmpieza hoy y aprende a vender por internet con un sistema claro, práctico y pensado para personas que están comenzando desde cero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-wrapper\"\u003e\n\u003ca href=\"https:\/\/pay.hotmart.com\/N107193690R?bid=1786931524426\" class=\"cta-button\"\u003e QUIERO APRENDER por solo 19 usd\u003cspan class=\"cta-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"trust-text\"\u003e🔒 Acceso online • Aprende a tu ritmo • Método paso a paso\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n     SECCIÓN 3 — LOS 5 MÓDULOS\n===================================================== --\u003e\n\u003csection class=\"modules-section\"\u003e\n\u003cdiv class=\"modules-glow modules-glow-purple\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"modules-container\"\u003e\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"modules-label\"\u003e✦ EL MÉTODO VENDE POR INTERNET DESDE CERO\u003c\/div\u003e\n\u003ch2 class=\"modules-title\"\u003e🔥 \u003cspan style=\"color: rgb(255, 255, 255);\"\u003eEn \u003c\/span\u003e\u003cspan\u003e5 módulos\u003c\/span\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003ete revelo mi secreto para \u003cstrong\u003evender por internet\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"modules-subtitle\"\u003eSin importar las condiciones de tu país.\u003c\/p\u003e\n\u003c!-- MÓDULOS --\u003e\n\u003cdiv class=\"modules-grid\"\u003e\n\u003c!-- MÓDULO 1 --\u003e\n\u003carticle class=\"module-card\"\u003e\n\u003cdiv class=\"module-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"module-icon\"\u003e📣\u003c\/div\u003e\n\u003cdiv class=\"module-content\"\u003e\n\u003cspan class=\"module-tag\"\u003e MÓDULO 1 \u003c\/span\u003e\n\u003ch3\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eDomina\u003c\/span\u003e \u003cspan\u003eMETA ADS\u003c\/span\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003edesde cero\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eAprende a crear y gestionar campañas publicitarias aunque nunca hayas utilizado Meta Ads.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MÓDULO 2 --\u003e\n\u003carticle class=\"module-card\"\u003e\n\u003cdiv class=\"module-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"module-icon\"\u003e🤖\u003c\/div\u003e\n\u003cdiv class=\"module-content\"\u003e\n\u003cspan class=\"module-tag\"\u003e MÓDULO 2 \u003c\/span\u003e\n\u003ch3\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eInteligencia Artificial\u003c\/span\u003e \u003cspan\u003epara vender más\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eDescubre cómo utilizar herramientas de inteligencia artificial para crear contenido, ideas, anuncios y estrategias de venta de forma más rápida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MÓDULO 3 --\u003e\n\u003carticle class=\"module-card\"\u003e\n\u003cdiv class=\"module-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"module-icon\"\u003e💬\u003c\/div\u003e\n\u003cdiv class=\"module-content\"\u003e\n\u003cspan class=\"module-tag\"\u003e MÓDULO 3 \u003c\/span\u003e\n\u003ch3\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eWhatsApp Business\u003c\/span\u003e \u003cspan\u003eque convierte\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eAprende a utilizar WhatsApp Business para atender, conectar con tus potenciales clientes y llevarlos hacia la compra.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MÓDULO 4 --\u003e\n\u003carticle class=\"module-card\"\u003e\n\u003cdiv class=\"module-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"module-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv class=\"module-content\"\u003e\n\u003cspan class=\"module-tag\"\u003e MÓDULO 4 \u003c\/span\u003e\n\u003ch3\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eCrea anuncios\u003c\/span\u003e \u003cspan\u003eque atraigan clientes\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eAprende a crear anuncios estratégicos que llamen la atención, despierten interés y lleven personas hacia tu oferta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- MÓDULO 5 --\u003e\n\u003carticle class=\"module-card module-card-highlight\"\u003e\n\u003cdiv class=\"module-number\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"module-icon\"\u003e🌙💰\u003c\/div\u003e\n\u003cdiv class=\"module-content\"\u003e\n\u003cspan class=\"module-tag\"\u003e MÓDULO 5 \u003c\/span\u003e\n\u003ch3\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eConstruye un\u003c\/span\u003e \u003cspan\u003esistema de ventas\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eOrganiza tus herramientas y estrategias para crear un sistema que pueda seguir generando oportunidades de venta incluso mientras duermes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- CIERRE --\u003e\n\u003cdiv class=\"modules-closing\"\u003e\n\u003cdiv class=\"closing-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eNo necesitas ser experta.\u003c\/p\u003e\n\u003cstrong\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003eSolo necesitas aprender\u003c\/span\u003e \u003cspan\u003equé hacer\u003c\/span\u003e, \u003cspan\u003ecómo hacerlo\u003c\/span\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003ey\u003c\/span\u003e \u003cspan\u003een qué orden.\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modules-closing\"\u003e\u003cstrong\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/3602\/9257\/files\/16_ago_2026_04_59_49_p.m..png?v=1786914072\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"modules-closing\"\u003e\n\u003cstrong\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"payment-cta\"\u003e\n\u003ca href=\"https:\/\/pay.hotmart.com\/N107193690R?bid=1786931524426\" class=\"payment-button\"\u003e\u003cspan class=\"payment-icon\"\u003e🚀\u003c\/span\u003e \u003cspan class=\"payment-text\"\u003e QUIERO por solo 19 usd\u003c\/span\u003e \u003cspan class=\"payment-arrow\"\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"payment-security\"\u003e🔒 Pago seguro • Compra internacional • Acceso online\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =====================================================\n   CONTENEDOR\n===================================================== *\/\n\n.payment-cta {\n  width: 100%;\n  max-width: 650px;\n\n  margin: 30px auto;\n\n  padding: 0 15px;\n\n  text-align: center;\n}\n\n\n\/* =====================================================\n   BOTÓN\n===================================================== *\/\n\n.payment-button {\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n\n  min-height: 68px;\n\n  padding: 14px 18px;\n\n  gap: 10px;\n\n  border-radius: 16px;\n\n  text-decoration: none;\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      100deg,\n      #7424ff 0%,\n      #a82aff 45%,\n      #176fff 100%\n    );\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size: clamp(15px, 4vw, 20px);\n\n  line-height: 1.2;\n\n  font-weight: 900;\n\n  letter-spacing: .3px;\n\n  text-transform: uppercase;\n\n  box-shadow:\n    0 10px 30px rgba(117,35,255,.35),\n    0 0 35px rgba(23,111,255,.18);\n\n  overflow: hidden;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n\n  -webkit-tap-highlight-color: transparent;\n}\n\n\n\/* =====================================================\n   BRILLO DEL BOTÓN\n===================================================== *\/\n\n.payment-button::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n\n  left: -120%;\n\n  width: 70%;\n\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.30),\n      transparent\n    );\n\n  transform:\n    skewX(-20deg);\n\n  transition:\n    left .65s ease;\n\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.payment-button:hover {\n\n  transform:\n    translateY(-4px)\n    scale(1.015);\n\n  box-shadow:\n    0 15px 40px rgba(117,35,255,.48),\n    0 0 55px rgba(23,111,255,.28);\n\n}\n\n\n.payment-button:hover::before {\n\n  left: 140%;\n\n}\n\n\n\/* =====================================================\n   ICONO\n===================================================== *\/\n\n.payment-icon {\n\n  flex-shrink: 0;\n\n  font-size: 22px;\n\n}\n\n\n\/* =====================================================\n   TEXTO\n===================================================== *\/\n\n.payment-text {\n\n  flex: 1;\n\n  text-align: center;\n\n}\n\n\n\/* =====================================================\n   FLECHA\n===================================================== *\/\n\n.payment-arrow {\n\n  flex-shrink: 0;\n\n  font-size: 25px;\n\n  line-height: 1;\n\n}\n\n\n\/* =====================================================\n   SEGURIDAD\n===================================================== *\/\n\n.payment-security {\n\n  margin-top: 13px;\n\n  color: #858593;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size: 12px;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =====================================================\n   MÓVIL PEQUEÑO\n===================================================== *\/\n\n@media (max-width: 380px) {\n\n  .payment-cta {\n\n    padding: 0 10px;\n\n  }\n\n  .payment-button {\n\n    min-height: 62px;\n\n    padding: 12px 13px;\n\n    gap: 7px;\n\n    font-size: 13px;\n\n    border-radius: 13px;\n\n  }\n\n  .payment-icon {\n\n    font-size: 19px;\n\n  }\n\n  .payment-arrow {\n\n    font-size: 21px;\n\n  }\n\n  .payment-security {\n\n    font-size: 10px;\n\n  }\n\n}\n\n\n\/* =====================================================\n   DESKTOP\n===================================================== *\/\n\n@media (min-width: 768px) {\n\n  .payment-button {\n\n    min-height: 72px;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003c!-- =====================================================\n     SECCIÓN — ¿ESTE CURSO ES PARA TI?\n===================================================== --\u003e\n\u003csection class=\"fit-section\"\u003e\u003c!-- BRILLOS --\u003e\n\u003cdiv class=\"fit-glow fit-glow-purple\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fit-glow fit-glow-blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fit-container\"\u003e\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"fit-badge\"\u003e✦ ANTES DE CONTINUAR...\u003c\/div\u003e\n\u003ch2 class=\"fit-title\"\u003e¿Este curso \u003cspan\u003ees para ti?\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"fit-intro\"\u003eSi te identificas con alguna de estas situaciones, \u003cstrong\u003eestás en el lugar correcto.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- =================================================\n         PARA TI\n    ================================================= --\u003e\n\u003cdiv class=\"fit-box fit-box-yes\"\u003e\n\u003cdiv class=\"fit-box-header\"\u003e\n\u003cdiv class=\"fit-header-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"fit-small-title\"\u003e ESTE CURSO \u003c\/span\u003e\n\u003ch3\u003eEs para ti si...\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-list\"\u003e\n\u003cdiv class=\"fit-item\"\u003e\n\u003cspan class=\"fit-check\"\u003e✓\u003c\/span\u003e\n\u003cp\u003eQuieres comenzar a \u003cstrong\u003evender por internet desde cero.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-item\"\u003e\n\u003cspan class=\"fit-check\"\u003e✓\u003c\/span\u003e\n\u003cp\u003eTienes un emprendimiento y quieres \u003cstrong\u003econseguir más clientes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-item\"\u003e\n\u003cspan class=\"fit-check\"\u003e✓\u003c\/span\u003e\n\u003cp\u003eVendes productos o servicios y quieres \u003cstrong\u003eaprender marketing digital.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-item\"\u003e\n\u003cspan class=\"fit-check\"\u003e✓\u003c\/span\u003e\n\u003cp\u003eQuieres crear una \u003cstrong\u003efuente adicional de ingresos.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-item\"\u003e\n\u003cspan class=\"fit-check\"\u003e✓\u003c\/span\u003e\n\u003cp\u003eNo sabes nada de publicidad digital y quieres \u003cstrong\u003ecomenzar desde lo básico.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-item\"\u003e\n\u003cspan class=\"fit-check\"\u003e✓\u003c\/span\u003e\n\u003cp\u003eTienes redes sociales, pero no sabes cómo \u003cstrong\u003econvertir seguidores en clientes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-item\"\u003e\n\u003cspan class=\"fit-check\"\u003e✓\u003c\/span\u003e\n\u003cp\u003eQuieres aprender a vender sin depender de \u003cstrong\u003econtratar una agencia.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n         NO NECESITAS\n    ================================================= --\u003e\n\u003cdiv class=\"fit-box fit-box-no\"\u003e\n\u003cdiv class=\"fit-box-header\"\u003e\n\u003cdiv class=\"fit-header-icon no-icon\"\u003e🚫\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"fit-small-title no-title\"\u003e QUITEMOS LA PRESIÓN \u003c\/span\u003e\n\u003ch3\u003eY NO necesitas:\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-no-grid\"\u003e\n\u003cdiv class=\"fit-no-item\"\u003e\n\u003cspan\u003e❌\u003c\/span\u003e\n\u003cp\u003eSer experta en marketing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-no-item\"\u003e\n\u003cspan\u003e❌\u003c\/span\u003e\n\u003cp\u003eTener miles de seguidores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-no-item\"\u003e\n\u003cspan\u003e❌\u003c\/span\u003e\n\u003cp\u003eTener una página web complicada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-no-item\"\u003e\n\u003cspan\u003e❌\u003c\/span\u003e\n\u003cp\u003eSaber programar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-no-item\"\u003e\n\u003cspan\u003e❌\u003c\/span\u003e\n\u003cp\u003eSer influencer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fit-no-item\"\u003e\n\u003cspan\u003e❌\u003c\/span\u003e\n\u003cp\u003eTener conocimientos técnicos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n         CIERRE EMOCIONAL\n    ================================================= --\u003e\n\u003cdiv class=\"fit-final\"\u003e\n\u003cdiv class=\"fit-final-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eSolo necesitas\u003c\/p\u003e\n\u003cstrong\u003e estar dispuesta a \u003cspan\u003eaprender\u003c\/span\u003e y \u003cspan\u003eaplicar.\u003c\/span\u003e \u003c\/strong\u003e\n\u003cdiv class=\"fit-final-emoji\"\u003e🚀\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =====================================================\n   BASE\n===================================================== *\/\n\n.fit-section {\n\n  position: relative;\n\n  width: 100%;\n\n  padding: 70px 16px 80px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(126,35,255,.13),\n      transparent 35%\n    ),\n    #050509;\n\n  color: #ffffff;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n\/* =====================================================\n   BRILLOS\n===================================================== *\/\n\n.fit-glow {\n\n  position: absolute;\n\n  width: 280px;\n  height: 280px;\n\n  border-radius: 50%;\n\n  filter: blur(100px);\n\n  pointer-events: none;\n}\n\n.fit-glow-purple {\n\n  top: 20%;\n\n  left: -180px;\n\n  background:\n    rgba(140,30,255,.12);\n}\n\n.fit-glow-blue {\n\n  bottom: 10%;\n\n  right: -180px;\n\n  background:\n    rgba(0,119,255,.10);\n}\n\n\n\/* =====================================================\n   CONTENEDOR\n===================================================== *\/\n\n.fit-container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width: 900px;\n\n  margin: 0 auto;\n\n  text-align: center;\n}\n\n\n\/* =====================================================\n   BADGE\n===================================================== *\/\n\n.fit-badge {\n\n  display: inline-block;\n\n  margin-bottom: 14px;\n\n  padding: 7px 13px;\n\n  border-radius: 30px;\n\n  border:\n    1px solid rgba(153,76,255,.35);\n\n  background:\n    rgba(126,35,255,.08);\n\n  color: #b47aff;\n\n  font-size: 9px;\n\n  font-weight: 900;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   TITULO\n===================================================== *\/\n\n.fit-title {\n\n  margin: 0 auto 12px;\n\n  font-size:\n    clamp(34px, 9vw, 58px);\n\n  line-height: 1;\n\n  font-weight: 900;\n\n  letter-spacing: -1.8px;\n}\n\n.fit-title span {\n\n  display: block;\n\n  background:\n    linear-gradient(\n      90deg,\n      #8c36ff,\n      #b52cff,\n      #1688ff\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.fit-intro {\n\n  max-width: 600px;\n\n  margin: 0 auto 38px;\n\n  color: #a9a9b5;\n\n  font-size: 16px;\n\n  line-height: 1.5;\n}\n\n.fit-intro strong {\n\n  color: #ffffff;\n\n  font-weight: 800;\n}\n\n\n\/* =====================================================\n   CAJAS\n===================================================== *\/\n\n.fit-box {\n\n  width: 100%;\n\n  margin-bottom: 18px;\n\n  padding: 22px 17px;\n\n  text-align: left;\n\n  border-radius: 20px;\n\n  overflow: hidden;\n}\n\n\n\/* =====================================================\n   CAJA \"PARA TI\"\n===================================================== *\/\n\n.fit-box-yes {\n\n  border:\n    1px solid rgba(143,64,255,.25);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(123,44,255,.09),\n      rgba(255,255,255,.025)\n    );\n\n  box-shadow:\n    0 15px 50px rgba(74,25,150,.10);\n}\n\n\n\/* =====================================================\n   CAJA \"NO NECESITAS\"\n===================================================== *\/\n\n.fit-box-no {\n\n  border:\n    1px solid rgba(255,255,255,.07);\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n\/* =====================================================\n   HEADER CAJA\n===================================================== *\/\n\n.fit-box-header {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n  margin-bottom: 22px;\n\n  padding-bottom: 17px;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.07);\n}\n\n\n.fit-header-icon {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  flex-shrink: 0;\n\n  width: 48px;\n  height: 48px;\n\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(140,60,255,.20),\n      rgba(22,136,255,.10)\n    );\n\n  border:\n    1px solid rgba(153,76,255,.25);\n\n  font-size: 22px;\n}\n\n\n.no-icon {\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.08);\n}\n\n\n.fit-small-title {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #9552ff;\n\n  font-size: 9px;\n\n  font-weight: 900;\n\n  letter-spacing: 1.2px;\n}\n\n\n.no-title {\n\n  color: #888894;\n}\n\n\n.fit-box-header h3 {\n\n  font-size: 23px;\n\n  line-height: 1.1;\n\n  font-weight: 900;\n}\n\n\n\/* =====================================================\n   LISTA\n===================================================== *\/\n\n.fit-list {\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 9px;\n}\n\n\n.fit-item {\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 10px;\n\n  padding: 12px 10px;\n\n  border-radius: 12px;\n\n  background:\n    rgba(255,255,255,.025);\n}\n\n\n.fit-check {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  flex-shrink: 0;\n\n  width: 24px;\n  height: 24px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(70,255,165,.10);\n\n  border:\n    1px solid rgba(70,255,165,.22);\n\n  color: #54ffb0;\n\n  font-size: 13px;\n\n  font-weight: 900;\n}\n\n\n.fit-item p {\n\n  color: #c0c0ca;\n\n  font-size: 14px;\n\n  line-height: 1.45;\n}\n\n.fit-item strong {\n\n  color: #ffffff;\n\n  font-weight: 800;\n}\n\n\n\/* =====================================================\n   NO NECESITAS GRID\n===================================================== *\/\n\n.fit-no-grid {\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 9px;\n}\n\n\n.fit-no-item {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  padding: 11px 10px;\n\n  border-radius: 11px;\n\n  background:\n    rgba(255,255,255,.018);\n}\n\n\n.fit-no-item span {\n\n  flex-shrink: 0;\n\n  font-size: 17px;\n}\n\n\n.fit-no-item p {\n\n  color: #9999a5;\n\n  font-size: 14px;\n\n  line-height: 1.35;\n}\n\n\n\/* =====================================================\n   CIERRE\n===================================================== *\/\n\n.fit-final {\n\n  margin-top: 42px;\n\n  text-align: center;\n}\n\n\n.fit-final-line {\n\n  width: 90px;\n\n  height: 2px;\n\n  margin: 0 auto 20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      #8c3cff,\n      #1688ff,\n      transparent\n    );\n\n  box-shadow:\n    0 0 15px rgba(140,60,255,.5);\n}\n\n\n.fit-final p {\n\n  margin-bottom: 4px;\n\n  color: #ffffff;\n\n  font-size: 19px;\n\n  font-weight: 700;\n}\n\n\n.fit-final strong {\n\n  display: block;\n\n  color: #a5a5b2;\n\n  font-size: 22px;\n\n  line-height: 1.35;\n\n  font-weight: 900;\n}\n\n\n.fit-final strong span {\n\n  background:\n    linear-gradient(\n      90deg,\n      #a342ff,\n      #2990ff\n    );\n\n  -webkit-background-clip: text;\n\n  background-clip: text;\n\n  color: transparent;\n}\n\n\n.fit-final-emoji {\n\n  margin-top: 15px;\n\n  font-size: 28px;\n\n  filter:\n    drop-shadow(\n      0 0 15px rgba(140,60,255,.5)\n    );\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (min-width: 600px) {\n\n  .fit-section {\n\n    padding:\n      90px 25px 100px;\n  }\n\n  .fit-box {\n\n    padding: 28px;\n  }\n\n  .fit-list {\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    gap: 10px;\n  }\n\n  .fit-no-grid {\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    gap: 10px;\n  }\n\n}\n\n\n\/* =====================================================\n   DESKTOP\n===================================================== *\/\n\n@media (min-width: 900px) {\n\n  .fit-section {\n\n    padding:\n      110px 30px 120px;\n  }\n\n  .fit-title {\n\n    font-size: 58px;\n  }\n\n  .fit-intro {\n\n    font-size: 18px;\n\n    margin-bottom: 50px;\n  }\n\n  .fit-box {\n\n    padding: 32px;\n\n    border-radius: 24px;\n\n    transition:\n      transform .3s ease,\n      border-color .3s ease;\n  }\n\n  .fit-box:hover {\n\n    transform:\n      translateY(-3px);\n\n    border-color:\n      rgba(143,64,255,.35);\n  }\n\n  .fit-item {\n\n    padding: 14px;\n  }\n\n  .fit-item p,\n  .fit-no-item p {\n\n    font-size: 15px;\n  }\n\n  .fit-no-grid {\n\n    grid-template-columns:\n      repeat(3, 1fr);\n  }\n\n  .fit-final {\n\n    margin-top: 55px;\n  }\n\n  .fit-final p {\n\n    font-size: 23px;\n  }\n\n  .fit-final strong {\n\n    font-size: 28px;\n  }\n\n}\n\n\n\/* =====================================================\n   PANTALLAS MUY PEQUEÑAS\n===================================================== *\/\n\n@media (max-width: 360px) {\n\n  .fit-section {\n\n    padding-left: 13px;\n    padding-right: 13px;\n  }\n\n  .fit-title {\n\n    font-size: 31px;\n  }\n\n  .fit-intro {\n\n    font-size: 14px;\n  }\n\n  .fit-box {\n\n    padding: 18px 13px;\n  }\n\n  .fit-box-header h3 {\n\n    font-size: 20px;\n  }\n\n  .fit-item p,\n  .fit-no-item p {\n\n    font-size: 13px;\n  }\n\n  .fit-final strong {\n\n    font-size: 19px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cdiv style=\"width: 100%; padding: 25px 15px; background: #f5f5f5; text-align: center; box-sizing: border-box;\"\u003e\n\u003cp style=\"margin: 0 0 12px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 600; color: #555;\"\u003e🚀 DA EL PRIMER PASO HOY\u003c\/p\u003e\n\u003ca href=\"https:\/\/pay.hotmart.com\/N107193690R?bid=1786931524426\" rel=\"noopener noreferrer\" style=\"display: inline-block; width: min(90%,400px); padding: 19px 25px; background: #6d28d9; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 21px; font-weight: 900; text-decoration: none; border-radius: 14px; box-shadow: 0 7px 18px rgba(109,40,217,.35); box-sizing: border-box;\" target=\"_blank\"\u003e 🔥 OFERTA POR 19 USD\u003c\/a\u003e \n\u003cp style=\"margin: 12px 0 0; font-family: Arial,sans-serif; font-size: 13px; color: #777;\"\u003eAcceso inmediato después de tu pago\u003c\/p\u003e\n\u003cp style=\"margin: 12px 0 0; font-family: Arial,sans-serif; font-size: 13px; color: #777;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/3602\/9257\/files\/ChatGPT_Image_16_ago_2026_05_11_03_p.m..png?v=1786914730\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp style=\"margin: 12px 0 0; font-family: Arial,sans-serif; font-size: 13px; color: #777;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ==========================================\n     SECCIÓN FINAL - CIERRE DE VENTA\n     VENDE POR INTERNET DESDE CERO\n========================================== --\u003e\n\u003csection class=\"cierre-venta\"\u003e\n\u003cdiv class=\"cierre-container\"\u003e\n\u003c!-- ENCABEZADO --\u003e\n\u003cdiv class=\"cierre-header\"\u003e\n\u003cdiv class=\"cierre-badge\"\u003e🔥 ÚLTIMA OPORTUNIDAD\u003c\/div\u003e\n\u003ch2\u003e\n\u003cspan style=\"color: rgb(64, 64, 64);\"\u003eHOY PUEDES DAR EL PRIMER PASO\u003c\/span\u003e \u003cspan\u003ePARA VENDER POR INTERNET\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eNo necesitas saberlo todo para comenzar. Solo necesitas aprender un sistema sencillo, aplicarlo y atreverte a dar el primer paso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- LO QUE RECIBES --\u003e\n\u003cdiv class=\"beneficios-box\"\u003e\n\u003ch3\u003e🎁 TODO ESTO RECIBES AL INGRESAR\u003c\/h3\u003e\n\u003cdiv class=\"beneficios-grid\"\u003e\n\u003c!-- CURSO --\u003e\n\u003cdiv class=\"beneficio-card principal\"\u003e\n\u003cdiv class=\"icono\"\u003e🚀\u003c\/div\u003e\n\u003ch4\u003eCURSO COMPLETO\u003c\/h4\u003e\n\u003cp\u003eAprende paso a paso cómo comenzar a vender por internet desde cero, aunque hoy no tengas experiencia en marketing digital.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BONO 1 --\u003e\u003c!-- BONO 2 --\u003e\u003c!-- BONO 3 --\u003e\u003c!-- BONO 4 --\u003e\n\u003cdiv class=\"beneficio-card\"\u003e\n\u003cdiv class=\"icono\"\u003e👥\u003c\/div\u003e\n\u003cspan class=\"bono\"\u003eBONO EXTRA #4\u003c\/span\u003e\n\u003ch4\u003eGRUPO PRIVADO DE SOPORTE\u003c\/h4\u003e\n\u003cp\u003eNo tienes que hacerlo sola. Tendrás un espacio para recibir apoyo y resolver tus dudas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MENTORÍA --\u003e\n\u003cdiv class=\"beneficio-card especial\"\u003e\n\u003cdiv class=\"icono\"\u003e🧠\u003c\/div\u003e\n\u003cspan class=\"bono\"\u003eBONO ESPECIAL\u003c\/span\u003e\n\u003ch4\u003eMENTORÍA DE CREENCIAS\u003c\/h4\u003e\n\u003cp\u003eTrabajaremos esas creencias limitantes que pueden estar frenando tus ventas y aprenderás a potenciar una mentalidad orientada a la acción y al crecimiento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FRASE EMOCIONAL --\u003e\n\u003cdiv class=\"mensaje-final\"\u003e\n\u003cdiv class=\"comillas\"\u003e“\u003c\/div\u003e\n\u003cp\u003eTu negocio no necesita que seas perfecta. \u003cstrong\u003eNecesita que te atrevas a empezar.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cspan\u003e Aprende, aplica y comienza a vender por internet. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003cdiv class=\"urgencia\"\u003e🔥 ESTÁS A UN PASO DE COMENZAR\u003c\/div\u003e\n\u003ca href=\"https:\/\/pay.hotmart.com\/N107193690R?bid=1786931524426\" class=\"boton-oferta\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e QUIERO MI OFERTA POR 19 USD\u003c\/a\u003e DE 19 US\n\u003cp class=\"acceso\"\u003e⚡ Acceso inmediato después del pago\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- SEGURIDAD --\u003e\n\u003cdiv class=\"seguridad\"\u003e\n\u003ch3\u003e🔒 PAGO 100% SEGURO\u003c\/h3\u003e\n\u003cp\u003eTu pago se procesa de forma segura a través de una plataforma de pago internacional. Los métodos de pago disponibles pueden variar según tu país y moneda.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"garantias\"\u003e\n\u003cdiv\u003e🛡️ \u003cspan\u003ePago seguro\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e⚡ \u003cspan\u003eAcceso inmediato\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e🔐 \u003cspan\u003eCompra protegida\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CIERRE --\u003e\n\u003cdiv class=\"ultimo-mensaje\"\u003e\n\u003ch3\u003eDEJA DE POSTERGAR ESA IDEA QUE SABES QUE PUEDE CAMBIAR TU NEGOCIO.\u003c\/h3\u003e\n\u003cp\u003eEmpieza hoy. Aprende desde cero. Y construye tu propia forma de vender por internet.\u003c\/p\u003e\n\u003ca href=\"https:\/\/pay.hotmart.com\/N107193690R?bid=1786931524426\" class=\"boton-final\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e 🔥 QUIERO EMPEZAR AHORA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ultimo-mensaje\"\u003e\n\u003ch2\u003e\n\u003cspan style=\"color: rgb(64, 64, 64);\"\u003ePRECIO SÓLO POR TIEMPO LIMITADO\u003c\/span\u003e⏳\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* ==========================================\n   ESTILOS GENERALES\n========================================== *\/\n\n.cierre-venta {\n  width: 100%;\n  background: #f7f6f9;\n  padding: 70px 20px;\n  box-sizing: border-box;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #24172f;\n}\n\n.cierre-container {\n  width: 100%;\n  max-width: 1100px;\n  margin: auto;\n}\n\n\n\/* ==========================================\n   HEADER\n========================================== *\/\n\n.cierre-header {\n  text-align: center;\n  max-width: 800px;\n  margin: 0 auto 45px;\n}\n\n.cierre-badge {\n  display: inline-block;\n  background: #6d28d9;\n  color: #ffffff;\n  padding: 9px 18px;\n  border-radius: 50px;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  margin-bottom: 20px;\n}\n\n.cierre-header h2 {\n  margin: 0;\n  font-size: 38px;\n  line-height: 1.1;\n  font-weight: 900;\n}\n\n.cierre-header h2 span {\n  display: block;\n  color: #7c3aed;\n}\n\n.cierre-header p {\n  font-size: 18px;\n  line-height: 1.6;\n  color: #666;\n  margin-top: 20px;\n}\n\n\n\/* ==========================================\n   BENEFICIOS\n========================================== *\/\n\n.beneficios-box {\n  background: #ffffff;\n  border-radius: 24px;\n  padding: 35px;\n  box-shadow: 0 10px 40px rgba(0,0,0,.08);\n  margin-bottom: 40px;\n}\n\n.beneficios-box \u003e h3 {\n  text-align: center;\n  margin: 0 0 30px;\n  font-size: 24px;\n  color: #6d28d9;\n}\n\n.beneficios-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n}\n\n.beneficio-card {\n  background: #faf9fc;\n  border: 1px solid #eee7f7;\n  border-radius: 18px;\n  padding: 25px;\n  transition: transform .2s ease;\n}\n\n.beneficio-card:hover {\n  transform: translateY(-3px);\n}\n\n.beneficio-card.principal {\n  background: linear-gradient(\n    135deg,\n    #f1e8ff,\n    #faf7ff\n  );\n  border: 2px solid #b57cff;\n}\n\n.beneficio-card.especial {\n  background: linear-gradient(\n    135deg,\n    #eee4ff,\n    #ffffff\n  );\n  border: 2px solid #8b5cf6;\n}\n\n.icono {\n  font-size: 34px;\n  margin-bottom: 10px;\n}\n\n.bono {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 900;\n  color: #8b5cf6;\n  margin-bottom: 8px;\n  letter-spacing: .5px;\n}\n\n.beneficio-card h4 {\n  margin: 0 0 10px;\n  font-size: 18px;\n  color: #2b173d;\n}\n\n.beneficio-card p {\n  margin: 0;\n  color: #666;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* ==========================================\n   MENSAJE EMOCIONAL\n========================================== *\/\n\n.mensaje-final {\n  text-align: center;\n  max-width: 750px;\n  margin: 50px auto;\n}\n\n.comillas {\n  font-size: 70px;\n  color: #a855f7;\n  height: 45px;\n  font-family: Georgia, serif;\n}\n\n.mensaje-final p {\n  font-size: 27px;\n  line-height: 1.35;\n  font-weight: 700;\n  margin: 15px 0;\n}\n\n.mensaje-final strong {\n  color: #7c3aed;\n}\n\n.mensaje-final span {\n  color: #777;\n  font-size: 16px;\n}\n\n\n\/* ==========================================\n   CTA\n========================================== *\/\n\n.cta-final {\n  text-align: center;\n  background: linear-gradient(\n    135deg,\n    #24102f,\n    #3c1554\n  );\n  padding: 40px 25px;\n  border-radius: 25px;\n  margin-bottom: 35px;\n}\n\n.urgencia {\n  color: #f0abfc;\n  font-weight: 900;\n  font-size: 14px;\n  margin-bottom: 18px;\n}\n\n.boton-oferta,\n.boton-final {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 62px;\n  width: min(100%, 430px);\n  padding: 15px 25px;\n  box-sizing: border-box;\n  border-radius: 14px;\n  background: linear-gradient(\n    135deg,\n    #8b5cf6,\n    #6d28d9\n  );\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-size: 20px;\n  font-weight: 900;\n  letter-spacing: .3px;\n  box-shadow: 0 10px 25px rgba(109,40,217,.35);\n  transition: all .25s ease;\n}\n\n.boton-oferta:hover,\n.boton-final:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 15px 30px rgba(109,40,217,.45);\n}\n\n.acceso {\n  color: #ddd;\n  font-size: 13px;\n  margin: 15px 0 0;\n}\n\n\n\/* ==========================================\n   SEGURIDAD \/ PAGOS\n========================================== *\/\n\n.seguridad {\n  background: #ffffff;\n  border: 1px solid #e7e2eb;\n  border-radius: 22px;\n  padding: 35px;\n  text-align: center;\n  box-shadow: 0 5px 25px rgba(0,0,0,.05);\n}\n\n.seguridad h3 {\n  margin: 0 0 10px;\n  font-size: 22px;\n}\n\n.seguridad \u003e p {\n  color: #777;\n  margin-bottom: 25px;\n}\n\n.metodos-pago {\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.metodo {\n  min-width: 135px;\n  padding: 16px;\n  border: 1px solid #e5e5e5;\n  border-radius: 12px;\n  background: #ffffff;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n}\n\n.metodo span {\n  font-size: 25px;\n}\n\n.metodo strong {\n  font-size: 13px;\n  color: #333;\n}\n\n.metodo.mercado strong {\n  color: #009ee3;\n}\n\n.garantias {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 25px;\n  margin-top: 30px;\n  padding-top: 25px;\n  border-top: 1px solid #eee;\n}\n\n.garantias div {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  color: #555;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n\n\/* ==========================================\n   ÚLTIMO MENSAJE\n========================================== *\/\n\n.ultimo-mensaje {\n  text-align: center;\n  padding: 55px 20px 10px;\n}\n\n.ultimo-mensaje h3 {\n  max-width: 750px;\n  margin: 0 auto 15px;\n  font-size: 27px;\n  line-height: 1.25;\n  color: #2b173d;\n}\n\n.ultimo-mensaje p {\n  max-width: 650px;\n  margin: 0 auto 25px;\n  color: #666;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.boton-final {\n  background: #7c3aed;\n}\n\n\n\/* ==========================================\n   RESPONSIVE MÓVIL\n========================================== *\/\n\n@media (max-width: 700px) {\n\n  .cierre-venta {\n    padding: 45px 14px;\n  }\n\n  .cierre-header h2 {\n    font-size: 29px;\n  }\n\n  .cierre-header p {\n    font-size: 16px;\n  }\n\n  .beneficios-box {\n    padding: 20px 15px;\n    border-radius: 18px;\n  }\n\n  .beneficios-box \u003e h3 {\n    font-size: 20px;\n  }\n\n  .beneficios-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .beneficio-card {\n    padding: 20px;\n  }\n\n  .mensaje-final p {\n    font-size: 22px;\n  }\n\n  .cta-final {\n    padding: 30px 15px;\n    border-radius: 20px;\n  }\n\n  .boton-oferta,\n  .boton-final {\n    width: 100%;\n    font-size: 18px;\n    min-height: 58px;\n  }\n\n  .seguridad {\n    padding: 25px 15px;\n  }\n\n  .metodos-pago {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .metodo {\n    min-width: 0;\n  }\n\n  .garantias {\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .ultimo-mensaje {\n    padding-top: 40px;\n  }\n\n  .ultimo-mensaje h3 {\n    font-size: 22px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cstyle\u003e\n\n\/* =====================================================\n   SECCIÓN MÓDULOS\n===================================================== *\/\n\n.modules-section {\n  position: relative;\n\n  width: 100%;\n\n  padding: 70px 16px 75px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(126,35,255,0.13),\n      transparent 35%\n    ),\n    #050509;\n}\n\n\n\/* =====================================================\n   BRILLOS\n===================================================== *\/\n\n.modules-glow {\n  position: absolute;\n\n  width: 280px;\n  height: 280px;\n\n  border-radius: 50%;\n\n  filter: blur(100px);\n\n  pointer-events: none;\n}\n\n.modules-glow-purple {\n  top: 15%;\n  left: -180px;\n\n  background: rgba(140,30,255,0.12);\n}\n\n.modules-glow-blue {\n  bottom: 5%;\n  right: -180px;\n\n  background: rgba(0,119,255,0.10);\n}\n\n\n\/* =====================================================\n   CONTENEDOR\n===================================================== *\/\n\n.modules-container {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width: 1100px;\n\n  margin: 0 auto;\n\n  text-align: center;\n}\n\n\n\/* =====================================================\n   LABEL\n===================================================== *\/\n\n.modules-label {\n  display: inline-block;\n\n  margin-bottom: 16px;\n\n  color: #a35cff;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   TITULO\n===================================================== *\/\n\n.modules-title {\n  max-width: 900px;\n\n  margin: 0 auto 10px;\n\n  font-size: clamp(30px, 8vw, 58px);\n\n  line-height: 1.05;\n\n  letter-spacing: -1.5px;\n\n  font-weight: 900;\n}\n\n.modules-title span {\n  background:\n    linear-gradient(\n      90deg,\n      #8d36ff,\n      #b82cff\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n.modules-title strong {\n  display: inline;\n}\n\n\n\/* =====================================================\n   SUBTITULO\n===================================================== *\/\n\n.modules-subtitle {\n  margin: 0 auto 38px;\n\n  color: #a9a9b5;\n\n  font-size: 16px;\n\n  line-height: 1.5;\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.modules-grid {\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 13px;\n\n  max-width: 900px;\n\n  margin: 0 auto;\n}\n\n\n\/* =====================================================\n   TARJETA\n===================================================== *\/\n\n.module-card {\n  position: relative;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 14px;\n\n  width: 100%;\n\n  padding: 20px 17px;\n\n  text-align: left;\n\n  border-radius: 17px;\n\n  border: 1px solid rgba(255,255,255,0.08);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,0.055),\n      rgba(255,255,255,0.018)\n    );\n\n  box-shadow:\n    0 10px 35px rgba(0,0,0,0.16);\n\n  overflow: hidden;\n}\n\n\n\/* Línea lateral *\/\n\n.module-card::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 3px;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      #8c3cff,\n      #1688ff\n    );\n}\n\n\n\/* =====================================================\n   NUMERO\n===================================================== *\/\n\n.module-number {\n  position: absolute;\n\n  top: 10px;\n  right: 13px;\n\n  color: rgba(255,255,255,0.035);\n\n  font-size: 52px;\n\n  line-height: 1;\n\n  font-weight: 900;\n}\n\n\n\/* =====================================================\n   ICONO\n===================================================== *\/\n\n.module-icon {\n  position: relative;\n\n  z-index: 2;\n\n  flex-shrink: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 48px;\n  height: 48px;\n\n  border-radius: 13px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(140,60,255,0.18),\n      rgba(22,136,255,0.10)\n    );\n\n  border: 1px solid rgba(153,76,255,0.22);\n\n  font-size: 23px;\n}\n\n\n\/* =====================================================\n   CONTENIDO\n===================================================== *\/\n\n.module-content {\n  position: relative;\n\n  z-index: 2;\n\n  flex: 1;\n}\n\n.module-tag {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #9452ff;\n\n  font-size: 9px;\n\n  font-weight: 900;\n\n  letter-spacing: 1.2px;\n}\n\n.module-content h3 {\n  margin-bottom: 7px;\n\n  font-size: 18px;\n\n  line-height: 1.25;\n\n  font-weight: 900;\n}\n\n.module-content h3 span {\n  background:\n    linear-gradient(\n      90deg,\n      #a342ff,\n      #298fff\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n.module-content p {\n  max-width: 650px;\n\n  color: #a4a4b2;\n\n  font-size: 13px;\n\n  line-height: 1.5;\n}\n\n\n\/* =====================================================\n   MÓDULO 5 DESTACADO\n===================================================== *\/\n\n.module-card-highlight {\n  border-color: rgba(141,54,255,0.28);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(123,44,255,0.10),\n      rgba(22,136,255,0.045)\n    );\n\n  box-shadow:\n    0 12px 45px rgba(91,30,190,0.13);\n}\n\n.module-card-highlight::after {\n  content: \"⭐ CLAVE\";\n\n  position: absolute;\n\n  top: 12px;\n  right: 13px;\n\n  padding: 5px 8px;\n\n  border-radius: 30px;\n\n  background: rgba(140,60,255,0.12);\n\n  border: 1px solid rgba(155,80,255,0.20);\n\n  color: #c69cff;\n\n  font-size: 8px;\n\n  font-weight: 900;\n\n  letter-spacing: 0.8px;\n}\n\n\n\/* =====================================================\n   CIERRE\n===================================================== *\/\n\n.modules-closing {\n  max-width: 800px;\n\n  margin: 42px auto 0;\n\n  text-align: center;\n}\n\n.closing-line {\n  width: 100px;\n\n  height: 2px;\n\n  margin: 0 auto 22px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      #913cff,\n      #1688ff,\n      transparent\n    );\n}\n\n.modules-closing p {\n  margin-bottom: 6px;\n\n  color: #ffffff;\n\n  font-size: 19px;\n\n  line-height: 1.4;\n\n  font-weight: 700;\n}\n\n.modules-closing strong {\n  display: block;\n\n  color: #aaaab7;\n\n  font-size: 17px;\n\n  line-height: 1.5;\n}\n\n.modules-closing strong span {\n  background:\n    linear-gradient(\n      90deg,\n      #a342ff,\n      #2990ff\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (min-width:600px) {\n\n  .modules-section {\n    padding: 90px 25px;\n  }\n\n  .modules-grid {\n    display: grid;\n\n    grid-template-columns: repeat(2, 1fr);\n\n    gap: 15px;\n  }\n\n  .module-card {\n    min-height: 220px;\n  }\n\n  .module-card:last-child {\n    grid-column: span 2;\n  }\n\n  .module-content h3 {\n    font-size: 19px;\n  }\n\n  .module-content p {\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =====================================================\n   DESKTOP\n===================================================== *\/\n\n@media (min-width:900px) {\n\n  .modules-section {\n    padding: 115px 30px 125px;\n  }\n\n  .modules-title {\n    font-size: 58px;\n  }\n\n  .modules-subtitle {\n    font-size: 18px;\n\n    margin-bottom: 50px;\n  }\n\n  .modules-grid {\n    grid-template-columns: repeat(2, 1fr);\n\n    gap: 18px;\n  }\n\n  .module-card {\n    min-height: 245px;\n\n    padding: 28px 25px;\n\n    transition:\n      transform 0.3s ease,\n      border-color 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .module-card:hover {\n    transform: translateY(-5px);\n\n    border-color:\n      rgba(145,62,255,0.35);\n\n    box-shadow:\n      0 18px 50px rgba(91,30,190,0.18);\n  }\n\n  .module-card:last-child {\n    grid-column: span 2;\n\n    min-height: 210px;\n  }\n\n  .module-icon {\n    width: 56px;\n    height: 56px;\n\n    font-size: 27px;\n  }\n\n  .module-content h3 {\n    font-size: 21px;\n  }\n\n  .module-content p {\n    font-size: 15px;\n\n    line-height: 1.55;\n  }\n\n  .modules-closing {\n    margin-top: 55px;\n  }\n\n  .modules-closing p {\n    font-size: 24px;\n  }\n\n  .modules-closing strong {\n    font-size: 21px;\n  }\n\n}\n\n\n\/* =====================================================\n   PANTALLAS MUY PEQUEÑAS\n===================================================== *\/\n\n@media (max-width:360px) {\n\n  .modules-section {\n    padding-left: 13px;\n    padding-right: 13px;\n  }\n\n  .modules-title {\n    font-size: 28px;\n  }\n\n  .modules-subtitle {\n    font-size: 15px;\n  }\n\n  .module-card {\n    padding: 17px 14px;\n\n    gap: 11px;\n  }\n\n  .module-icon {\n    width: 42px;\n    height: 42px;\n\n    font-size: 20px;\n  }\n\n  .module-content h3 {\n    font-size: 16px;\n  }\n\n  .module-content p {\n    font-size: 12px;\n  }\n\n  .modules-closing p {\n    font-size: 18px;\n  }\n\n  .modules-closing strong {\n    font-size: 15px;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"ACADEMIA DIGITAL PARA EMPRENDEDORES","offers":[{"title":"Default Title","offer_id":55901050765385,"sku":null,"price":19.0,"currency_code":"CLP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0989\/3602\/9257\/files\/ChatGPTImage16ago2026_07_10_50p.m._5997591a-25cb-487a-baf4-4ab2cf586327.png?v=1786932536","url":"https:\/\/viviacademypower.lifestyle\/products\/vende-por-internet-con-meta-ads","provider":"ACADEMIA DIGITAL PARA EMPRENDEDORES","version":"1.0","type":"link"}