:root{--orange:#f47b20;--black:#151515;--gray:#6d6d6d;--light:#f6f6f4;--line:#e6e6e6}*{box-sizing:border-box}body{margin:0;background:#efefed;color:var(--black);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{max-width:820px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 60px #0000000c}.topbar{padding:20px 24px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--gray)}.brand{font-weight:900}.brand span,.eyebrow{color:var(--orange)}.screen{padding:32px 24px 46px}.hero{background:var(--black);color:#fff;border-radius:22px;padding:40px 30px;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;margin-bottom:12px}h1{font-size:clamp(36px,8vw,60px);line-height:.97;letter-spacing:-.05em;margin:0 0 18px}h2{font-size:30px;line-height:1.08;letter-spacing:-.03em;margin:0 0 12px}h3{margin:0 0 8px}p{line-height:1.58;color:#505050}.hero p{color:#ddd;font-size:17px}.btn{display:flex;justify-content:center;width:100%;border:0;border-radius:12px;padding:15px 20px;font-weight:850;cursor:pointer;background:var(--orange);color:#fff}.btn:disabled{opacity:.42}.info-grid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.info{background:var(--light);padding:18px;border-radius:14px}.info span{font-size:13px;color:var(--gray)}.panel,.question-card{border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0}.note{background:#faf4ee;border-left:4px solid var(--orange);padding:15px;border-radius:10px;margin:18px 0;font-size:14px;line-height:1.5}.dark-note{background:#242424;color:#ddd;border-left:4px solid var(--orange);padding:15px;border-radius:10px;margin-top:18px}.options{display:grid;gap:10px;margin-top:18px}.opt{background:#fff;border:1px solid #d8d8d8;border-radius:13px;padding:16px;text-align:left;cursor:pointer}.opt.sel{border-color:var(--orange);background:#fff7f0}.qtop{display:flex;justify-content:space-between;margin-bottom:20px}.qnum{font-size:11px;color:var(--gray)}.back{border:0;background:none;color:var(--gray);cursor:pointer}.bar{height:6px;background:#eee;border-radius:10px;overflow:hidden;margin-bottom:24px}.bar i{display:block;height:100%;background:var(--orange)}.learn{margin-top:18px;background:#f7f7f7;border-radius:12px;padding:15px;font-size:14px}.result{border-radius:20px;background:var(--black);color:#fff;padding:30px;margin:20px 0}.result p{color:#ddd}.pill{display:inline-block;background:#2d2d2d;border-radius:999px;padding:7px 11px;font-size:11px;color:#ffad70}.video{background:#111;border-radius:16px;aspect-ratio:16/9;overflow:hidden;position:relative;margin:20px 0}.video video{width:100%;height:100%;object-fit:cover}.video-placeholder{display:none;position:absolute;inset:0;place-items:center;text-align:center;color:#fff}.video-placeholder.show{display:grid}.video-placeholder span{display:block;color:#aaa;font-size:12px}.product{border:1px solid var(--line);border-radius:15px;padding:18px}.product-image{height:170px;border-radius:11px;background:#f4f4f2;display:grid;place-items:center;overflow:hidden;position:relative}.product-image img{max-width:82%;max-height:90%;object-fit:contain}.product-image span{display:none}.product-image.placeholder span{display:block;color:#777;font-weight:800}.price-box{margin:22px 0;background:#fff7ef;border:1px solid #f1d7c0;border-radius:18px;padding:24px;text-align:center}.price{font-size:42px;font-weight:950}.price-label,.price-box small{color:var(--gray)}.choice{display:grid;gap:10px;margin-top:18px}.choice button{padding:16px;border-radius:13px;border:1px solid #ddd;background:#fff;text-align:left;font-weight:750;cursor:pointer}.choice .primary-choice{background:var(--orange);color:#fff}.photo-slot{border:1px dashed #cfcfcf;border-radius:18px;background:#fafafa;min-height:170px;display:grid;place-items:center;text-align:center;padding:20px;color:#777;margin-bottom:22px}.photo-slot strong{display:block;color:#555}.photo-slot span{font-size:12px}.center{text-align:center}.muted{color:var(--gray)}.small{font-size:12px}.center-screen{min-height:55vh;display:grid;place-items:center;align-content:center}.loader{font-size:48px;color:var(--orange);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.disclaimer{font-size:11px;color:#777}.footer{padding:22px;color:#777;background:#fafafa;border-top:1px solid var(--line);text-align:center;font-size:10px;line-height:1.55}@media(max-width:620px){.screen{padding:22px 16px 34px}.hero{padding:30px 22px}.info-grid,.cards{grid-template-columns:1fr}.panel,.question-card{padding:19px}}
/* V1.1 VISUAL — pantalla inicial */
.experience-intro{margin:30px 0 26px;padding:4px 2px 0}
.experience-heading{margin-bottom:18px}
.experience-heading h2{margin:0;font-size:clamp(25px,5vw,34px)}
.experience-heading h2 span{color:var(--orange)}
.experience-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:9px}
.step-card{position:relative;min-height:170px;padding:22px 18px 20px;border:1px solid #e9e9e9;border-radius:18px;background:linear-gradient(145deg,#fff,#f8f8f6);box-shadow:0 8px 24px #00000008;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.step-card:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-30px;bottom:-30px;background:#f47b2010}
.step-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff1e6;color:var(--orange);font-weight:950;font-size:13px;letter-spacing:.04em;border:1px solid #f7d6bd}
.step-copy{position:relative;z-index:1}.step-copy strong{display:block;font-size:20px;margin-bottom:8px;letter-spacing:-.02em}.step-copy span{display:block;color:var(--gray);font-size:13px;line-height:1.48}
.step-connector{align-self:center;width:28px;height:1px;background:#e6c7b0;position:relative}.step-connector:after{content:"›";position:absolute;right:-2px;top:-11px;color:var(--orange);font-size:20px;font-weight:800}
.country-helper{margin-top:13px;color:var(--gray);font-size:12px;line-height:1.45}
.country-opt{display:flex!important;align-items:center;gap:12px;position:relative;min-height:62px}.country-opt .country-check{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:transparent;background:#f1f1ef}
.country-opt.sel .country-check{color:#fff;background:var(--orange)}
.country-opt.sel{box-shadow:0 0 0 2px #f47b2025}
@media(max-width:700px){
 .experience-heading h2{font-size:27px}
 .experience-steps{grid-template-columns:1fr}
 .step-card{min-height:132px}
 .step-connector{width:1px;height:18px;margin:0 auto}
 .step-connector:after{content:"↓";right:auto;left:-6px;top:7px}
 .country-opt{min-height:58px}
}

.country-opt{justify-content:space-between}
.country-opt .country-name{font-weight:750;letter-spacing:-.01em}

/* V1.1.1 VISUAL — separación del CTA en preguntas */
.question-card .actions{
  margin-top:32px;
}
@media(max-width:700px){
  .question-card .actions{
    margin-top:38px;
  }
}

/* V1.1.2 VISUAL — pantallas de preguntas */
.question-card{
  padding:30px;
  border-radius:22px;
  box-shadow:0 12px 35px #00000008;
}
.question-card .qtop{
  align-items:center;
  margin-bottom:15px;
}
.question-card .qnum{
  background:#f7f7f5;
  border:1px solid #e8e8e5;
  border-radius:999px;
  padding:7px 10px;
  font-weight:800;
  letter-spacing:.07em;
}
.question-card .bar{
  height:7px;
  background:#eeeeeb;
  margin-bottom:30px;
}
.question-card .bar i{
  border-radius:10px;
  background:linear-gradient(90deg,var(--orange),#ff9a50);
}
.question-card h2{
  font-size:clamp(28px,5vw,39px);
  line-height:1.08;
  letter-spacing:-.04em;
  max-width:700px;
  margin-bottom:12px;
}
.question-card > .muted{
  font-size:14px;
  margin-bottom:22px;
}
.question-card .options{
  gap:11px;
}
.question-card .opt{
  position:relative;
  min-height:62px;
  padding:17px 18px;
  padding-right:48px;
  border:1px solid #dededb;
  border-radius:15px;
  background:#fff;
  font-size:15px;
  line-height:1.38;
  font-weight:650;
  box-shadow:0 3px 12px #00000005;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.question-card .opt:after{
  content:"";
  position:absolute;
  right:17px;
  top:50%;
  width:18px;
  height:18px;
  border:1.5px solid #cfcfcb;
  border-radius:50%;
  transform:translateY(-50%);
  transition:.16s ease;
}
.question-card .opt:hover{
  transform:translateY(-1px);
  border-color:#f0b184;
  box-shadow:0 7px 18px #0000000b;
}
.question-card .opt.sel{
  border-color:var(--orange);
  background:#fff7f0;
  box-shadow:0 0 0 2px #f47b2020,0 8px 20px #00000008;
}
.question-card .opt.sel:after{
  border:5px solid var(--orange);
  background:#fff;
}
.question-card .learn{
  margin-top:20px;
  border:1px solid #e9e9e5;
  border-left:4px solid var(--orange);
  background:#fafaf8;
  padding:14px 16px;
  border-radius:12px;
  color:#555;
}
.question-card .actions{
  margin-top:38px;
}
.question-card .actions .btn{
  min-height:54px;
  font-size:15px;
  box-shadow:0 8px 18px #f47b2030;
}
@media(max-width:700px){
  .question-card{
    padding:22px 17px 24px;
    border-radius:19px;
    margin-top:12px;
  }
  .question-card .qtop{
    margin-bottom:12px;
  }
  .question-card .qnum{
    font-size:9px;
    padding:6px 9px;
  }
  .question-card .bar{
    height:6px;
    margin-bottom:25px;
  }
  .question-card h2{
    font-size:27px;
    line-height:1.1;
    margin-bottom:10px;
  }
  .question-card > .muted{
    font-size:13px;
    margin-bottom:18px;
  }
  .question-card .options{
    gap:9px;
  }
  .question-card .opt{
    min-height:58px;
    padding:15px 46px 15px 15px;
    font-size:14px;
    border-radius:14px;
  }
  .question-card .opt:after{
    right:15px;
    width:17px;
    height:17px;
  }
  .question-card .learn{
    font-size:13px;
    margin-top:18px;
  }
  .question-card .actions{
    margin-top:38px;
  }
  .question-card .actions .btn{
    min-height:52px;
  }
}

/* V1.1.3 VISUAL — pantalla de resultado */
.result{
  position:relative;
  overflow:hidden;
  padding:34px 32px 32px;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 12%,#f47b2020 0 90px,transparent 91px),
    radial-gradient(circle at 8% 100%,#ffffff08 0 110px,transparent 111px),
    var(--black);
  box-shadow:0 18px 45px #00000018;
}
.result:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,var(--orange),#ffad70);
}
.result .pill{
  margin-bottom:16px;
  background:#ffffff0d;
  border:1px solid #ffffff16;
  color:#ffb47c;
}
.result h2{
  font-size:clamp(34px,7vw,48px);
  line-height:1.02;
  letter-spacing:-.045em;
  max-width:620px;
  margin-bottom:15px;
}
.result > p{
  max-width:650px;
  font-size:16px;
  line-height:1.65;
}
.result .dark-note{
  margin-top:24px;
  background:#ffffff08;
  border:1px solid #ffffff12;
  border-left:4px solid var(--orange);
  color:#d8d8d8;
  padding:17px 18px;
}
.result .dark-note strong{
  display:block;
  color:#fff;
  margin-bottom:4px;
}
.screen > .note:first-of-type{
  border:1px solid #e9e4de;
  border-left:4px solid #bbb;
  background:#faf9f7;
  color:#666;
}
.result + .note{
  margin-top:14px;
}
.result + .note strong{
  color:#333;
}
.result + .note br + *{
  color:#666;
}
.panel{
  border-radius:20px;
  box-shadow:0 8px 25px #00000006;
}
.panel .eyebrow{
  margin-bottom:9px;
}
.panel h2{
  font-size:27px;
}
.panel p{
  max-width:650px;
}
.panel .btn{
  margin-top:20px;
  min-height:55px;
  box-shadow:0 8px 18px #f47b2025;
}
@media(max-width:700px){
  .result{
    padding:30px 21px 24px;
    border-radius:20px;
  }
  .result h2{
    font-size:32px;
  }
  .result > p{
    font-size:14px;
  }
  .result .dark-note{
    margin-top:20px;
    font-size:13px;
  }
  .panel h2{
    font-size:25px;
  }
}

/* V1.1.4 VISUAL — video educativo */
.screen:has(#educationalVideo) .video{
  border-radius:22px;
  box-shadow:0 18px 45px #00000018;
  border:1px solid #252525;
  margin-top:26px;
  margin-bottom:18px;
}
.screen:has(#educationalVideo)>h2{
  max-width:680px;
  font-size:clamp(30px,6vw,43px);
  letter-spacing:-.045em;
}
.screen:has(#educationalVideo)>p{max-width:650px;font-size:15px}
.screen:has(#educationalVideo) .note{margin-top:18px;background:#faf9f7;border-left-color:#bbb}
.screen:has(#educationalVideo) .btn{min-height:56px;margin-top:20px;box-shadow:0 9px 20px #f47b2030}
.screen:has(#educationalVideo) .small{margin-top:10px}
.video-placeholder{
  background:radial-gradient(circle at 50% 42%,#f47b2024 0 70px,transparent 71px),linear-gradient(145deg,#171717,#242424);
}
.video-placeholder:before{
  content:"▶";width:66px;height:66px;border-radius:50%;display:grid;place-items:center;
  padding-left:3px;background:var(--orange);color:#fff;font-size:22px;box-shadow:0 10px 30px #0007;
}
.video-placeholder strong{margin-top:4px;font-size:20px}
.video-placeholder span{margin-top:-12px;max-width:260px;line-height:1.4}
@media(max-width:700px){
  .screen:has(#educationalVideo){padding-top:24px}
  .screen:has(#educationalVideo)>h2{font-size:30px;line-height:1.08}
  .screen:has(#educationalVideo)>p{font-size:14px}
  .screen:has(#educationalVideo) .video{margin-top:22px;border-radius:17px}
  .screen:has(#educationalVideo) .note{font-size:12px}
}

/* V1.1.5 VISUAL — video de producto */
.screen:has(#productVideo) .eyebrow{
  margin-bottom:10px;
}
.screen:has(#productVideo)>h2{
  max-width:700px;
  font-size:clamp(31px,6vw,45px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.screen:has(#productVideo)>p{
  max-width:650px;
  font-size:15px;
}
.screen:has(#productVideo) .video{
  margin-top:26px;
  margin-bottom:20px;
  border-radius:22px;
  border:1px solid #252525;
  box-shadow:0 18px 45px #00000018;
}
.screen:has(#productVideo) .video-placeholder{
  background:
    radial-gradient(circle at 50% 43%,#f47b2026 0 85px,transparent 86px),
    linear-gradient(145deg,#161616,#292929);
}
.screen:has(#productVideo) .video-placeholder:before{
  content:"▶";
  width:70px;
  height:70px;
  border-radius:50%;
  display:grid;
  place-items:center;
  padding-left:3px;
  background:var(--orange);
  color:#fff;
  font-size:23px;
  box-shadow:0 12px 30px #0008;
}
.screen:has(#productVideo) .video-placeholder strong{
  font-size:21px;
  letter-spacing:-.02em;
}
.screen:has(#productVideo) .video-placeholder span{
  max-width:290px;
}
.screen:has(#productVideo) .btn{
  min-height:56px;
  margin-top:18px;
  box-shadow:0 9px 20px #f47b2030;
}
@media(max-width:700px){
  .screen:has(#productVideo)>h2{
    font-size:31px;
  }
  .screen:has(#productVideo)>p{
    font-size:14px;
  }
  .screen:has(#productVideo) .video{
    margin-top:22px;
    border-radius:17px;
  }
}

/* V1.1.6 VISUAL — precio + decisión + WhatsApp */
.price-box{
  position:relative;
  overflow:hidden;
  padding:28px 22px 25px;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 5%,#f47b2015 0 85px,transparent 86px),
    linear-gradient(145deg,#fffaf5,#fff5eb);
  border:1px solid #f1d7c0;
  box-shadow:0 12px 30px #00000008;
}
.price-box:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:var(--orange);
}
.price-box .eyebrow{
  margin-bottom:9px;
}
.price-label{
  font-weight:800;
  color:#333;
  font-size:16px;
}
.price{
  font-size:clamp(42px,9vw,58px);
  line-height:1;
  letter-spacing:-.055em;
  margin:8px 0 7px;
}
.price-box small{
  font-size:11px;
}
.result .choice{
  margin-top:22px;
}
.result .choice button{
  min-height:54px;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.result .choice button:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px #00000014;
}
.result .choice .primary-choice{
  box-shadow:0 9px 20px #f47b2030;
}
.final-photo{
  min-height:150px;
  margin-top:28px;
  margin-bottom:22px;
  background:linear-gradient(145deg,#fafafa,#f5f5f3);
}
@media(max-width:700px){
  .price-box{
    padding:25px 18px 22px;
    border-radius:19px;
  }
  .price-label{
    font-size:14px;
  }
  .price{
    font-size:45px;
  }
  .result .choice button{
    min-height:56px;
    font-size:14px;
  }
}

/* V1.1.7 — precios por mercado */
.shipping-note{
  margin-top:12px;
  font-size:12px;
  font-weight:800;
  color:#8a5a37;
}

/* V1.1.8 — preparación de WhatsApp */
.choice .primary-choice{font-weight:850}

/* V1.1.10 — oferta de proceso */
.offer-includes{margin:24px 0;padding:24px;border:1px solid #e8e5df;border-radius:20px;background:#fff;box-shadow:0 8px 25px #00000006}
.offer-includes>.eyebrow{margin-bottom:16px}
.include-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.include-item{display:flex;gap:13px;align-items:flex-start;padding:15px;border:1px solid #eeeeea;border-radius:14px;background:#fafaf8}
.include-num{flex:0 0 auto;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#fff0e5;color:var(--orange);font-size:11px;font-weight:900}
.include-item strong{display:block;font-size:14px;margin-bottom:4px}
.include-item p{margin:0;color:#666;font-size:12px;line-height:1.45}
@media(max-width:700px){.offer-includes{padding:19px 16px;border-radius:18px}.include-grid{grid-template-columns:1fr}.include-item{padding:14px}}

.benefit-headline{display:block;margin-top:10px;font-size:14px;line-height:1.25}
.benefit-anchors{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.benefit-anchors span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f7f5f1;color:#666;font-size:10px;font-weight:800}
@media(max-width:700px){.benefit-headline{font-size:13px}.benefit-anchors span{font-size:9px;padding:5px 7px}}

/* V1.1.15 — visuales aprobados de Daniel */
.daniel-visual{
  width:100%;
  border-radius:20px;
  overflow:hidden;
  margin-bottom:22px;
  background:#f6f6f4;
  border:1px solid var(--line);
}
.daniel-visual img{
  display:block;
  width:100%;
  height:auto;
}
.final-daniel-visual{
  margin-top:24px;
  margin-bottom:18px;
}
@media(max-width:620px){
  .daniel-visual{border-radius:16px;margin-bottom:18px}
  .final-daniel-visual{margin-top:20px}
}

/* V1.1.16 — zoom de productos */
.product-image-zoom{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  cursor:zoom-in;
  background:transparent;
  text-align:inherit;
}
.product-image-zoom img{display:block;width:100%;height:auto}
.product-image-zoom .zoom-hint{
  position:absolute;
  right:10px;
  bottom:10px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#444;
  font-size:10px;
  font-weight:800;
  box-shadow:0 4px 14px rgba(0,0,0,.10);
  opacity:.92;
}
.product-image-zoom:hover .zoom-hint{opacity:1}
.product-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.product-lightbox.is-open{display:flex}
.lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,10,10,.78);
  backdrop-filter:blur(4px);
}
.lightbox-dialog{
  position:relative;
  z-index:1;
  width:min(92vw,760px);
  max-height:92vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.lightbox-image{
  display:block;
  max-width:100%;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:16px;
  box-shadow:0 20px 70px rgba(0,0,0,.35);
  background:#fff;
}
.lightbox-caption{
  margin-top:10px;
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.lightbox-close{
  position:absolute;
  z-index:2;
  top:-16px;
  right:-16px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#222;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.22);
}
body.lightbox-open{overflow:hidden}
@media(max-width:620px){
  .product-lightbox{padding:16px}
  .lightbox-dialog{width:94vw}
  .lightbox-image{max-height:78vh;border-radius:12px}
  .lightbox-close{top:-10px;right:-4px}
}

/* V1.1.17 — mockup del proceso */
.process-mockup-wrap{
  margin:24px 0 10px;
}
.process-mockup-button{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:1px solid #e7e3dc;
  border-radius:20px;
  overflow:hidden;
  cursor:zoom-in;
  background:#111;
  box-shadow:0 12px 34px rgba(0,0,0,.10);
}
.process-mockup-button img{
  display:block;
  width:100%;
  height:auto;
}
.process-mockup-button .zoom-hint{
  position:absolute;
  right:12px;
  bottom:12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#333;
  font-size:10px;
  font-weight:800;
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}
@media(max-width:700px){
  .process-mockup-wrap{margin:20px 0 8px}
  .process-mockup-button{border-radius:16px}
  .process-mockup-button .zoom-hint{right:9px;bottom:9px;padding:6px 8px}
}

.shipping-included{
  display:inline-block;
  margin-top:10px;
  padding:7px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:.92rem;
  background:rgba(255,122,0,.12);
  color:#e86f00;
}

/* V1.3 MOBILE-FIRST EXPERIENCE */
html{background:#111}
body{background:#111;min-height:100vh}
.app-shell{width:100%;max-width:560px;min-height:100vh;background:#fff;box-shadow:0 0 70px #00000022}
.topbar{position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(12px);padding:14px 18px;font-size:11px}
.screen{min-height:calc(100vh - 51px);padding:18px 16px 34px;display:flex;flex-direction:column}
.welcome-screen{justify-content:center;padding:24px 18px;overflow:hidden;background:radial-gradient(circle at 50% 34%,#2b2b2b 0,#151515 34%,#0e0e0e 75%);color:#fff}
.welcome-stage{text-align:center;position:relative;z-index:1;padding:18px 8px}
.welcome-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:#f47b201c;filter:blur(45px);left:50%;top:5%;transform:translateX(-50%);pointer-events:none}
.welcome-kicker{font-size:11px;letter-spacing:.24em;font-weight:900;color:#ff9a50;margin-bottom:28px;animation:fadeUp .6s ease both}
.welcome-title{font-size:clamp(42px,12vw,62px);line-height:.93;letter-spacing:-.06em;font-weight:900;animation:fadeUp .7s .08s ease both}
.welcome-title span{color:var(--orange)}
.welcome-copy{max-width:390px;margin:22px auto 30px;color:#cfcfcf;font-size:15px;line-height:1.55;animation:fadeUp .7s .16s ease both}
.welcome-btn{max-width:360px;margin:0 auto;padding:18px 22px;border-radius:15px;font-size:16px;box-shadow:0 12px 30px #f47b2030;animation:fadeUp .7s .24s ease both}
.welcome-btn span{margin-left:8px;font-size:20px}
.welcome-meta{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px;color:#929292;font-size:11px;animation:fadeUp .7s .32s ease both}
.welcome-meta i{width:3px;height:3px;background:#666;border-radius:50%}
.intro-video-screen,.country-screen{justify-content:center}
.intro-video-screen>h2,.intro-video-screen>p{max-width:500px}
.vertical-video{width:min(100%,390px);aspect-ratio:9/16;margin:18px auto 18px;border-radius:20px;background:#111;box-shadow:0 18px 45px #00000016}
.vertical-video video{object-fit:cover}
.vertical-video .video-placeholder{padding:30px;background:linear-gradient(160deg,#202020,#111);color:#fff}
.vertical-video .video-placeholder strong{font-size:17px;letter-spacing:.05em}
.vertical-video .video-placeholder span{margin-top:8px;line-height:1.5}
.intro-note{margin-top:12px}
.country-stage{width:100%;max-width:480px;margin:auto}
.country-icon{width:48px;height:48px;border-radius:15px;background:#fff1e6;color:var(--orange);display:grid;place-items:center;font-size:13px;font-weight:900;margin:8px 0 16px}
.country-stage h2{font-size:clamp(30px,8vw,42px);margin-bottom:10px}
.country-stage>p{margin-top:0}
.country-options{margin:24px 0 18px}
.country-opt{min-height:64px!important;padding:17px 18px!important;border-radius:16px!important}
.country-stage .btn{margin-top:10px}
.question-card{margin:auto 0;width:100%;padding:22px 17px;border-radius:22px}
.question-card h2{font-size:clamp(29px,8vw,39px)}
.question-card .opt{min-height:66px;padding:18px 46px 18px 17px}
.result{margin-top:auto;margin-bottom:18px}
.video:not(.vertical-video){aspect-ratio:9/16;max-height:70vh;max-width:430px;margin-left:auto;margin-right:auto}
.video:not(.vertical-video) video{object-fit:cover}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){
 body{padding:22px 0}
 .app-shell{border-radius:26px;overflow:hidden;min-height:calc(100vh - 44px)}
 .screen{padding-left:30px;padding-right:30px}
 .welcome-screen{min-height:calc(100vh - 95px)}
}

/* V1.3.3 — preserve V1.3 welcome; fullscreen video + reliable Continue */
.video-wrap.fullscreen-video{position:fixed!important;inset:0!important;z-index:1000;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;border-radius:0!important;background:#000!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.video-wrap.fullscreen-video video{width:100%!important;height:100%!important;object-fit:cover!important;display:block;background:#000}
.video-wrap.fullscreen-video .video-continue{position:absolute!important;left:50%!important;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px))!important;transform:translate(-50%,14px)!important;z-index:1002!important;display:none;opacity:0;transition:opacity .35s ease,transform .35s ease}
.video-wrap.fullscreen-video .video-continue.video-continue-show{opacity:1;transform:translate(-50%,0)!important}
@media(min-width:821px){.video-wrap.fullscreen-video video{object-fit:contain!important}}

/* V1.3.4 — true edge-to-edge video screens */
.video-screen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;background:#000!important;z-index:9999!important;overflow:hidden!important;margin:0!important;padding:0!important}
.video-screen .fullscreen-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#000!important;overflow:hidden!important;margin:0!important;padding:0!important}
.video-screen .fullscreen-video video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;padding:0!important;display:block!important}
.video-screen .video-placeholder{position:absolute!important;inset:0!important}
.video-screen .video-continue{position:absolute!important;left:50%!important;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px))!important;z-index:10000!important;display:none;transform:translate(-50%,14px)!important;opacity:0;transition:opacity .35s ease,transform .35s ease}
.video-screen .video-continue.video-continue-show{display:inline-flex!important;opacity:1;transform:translate(-50%,0)!important}
@media(min-width:821px){.video-screen .fullscreen-video video{object-fit:contain!important}}

/* V1.3.5 — deterministic intro video control */
.video-screen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;background:#000!important;z-index:99999!important;overflow:hidden!important;margin:0!important;padding:0!important}
.video-screen .screen-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#000!important;display:block!important}
.video-screen .video-continue{position:absolute!important;left:50%!important;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px))!important;z-index:100000!important;display:none;transform:translate(-50%,14px)!important;opacity:0;transition:opacity .35s ease,transform .35s ease}
.video-screen .video-continue.video-continue-show{display:inline-flex!important;opacity:1;transform:translate(-50%,0)!important}
@media(min-width:821px){.video-screen .screen-video{object-fit:contain!important}}

/* V1.3.6 — force visible Continue after confirmed video completion */
.video-screen .video-continue.video-continue-show{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important;z-index:100000!important}

/* V1.3.7 — provisional Continue while videos are pending */
.provisional-continue{
  display:inline-flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:100000!important;
}
.video-screen .provisional-continue{
  position:absolute!important;
  left:50%!important;
  bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px))!important;
  transform:translateX(-50%)!important;
  min-width:180px;
}

/* V1.3.8 — provisional Continue: force visible above player */
.video-screen .video-continue.provisional-continue{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:absolute!important;
  left:50%!important;
  bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px))!important;
  transform:translateX(-50%)!important;
  z-index:2147483647!important;
  min-width:180px!important;
  width:auto!important;
}
.video-screen .fullscreen-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
}
.video-screen .screen-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:1!important;
}

/* V1.3.9 — navigation fix */
.video-screen .video-continue{cursor:pointer!important;pointer-events:auto!important}

/* V1.4 — fullscreen app-style result */
.result-app-screen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  z-index:5000!important;
  overflow:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:32px 20px!important;
  box-sizing:border-box!important;
  background:radial-gradient(circle at 50% 20%,#fff7ef 0,#fff 42%,#f8f8f8 100%)!important;
}
.result-app-inner{
  width:min(620px,100%);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  animation:resultAppIn .55s ease both;
}
.result-app-kicker{
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
  color:var(--orange);
  margin-bottom:18px;
}
.result-app-number{
  width:82px;height:82px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff;
  border:1px solid #eeeeee;
  box-shadow:0 14px 35px rgba(0,0,0,.08);
  font-size:38px;
  margin-bottom:22px;
}
.result-app-title{
  font-size:clamp(42px,10vw,68px);
  line-height:.94;
  letter-spacing:-.055em;
  margin:0 0 18px;
}
.result-app-desc{
  max-width:510px;
  font-size:17px;
  line-height:1.55;
  margin:0 auto 25px;
}
.result-app-note{
  max-width:500px;
  padding:14px 18px;
  border-radius:14px;
  background:#ffffffcc;
  border:1px solid #e9e9e9;
  box-shadow:0 8px 25px rgba(0,0,0,.035);
  margin-bottom:26px;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:12px;
  line-height:1.45;
}
.result-app-note strong{font-size:12px}
.result-app-btn{
  width:min(400px,100%);
  padding:17px 22px;
  box-shadow:0 12px 30px rgba(244,123,32,.20);
}
.result-app-btn span{margin-left:8px}
.result-app-restart{
  border:0;background:transparent;color:#888;
  font-size:11px;margin-top:18px;cursor:pointer;
}
@keyframes resultAppIn{
  from{opacity:0;transform:translateY(18px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:620px){
  .result-app-screen{padding:24px 18px!important}
  .result-app-number{width:72px;height:72px;font-size:34px;margin-bottom:18px}
  .result-app-desc{font-size:15px}
}


/* Transición premium entre videos/pantallas */
.video-transition-in{animation:videoFadeIn .32s ease both}
.video-transition-out{animation:videoFadeOut .26s ease both!important}
@keyframes videoFadeIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@keyframes videoFadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.015)}}
@media (prefers-reduced-motion:reduce){.video-transition-in,.video-transition-out{animation:none!important}}

/* V1.5.1 — pantalla final premium tipo app */
.final-app-screen{min-height:calc(100vh - 65px);background:radial-gradient(circle at 85% 0%,#f47b2010 0 180px,transparent 181px),linear-gradient(180deg,#151515 0%,#191919 52%,#f5f5f2 52%,#f5f5f2 100%);color:#fff;overflow:hidden}
.final-app-inner{max-width:760px;margin:0 auto;padding:42px 24px 48px}
.final-kicker,.final-section-label{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--orange);text-transform:uppercase}
.final-title{font-size:clamp(34px,7vw,56px);line-height:.98;letter-spacing:-.055em;margin:10px 0 15px;max-width:680px}
.final-intro{max-width:620px;color:#cfcfcf;font-size:15px;line-height:1.55;margin:0}
.final-combination{margin-top:34px}
.final-products-stage{display:flex;align-items:flex-start;justify-content:center;gap:0;margin:10px -10px 0}
.final-product-item{flex:1;min-width:0;text-align:center;position:relative}
.final-product-index{font-size:10px;color:#777;letter-spacing:.12em;font-weight:900;margin-bottom:3px}
.final-product-image{width:100%;height:260px;display:grid;place-items:center;border:0;background:transparent;padding:4px;cursor:zoom-in;position:relative}
.final-product-image img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #00000035);transition:transform .2s ease}
.final-product-image:hover img{transform:translateY(-3px) scale(1.02)}
.final-product-copy h3{font-size:21px;margin:0 0 6px;letter-spacing:-.025em}
.final-product-copy strong{display:block;color:#ddd;font-size:13px;line-height:1.3}
.final-product-copy .benefit-anchors{justify-content:center;margin-top:9px}
.final-product-copy .benefit-anchors span{background:#292929;color:#bbb}
.final-product-plus{align-self:center;font-size:28px;font-weight:300;color:#777;margin:35px 6px 0}
.final-process{margin:42px -24px 0;padding:38px 24px 34px;background:#f5f5f2;color:var(--black);border-radius:28px 28px 0 0}
.final-process h2{font-size:27px;margin:8px 0 16px;max-width:540px}
.final-process-mockup{margin:0 auto 17px;max-width:650px;background:#111;border-radius:20px;box-shadow:0 18px 38px #00000016}
.final-process-mockup img{width:100%;display:block;height:auto}
.final-includes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:650px;margin:auto}
.final-includes-grid>div{background:#fff;border:1px solid #e8e5df;border-radius:15px;padding:15px}
.final-includes-grid span{display:block;color:var(--orange);font-size:10px;font-weight:900;margin-bottom:8px}
.final-includes-grid strong{font-size:13px}
.final-includes-grid p{font-size:11px;line-height:1.4;margin:5px 0 0;color:#666}
.final-price-box{margin:25px 0 0}
.final-decision{margin-top:22px;background:#151515;color:#fff;border-radius:24px;padding:29px 22px 25px;text-align:center;box-shadow:0 15px 35px #00000018}
.final-decision h2{font-size:28px;margin:9px 0 8px}
.final-decision p{color:#ccc;font-size:14px;max-width:590px;margin:0 auto}
.final-cta-stack{display:grid;gap:9px;margin:22px auto 0;max-width:520px}
.final-cta-stack button{min-height:58px;border-radius:14px;padding:16px 20px;font-size:14px;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.final-cta-stack button:hover{transform:translateY(-1px)}
.final-cta-primary{border:0;background:var(--orange);color:#fff;box-shadow:0 10px 25px #f47b2035}
.final-cta-primary span,.final-cta-secondary span{float:right;font-size:19px;line-height:14px}
.final-cta-secondary{border:1px solid #555;background:#222;color:#fff}
.final-cta-note{margin-top:12px;color:#999;font-size:10px;line-height:1.45}
.final-app-screen .disclaimer{color:#777;margin-top:22px}
.final-app-screen .back{color:#777;margin-top:7px}
@media(max-width:620px){
 .final-app-inner{padding:31px 17px 38px}.final-title{font-size:37px}.final-intro{font-size:14px}.final-products-stage{margin-left:-12px;margin-right:-12px}.final-product-image{height:215px}.final-product-copy h3{font-size:18px}.final-product-copy strong{font-size:11px}.final-product-copy .benefit-anchors{gap:4px}.final-product-copy .benefit-anchors span{font-size:8px;padding:5px 6px}.final-product-plus{font-size:22px;margin-left:2px;margin-right:2px}.final-process{margin-left:-17px;margin-right:-17px;padding:31px 17px 28px}.final-process h2{font-size:24px}.final-includes-grid{grid-template-columns:1fr;gap:8px}.final-includes-grid>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:12px}.final-includes-grid span{grid-row:1 / span 2;margin:0}.final-includes-grid p{grid-column:2}.final-decision{padding:26px 17px 22px}.final-decision h2{font-size:25px}.final-cta-stack button{min-height:56px}
}

/* V1.5.2 — refinamientos pantalla final premium */
.final-combination .final-section-label{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 auto 15px;
  padding:8px 13px;
  border:1px solid rgba(244,123,32,.32);
  border-radius:999px;
  color:#f4a15f;
  background:rgba(244,123,32,.08);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.final-combination .final-section-label:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 12px rgba(244,123,32,.55);
}
.final-combination{text-align:center}
.final-products-stage{align-items:stretch}
.final-product-index{display:none}
.final-product-image{
  overflow:visible;
}
.final-product-image .zoom-hint,
.final-process-mockup .zoom-hint{
  right:14px;
  bottom:12px;
  padding:5px 8px;
  background:rgba(18,18,18,.72);
  color:#eee;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 5px 14px rgba(0,0,0,.18);
  font-size:9px;
  letter-spacing:.04em;
  backdrop-filter:blur(5px);
}
.final-price-box .price{
  color:#f6a15f;
  text-shadow:0 0 24px rgba(244,123,32,.16);
}
@media(max-width:620px){
  .final-products-stage{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0;
    margin:13px 0 0;
  }
  .final-product-item{
    width:100%;
    max-width:340px;
  }
  .final-product-image{
    width:100%;
    height:310px;
    padding:0;
  }
  .final-product-image img{
    width:92%;
    height:100%;
  }
  .final-product-copy h3{font-size:21px}
  .final-product-copy strong{font-size:12px}
  .final-product-copy .benefit-anchors{margin-bottom:4px}
  .final-product-plus{
    margin:8px 0 7px;
    font-size:27px;
    line-height:1;
  }
}

@media(min-width:621px){
  .final-product-image{height:285px}
}

/* V1.6 — encuesta inmersiva tipo app + pantalla de análisis */
.question-app-screen{
  min-height:calc(100vh - 72px);
  min-height:calc(100dvh - 72px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 24px 38px;
  background:radial-gradient(circle at 50% 0%,#292929 0%,#171717 42%,#121212 100%);
  color:#fff;
  overflow:hidden;
}
.question-app-inner{width:min(100%,620px);margin:auto;position:relative}
.question-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.question-back,.question-back-spacer{width:42px;height:42px;display:grid;place-items:center}
.question-back{border:1px solid #ffffff18;border-radius:50%;background:#ffffff08;color:#fff;font-size:23px;cursor:pointer;transition:.18s ease}
.question-back:hover{background:#ffffff12;transform:translateX(-2px)}
.question-progress-label{font-size:12px;font-weight:900;letter-spacing:.14em;color:#aaa}
.question-progress-label span{color:#555;margin:0 4px}
.question-progress{height:3px;background:#ffffff12;border-radius:10px;overflow:hidden;margin-bottom:56px}
.question-progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--orange),#ffae70);box-shadow:0 0 14px #f47b2050;transition:width .35s ease}
.question-kicker{font-size:10px;letter-spacing:.2em;font-weight:900;color:#f4a15f;margin-bottom:15px}
.question-app-title{font-size:clamp(31px,6vw,48px);line-height:1.04;letter-spacing:-.045em;color:#fff;max-width:610px;margin:0 0 13px}
.question-app-hint{color:#969696;font-size:13px;line-height:1.5;margin:0 0 30px;max-width:500px}
.question-options{display:grid;gap:10px}
.question-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:70px;padding:17px 18px;border:1px solid #ffffff16;border-radius:18px;background:linear-gradient(145deg,#242424,#1d1d1d);color:#f3f3f3;text-align:left;cursor:pointer;box-shadow:0 8px 24px #00000022;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.question-option:hover{transform:translateY(-2px);border-color:#f47b2055;background:#282828;box-shadow:0 12px 28px #00000030}
.question-option.selected{border-color:#f47b20;background:linear-gradient(145deg,#30231b,#24201d);box-shadow:0 0 0 2px #f47b2018,0 12px 28px #00000032;transform:scale(.992)}
.question-option:disabled{cursor:default}
.question-option-text{font-size:14px;line-height:1.4;font-weight:650}
.question-option-arrow{color:#777;font-size:20px;transition:.18s ease}
.question-option:hover .question-option-arrow,.question-option.selected .question-option-arrow{color:#f4a15f;transform:translateX(2px)}
.question-feedback{height:24px;padding-top:10px;font-size:11px;letter-spacing:.08em;color:#f4a15f;opacity:0;transform:translateY(4px);transition:.2s ease;text-align:center}
.question-feedback.show{opacity:1;transform:translateY(0)}
.analyzing-app-screen{min-height:calc(100vh - 72px);min-height:calc(100dvh - 72px);display:grid;place-items:center;padding:30px 24px;background:radial-gradient(circle at 50% 42%,#2b241f 0%,#171717 38%,#111 78%);color:#fff;text-align:center;overflow:hidden}
.analyzing-inner{width:min(100%,500px);margin:auto}
.analyzing-mark{height:54px;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:28px}
.analyzing-mark span{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:analyzePulse 1s ease-in-out infinite}
.analyzing-mark span:nth-child(2){animation-delay:.15s}.analyzing-mark span:nth-child(3){animation-delay:.3s}
@keyframes analyzePulse{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-8px);opacity:1;box-shadow:0 0 16px #f47b2060}}
.analyzing-kicker{font-size:10px;letter-spacing:.2em;font-weight:900;color:#f4a15f;margin-bottom:17px}
.analyzing-inner h1{font-size:clamp(34px,8vw,52px);line-height:1.02;letter-spacing:-.05em;margin-bottom:16px;color:#fff}
.analyzing-inner p{color:#969696;font-size:14px;margin:0 auto 28px;max-width:380px}
.analyzing-line{width:min(250px,70%);height:2px;background:#ffffff12;border-radius:10px;overflow:hidden;margin:0 auto 13px}
.analyzing-line i{display:block;width:42%;height:100%;background:var(--orange);box-shadow:0 0 15px #f47b2050;animation:analyzeLine 1.2s ease-in-out infinite}
@keyframes analyzeLine{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}
.analyzing-status{font-size:10px;letter-spacing:.1em;color:#777;transition:opacity .2s ease}
@media(max-width:620px){
  .question-app-screen{min-height:calc(100dvh - 62px);padding:20px 17px 28px;align-items:flex-start}
  .question-app-inner{padding-top:4px}
  .question-progress{margin-bottom:42px}
  .question-app-title{font-size:clamp(29px,8vw,39px)}
  .question-app-hint{font-size:12px;margin-bottom:24px}
  .question-option{min-height:67px;border-radius:17px;padding:16px 15px}
  .question-option-text{font-size:14px}
  .question-back,.question-back-spacer{width:38px;height:38px}
  .analyzing-app-screen{min-height:calc(100dvh - 62px)}
}

/* V1.6.3 — feedback de selección integrado en la respuesta */
.question-option.selected .question-option-arrow{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#f4a15f;
  font-size:11px;
  font-weight:850;
  letter-spacing:.04em;
  white-space:nowrap;
  transform:none;
}
.question-option.selected{
  box-shadow:0 0 0 2px #f47b2022,0 14px 30px #00000038;
}
.question-feedback{display:none!important}

/* V1.6.4 — pantalla de país integrada al lenguaje visual de la encuesta */
.country-app-screen{
  min-height:100dvh;
  display:flex;
  align-items:stretch;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 18%, rgba(244,123,32,.10), transparent 32%),
    #0b0b0c;
}
.country-app-stage{
  width:min(100%,620px);
  min-height:100dvh;
  padding:clamp(22px,5vw,42px) clamp(20px,5vw,34px) max(28px);
  display:flex;
  flex-direction:column;
}
.country-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#aaa;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}
.country-kicker{color:#f4a15f}
.country-step{color:#777}
.country-progress{
  height:3px;
  background:rgba(255,255,255,.08);
  border-radius:99px;
  margin-top:12px;
  overflow:hidden;
}
.country-progress span{
  display:block;
  width:14.2857%;
  height:100%;
  background:var(--orange);
  border-radius:99px;
  box-shadow:0 0 12px rgba(244,123,32,.35);
}
.country-content{
  width:100%;
  max-width:520px;
  margin:auto;
  padding:34px 0 18px;
}
.country-icon{
  width:58px;height:58px;
  display:grid;place-items:center;
  margin:0 auto 20px;
  border-radius:18px;
  background:rgba(244,123,32,.09);
  border:1px solid rgba(244,123,32,.22);
  font-size:27px;
  box-shadow:0 14px 35px rgba(0,0,0,.2);
}
.country-content .eyebrow{
  text-align:center;
  color:#f4a15f;
  letter-spacing:.15em;
  font-size:10px;
  font-weight:900;
  margin-bottom:10px;
}
.country-content h2{
  text-align:center;
  font-size:clamp(27px,6vw,42px);
  line-height:1.08;
  margin:0 auto 13px;
  max-width:510px;
  letter-spacing:-.025em;
}
.country-content p{
  text-align:center;
  color:#9d9da2;
  max-width:460px;
  margin:0 auto 26px;
  line-height:1.55;
}
.country-cards{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.country-card{
  appearance:none;
  width:100%;
  min-height:70px;
  padding:11px 14px;
  display:flex;
  align-items:center;
  gap:13px;
  text-align:left;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#fff;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.country-card:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.065);
}
.country-card.sel{
  border-color:rgba(244,123,32,.65);
  background:linear-gradient(90deg,rgba(244,123,32,.14),rgba(255,255,255,.045));
  box-shadow:0 8px 25px rgba(0,0,0,.2), inset 0 0 0 1px rgba(244,123,32,.08);
}
.country-flag{
  width:42px;height:42px;
  flex:0 0 42px;
  display:grid;place-items:center;
  border-radius:13px;
  background:rgba(255,255,255,.06);
  font-size:23px;
}
.country-copy{display:flex;flex-direction:column;gap:3px;flex:1}
.country-copy strong{font-size:15px}
.country-copy small{font-size:10px;color:#888;letter-spacing:.05em}
.country-check{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#777;
  font-size:15px;
  border:1px solid rgba(255,255,255,.08);
}
.country-card.sel .country-check{
  color:#fff;
  background:var(--orange);
  border-color:var(--orange);
}
.country-continue{
  margin-top:17px;
  opacity:.42;
  transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}
.country-continue.ready{
  opacity:1;
}
.country-continue.ready:hover{
  transform:translateY(-1px);
}
.country-continue:disabled{cursor:not-allowed}
@media(max-width:620px){
  .country-content{padding-top:28px}
  .country-card{min-height:66px}
}

/* V1.6.5 — selección de país: sin lenguaje de venta + contraste */
.country-app-screen,
.country-app-screen h1,
.country-app-screen h2,
.country-app-screen h3,
.country-app-screen p,
.country-app-screen .country-content{
  color:#f5f5f5;
}
.country-app-screen .country-content p{
  color:#a9a9ae;
}
.country-app-screen .country-copy strong{
  color:#f7f7f7;
}
.country-app-screen .country-copy small{
  display:none;
}

/* V1.6.6 — banderas consistentes + retroceso a país */
.country-flag{
  overflow:hidden;
  border-radius:50%;
  background:#151517;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 5px 15px rgba(0,0,0,.22);
}
.country-flag img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.country-card.sel .country-flag{
  border-color:rgba(244,123,32,.45);
  box-shadow:0 0 0 2px rgba(244,123,32,.08),0 6px 16px rgba(0,0,0,.25);
}
.question-back{
  z-index:5;
}

/* V1.6.7 — globo cinematográfico construido en CSS (sin imagen estática) */
.country-globe{
  position:relative;
  width:clamp(210px,52vw,300px);
  height:clamp(210px,52vw,300px);
  margin:0 auto 10px;
  border-radius:50%;
  overflow:visible;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.34) 0 2%,transparent 12%),
    radial-gradient(circle at 36% 34%,rgba(244,123,32,.18) 0 12%,transparent 38%),
    radial-gradient(circle at 63% 63%,rgba(0,0,0,.72) 0 33%,transparent 67%),
    radial-gradient(circle at 43% 40%,#26333a 0%,#121b20 42%,#050708 76%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    inset -28px -22px 55px rgba(0,0,0,.75),
    inset 18px 12px 35px rgba(255,255,255,.09),
    0 0 40px rgba(244,123,32,.13),
    0 0 90px rgba(244,123,32,.08);
}
.country-globe:before,
.country-globe:after{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  pointer-events:none;
}
.country-globe:before{
  background:
    radial-gradient(ellipse at 28% 38%,rgba(244,123,32,.82) 0 2%,transparent 3%),
    radial-gradient(ellipse at 42% 48%,rgba(244,123,32,.65) 0 1.6%,transparent 2.6%),
    radial-gradient(ellipse at 57% 55%,rgba(244,123,32,.72) 0 1.4%,transparent 2.5%),
    radial-gradient(ellipse at 49% 30%,rgba(255,255,255,.2) 0 1%,transparent 2%),
    radial-gradient(ellipse at 67% 43%,rgba(255,255,255,.16) 0 1%,transparent 2%);
  opacity:.75;
  filter:blur(.15px);
}
.country-globe:after{
  background:
    repeating-linear-gradient(88deg,transparent 0 31px,rgba(255,255,255,.035) 32px 33px),
    repeating-linear-gradient(2deg,transparent 0 27px,rgba(255,255,255,.025) 28px 29px);
  border-radius:50%;
  opacity:.55;
}
.globe-shine{
  position:absolute;
  z-index:3;
  width:42%;
  height:20%;
  top:10%;
  left:17%;
  border-radius:50%;
  transform:rotate(-20deg);
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,0));
  filter:blur(3px);
  opacity:.72;
}
.globe-lat{
  position:absolute;
  z-index:2;
  left:4%;
  right:4%;
  height:34%;
  top:33%;
  border:1px solid rgba(244,123,32,.18);
  border-left-color:transparent;
  border-right-color:transparent;
  border-radius:50%;
  transform:rotate(-8deg);
  pointer-events:none;
}
.globe-lat.lat-b{
  top:24%;
  height:52%;
  transform:rotate(-8deg);
  border-color:rgba(255,255,255,.08);
  border-left-color:transparent;
  border-right-color:transparent;
}
.globe-orbit{
  position:absolute;
  z-index:1;
  inset:-9% -20%;
  border:1px solid rgba(244,123,32,.48);
  border-radius:50%;
  transform:rotate(-17deg) scaleY(.42);
  box-shadow:0 0 12px rgba(244,123,32,.13);
  pointer-events:none;
}
.globe-orbit.orbit-b{
  inset:-20% -8%;
  transform:rotate(25deg) scaleY(.48);
  border-color:rgba(244,123,32,.22);
}
.country-globe + .eyebrow{margin-top:2px}
@keyframes globeFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-4px) scale(1.008)}
}
.country-globe{animation:globeFloat 6s ease-in-out infinite}
@media(max-width:620px){
  .country-globe{
    width:min(58vw,250px);
    height:min(58vw,250px);
    margin-bottom:2px;
  }
}

.decision-screen,.thankyou-screen{min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(circle at 50% 24%,rgba(244,123,32,.11),transparent 32%),#0b0b0c}
.decision-stage,.thankyou-stage{width:min(100%,620px);min-height:100dvh;padding:clamp(24px,5vw,42px) clamp(22px,5vw,34px) 30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.decision-kicker{position:absolute;top:28px;left:24px;color:#f4a15f;font-size:10px;font-weight:900;letter-spacing:.16em}
.decision-progress{position:absolute;top:50px;left:24px;right:24px;height:3px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.decision-progress span{display:block;width:100%;height:100%;background:var(--orange);box-shadow:0 0 14px rgba(244,123,32,.32)}
.decision-content{text-align:center;position:relative;z-index:2}.decision-orbit{width:112px;height:112px;border-radius:50%;margin:0 auto 28px;border:1px solid rgba(244,123,32,.28);box-shadow:0 0 45px rgba(244,123,32,.09),inset 0 0 30px rgba(244,123,32,.05);position:relative}.decision-orbit:before,.decision-orbit:after{content:"";position:absolute;border:1px solid rgba(244,123,32,.18);border-radius:50%;inset:-12px 20px;transform:rotate(28deg)}.decision-orbit:after{inset:20px -12px;transform:rotate(-28deg)}.decision-orbit span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--orange);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px rgba(244,123,32,.7)}
.decision-content .eyebrow{color:#f4a15f;letter-spacing:.16em;font-size:10px;font-weight:900;margin-bottom:12px}.decision-content h2{color:#fff;font-size:clamp(29px,6vw,43px);line-height:1.08;letter-spacing:-.03em;max-width:540px;margin:0 auto 15px}.decision-content p{color:#9d9da2;line-height:1.55;max-width:500px;margin:0 auto 30px}.decision-actions{width:100%;max-width:470px;margin:0 auto}.decision-primary{min-height:58px}.decision-secondary{display:block;margin:18px auto 0;background:none;border:0;color:#b9b9bd;font-size:13px;font-weight:700;padding:10px 14px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(244,123,32,.45)}
.thankyou-stage{text-align:center}.thankyou-glow{position:absolute;width:360px;height:360px;border-radius:50%;left:50%;top:38%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(244,123,32,.12),transparent 68%)}.thankyou-mark{position:relative;z-index:1;width:70px;height:70px;margin:18px auto 26px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(244,123,32,.35);background:rgba(244,123,32,.09);color:#f4a15f;font-size:30px}.thankyou-stage h2{color:#fff;position:relative;z-index:1;font-size:clamp(30px,7vw,46px);line-height:1.08;margin:0 auto 16px}.thankyou-stage>p{position:relative;z-index:1;color:#a4a4a9;line-height:1.55;max-width:500px;margin:0 auto 24px}.thankyou-quote{position:relative;z-index:1;max-width:500px;margin:0 auto 30px;padding:20px 18px;border-left:2px solid var(--orange);background:rgba(255,255,255,.035);color:#dedee1;line-height:1.6;font-size:14px;text-align:left;border-radius:0 14px 14px 0}.thankyou-restart{position:relative;z-index:1;max-width:360px;margin:0 auto}.thankyou-close{font-size:11px!important;color:#777!important;margin-top:20px!important}
@media(max-width:620px){.decision-stage{padding-top:70px}.decision-orbit{width:94px;height:94px;margin-bottom:23px}}

/* V1.7.5 — RESPONSIVE MOBILE-FIRST POLISH
   Mantiene el concepto visual y la estructura; solo mejora adaptación de tamaños,
   alturas, safe areas, overflow y lectura en pantallas pequeñas. */
html,body{width:100%;min-width:0;overflow-x:hidden}
img,video{max-width:100%}
button,.btn{font-family:inherit;max-width:100%}

@media(max-width:700px){
  body{padding:0!important}
  .app-shell{width:100%;max-width:none;min-height:100svh;box-shadow:none}
  .topbar{padding:12px 15px;min-height:48px}
  .screen{width:100%;min-height:calc(100svh - 48px);padding:18px 15px 30px}

  /* Inicio */
  .welcome-screen{min-height:100svh;padding:24px 18px max(28px,env(safe-area-inset-bottom));}
  .welcome-stage{width:100%;padding:14px 4px}
  .welcome-title{font-size:clamp(38px,12vw,56px)}
  .welcome-copy{font-size:14px;max-width:340px;margin:18px auto 26px}
  .welcome-btn{width:100%;max-width:340px;padding:17px 18px}

  /* Intro / país */
  .intro-video-screen,.country-screen{min-height:calc(100svh - 48px);justify-content:flex-start}
  .intro-video-screen{padding-top:22px}
  .intro-video-screen>h2,.intro-video-screen>p{width:100%}
  .vertical-video{width:min(100%,360px);max-height:62svh;margin:14px auto}
  .country-stage{width:100%;max-width:440px;padding-bottom:10px}
  .country-stage h2{font-size:clamp(28px,8.5vw,38px)}
  .country-options{margin:18px 0 14px}
  .country-opt{width:100%;min-height:58px!important;padding:14px 15px!important}

  /* Encuesta */
  .question-app-screen{width:100%;min-height:calc(100svh - 48px);padding:16px 15px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;align-items:flex-start}
  .question-app-inner{width:100%;padding-top:0}
  .question-progress{margin-bottom:30px}
  .question-app-title{font-size:clamp(28px,8.5vw,37px);overflow-wrap:anywhere}
  .question-option{width:100%;min-height:62px;padding:14px 14px;border-radius:15px}
  .question-option-text{font-size:14px;line-height:1.35;overflow-wrap:anywhere}

  /* Resultado */
  .result-app-screen{min-height:100svh;padding:22px 16px max(26px,env(safe-area-inset-bottom))!important;overflow-y:auto;overflow-x:hidden}
  .result-app-inner{width:100%;max-width:520px}
  .result-app-title{font-size:clamp(38px,11vw,58px);overflow-wrap:anywhere}
  .result-app-desc{width:100%;font-size:14px}
  .result-app-note{width:100%}
  .result-app-btn{width:100%;}

  /* Pantallas de decisión / agradecimiento */
  .decision-screen,.thankyou-screen{width:100%;min-height:100svh;overflow-y:auto;overflow-x:hidden}
  .decision-stage,.thankyou-stage{width:100%;min-height:100svh;padding:76px 18px max(30px,env(safe-area-inset-bottom));justify-content:center;overflow:visible}
  .decision-kicker{top:22px;left:18px}
  .decision-progress{top:45px;left:18px;right:18px}
  .decision-content{width:100%;max-width:520px;margin:auto}
  .decision-orbit{width:88px;height:88px;margin-bottom:22px}
  .decision-content h2{font-size:clamp(28px,8.5vw,38px);overflow-wrap:anywhere}
  .decision-content p{font-size:14px;margin-bottom:24px}
  .decision-actions{width:100%;max-width:430px}
  .decision-primary{width:100%;min-height:56px;padding:15px 16px;line-height:1.25}
  .decision-secondary{margin-top:12px}

  .thankyou-stage{padding-top:30px}
  .thankyou-glow{width:300px;height:300px;top:36%}
  .thankyou-mark{width:64px;height:64px;margin:12px auto 22px}
  .thankyou-stage h2{font-size:clamp(29px,8.5vw,40px);overflow-wrap:anywhere}
  .thankyou-stage>p{font-size:14px}
  .thankyou-quote{font-size:13px;padding:17px 15px;margin-bottom:24px}
  .thankyou-restart{width:100%;max-width:360px}

  /* Video fullscreen: respetar notch/home indicator */
  .video-screen{width:100vw!important;height:100svh!important;min-height:100svh!important}
  .video-screen .screen-video{width:100%!important;height:100%!important;object-fit:cover!important}
  .video-screen .video-continue{bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px))!important;max-width:calc(100vw - 36px)!important;white-space:nowrap}

  /* Oferta final */
  .final-app-screen{width:100%;min-height:100svh;overflow-x:hidden;overflow-y:auto}
  .final-app-inner{width:100%;max-width:760px;padding:28px 16px max(34px,env(safe-area-inset-bottom))}
  .final-title{font-size:clamp(34px,10vw,48px);overflow-wrap:anywhere}
  .final-intro{font-size:14px}
  .final-products-stage{width:100%;margin:12px 0 0}
  .final-product-item{width:100%;max-width:330px}
  .final-product-image{height:min(72vw,290px)}
  .final-product-image img{width:90%;height:100%}
  .final-product-copy h3{font-size:20px}
  .final-product-copy strong{font-size:12px}
  .final-process{margin-left:-16px;margin-right:-16px;padding:30px 16px 28px}
  .final-process-mockup{width:100%;border-radius:16px}
  .final-includes-grid{width:100%;grid-template-columns:1fr}
  .final-decision{padding:24px 16px 21px;border-radius:20px}
  .final-decision h2{font-size:24px}
  .final-cta-stack{width:100%}
  .final-cta-stack button{width:100%;min-height:55px}

  .footer{padding:18px 15px max(20px,env(safe-area-inset-bottom));}
}

@media(max-width:380px){
  .topbar{font-size:10px;padding-left:12px;padding-right:12px}
  .welcome-title{font-size:38px}
  .welcome-copy{font-size:13px}
  .question-app-screen{padding-left:12px;padding-right:12px}
  .question-progress{margin-bottom:24px}
  .question-option{min-height:58px;padding:13px 12px}
  .question-option-text{font-size:13px}
  .decision-stage,.thankyou-stage{padding-left:14px;padding-right:14px}
  .decision-kicker{left:14px}
  .decision-progress{left:14px;right:14px}
  .final-app-inner{padding-left:13px;padding-right:13px}
}

@media(min-width:701px){
  /* En pantallas grandes conserva el lenguaje de app, pero aprovecha mejor el ancho. */
  .app-shell{max-width:820px}
  .screen{padding-left:30px;padding-right:30px}
  .question-app-inner,.country-app-stage,.decision-stage,.thankyou-stage{max-width:680px}
}

/* V1.7.6 — encuadre responsive de videos verticales */
.video-screen{
  display:grid!important;
  place-items:center!important;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
}
.video-screen .fullscreen-video{
  display:grid!important;
  place-items:center!important;
}
.video-screen .screen-video{
  position:relative!important;
  inset:auto!important;
  width:min(100%,56.25dvh)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:9/16!important;
  object-fit:contain!important;
  border-radius:12px;
  background:#111!important;
}
@media(max-width:700px){
  .video-screen{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
  .video-screen .screen-video{width:min(100%,56.25dvh)!important;border-radius:10px}
}

/* V1.7.7 — mostrar Continuar únicamente al finalizar el video */
.video-screen .video-continue{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.video-screen .video-continue.video-continue-show{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* V1.7.8 — botón compacto, centrado en la zona baja y con entrada */
.video-screen .video-continue{
  top:75%!important;
  bottom:auto!important;
  left:50%!important;
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 32px)!important;
  padding:14px 24px!important;
  white-space:nowrap!important;
  transform:translate(-50%,-50%)!important;
}
.video-screen .video-continue.video-continue-show{
  animation:videoContinueEnter .38s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes videoContinueEnter{
  from{scale:.9;filter:blur(3px)}
  to{scale:1;filter:blur(0)}
}
@media(prefers-reduced-motion:reduce){
  .video-screen .video-continue.video-continue-show{animation:none!important}
}

/* V1.8.0 — progreso y tiempo de reproducción en videos */
.video-progress{
  position:absolute;
  top:max(18px,calc(env(safe-area-inset-top) + 10px));
  left:50%;
  z-index:30;
  width:min(78vw,480px,56.25dvh);
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  pointer-events:none;
  transform:translateX(-50%);
}
.video-progress-track{height:4px;width:100%;overflow:hidden;border-radius:999px;background:#ffffff45}
.video-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--orange);transition:width .18s linear}

/* V1.8.2 — el video de producto también respeta el marco vertical */
.video-screen .fullscreen-video video.screen-video{
  position:relative!important;
  inset:auto!important;
  width:min(100%,56.25dvh)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:9/16!important;
  object-fit:contain!important;
  margin:auto!important;
  border-radius:12px;
}
@media(max-width:700px){
  .video-screen .fullscreen-video video.screen-video{border-radius:10px}
}

/* V1.8.3 — control discreto para pausar y reanudar el video */
.video-play-toggle{
  position:absolute!important;
  left:50%!important;
  top:78%!important;
  z-index:100001!important;
  display:grid!important;
  place-items:center;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  padding:0!important;
  border:1px solid #ffffff70!important;
  border-radius:50%!important;
  background:#111b!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.82;
  transform:translate(-50%,-50%);
  backdrop-filter:blur(8px);
  transition:opacity .2s ease,background .2s ease;
}
.video-play-toggle:hover,.video-play-toggle:focus-visible{opacity:1;background:#f47b20!important;outline:2px solid #fff;outline-offset:2px}
.video-play-toggle.is-paused{background:#151515e8!important}
.video-play-toggle.is-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){
  .video-play-toggle{top:77%!important;width:44px!important;height:44px!important;min-width:44px!important}
}

/* V1.8.5 — invitación opcional al grupo Control Natural */
.thankyou-whatsapp{position:relative;z-index:1;width:min(100%,410px);margin:0 auto 22px;text-align:left}
.thankyou-whatsapp h3{margin:0 0 7px;color:#fff;font-size:17px;letter-spacing:-.01em}
.thankyou-whatsapp>p{margin:0 auto 14px!important;color:#a4a4a9!important;font-size:13px;line-height:1.5}
.thankyou-whatsapp-link{display:flex;align-items:center;gap:13px;width:100%;min-height:78px;padding:11px 14px;border:1px solid rgba(244,123,32,.38);border-radius:15px;background:linear-gradient(110deg,rgba(244,123,32,.15),rgba(255,255,255,.045));color:#fff;text-align:left;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.thankyou-whatsapp-link:hover,.thankyou-whatsapp-link:focus-visible{border-color:#f47b20;background:rgba(244,123,32,.2);transform:translateY(-1px);outline:2px solid #f4a15f;outline-offset:2px}
.thankyou-whatsapp-link img{flex:0 0 54px;width:54px;height:54px;border:1px solid #ffffff35;border-radius:50%;object-fit:cover;object-position:center}
.thankyou-whatsapp-label{display:grid;gap:4px;min-width:0;flex:1}
.thankyou-whatsapp-label strong{font-size:15px;font-weight:850}
.thankyou-whatsapp-label small{color:#c4c4c8;font-size:11px;line-height:1.35}
.thankyou-whatsapp-arrow{color:#f4a15f;font-size:23px;font-weight:800}


/* GoHighLevel form mount */
.ghl-form-callout{position:relative;width:min(100%,620px);margin:25px auto 0;padding:22px 20px 20px;overflow:hidden;border:1px solid rgba(244,123,32,.48);border-radius:18px;background:linear-gradient(135deg,rgba(244,123,32,.16),rgba(244,123,32,.045) 58%,rgba(255,255,255,.035));box-shadow:0 12px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06);text-align:center}
.ghl-form-callout:before{position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,123,32,.8),transparent);content:""}
.ghl-form-callout-icon{display:grid;width:34px;height:34px;margin:0 auto 10px;place-items:center;border:1px solid rgba(244,123,32,.45);border-radius:50%;background:rgba(244,123,32,.13);color:#f4a15f;font-size:16px}
.ghl-form-callout h3{margin:0 0 7px;color:#f4a15f;font-size:clamp(19px,4.5vw,24px);font-weight:850;line-height:1.2;letter-spacing:-.02em}
.ghl-form-callout p{max-width:480px;margin:0 auto;color:#d0d0d4;font-size:14px;line-height:1.55}
.ghl-form-container{width:min(100%,620px);margin:14px auto 0;padding:10px;overflow:hidden;border:1px solid rgba(244,123,32,.42);border-radius:20px;background:linear-gradient(145deg,rgba(244,123,32,.12),rgba(255,255,255,.035) 34%,rgba(255,255,255,.02));box-shadow:0 20px 50px rgba(0,0,0,.35),0 0 30px rgba(244,123,32,.1)}
.ghl-form-container iframe{display:block;width:100%;max-width:100%;height:1007px;border:0;border-radius:12px;background:#fff}
@media(max-width:620px){.ghl-form-callout{margin-top:20px;padding:19px 15px 17px;border-radius:16px}.ghl-form-callout p{font-size:13px}.ghl-form-container{margin-top:11px;padding:5px;border-radius:15px}.ghl-form-container iframe{border-radius:10px}}