/* Extenso Frete — v1.9.4 | visual refinement */
.extenso-frete{position:relative!important;z-index:5!important;width:calc(100% - 40px)!important;max-width:none!important;margin:0 auto!important;padding:0!important;color:#182B49!important;font-family:inherit!important;box-sizing:border-box!important}
.extenso-frete,.extenso-frete *{box-sizing:border-box!important}

.extenso-frete__trigger{position:relative!important;z-index:6!important;width:100%!important;min-height:58px!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:10px 8px!important;border-top:1px solid #e9ebef!important;border-bottom:1px solid #e9ebef!important;border-left:0!important;border-right:0!important;border-radius:0!important;background:transparent!important;color:#263956!important;box-shadow:none!important;cursor:pointer!important;transition:background .18s ease!important}
.extenso-frete__trigger:hover{background:rgba(24,43,73,.018)!important}
.extenso-frete__left{display:flex!important;align-items:center!important;flex:1 1 auto!important;gap:8px!important;min-width:0!important}
.extenso-frete__truck{width:30px!important;height:30px!important;flex:0 0 30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#8a929d!important}
.extenso-frete__truck svg{display:block!important;width:18px!important;height:18px!important;fill:currentColor!important}
.extenso-frete__label{color:#34445d!important;font-size:13px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:-.05px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.extenso-frete.has-selection .extenso-frete__label{font-weight:400!important;color:#34445d!important}
.extenso-frete__cep-inline{width:116px!important;min-width:116px!important;max-width:130px!important;height:38px!important;flex:0 0 116px!important;margin-left:auto!important;padding:0 8px!important;border:1px solid #fff!important;outline:0!important;border-radius:2px!important;background:#fff!important;color:#263956!important;font:inherit!important;font-size:16px!important;font-weight:450!important;line-height:36px!important;letter-spacing:.1px!important;text-align:right!important;appearance:none!important;-webkit-appearance:none!important;cursor:text!important;transition:border-color .18s ease,box-shadow .18s ease!important}
.extenso-frete__cep-inline:hover{border:1px solid #fff!important;border-color:#fff!important;box-shadow:none!important;outline:none!important}
.extenso-frete__cep-inline:focus{border:1px solid #fff!important;border-color:#fff!important;box-shadow:none!important;outline:none!important;background:#fff!important}
.extenso-frete__cep-inline::placeholder{color:#9aa1aa!important;opacity:1!important;font-size:15px!important;font-weight:400!important}
.extenso-frete__cep-inline:-webkit-autofill,.extenso-frete__cep-inline:-webkit-autofill:hover,.extenso-frete__cep-inline:-webkit-autofill:focus{-webkit-text-fill-color:#263956!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 9999s ease-out 0s!important}

.extenso-frete .extenso-frete__panel{position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:7!important;width:100%!important;margin:0!important;padding:0 20px 14px!important;background:#fff!important;border:1px solid #e3e6eb!important;border-top:0!important;border-radius:0 0 7px 7px!important;box-shadow:0 10px 26px rgba(22,34,52,.10)!important;color:#263956!important}
.extenso-frete .extenso-frete__panel[hidden]{display:none!important}
.extenso-frete__details-label{margin:0!important;padding:13px 0 10px!important;border-top:1px solid #f0f1f3!important;color:#687383!important;font-size:11px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:.15px!important;text-transform:uppercase!important}
.extenso-frete__form{margin:0!important;padding:0!important}
.extenso-frete__loading,.extenso-frete__error{margin:0!important;padding:10px 0 9px!important;background:transparent!important;border:0!important;color:#697484!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important}
.extenso-frete__error{color:#7a6870!important}
.extenso-frete__results{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.extenso-frete__service-list{margin:0!important;padding:0!important;border-top:1px solid #edf0f3!important}
.extenso-frete__service{position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;margin:0!important;padding:13px 2px!important;border:0!important;border-bottom:1px solid #edf0f3!important;border-radius:0!important;background:#fff!important;color:#263956!important;cursor:pointer!important;transition:background .15s ease!important}
.extenso-frete__service:hover{background:#fafbfc!important}
.extenso-frete__service input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.extenso-frete__radio{width:17px!important;height:17px!important;flex:0 0 17px!important;position:relative!important;border:1px solid #b7bec8!important;border-radius:50%!important;background:#fff!important}
.extenso-frete__service input:checked + .extenso-frete__radio{border-color:#ef4f08!important}
.extenso-frete__service input:checked + .extenso-frete__radio:after{content:""!important;position:absolute!important;left:4px!important;top:4px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#ef4f08!important}
.extenso-frete__service-main{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1 1 auto!important}
.extenso-frete__service-main strong{color:#263956!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.05px!important}
.extenso-frete__service-main small{margin-top:3px!important;color:#87909c!important;font-size:11px!important;font-weight:400!important;line-height:1.2!important}
.extenso-frete__service b{flex:0 0 auto!important;margin-left:auto!important;color:#263956!important;font-size:13.5px!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap!important}
.extenso-frete__service:last-child{border-bottom:0!important}
.extenso-frete__service--pickup b{font-size:12.5px!important;font-weight:500!important;color:#667184!important}
.extenso-frete__service--pickup .extenso-frete__service-main small{font-size:10.5px!important;color:#9aa2ad!important}

@media(min-width:768px){
 /* O simulador fica acima apenas do conteúdo que vem abaixo dele.
    Blocos de pagamento/parcelamento que ocupam a área superior permanecem na frente. */
 .extenso-frete{z-index:2!important}
 .extenso-frete .extenso-frete__panel{z-index:3!important}
 .extenso-frete{z-index:2!important}
 .extenso-frete.is-open .extenso-frete__panel{margin-bottom:0!important}
 .extenso-frete__panel .extenso-frete__service-main strong{font-size:13px!important;font-weight:500!important}
 .extenso-frete__panel .extenso-frete__service-main small{font-size:10.5px!important}
}

@media(max-width:767px){
 .extenso-frete{width:calc(100% - 40px)!important;z-index:2!important}
 .extenso-frete__trigger{min-height:54px!important;padding:8px 4px!important;gap:7px!important}
 .extenso-frete__left{gap:6px!important}
 .extenso-frete__truck{width:28px!important;height:28px!important;flex-basis:28px!important}
 .extenso-frete__truck svg{width:18px!important;height:18px!important}
 .extenso-frete__label{font-size:12px!important;font-weight:400!important}
 .extenso-frete__cep-inline{width:108px!important;min-width:108px!important;max-width:112px!important;flex-basis:108px!important;height:36px!important;font-size:15px!important;line-height:34px!important}

 /* No mobile, as opções fazem parte do fluxo da página. Assim o painel empurra
    a descrição para baixo em vez de ficar sobre ela e criar ruído visual. */
 .extenso-frete .extenso-frete__panel{
   position:relative!important;
   top:auto!important;
   left:auto!important;
   right:auto!important;
   width:100%!important;
   margin:0 0 18px!important;
   padding:0 12px 8px!important;
   border:1px solid #e7e9ed!important;
   border-top:0!important;
   border-radius:0 0 6px 6px!important;
   background:#fff!important;
   box-shadow:0 8px 20px rgba(22,34,52,.07)!important;
   z-index:3!important;
 }
 .extenso-frete__details-label{font-size:10px!important;padding:9px 0 7px!important;letter-spacing:.1px!important}
 .extenso-frete__service{gap:9px!important;padding:10px 1px!important}
 .extenso-frete__service-main strong{font-size:12px!important;font-weight:450!important;line-height:1.25!important}
 .extenso-frete__service-main small{font-size:10px!important;font-weight:400!important}
 .extenso-frete__service b{font-size:13px!important;font-weight:450!important}
}


/* Ajuste visual solicitado: bloco inteiro 3px para a esquerda no mobile. */
@media(max-width:767px){
 .extenso-frete{transform:translateX(-3px)!important;}
 .extenso-frete__trigger{border-top:1px solid #e9ebef!important;border-bottom:1px solid #e9ebef!important;border-left:0!important;border-right:0!important;box-shadow:none!important;outline:0!important;}
 .extenso-frete__cep-inline{border:1px solid #fff!important;border-color:#fff!important;box-shadow:none!important;outline:0!important;}
 .extenso-frete__cep-inline:hover,.extenso-frete__cep-inline:focus{border:1px solid #fff!important;border-color:#fff!important;box-shadow:none!important;outline:0!important;}
}


/* Ajuste visual 2.0.6: remove somente o quadrado/máscara do ícone do frete. */
.extenso-frete__truck{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
.extenso-frete__truck::before,.extenso-frete__truck::after{content:none!important;background:transparent!important;border:0!important;box-shadow:none!important;}

/* Mantém as linhas do bloco e desloca somente o conteúdo 3px para a esquerda no mobile. */
@media(max-width:767px){
 .extenso-frete__trigger{padding-left:1px!important;padding-right:4px!important;}
 .extenso-frete__left{transform:translateX(-3px)!important;}
 .extenso-frete__cep-inline{transform:translateX(-3px)!important;}
}


/* Ajuste visual 2.0.7: no desktop, desloca o bloco inteiro 5px para a esquerda. */
@media(min-width:768px){
 .extenso-frete{transform:translateX(-5px)!important;}
}
