.jvnet-home-mobile{display:none}
@media(max-width:680px){
.preview-native-plans{grid-column:1/-1;width:100%;box-sizing:border-box;padding:8px 15px 22px;display:grid;gap:15px;background:#edf8ff;font-family:Arial,sans-serif}
.preview-native-plans .internet-reference-region{position:static!important;inset:auto!important;max-width:none!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
.np-heading{text-align:center;padding:8px 0 3px}.np-heading h2{font-size:25px;letter-spacing:-.8px;line-height:1.2;color:#0b3b75;margin:0 0 7px}.np-heading p{font-size:12px;line-height:1.5;margin:0;color:#5d7a96}
.np-card{position:relative;background:#fff;border:1px solid #cee4f5;border-radius:19px;padding:22px;box-shadow:0 7px 20px #12578e08;box-sizing:border-box;color:#0a3c77}
.np-card.popular{border:2px solid #0988e3;background:linear-gradient(150deg,#f0f9ff,#fff 65%);padding-top:30px;margin-top:8px}
.np-badge{position:absolute;left:19px;top:-13px;background:linear-gradient(100deg,#0675dd,#03b8e9);border-radius:20px;padding:7px 12px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.4px;box-shadow:0 3px 9px #0788d625}
.np-speed{display:flex;align-items:baseline;gap:7px}.np-speed b{font-size:44px;letter-spacing:-2px;line-height:1;color:#063c80}.np-speed span{font-size:20px;color:#078bdd;font-weight:800;letter-spacing:-.5px}
.np-description{font-size:12px;line-height:1.5;color:#5a7691;margin:10px 0 16px}
.np-benefits{list-style:none;margin:0 0 18px;padding:13px;border-radius:12px;background:#edf7ff;display:grid;gap:9px}.np-benefits li{display:flex;align-items:center;gap:9px;color:#335e85;font-size:12px;line-height:1.3}.np-benefits svg{width:17px;height:17px;flex:0 0 17px;color:#0783dc}
.np-price{display:flex;align-items:baseline;gap:4px;margin:0 0 15px;color:#0b4487}.np-price .currency{font-size:16px;font-weight:700}.np-price b{font-size:38px;line-height:1;letter-spacing:-1.5px}.np-price .month{font-size:12px;color:#63819d}
.np-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:43px;border-radius:10px;background:linear-gradient(110deg,#00a66b,#00bf78);color:#fff;font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 4px 10px #00ac7015}.np-button img{width:19px;height:19px}
}
@media(max-width:680px){
html,body{scroll-behavior:auto!important}
.np-speed{flex-direction:column;gap:0}.np-speed b{font-size:52px;color:#050608;letter-spacing:-2.5px}.np-speed span{font-size:26px;color:#0064ff;line-height:1.1;letter-spacing:-.7px}.np-description{color:#2359ac;font-size:13px;line-height:1.4;min-height:36px;margin:8px 0 13px}.np-benefits{background:linear-gradient(120deg,#e6f4ff,#cfecff);padding:12px 13px;gap:9px;margin-bottom:12px}.np-benefits li{font-size:13px;color:#0753c5}.np-benefits svg{width:20px;height:20px;flex-basis:20px;color:#0074ff}.np-only{font-size:10px;letter-spacing:.5px;color:#1061cf;font-weight:700;margin-bottom:2px}.np-price .currency{color:#060b12;font-size:23px}.np-price b{font-size:43px;color:#005bff}.np-price .month{color:#1167d9;font-size:14px}.np-badge{display:flex;align-items:center;gap:6px}.np-badge svg{width:19px;height:19px}.np-card.popular{background:linear-gradient(130deg,#fff,#e2f3ff)}.np-button{background:linear-gradient(110deg,#009a3b,#00b755);font-size:14px;font-weight:700}
.np-all{display:block;line-height:0;border-radius:18px;overflow:hidden}.np-all img{display:block;width:100%;height:auto!important;max-width:100%;object-fit:contain}
.jvnet-public>.help-live{padding:26px 0}.help-live-wrap{width:calc(100% - 36px)}.help-live-head{margin-bottom:18px}.help-live-head>span{font-size:10px;letter-spacing:1px}.help-live-head h2{font-size:27px;letter-spacing:-.8px;margin:7px 0 9px}.help-live-head p{font-size:13px;line-height:1.5}.help-live-grid{gap:10px}.help-live-card{min-height:98px;padding:14px;gap:12px;border-radius:14px}.help-live-icon{flex:0 0 42px;width:42px;height:42px;border-radius:11px}.help-live-icon svg,.help-live-icon img{width:27px;height:27px}.help-live-copy strong{font-size:15px;line-height:1.3}.help-live-copy>span{font-size:12px;line-height:1.45;margin-top:4px}
}
@media(max-width:680px){
.ph-services,.ph-benefits,.ph-app{box-sizing:border-box;padding:25px 18px;background:#edf8ff;font-family:Arial,sans-serif;color:#102d59}.ph-head{text-align:center;margin:0 0 18px}.ph-head>span{font-size:10px;letter-spacing:1px;font-weight:700;color:#0074dc}.ph-head h2{font-size:24px;line-height:1.17;letter-spacing:-.6px;margin:8px 0}.ph-head p{font-size:13px;line-height:1.5;color:#526a87;margin:0}.ph-stack{display:grid;gap:16px}.ph-service{padding:20px;border:1px solid #cfe6f6;border-radius:18px;background:linear-gradient(130deg,#fff,#f5fbff);min-width:0}.ph-service-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ph-service h3{font-size:21px;line-height:1.2;margin:10px 0}.ph-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e0f2ff;color:#0070ef;flex-shrink:0}.ph-icon svg{width:25px;height:25px}.ph-product{width:117px;height:98px;background-image:url('assets/approved/services-home-referencia.png');background-repeat:no-repeat;flex-shrink:0}.ph-product.ph-product-phone{background-size:844.76% auto;background-position:26.09% 32.83%}.ph-product.ph-product-mesh{background-size:974.72% auto;background-position:56.53% 33.2%}.ph-service>p{font-size:13px;line-height:1.5;margin:9px 0 14px;color:#52708f}.ph-service-price{padding:12px 0;border-top:1px solid #dfedf8;border-bottom:1px solid #dfedf8}.ph-service-price small{display:block;font-size:11px;color:#56708a;margin-bottom:2px}.ph-service-price b{font-size:27px;letter-spacing:-.7px}.ph-service-price>span{font-size:11px;color:#56708a}.ph-list{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}.ph-list li{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.5}.ph-list li>span{display:inline-grid;place-items:center;flex-shrink:0;width:17px;height:17px;background:#0879f6;color:white;border-radius:50%;font-size:11px;margin-top:1px}.ph-button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:43px;padding:6px 10px;box-sizing:border-box;color:#fff;background:#00a95b;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none}.ph-benefit{padding:16px;border:1px solid #0875bf;border-radius:19px;background:linear-gradient(145deg,#034b91,#052452);color:white}.ph-benefit-photo{display:block;aspect-ratio:2.15;background-repeat:no-repeat;border-radius:11px;background-color:#0862a0;overflow:hidden}.ph-benefit h3{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.2;margin:15px 0 10px}.ph-benefit .ph-icon{background:#0e75c1;color:#fff}.ph-benefit>p{font-size:13px;line-height:1.5;margin:0 0 12px;color:#e3f1ff}.ph-benefit .ph-list{color:#e3f1ff}.ph-extra{font-size:11px;line-height:1.7;padding:10px;background:#ffffff0a;border-radius:9px;white-space:pre-line;margin:10px 0 14px;text-align:center}.ph-app{background:linear-gradient(130deg,#fff,#e9f6ff);padding:30px 24px}.ph-app h2{font-size:29px;letter-spacing:-.8px;line-height:1.1;margin:0 0 12px}.ph-app h2>span{color:#008ceb}.ph-app h3{font-size:18px;line-height:1.3;margin:0 0 16px}.ph-app .ph-list{gap:10px;font-weight:600;color:#1258ad}.ph-app>p{font-size:13px;line-height:1.5;color:#526b86;margin:18px 0}.ph-app>p strong{display:block;color:#13488c;margin-top:4px}.ph-downloads{display:flex;gap:10px}.ph-downloads>a,.ph-downloads>span{display:block;flex:1;min-width:0}.ph-downloads img{display:block;width:100%;height:auto}
}
@media(max-width:680px){.ph-product.ph-product-phone{height:88.6px}.ph-service-group{padding:18px;border:1px solid #cfe6f6;border-radius:18px;background:#fff}.ph-service-group>h3{font-size:21px;margin:0 0 7px}.ph-service-group>p{font-size:13px;line-height:1.5;color:#52708f;margin:0 0 15px}.ph-service-small{display:grid;grid-template-columns:30px minmax(0,1fr) 70px;gap:9px;align-items:center;padding:13px 10px;border:1px solid #d5e9f7;border-radius:12px;background:#f4faff;margin-top:10px}.ph-service-small .ph-icon{width:30px;height:30px;border-radius:8px}.ph-service-small .ph-icon svg{width:21px;height:21px}.ph-small-copy h3{font-size:14px;line-height:1.25;margin:0 0 5px}.ph-small-copy p{font-size:11px;line-height:1.4;color:#52708f;margin:0}.ph-small-aside .ph-service-price{padding:0;border:0;text-align:right;margin-bottom:7px}.ph-small-aside .ph-service-price b{font-size:17px;white-space:nowrap}.ph-small-aside .ph-service-price>span{font-size:10px;display:block}.ph-small-aside .ph-service-price small:empty{display:none}.ph-small-aside .ph-button{font-size:10px;min-height:34px;padding:5px;border-radius:7px}}
/* Cor do CTA no celular, inclusive antes de escolher os serviços. */
@media(max-width:680px){
#combo .combo-order,#combo .combo-order.combo-order-disabled{opacity:1!important;background:linear-gradient(110deg,#009a4b,#00b96b)!important;color:#fff!important}
}

@media(max-width:680px){
.internet-reference-frame>.internet-reference-region{display:none!important}
[data-home-mobile-host]{display:block!important;padding:0!important;margin:0!important;gap:0!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-width:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
[data-home-mobile-host]>:not(.jvnet-home-mobile){display:none!important}
[data-home-mobile-host]::before,[data-home-mobile-host]::after{display:none!important}
.jvnet-home-mobile{display:block}.preview-native-plans.jvnet-home-mobile{display:grid}
.ph-icon img{width:25px;height:25px;object-fit:contain}
.np-button:focus-visible,.np-all:focus-visible,.ph-button:focus-visible,.ph-benefit-photo:focus-visible,.ph-downloads a:focus-visible{outline:3px solid #0989ee;outline-offset:3px}
}

/* Recursos do Aplicativo JVNET: símbolos vetoriais da prévia aprovada. */
@media(max-width:680px){
.ph-app .ph-app-features{gap:12px;margin:20px 0}
.ph-app .ph-app-features li{gap:12px;align-items:center;min-height:34px}
.ph-app .ph-app-features li>.ph-app-feature-icon{display:block;flex:0 0 34px;width:34px;height:34px;margin-top:0;background:transparent;border-radius:0;color:#0966cc}
.ph-app-feature-icon svg{display:block;width:100%;height:100%}
}

/* Planos de internet no celular: visual aprovado com preço preto. */
@media(max-width:680px){
.preview-native-plans{background:#f3faff}
.np-heading h2{color:#03060c;font-size:28px;letter-spacing:-1px;line-height:1.1}
.np-heading p{color:#0758ed;line-height:1.4}
.np-card{padding:22px 22px 16px;border:1px solid #aee0fc;border-radius:18px;background:linear-gradient(135deg,#fff,#fbfdff);box-shadow:0 6px 18px #1778b50c}
.np-card.popular{border:2px solid #0988e3;padding-top:30px;background:linear-gradient(130deg,#fff,#e2f3ff)}
.np-speed b{font-size:62px;line-height:.95;letter-spacing:-2.2px;font-weight:850;color:#030408}
.np-speed span{font-size:32px;line-height:1.02;letter-spacing:-.8px;color:#075cff;font-weight:800;margin-top:1px}
.np-description{font-size:15px;line-height:1.3;color:#0752dc;margin:8px 0 13px;min-height:0}
.np-benefits{padding:13px 14px;margin-bottom:13px;background:linear-gradient(120deg,#e4f5ff,#d9eeff);gap:8px}
.np-benefits li{gap:12px;font-size:14px;color:#0759dc}
.np-benefits svg{width:21px;height:21px;flex-basis:21px;color:#057bfa}
.np-only{font-size:11px;letter-spacing:0;color:#1054ca;margin-bottom:1px}
.np-price{gap:3px;line-height:1;margin-bottom:13px;color:#000}
.np-price .currency{font-size:33px;font-weight:800;letter-spacing:-1.1px;color:#000}
.np-price b{font-size:58px;font-weight:800;letter-spacing:-2px;color:#000}
.np-price .month{font-size:18px;margin-left:1px;color:#000}
.np-button{height:47px;border:1px solid #00ad65;border-radius:11px;background:#00bd71;font-size:15px;box-shadow:none}
.np-button img{display:block;width:20px;height:20px}
}

/* Equilíbrio óptico do símbolo monetário aprovado para celular. */
@media(max-width:680px){.np-price .currency .np-currency-symbol{font-size:1.08em;line-height:0}}

/* Faixas, textos e símbolos nítidos, com a arte original do computador preservada. */
.mh-apps-picture{display:contents}
.jvnet-footer-approved .jfa-social .jfa-home-social-vector{display:none!important}
@media(max-width:680px){
.jvnet-footer-approved .jfa-social .jfa-home-social-vector{display:block!important}
.jvnet-footer-approved .jfa-social .jfa-home-social-raster{display:none!important}
.ph-benefit-photo{position:relative}
.ph-video-label{position:absolute;right:2%;bottom:5%;width:44%;height:28%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 5px;border:1px solid #008feb;border-radius:20px;background:linear-gradient(#0758ac,#05245e);color:#fff;font:600 11px/1.15 Arial,Helvetica,sans-serif;white-space:nowrap}
.ph-video-label svg{display:block;width:21px;height:21px;flex:0 0 21px}
}

/* ETAPA 136: approved mobile-plan cards only; all other Home sections are preserved. */
.mh-approved-desktop,.mh-approved-stack{display:none}
.mh-section .mh-viewport{display:none!important}
.mh-approved-art,.mh-approved-card{display:block;width:100%;height:auto;max-width:none}
.mh-approved-art a:focus-visible,.mh-approved-card a:focus-visible{outline:3px solid #005eff;outline-offset:4px}
.mh-vector-order:hover{filter:brightness(.96)}
@media(min-width:1101px){
 .mh-section .mh-approved-desktop{display:block;position:relative;width:100%;aspect-ratio:1945/705;overflow:hidden}
 .mh-approved-desktop>.mh-approved-art{position:absolute;top:50%;left:0;transform:translateY(-50%)}
}
@media(max-width:1100px){
 .mh-section .mh-approved-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 20px 24px;max-width:1100px;margin:0 auto}
 .mh-approved-card{min-width:0}
}
@media(max-width:680px){
 .mh-section .mh-approved-stack{grid-template-columns:minmax(0,1fr);max-width:420px;gap:6px;padding:0 18px 22px}
}

/* ETAPA 142: fundo completo no computador, sem o recorte vertical anterior. */
@media(min-width:1101px){
 .mh-section .mh-approved-desktop{aspect-ratio:auto;overflow:visible}
 .mh-approved-desktop>.mh-approved-art{position:static;top:auto;left:auto;transform:none;height:auto}
}

/* ETAPA 151: unidade ao lado da velocidade nos cartões de internet do celular. */
@media(max-width:680px){.np-speed{flex-direction:row;align-items:baseline;gap:9px}.np-speed span{margin-top:0}}

/* ETAPA 174: only the three approved mobile benefit cards. */
@media(max-width:680px){
 .ph-benefits .ph-stack{grid-template-columns:minmax(0,1fr)}
 .ph-benefits .ph-benefit{min-width:0;padding:12px;border:1px solid #b6e2ff;border-radius:19px;background:#fff;color:#07174e;box-shadow:0 5px 16px #126bc00b}
 .ph-benefits .ph-benefit-photo{width:100%;border-radius:12px;background-color:#edf7ff}
 .ph-benefits .ph-benefit h3{gap:11px;margin:13px 0 10px;font-size:20px;line-height:1.2;color:#07174e}
 .ph-benefits .ph-benefit h3>span:last-child{min-width:0;overflow-wrap:anywhere}
 .ph-benefits .ph-benefit .ph-icon{width:42px;height:42px;background:#e0f1ff;color:#006aff;border-radius:11px}
 .ph-benefits .ph-benefit>p{font-size:14px;line-height:1.5;color:#142655;margin:0 0 12px;overflow-wrap:anywhere}
 .ph-benefits .ph-benefit .ph-list{color:#142655;margin:12px 0;gap:9px}
 .ph-benefits .ph-benefit-list:empty{display:none}
 .ph-benefits .ph-benefit .ph-benefit-list li{font-size:13px;line-height:1.4;align-items:center;gap:10px}
 .ph-benefits .ph-benefit .ph-benefit-list li>span{width:23px;height:23px;flex:0 0 23px;margin:0;background:transparent;color:#0876ff;border-radius:0}
 .ph-benefit-list svg{display:block;width:23px;height:23px}
 .ph-benefits .ph-benefit-logos{width:100%;background-repeat:no-repeat;border-radius:10px;margin:12px 0;background-color:#eef7ff}
 .ph-benefits .ph-benefit .ph-extra{color:#142655;background:#eef7ff;font-size:12px;overflow-wrap:anywhere}
 .ph-benefits .ph-benefit .ph-button{width:100%;min-height:43px;margin-top:12px;gap:7px;border-radius:11px;color:#fff;font-size:14px;line-height:1.25}
 .ph-benefits .ph-benefit .ph-button svg{width:23px;height:23px;flex:0 0 23px;color:#0066ff}
}

/* ETAPA 176: only the approved additional-service cards on phones. */
@media(max-width:680px){
 .ph-services .ph-service,.ph-services .ph-service-group{background:#fff;border:1px solid #b6e2ff;box-shadow:0 5px 16px #126bc00b;color:#07174e}
 .ph-services .ph-service>p,.ph-services .ph-service-group>p{font-size:14px;line-height:1.5;color:#142655}
 .ph-services .ph-service-price b,.ph-services .ph-service-price>span{color:#060b15}
 .ph-services .ph-service-price>b{white-space:nowrap}
 .ph-services .ph-product{background-image:url('assets/home-sharp/services-approved-176.png');background-color:#fff}
 .ph-services .ph-product.ph-product-phone{width:120px;height:86.18px;background-size:806.3636% auto;background-position:25.4183% 27.7092%}
 .ph-services .ph-product.ph-product-mesh{width:120px;height:94.7368px;background-size:933.6842% auto;background-position:56.8813% 27.5441%}
 .ph-services .ph-service-benefits{gap:10px;color:#142655}
 .ph-services .ph-service-benefits li{align-items:center;gap:10px;font-size:13px;line-height:1.4}
 .ph-services .ph-service-benefits li>span{width:29px;height:29px;flex:0 0 29px;margin:0;background:#e4f3ff;border-radius:9px;color:#0876ff}
 .ph-services .ph-service-benefits svg{width:21px;height:21px;display:block}
 .ph-services .ph-service-small{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px 11px;padding:13px;background:#f3faff;border:1px solid #d0eaff;min-width:0}
 .ph-services .ph-service-small .ph-icon{width:34px;height:34px;background:#e0f1ff}
 .ph-services .ph-small-copy h3{font-size:16px;overflow-wrap:anywhere}
 .ph-services .ph-small-copy p{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
 .ph-services .ph-small-aside{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}
 .ph-services .ph-small-aside .ph-service-price{display:flex;align-items:baseline;gap:2px;margin:0;text-align:left;white-space:nowrap}
 .ph-services .ph-small-aside .ph-service-price b{font-size:18px;line-height:1.2}
 .ph-services .ph-small-aside .ph-service-price>span{display:inline;font-size:11px}
 .ph-services .ph-small-aside .ph-service-price small:empty{display:none}
 .ph-services .ph-small-aside .ph-button{font-size:12px;min-height:35px;min-width:83px;padding:6px 8px;border-radius:9px}
 .ph-services .ph-service>.ph-button{font-size:14px;min-height:44px;border-radius:11px}
}

/* ETAPA 180: os cartões de benefícios seguem as mesmas bordas dos serviços acima. */
@media(max-width:680px){.ph-benefits>.ph-stack{box-sizing:border-box;padding-inline:0}}

/* ETAPA 183: mais 24px acima e 32px abaixo, preservando o fundo e as laterais do celular. */
@media(max-width:680px){.ph-benefits{padding-top:49px;padding-bottom:57px}}