.claro-page{--claro-navy:#061b46;--claro-blue:#0765e8;--claro-cyan:#13cfe0;--claro-soft:#f4f9ff;color:#243b60;overflow-x:hidden}.claro-page h1,.claro-page h2,.claro-page h3{color:var(--claro-navy)}.claro-page .site-header--light{position:absolute;inset:0 0 auto;z-index:10;color:var(--claro-navy);background:rgb(255 255 255 / 92%);box-shadow:0 1px 0 rgb(6 27 70 / 8%);backdrop-filter:blur(10px)}.claro-page .site-header--light .brand img{width:100%;height:auto}.claro-page .site-header--light .nav-toggle{border-color:#b7c8df;color:var(--claro-navy)}.claro-page .site-header--light .header-cta{color:#fff}.claro-kicker{margin-bottom:.55rem;color:var(--claro-blue);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.claro-section{padding-block:clamp(3.5rem,7vw,6rem)}.claro-section--soft{background:linear-gradient(135deg,#f8fbff,#ebf6ff)}.claro-heading{max-width:54rem;margin:0 auto 2.3rem;text-align:center}.claro-heading h2{font-size:clamp(1.85rem,3.4vw,2.75rem)}.claro-heading>p:last-child{max-width:48rem;margin-inline:auto}.claro-button--outline{border-color:var(--claro-blue);color:var(--claro-blue);background:#fff}.claro-page :is(.button,.header-cta){cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.claro-page :is(.button--primary,.header-cta):hover,.claro-page .claro-button--outline:hover{color:#fff;background:var(--gradient-brand);box-shadow:0 .75rem 1.7rem rgb(0 97 255 / 25%);transform:translateY(-2px)}.claro-page :is(.button,.header-cta):focus-visible,.claro-page summary:focus-visible{outline:3px solid rgb(8 124 240 / 30%);outline-offset:3px}
.claro-hero{padding-top:6.7rem;background:#f4fbff url('../images/optimized/claro-empresas/hero-claro-vermelho-v2.webp') center/cover no-repeat}.claro-hero__grid{display:grid;min-height:39rem;grid-template-columns:.95fr 1.05fr;align-items:center}.claro-hero__copy{z-index:2;max-width:35rem;padding:4rem 1rem 4rem 0}.claro-hero h1{max-width:14ch;font-size:clamp(2.45rem,4.2vw,4rem);line-height:1.08;letter-spacing:-.045em}.claro-hero h1 span{color:var(--claro-blue)}.claro-hero__lead{font-size:1.08rem;font-weight:650}.claro-actions{display:flex;margin-top:1.7rem;flex-wrap:wrap;gap:1rem}.claro-hero__visual{position:relative;align-self:stretch;overflow:hidden}.claro-hero__visual:before{position:absolute;inset:7% -10% 0 4%;border-radius:55% 0 0 45%;background:linear-gradient(135deg,rgb(255 255 255 / 32%),rgb(166 224 255 / 18%));content:""}.claro-hero__person{position:absolute;right:12%;bottom:0;z-index:2;width:min(31rem,78%);height:auto;filter:drop-shadow(0 1rem 1.2rem rgb(6 27 70 / 16%))}.claro-hero__brand{position:absolute;right:1%;top:36%;z-index:4;display:grid;width:9rem;height:9rem;padding:1.1rem;place-items:center;border-radius:50%;background:#fff;box-shadow:0 1rem 2.5rem rgb(6 27 70 / 17%)}.claro-hero__brand img{width:100%;height:auto}.claro-hero__badge{position:absolute;z-index:4;display:grid;place-items:center;border-radius:50%;background:rgb(255 255 255 / 92%);box-shadow:0 .65rem 1.8rem rgb(6 27 70 / 14%)}.claro-hero__badge img{width:65%;height:65%;object-fit:contain}.claro-hero__badge--5g{top:8%;right:5%;width:6.5rem;height:6.5rem;color:#082e7d;font-size:2.8rem;font-weight:900}.claro-hero__badge--signal{top:31%;right:-1%;width:4.2rem;height:4.2rem}.claro-hero__badge--people{right:4%;bottom:7%;width:4.6rem;height:4.6rem}
.claro-benefits{border-block:1px solid #dce7f2;background:#fff}.claro-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr)}.claro-benefits article{display:flex;min-height:7.6rem;padding:1.3rem;align-items:center;gap:.8rem;border-right:1px solid #e4edf5}.claro-benefits article:last-child{border:0}.claro-benefits img{width:3.2rem;height:3.4rem;object-fit:contain}.claro-benefits h2{margin:0 0 .25rem;font-size:.95rem}.claro-benefits p{margin:0;font-size:.76rem;line-height:1.45}
.claro-solutions{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.claro-card{display:flex;min-height:30rem;padding:1.45rem;flex-direction:column;border:1px solid #d5e2f0;border-radius:1rem;background:#fff;box-shadow:0 .6rem 1.8rem rgb(6 27 70 / 6%)}.claro-card>img{width:3.7rem;height:3.9rem;object-fit:contain}.claro-card h3{font-size:1.2rem}.claro-card p,.claro-card li{font-size:.82rem}.claro-card ul{padding-left:1.1rem}.claro-card a{margin-top:auto;color:var(--claro-blue);font-size:.86rem;font-weight:850;text-decoration:none}.claro-mobile{display:grid;grid-template-columns:.75fr 2.25fr;gap:2rem;align-items:stretch}.claro-mobile__intro{padding:1.5rem 1rem 1.5rem 0}.claro-mobile__intro small{display:block;margin-top:1.4rem;padding-left:1rem;border-left:3px solid var(--claro-cyan);color:#5b6f8e}.claro-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.claro-team-grid article{display:flex;padding:1.5rem;flex-direction:column;align-items:center;border:1px solid #d5e2f0;border-radius:1rem;background:#fff;text-align:center}.claro-team-grid img{width:4rem;height:4.25rem;object-fit:contain}.claro-team-grid p{font-size:.86rem}.claro-team-grid .button{width:100%;margin-top:auto;padding-inline:.6rem;font-size:.78rem}
.claro-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.claro-connect,.claro-builder{overflow:hidden;border:1px solid #d5e2f0;border-radius:1rem;background:#fff;box-shadow:0 .6rem 1.8rem rgb(6 27 70 / 6%)}.claro-connect{position:relative;min-height:44rem;padding:2rem}.claro-connect>div{position:relative;z-index:2;width:63%}.claro-connect>img{position:absolute;right:-4%;bottom:0;width:52%;height:auto}.claro-connect dl{display:grid;gap:1rem;margin-block:1.5rem}.claro-connect dt{color:var(--claro-navy);font-weight:850}.claro-connect dd{margin:0;font-size:.82rem}.claro-connect .button{font-size:.8rem}.claro-builder{padding:2rem}.claro-builder ol{display:grid;margin:2rem 0;padding:0;grid-template-columns:1fr 1fr;gap:.8rem;list-style:none}.claro-builder li{position:relative;display:grid;min-height:11rem;padding:1rem;place-items:center;border:1px solid #dce7f2;border-radius:.8rem;text-align:center}.claro-builder li span{position:absolute;top:.3rem;left:.65rem;color:#dce8f5;font-size:2.6rem;font-weight:900}.claro-builder li img{z-index:1;width:3.4rem;height:3.6rem;object-fit:contain}.claro-builder li b{z-index:1;font-size:.77rem}.claro-builder>.button{width:100%}
.claro-why{padding-block:3.8rem;background:linear-gradient(110deg,#0759e8,#0b94ea,#13cfe0)}.claro-why :is(h2,h3,p,.claro-kicker){color:#fff}.claro-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.claro-why__grid article{padding:1.25rem;border-left:1px solid rgb(255 255 255 / 45%)}.claro-why__grid h3{font-size:1.05rem}.claro-why__grid p{font-size:.82rem}
.claro-contact{display:grid;grid-template-columns:1.5fr .5fr;gap:2.5rem;padding:2.5rem;border:1px solid #d5e2f0;border-radius:1rem;background:#fff}.claro-contact h2{font-size:clamp(1.55rem,2.6vw,2.25rem)}.claro-form{margin-top:1.5rem}.claro-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.claro-form__full{grid-column:1/-1}.claro-form textarea{width:100%;padding:.75rem;border:1px solid #cbd5e6;border-radius:.55rem;background:#f9fbff;resize:vertical}.claro-form textarea:focus{border-color:var(--claro-blue);outline:3px solid rgb(8 124 240 / 15%)}.claro-consent{margin:.4rem 0}.claro-submit{width:100%;margin-top:.8rem}.claro-fallback{margin-top:1rem}.claro-fallback a{color:var(--claro-blue);font-weight:800}.claro-direct{padding-left:2.5rem;border-left:1px solid #d5e2f0;text-align:center}.claro-direct h2{font-size:1.35rem}.claro-direct>img{width:min(14rem,100%);margin:1rem auto}.claro-direct .button{width:100%}.claro-direct small{display:block;margin-top:1rem;color:#687c98}
.claro-faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.claro-faq details{border:1px solid #d5e2f0;border-radius:.75rem;background:#fff}.claro-faq summary{padding:1rem 2.8rem 1rem 1rem;color:var(--claro-navy);font-weight:800;cursor:pointer}.claro-faq details p{padding:0 1rem 1rem;margin:0;font-size:.9rem}.claro-final{position:relative;width:min(var(--container),calc(100% - 2rem));min-height:21rem;margin:0 auto 2rem;overflow:hidden;border:1px solid #d5e2f0;border-radius:1rem;background:linear-gradient(105deg,#fff 0 38%,#e5f5ff)}.claro-final>img{position:absolute;right:-5%;bottom:-27%;width:92%;max-width:none}.claro-final .container{position:relative;z-index:2;display:flex;min-height:21rem;padding:2rem 2.5rem;align-items:center}.claro-final .container>div{max-width:31rem}.claro-final h2{font-size:clamp(1.8rem,3vw,2.5rem)}
@media(max-width:64rem){.claro-page .site-header--light{background:#fff}.claro-page .site-header--light .site-nav{color:#fff;background:var(--color-navy-950)}.claro-solutions,.claro-benefits__grid,.claro-why__grid{grid-template-columns:1fr 1fr}.claro-benefits article:nth-child(2){border-right:0}.claro-mobile{grid-template-columns:1fr}.claro-mobile__intro{padding:0}.claro-connect-grid{grid-template-columns:1fr}.claro-connect{min-height:36rem}.claro-card{min-height:27rem}}
@media(max-width:48rem){.claro-hero{background-position:62% center}.claro-hero__grid{grid-template-columns:1fr}.claro-hero__copy{padding:3rem 0 1.5rem}.claro-hero__visual{min-height:27rem}.claro-team-grid{grid-template-columns:1fr}.claro-contact{padding:1.5rem;grid-template-columns:1fr}.claro-direct{padding:2rem 0 0;border-top:1px solid #d5e2f0;border-left:0}.claro-faq__grid{grid-template-columns:1fr}.claro-final>img{right:-38%;bottom:-3%;width:170%}.claro-final .container{padding-bottom:12rem;align-items:flex-start}.claro-connect>div{width:72%}}
@media(max-width:36rem){.claro-actions{align-items:stretch;flex-direction:column}.claro-actions>*{width:100%}.claro-solutions,.claro-benefits__grid,.claro-why__grid{grid-template-columns:1fr}.claro-benefits article{border-right:0;border-bottom:1px solid #e4edf5}.claro-card{min-height:0}.claro-builder ol{grid-template-columns:1fr}.claro-contact{padding:1.1rem}.claro-form__grid{grid-template-columns:1fr}.claro-form__full{grid-column:auto}.claro-connect{min-height:45rem;padding:1.3rem}.claro-connect>div{width:100%}.claro-connect>img{opacity:.35;width:75%}.claro-hero__brand{right:2%;width:7rem;height:7rem}.claro-hero__person{right:10%;width:84%}}
@media(prefers-reduced-motion:reduce){.claro-page *{scroll-behavior:auto!important;transition:none!important}}

/* Composição final dos badges do hero */
.claro-hero__person{right:13%;width:min(31rem,76%)}
.claro-hero__brand{top:38%;right:7%;z-index:5}
.claro-hero__badge{background:#fff;box-shadow:0 .65rem 1.8rem rgb(6 27 70 / 16%)}
.claro-hero__badge img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.claro-hero__badge--arrow{top:12%;left:4%;width:4.5rem;height:4.5rem;color:#075be8;font-size:3rem;font-weight:900;line-height:1}
.claro-hero__badge--5g{top:8%;right:7%}
.claro-hero__badge--signal{top:48%;right:0;width:4.3rem;height:4.3rem}
.claro-hero__badge--people{right:3%;bottom:7%;width:4.7rem;height:4.7rem}
@media(max-width:36rem){.claro-hero__brand{top:40%;right:3%;width:6.5rem;height:6.5rem;padding:.8rem}.claro-hero__person{right:10%;width:82%}.claro-hero__badge--arrow{top:8%;left:2%;width:3.5rem;height:3.5rem;font-size:2.35rem}.claro-hero__badge--5g{top:5%;right:3%;width:4.7rem;height:4.7rem;font-size:2rem}.claro-hero__badge--signal{top:47%;right:-.4rem;width:3.5rem;height:3.5rem}.claro-hero__badge--people{right:1%;bottom:5%;width:3.8rem;height:3.8rem}}

/* Hero alinhado ao padrão da página Vivo Empresas */
.claro-page .site-header--light{background:transparent;box-shadow:none;backdrop-filter:none}
.claro-hero__grid{min-height:44rem;grid-template-columns:minmax(25rem,.92fr) minmax(34rem,1.08fr)}
.claro-hero__copy{max-width:32rem;padding:4.25rem 1rem 3.5rem 0}
.claro-hero h1{max-width:13ch;font-size:clamp(2.55rem,3.5vw,3.75rem);line-height:1.08}
.claro-hero__copy>p:not(.claro-kicker){max-width:30rem}
.claro-hero .claro-actions{width:18rem;margin-top:1.7rem;align-items:stretch;flex-direction:column;gap:.85rem}
.claro-hero .claro-actions .button{width:100%;min-height:3.35rem;justify-content:space-between}
.claro-hero__visual{min-height:44rem}
.claro-hero__person{right:11%;width:min(32rem,76%)}
@media(max-width:64rem){.claro-page .site-header--light{background:transparent}.claro-hero__grid{grid-template-columns:minmax(22rem,.9fr) minmax(27rem,1.1fr)}.claro-hero__copy{padding-right:0}}
@media(max-width:48rem){.claro-page .site-header--light{background:rgb(255 255 255 / 94%);box-shadow:0 1px 0 rgb(6 27 70 / 8%)}.claro-hero__grid{display:block;min-height:0}.claro-hero__copy{max-width:none;padding:3rem 0 1.5rem}.claro-hero__visual{min-height:27rem}.claro-hero .claro-actions{width:100%}}

.claro-benefits img{width:3.2rem;height:3.2rem;flex:0 0 3.2rem;object-fit:contain}

/* Conectividade e solução personalizada conforme referência aprovada */
.claro-connect-grid{grid-template-columns:.9fr 1.1fr;gap:1rem}
.claro-connect{display:grid;min-height:43rem;padding:0;grid-template-columns:1.05fr .95fr}
.claro-connect>.claro-connect__copy{z-index:2;width:auto;padding:2rem 1.2rem 1.6rem 2rem}
.claro-connect dl>div{display:flex;align-items:center;gap:.7rem}
.claro-connect dl>div>img{width:3rem;height:3rem;flex:0 0 3rem;object-fit:contain}
.claro-connect dl>div>div{min-width:0}
.claro-connect__media{position:relative;min-width:0;overflow:hidden}
.claro-connect__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.claro-connect__wifi{position:absolute;top:7%;left:8%;z-index:2;width:6.6rem;height:6.6rem;object-fit:contain;filter:drop-shadow(0 .25rem .5rem rgb(255 255 255 / 70%))}
.claro-builder{padding:2rem 1.5rem}
.claro-builder ol{grid-template-columns:repeat(4,1fr);gap:.55rem}
.claro-builder li{min-height:14rem;padding:1rem .55rem}
.claro-builder li img{width:4rem;height:4.25rem}
.claro-builder li b{font-size:.72rem;line-height:1.45}
@media(max-width:64rem){.claro-connect-grid{grid-template-columns:1fr}.claro-builder ol{grid-template-columns:repeat(4,1fr)}}
@media(max-width:48rem){.claro-connect{min-height:0;grid-template-columns:1fr}.claro-connect>.claro-connect__copy{padding:1.5rem}.claro-connect__media{min-height:28rem}.claro-builder ol{grid-template-columns:1fr 1fr}}
@media(max-width:36rem){.claro-builder ol{grid-template-columns:1fr}.claro-builder li{min-height:11rem}.claro-connect__wifi{width:5.2rem;height:5.2rem}}

/* Correção de proporções após validação visual da seção */
.claro-connect-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);align-items:stretch}
.claro-connect{min-height:32rem;grid-template-columns:minmax(0,1.15fr) minmax(12rem,.85fr)}
.claro-connect>.claro-connect__copy{padding:1.25rem .8rem 1.15rem 1.25rem}
.claro-connect h2{max-width:none;font-size:1.45rem;line-height:1.16}
.claro-connect__copy>p{font-size:.76rem;line-height:1.42}
.claro-connect dl{margin-block:.85rem;gap:.45rem}
.claro-connect dl>div{gap:.55rem}
.claro-connect dl>div>img{width:2.25rem;height:2.25rem;flex-basis:2.25rem}
.claro-connect dt{font-size:.75rem}
.claro-connect dd{font-size:.64rem;line-height:1.35}
.claro-connect .button{width:100%;min-height:2.8rem;padding:.6rem .7rem;white-space:normal;text-align:center}
.claro-connect__media{width:100%}
.claro-connect__photo{object-position:center center}
.claro-connect__wifi{top:5%;left:50%;width:5.4rem;height:5.4rem;transform:translateX(-50%)}
.claro-builder{min-height:0;padding:1.4rem 1.25rem}
.claro-builder h2{max-width:none;font-size:clamp(1.55rem,1.75vw,1.8rem);line-height:1.16}
.claro-builder>p:not(.claro-kicker){font-size:.82rem;line-height:1.5}
.claro-builder ol{margin:1.5rem 0;gap:.5rem}
.claro-builder li{display:flex;min-height:11.5rem;padding:3.1rem .55rem .9rem;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6rem}
.claro-builder li span{top:.15rem;left:.5rem;font-size:2.35rem}
.claro-builder li img{width:5.2rem;height:5.2rem;flex:0 0 auto;object-fit:contain}
.claro-builder li b{max-width:11rem;font-size:.68rem;line-height:1.4}
.claro-builder>.button{min-height:2.9rem}
@media(max-width:64rem){.claro-connect-grid{grid-template-columns:1fr}.claro-connect,.claro-builder{min-height:0}.claro-connect{grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr)}.claro-builder li{min-height:10.5rem}}
@media(max-width:48rem){.claro-connect{grid-template-columns:1fr}.claro-connect__media{min-height:24rem}.claro-builder ol{grid-template-columns:1fr 1fr}.claro-builder li{min-height:10rem}}
@media(max-width:36rem){.claro-connect>.claro-connect__copy{padding:1.3rem}.claro-connect h2{font-size:1.65rem}.claro-builder h2{font-size:1.65rem}.claro-builder ol{grid-template-columns:1fr}.claro-builder li{min-height:8.5rem;padding-top:2.8rem}.claro-builder li img{width:4.5rem;height:4.5rem}}

/* Imagem aprovada aplicada como fundo integral do bloco de conectividade */
.claro-connect{position:relative;display:block;min-height:32rem}
.claro-connect>.claro-connect__copy{position:relative;z-index:3;width:56%;max-width:17rem}
.claro-connect>.claro-connect__media{position:absolute;inset:0;z-index:1;width:100%;height:100%}
.claro-connect__photo{width:100%;height:100%;object-fit:cover;object-position:center}
.claro-connect__wifi{top:5%;left:65%;width:5.4rem;height:5.4rem;transform:translateX(-50%)}
@media(max-width:48rem){.claro-connect{min-height:48rem}.claro-connect>.claro-connect__copy{width:100%;max-width:none;padding-right:1.25rem}.claro-connect>.claro-connect__media{min-height:0}.claro-connect__photo{object-position:62% center}}

/* Ícones completos, centralizados e sem recorte nos cards de diagnóstico */
.claro-builder li{overflow:hidden}
.claro-builder li img{display:block;width:3.25rem;height:3.25rem;margin-inline:auto;flex:0 0 3.25rem;object-fit:contain;object-position:center}

/* Preserva o padrão universal da central de atendimento */
.claro-page .contact-modal__header h2{color:#fff}
.claro-page .contact-modal__header p{color:#fff}
.claro-page .contact-modal__panel:focus{outline:none}

/* Claro Empresas Móvel — proporções e ícones do layout aprovado */
.claro-mobile{grid-template-columns:minmax(15rem,.82fr) minmax(0,2.18fr);gap:2rem;align-items:center}
.claro-mobile__intro{padding:.5rem 0}
.claro-mobile__intro h2{max-width:16ch;font-size:clamp(1.75rem,2.6vw,2.35rem);line-height:1.16}
.claro-mobile__intro>p:not(.claro-kicker){font-size:.92rem;line-height:1.55}
.claro-mobile__intro small{display:flex;margin-top:1.25rem;padding:0;align-items:flex-start;gap:.65rem;border:0;font-size:.72rem;line-height:1.45}
.claro-mobile__intro small img{width:2.25rem;height:2.25rem;flex:0 0 2.25rem;object-fit:contain}
.claro-team-grid{align-self:center;gap:.75rem}
.claro-team-grid article{min-height:21.25rem;padding:1.15rem 1rem}
.claro-team-grid img{width:3rem;height:3rem;margin-bottom:.55rem;object-fit:contain}
.claro-team-grid h3{font-size:1rem;line-height:1.2}
.claro-team-grid p{font-size:.75rem;line-height:1.45}
.claro-team-grid .button{min-height:2.65rem;padding:.55rem;font-size:.72rem}
@media(max-width:64rem){.claro-mobile{grid-template-columns:1fr}.claro-mobile__intro h2{max-width:22ch}.claro-team-grid article{min-height:19rem}}
@media(max-width:48rem){.claro-team-grid{grid-template-columns:1fr}.claro-team-grid article{min-height:17rem}}

/* Arte completa Claro Empresas enviada pelo cliente. */
.claro-hero{background-position:center;background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.8) 32%,rgba(255,255,255,0) 60%),url("../images/optimized/claro-empresas/hero-claro-vermelho-v2.webp")}
.claro-hero__visual:before{content:none}
@media(max-width:48rem){.claro-hero{background:#f4fbff}.claro-hero__visual{min-height:0;height:25rem;margin-inline:calc((100vw - 100%) / -2);background:url("../images/optimized/claro-empresas/hero-claro-vermelho-v2.webp") 78% center/cover no-repeat}}