/* WellTV Premium Conversion Layer v1
   Visual refinement only. Conversion tracking remains in existing JS. */
:root{
  --premium-blue:#5c93ff;
  --premium-purple:#9e6cff;
  --premium-cyan:#4de0ff;
  --premium-surface:rgba(18,22,38,.72);
  --premium-border:rgba(148,169,255,.18);
  --premium-shadow:0 24px 80px rgba(0,0,0,.34);
}
body.home-v2{
  background:
    radial-gradient(circle at 12% 8%,rgba(69,109,255,.12),transparent 28%),
    radial-gradient(circle at 88% 20%,rgba(158,108,255,.11),transparent 26%),
    #070912;
}
.home-v2 .header{
  background:rgba(7,9,18,.78);
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  border-bottom-color:rgba(148,169,255,.12);
}
.home-v2 .nav{max-width:1240px}
.home-v2 nav a{position:relative;transition:.2s ease}
.home-v2 nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--premium-blue),var(--premium-purple));transition:right .2s ease}
.home-v2 nav a:hover:after{right:0}
.home-v2 .button{
  border-radius:12px;
  background:linear-gradient(115deg,#4d83ff 0%,#7468ff 45%,#a15fe6 100%);
  box-shadow:0 12px 34px rgba(91,105,255,.2);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.home-v2 .button:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(91,105,255,.3)}
.home-v2 .button.outline{background:rgba(12,15,26,.66);border-color:rgba(151,166,215,.32);box-shadow:none}
.home-v2 .hero-v2{isolation:isolate;background:radial-gradient(ellipse at 75% 35%,rgba(80,91,255,.15),transparent 37%),linear-gradient(180deg,#090b15 0%,#070912 100%)}
.home-v2 .hero-v2:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(122,139,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,139,210,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:-1}
.home-v2 .hero-copy h1{max-width:720px;letter-spacing:-.055em}
.home-v2 .hero-copy>p{font-size:18px;max-width:610px;color:#bdc4d8}
.home-v2 .hero-copy .pill{border-color:rgba(117,148,255,.3);background:rgba(35,48,92,.26);box-shadow:inset 0 0 28px rgba(90,121,255,.06)}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.hero-trust span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border-radius:999px;border:1px solid rgba(145,164,220,.17);background:rgba(13,17,30,.6);color:#c7cede;font-size:11px;font-weight:700;letter-spacing:.01em}
.hero-trust i{font-style:normal;color:#84d9ff}
.home-v2 .hero-stage{filter:drop-shadow(0 32px 64px rgba(0,0,0,.24))}
.home-v2 .tv-mock,.home-v2 .phone-mock{border-color:rgba(129,153,255,.28);box-shadow:0 24px 70px rgba(6,9,25,.55),inset 0 0 0 1px rgba(255,255,255,.04)}
.home-v2 .section-heading{align-items:flex-end}
.home-v2 .section-heading>p{max-width:430px;color:#abb4ca}
.home-v2 .experience-compact{position:relative}
.home-v2 .experience-compact:after{content:"";position:absolute;left:50%;bottom:0;width:70%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(135,154,219,.2),transparent)}
.why-welltv{display:grid;grid-template-columns:.92fr 1.35fr;gap:72px;align-items:start}
.why-intro{position:sticky;top:130px}
.why-intro h2{font-size:clamp(34px,4vw,54px);max-width:520px}
.why-intro p{max-width:470px;font-size:16px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-grid article{min-height:245px;padding:28px;border:1px solid var(--premium-border);border-radius:18px;background:linear-gradient(150deg,rgba(21,27,46,.86),rgba(11,14,25,.82));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .2s ease,border-color .2s ease}
.why-grid article:hover{transform:translateY(-4px);border-color:rgba(135,158,255,.34)}
.why-number{display:flex;width:38px;height:38px;border-radius:11px;align-items:center;justify-content:center;margin-bottom:34px;background:linear-gradient(135deg,rgba(76,144,255,.18),rgba(176,128,255,.18));border:1px solid rgba(139,158,255,.22);font-size:10px;font-weight:800;color:#b9c9ff;letter-spacing:.12em}
.why-grid h3{font-size:21px;margin-bottom:10px}
.why-grid p{font-size:13px;line-height:1.75;margin:0;color:#aeb7ca}
.home-v2 #planos{position:relative}
.home-v2 #planos:before{content:"";position:absolute;left:50%;top:36%;width:min(1000px,80vw);height:520px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(83,91,255,.09),transparent 68%);pointer-events:none}
.home-v2 .plans{position:relative;gap:18px}
.home-v2 .plan{border-radius:18px;border-color:rgba(132,146,198,.18);background:linear-gradient(155deg,rgba(21,25,43,.96),rgba(11,13,23,.96));box-shadow:0 20px 55px rgba(0,0,0,.18);overflow:visible;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-v2 .plan:hover{transform:translateY(-5px);border-color:rgba(117,143,255,.35);box-shadow:0 28px 65px rgba(0,0,0,.27)}
.home-v2 .plan[data-plan="trimestral"]{border-color:rgba(143,112,255,.56);background:linear-gradient(155deg,rgba(37,29,65,.98),rgba(15,16,30,.98));box-shadow:0 22px 65px rgba(105,71,214,.17)}
.popular-badge{position:absolute;top:-13px;right:18px;padding:7px 11px;border-radius:999px;background:linear-gradient(100deg,#6f88ff,#a369e8);color:white;font-size:8px;font-weight:900;letter-spacing:.14em;box-shadow:0 10px 25px rgba(105,76,218,.28)}
.home-v2 .plan .price{font-size:44px}
.home-v2 .plan .plan-button{border-radius:11px}
.home-v2 #feedbacks{background:linear-gradient(180deg,rgba(12,15,27,.88),rgba(10,12,22,.94));border-block-color:rgba(133,148,204,.13)}
.home-v2 .feedbacks figure{border-radius:16px;border-color:rgba(118,143,199,.2);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.home-v2 .feedback-zoom{background:rgba(25,37,62,.92)}
.home-v2 .device-grid article{border-radius:16px;border-color:rgba(132,146,198,.17);background:linear-gradient(150deg,rgba(18,22,38,.94),rgba(11,14,24,.94));transition:transform .18s ease,border-color .18s ease}
.home-v2 .device-grid article:hover{transform:translateY(-3px);border-color:rgba(117,143,255,.32)}
.home-v2 details{border-color:rgba(126,140,190,.18)}
.home-v2 summary{font-size:17px}
.trust-footer-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,rgba(96,123,216,.2),rgba(154,105,230,.2));margin-bottom:28px}
.trust-footer-strip span{display:flex;min-height:76px;align-items:center;justify-content:center;text-align:center;padding:16px;background:#0d101b;color:#bfc7db;font-size:11px;font-weight:700;letter-spacing:.03em}
.home-v2 .client-banner{border-radius:22px;background:radial-gradient(ellipse at top right,rgba(109,72,193,.28),transparent 56%),linear-gradient(140deg,#14182a,#0e111d);border-color:rgba(133,112,200,.34);box-shadow:var(--premium-shadow)}
.home-v2 footer{background:#05070d}
.home-v2 .wt-contact-bar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media(max-width:900px){
  .why-welltv{grid-template-columns:1fr;gap:34px}.why-intro{position:static}.why-intro h2{max-width:720px}.why-grid{grid-template-columns:1fr 1fr}.trust-footer-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .home-v2 .hero-layout{padding-top:28px}.home-v2 .hero-copy h1{font-size:clamp(45px,13vw,61px)}.home-v2 .hero-copy>p{font-size:15px;line-height:1.72}.hero-trust{gap:7px;margin-top:14px}.hero-trust span{font-size:10px;padding:6px 9px}.home-v2 .hero-bottom{gap:24px}.why-welltv{padding-top:74px;padding-bottom:74px}.why-grid{grid-template-columns:1fr;gap:12px}.why-grid article{min-height:0;padding:23px}.why-number{margin-bottom:24px}.home-v2 .plan{box-shadow:0 16px 40px rgba(0,0,0,.2)}.popular-badge{top:-11px}.trust-footer-strip{grid-template-columns:1fr 1fr}.trust-footer-strip span{min-height:68px;padding:12px;font-size:10px}.home-v2 .mobile-actions{background:rgba(7,10,20,.94);border-top-color:rgba(119,145,226,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
}
@media(max-width:420px){.trust-footer-strip{grid-template-columns:1fr}.trust-footer-strip span{min-height:54px}.hero-trust span{flex:1 1 auto;justify-content:center}.home-v2 .hero-copy .actions{display:grid;grid-template-columns:1fr}.home-v2 .hero-copy .actions .button{width:100%}}

/* WellTV Premium Conversion Layer v2
   Mobile conversion refinement only. Google Ads / Meta tracking untouched. */
@media(max-width:760px){
  /* Header: less vertical weight, more brand prominence */
  .home-v2 .header{height:82px}
  .home-v2 .nav{gap:14px}
  .home-v2 .brand{font-size:27px}
  .home-v2 .brand img{width:36px;height:36px}
  .home-v2 .brand small{font-size:7px;letter-spacing:1.8px;margin-top:6px}
  .home-v2 .menu{min-height:44px;padding:9px 13px;border-radius:11px;font-size:13px}

  /* Hero: tighter first screen, price closer to decision buttons */
  .home-v2 .hero-layout{padding:25px 0 22px;gap:8px}
  .home-v2 .hero-copy h1{font-size:clamp(43px,12.2vw,57px);line-height:1.035;margin-bottom:16px}
  .home-v2 .hero-copy>p{font-size:14px;line-height:1.58;margin-bottom:0}
  .home-v2 .hero-copy .pill{margin-bottom:16px;padding:7px 12px}
  .home-v2 .hero-copy .actions{margin:18px 0 10px;gap:9px}
  .home-v2 .hero-copy .actions .button{min-height:49px;font-size:12px;border-radius:11px}
  .home-v2 .hero-copy .hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0;padding:0;border:0}
  .home-v2 .hero-bottom span{padding:11px 12px;border:1px solid rgba(145,164,220,.15);border-radius:12px;background:rgba(11,15,28,.62);font-size:8px;line-height:1.25}
  .home-v2 .hero-bottom b{font-size:14px;margin-top:4px;white-space:nowrap}
  .home-v2 .hero-trust{margin:9px 0 6px;gap:6px}
  .home-v2 .hero-trust span{min-height:30px;font-size:9px;padding:5px 8px}
  .home-v2 .hero-copy .fine{font-size:10px!important;line-height:1.45!important;margin:7px 0 4px}

  /* Bring visual proof closer to the offer */
  .home-v2 .hero-stage{height:355px;margin-top:-2px}
  .home-v2 .robot{height:305px;width:204px;top:0}
  .home-v2 .stage-orbit{width:270px;height:270px}
  .home-v2 .stage-word{font-size:48px}
  .home-v2 .tv-mock{height:194px;bottom:31px}
  .home-v2 .screen-scene{height:97px}
  .home-v2 .phone-mock{width:92px;height:187px;bottom:5px}
  .home-v2 .phone-scene{height:84px}

  /* Compact support section: same content, less scrolling */
  .home-v2 .experience-compact{padding-top:46px;padding-bottom:50px}
  .home-v2 .experience-compact .eyebrow{margin-bottom:14px}
  .home-v2 .experience-compact h2{font-size:clamp(32px,9vw,42px);margin-bottom:14px}
  .home-v2 .experience-compact>div>p{font-size:13px;line-height:1.58;margin-bottom:15px}
  .home-v2 .experience-compact .benefit{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;margin:10px 0;padding:12px 0;border-bottom:1px solid rgba(135,154,219,.10)}
  .home-v2 .experience-compact .benefit:last-of-type{border-bottom:0}
  .home-v2 .experience-compact .benefit-icon{width:46px;height:46px;margin:0;border-radius:13px}
  .home-v2 .experience-compact .benefit h3{font-size:16px;margin:0 0 3px;line-height:1.2}
  .home-v2 .experience-compact .benefit p{font-size:12px;line-height:1.5;margin:0}
  .home-v2 .experience-compact .text-link{font-size:12px;padding-top:9px}

  /* General rhythm */
  .home-v2 .section{padding-block:54px}
  .home-v2 .why-welltv{padding-top:58px;padding-bottom:58px}
  .home-v2 .section-heading{margin-bottom:28px}

  /* Sticky conversion bar: slightly shorter and cleaner */
  body:not(.no-wt-contact){padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
  .home-v2 .wt-contact-bar{grid-template-columns:1.38fr 1fr;gap:7px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(7,18,32,.96)}
  .home-v2 .wt-contact-bar .wt-contact,.home-v2 .wt-contact-bar .wt-plans{min-height:46px;border-radius:11px;font-size:12px;padding:9px 7px}
  .home-v2 .wt-contact-bar .wt-contact svg{width:18px;height:18px}
}

@media(max-width:420px){
  .home-v2 .hero-copy .actions{grid-template-columns:1fr 1fr!important}
  .home-v2 .hero-copy .actions .button{font-size:11px;padding-inline:8px}
  .home-v2 .hero-bottom b{font-size:13px}
  .home-v2 .hero-stage{height:338px}
}


/* === WellTV Premium V3 — acabamento final mobile === */
.faq-cta{width:max-content;margin-top:18px}
@media(max-width:760px){
  /* Slightly calmer header/menu */
  .home-v2 .header{height:78px}
  .home-v2 .menu{min-height:40px;padding:8px 12px;border-radius:10px;font-size:12px}
  .home-v2 .brand{font-size:26px}
  .home-v2 .brand img{width:34px;height:34px}

  /* Keep hero premium but reduce first-screen friction */
  .home-v2 .hero-layout{padding-top:21px;padding-bottom:18px}
  .home-v2 .hero-copy h1{font-size:clamp(41px,11.7vw,55px);margin-bottom:13px}
  .home-v2 .hero-copy>p{font-size:13.5px;line-height:1.52}
  .home-v2 .hero-copy .actions{margin:15px 0 8px}
  .home-v2 .hero-copy .actions .button{min-height:47px}
  .home-v2 .hero-copy .hero-bottom{margin-top:8px}
  .home-v2 .hero-bottom span{padding:10px 11px}
  .home-v2 .hero-trust{margin-top:7px}
  .home-v2 .hero-stage{height:326px;margin-top:-6px}
  .home-v2 .robot{height:286px;width:191px}
  .home-v2 .tv-mock{height:182px;bottom:28px}
  .home-v2 .screen-scene{height:91px}
  .home-v2 .phone-mock{width:87px;height:177px}

  /* Benefits: denser, more editorial, less card-like */
  .home-v2 .experience-compact{padding-top:40px;padding-bottom:42px}
  .home-v2 .experience-compact h2{font-size:clamp(30px,8.4vw,39px);line-height:1.05;margin-bottom:11px}
  .home-v2 .experience-compact>div>p{font-size:12.5px;line-height:1.52;margin-bottom:10px}
  .home-v2 .experience-compact .benefit{grid-template-columns:44px 1fr;gap:12px;margin:6px 0;padding:9px 0}
  .home-v2 .experience-compact .benefit-icon{width:40px;height:40px;border-radius:11px}
  .home-v2 .experience-compact .benefit h3{font-size:14.5px;line-height:1.18;margin-bottom:2px}
  .home-v2 .experience-compact .benefit p{font-size:11.5px;line-height:1.42}
  .home-v2 .experience-compact .text-link{display:inline-block;margin-top:4px}

  /* Numbered differentiators: shorter cards and lighter hierarchy */
  .home-v2 .why-welltv{padding-top:48px;padding-bottom:48px}
  .home-v2 .why-grid{gap:9px}
  .home-v2 .why-grid article{padding:18px 18px 17px;border-radius:16px}
  .home-v2 .why-number{margin-bottom:14px;font-size:10px}
  .home-v2 .why-grid h3{font-size:15px;line-height:1.2;margin-bottom:6px}
  .home-v2 .why-grid p{font-size:11.5px;line-height:1.48}

  /* Compatibility: improve breathing room inside compact cards */
  .home-v2 .compatibility{gap:28px}
  .home-v2 .device-grid{gap:10px}
  .home-v2 .device-grid article{padding:19px 17px 18px;border-radius:16px}
  .home-v2 .device-grid h3{margin-top:12px;margin-bottom:7px;font-size:15px}
  .home-v2 .device-grid p{font-size:11.5px;line-height:1.48}

  /* FAQ CTA now behaves like a deliberate conversion action */
  .home-v2 .faq-cta{min-height:46px;padding:11px 15px;font-size:12px;border-radius:11px;margin-top:14px}

  /* Fixed conversion bar: free a few more pixels of viewport */
  body:not(.no-wt-contact){padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important}
  .home-v2 .wt-contact-bar{padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));gap:6px}
  .home-v2 .wt-contact-bar .wt-contact,.home-v2 .wt-contact-bar .wt-plans{min-height:43px;font-size:11.5px;border-radius:10px}
  .home-v2 .wt-contact-bar .wt-contact svg{width:17px;height:17px}
}

@media(max-width:420px){
  .home-v2 .hero-stage{height:312px}
  .home-v2 .why-grid article{padding:17px 16px}
  .home-v2 .device-grid article{padding:17px 15px}
}
