/* =====================================================================
   Weblink Internacional -- camada propria do formulario de encomenda
   ---------------------------------------------------------------------
   Este ficheiro vive DENTRO de templates/orderforms/standard_cart/css/ e
   e carregado automaticamente pelo common.tpl, atraves do
   {assetExists file="custom.css"} que ja la estava. Fica a seguir ao
   all.min.css do carrinho, ou seja: e a ultima folha de estilo da pagina.

   Porque e que existe: o tema do painel (templates/WEBLINK/css/) esta a
   ser trabalhado em paralelo por outro agente, e ja la definiu a paleta
   da marca em variaveis --wl-*. Escrever no ficheiro dele seria colidir.
   Por isso tudo o que e especifico do funil de compra fica aqui, e as
   cores vem sempre por var(--wl-...) com o valor do site principal como
   reserva -- se o ficheiro do tema mudar de nome ou nao chegar a carregar,
   o carrinho continua com as cores certas em vez de voltar ao azul do
   Bootstrap.

   A paleta de reserva foi tirada de /home/weblinkpt/public_html/assets/css/
   (main-style.css, menu.css, comum-origem.css):
     #fb0 / #ffca37  amarelo da chamada a accao (.mw-btn), tinta #152458
     #0435b2 / #032a8e  azul do menu e dos botoes secundarios
     #091437 / #0f0d2c  azul-escuro dos blocos e do rodape
     #252c43 / #3b3b55  tinta dos titulos e do corpo
     #f5f7ff / #e2e2e2  fundo suave e bordas
     #13b763 verde, #ff4546 vermelho
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. ESPACO MORTO NO FIM DA PAGINA

   Medido em 22/08/2026 no /cart.php?a=checkout&e=false, viewport 1536px:
   entre o ultimo elemento com conteudo e o topo do rodape havia 180px,
   repartidos assim:
       40px  #order-standard_cart { padding-bottom }   <- deste carrinho
       60px  .main-content { margin-bottom }           <- tema
       20px  #main-body { padding-bottom }             <- tema
       60px  folga acima do rodape                     <- tema
   Os 140px do tema sao de outro agente. Os 40px sao meus e saem daqui: o
   tema ja poe 60px de margem por baixo do .main-content, nao ha razao
   para o carrinho somar mais 40.
   --------------------------------------------------------------------- */
#order-standard_cart {
    padding-bottom: 0;
}

/* Redes de seguranca para contentores que ficam sem conteudo. O :empty do
   CSS so apanha elementos sem NENHUM no filho -- e o Smarty deixa quase
   sempre espacos em branco la dentro -- por isso a correccao a serio esta
   nos .tpl (products.tpl, configureproduct.tpl). Isto aqui apanha os casos
   em que o Smarty nao deixa sequer espacos, e nao custa nada. */
#order-standard_cart .products .row:empty,
#order-standard_cart .product-configurable-options .row:empty,
#order-standard_cart .addon-promo-slot:empty {
    display: none;
}
#order-standard_cart .products .product .product-desc ul:empty {
    display: none;
}


/* ---------------------------------------------------------------------
   2. INDICADOR DE ETAPAS (produto -> dominio -> configurar -> pagar)

   Nao existia nada no funil que dissesse ao cliente onde e que ele esta.
   O markup esta em includes/order-steps.tpl.
   --------------------------------------------------------------------- */
#order-standard_cart .wl-order-steps {
    display: flex;
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    counter-reset: wlstep;
    font-size: 13px;
    line-height: 1.25;
}

#order-standard_cart .wl-order-steps .wl-step {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    padding: 0 4px;
    text-align: center;
    color: var(--wl-cinza, #9ba3c4);
}

/* A linha que liga uma etapa a seguinte. Fica atras do numero. */
#order-standard_cart .wl-order-steps .wl-step::before {
    content: "";
    position: absolute;
    top: 13px;
    right: 50%;
    width: 100%;
    height: 2px;
    background: var(--wl-borda, #e2e2e2);
}
#order-standard_cart .wl-order-steps .wl-step:first-child::before {
    display: none;
}

#order-standard_cart .wl-order-steps .wl-step-num {
    position: relative;
    z-index: 1;
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 7px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--wl-borda, #e2e2e2);
    color: var(--wl-cinza, #9ba3c4);
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
}

#order-standard_cart .wl-order-steps .wl-step-label {
    display: block;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Etapa ja cumprida: azul da marca. */
#order-standard_cart .wl-order-steps .is-done {
    color: var(--wl-azul, #0435b2);
}
#order-standard_cart .wl-order-steps .is-done .wl-step-num {
    background: var(--wl-azul, #0435b2);
    border-color: var(--wl-azul, #0435b2);
    color: #fff;
}
#order-standard_cart .wl-order-steps .is-done::before {
    background: var(--wl-azul, #0435b2);
}

/* Etapa actual: amarelo, o mesmo destaque que o site principal da ao que
   e para carregar a seguir. */
#order-standard_cart .wl-order-steps .is-current {
    color: var(--wl-tinta-amarelo, #152458);
    font-weight: 600;
}
#order-standard_cart .wl-order-steps .is-current .wl-step-num {
    background: var(--wl-amarelo, #fb0);
    border-color: var(--wl-amarelo, #fb0);
    color: var(--wl-tinta-amarelo, #152458);
}
#order-standard_cart .wl-order-steps .is-current::before {
    background: var(--wl-azul, #0435b2);
}

/* Em ecra estreito o rotulo por extenso nao cabe nas quatro colunas sem
   partir palavras a meio. Fica so o numero da etapa actual e o texto dela. */
@media (max-width: 479px) {
    #order-standard_cart .wl-order-steps {
        font-size: 12px;
    }
    #order-standard_cart .wl-order-steps .wl-step-label {
        display: none;
    }
    #order-standard_cart .wl-order-steps .is-current .wl-step-label {
        display: block;
    }
    #order-standard_cart .wl-order-steps .wl-step {
        flex: 0 0 auto;
    }
    #order-standard_cart .wl-order-steps .is-current {
        flex: 1 1 auto;
    }
}


/* ---------------------------------------------------------------------
   3. CARTOES DE PRODUTO

   O all.css de origem punha o cartao a 60% de descricao / 40% de rodape
   com floats, e SEM nenhuma media query. Medido a 360px: cartao de 313px
   partido em 187px + 124px -- o botao "Encomendar" ficava com 124px.
   Abaixo dos 576px passa a empilhar.
   --------------------------------------------------------------------- */
#order-standard_cart .products .product {
    border: 1px solid var(--wl-borda, #e2e2e2);
    border-radius: var(--wl-raio, 8px);
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
}
#order-standard_cart .products .product:hover {
    border-color: var(--wl-campo, #d4d7e3);
    box-shadow: 0 6px 18px rgba(9, 20, 55, .08);
}
#order-standard_cart .products .product header {
    background: var(--wl-suave, #f5f7ff);
    border-bottom: 1px solid var(--wl-borda-2, #eceef5);
    border-radius: var(--wl-raio, 8px) var(--wl-raio, 8px) 0 0;
}
#order-standard_cart .products .product header a,
#order-standard_cart .products .product header span {
    color: var(--ttl_clr, #252c43);
}
#order-standard_cart .products .product .product-name-link {
    font-weight: 600;
}
/* O ciclo de facturacao ao lado do nome. Antes vinha numa etiqueta HTML
   inventada, <monthly>, que nenhum CSS apanhava. */
#order-standard_cart .products .product .product-cycle {
    display: block;
    margin-top: 2px;
    color: var(--sub_ttl_clr, #3b3b55);
    font-size: .82em;
}
#order-standard_cart .products .product .startingfrom i {
    color: var(--wl-cinza, #9ba3c4);
    font-style: normal;
    font-size: .95em;
}
#order-standard_cart .products .product div.product-pricing span.price {
    color: var(--ttl_clr, #252c43);
    font-weight: 700;
}

/* Os icones do cartao. No products.tpl isto era id="product-cart-list-icon"
   repetido em todos os cartoes (6 vezes na pagina de alojamento) -- HTML
   invalido. Passou a classe. O tema (weblink-chrome.css) tinha duas regras
   presas ao id antigo; ficam aqui as equivalentes. Ver o relatorio. */
#order-standard_cart .products .product .product-cart-list-icons {
    margin: 10px 0;
}
#order-standard_cart .products .product .product-cart-list-icons span.product-cart-list-icon {
    font-size: 56px;
}


/* ---------------------------------------------------------------------
   3b. OS ICONES DOS PRODUTOS

   As classes icon-hospedagem-de-sites, icon-vps-locaweb, icon-revenda-cpanel
   e companhia estao espalhadas por cinco .tpl deste carrinho -- e NAO havia
   uma unica definicao delas em CSS nenhum (nem no tema, nem no carrinho, nem
   no site principal). Ou seja: os <span> saiam sempre vazios e o espaco que
   o desenho lhes reservava ficava em branco.

   Nao se pode ir buscar os PNG/WEBP do site principal: estao noutro dominio
   (weblink.pt) e neste trabalho e proibido acrescentar dependencias externas.
   Mas o painel ja carrega o Font Awesome 5 Pro, alojado aqui mesmo em
   /assets/webfonts/ -- por isso os simbolos vem de la, sem um unico pedido
   de rede novo.

   Os nomes das classes ficam como estao de proposito: sao referidos nos
   .tpl e tambem no clientareaproductdetails.tpl do tema, que nao e meu.
   --------------------------------------------------------------------- */
#order-standard_cart [class*="icon-"]::before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    line-height: 1;
}

#order-standard_cart .icon-hospedagem-de-sites::before   { content: "\f233"; } /* server */
#order-standard_cart .icon-hospedagem-wordpress::before  { content: "\f19a"; font-family: "Font Awesome 5 Brands"; font-weight: 400; }
#order-standard_cart .icon-hospedagem-vps::before,
#order-standard_cart .icon-vps-locaweb::before           { content: "\f2db"; } /* microchip */
#order-standard_cart .icon-cloud-server-pro::before      { content: "\f0c2"; } /* cloud */
#order-standard_cart .icon-servidores-dedicados::before  { content: "\f1b3"; } /* cubes */
#order-standard_cart .icon-revenda-cpanel::before,
#order-standard_cart .icon-revenda-plesk::before         { content: "\f509"; } /* users-cog */
#order-standard_cart .icon-streaming-audio::before       { content: "\f519"; } /* broadcast-tower */
#order-standard_cart .icon-email-locaweb::before         { content: "\f658"; } /* envelope-open-text */
#order-standard_cart .icon-registro-de-dominio::before   { content: "\f0ac"; } /* globe */
#order-standard_cart .icon-ssl-locaweb::before,
#order-standard_cart .icon-security::before              { content: "\f3ed"; } /* shield-alt */
#order-standard_cart .icon-backup::before                { content: "\f1c0"; } /* database */
#order-standard_cart .icon-loja-virtual::before          { content: "\f54e"; } /* store */
#order-standard_cart .icon-criador-de-sites::before      { content: "\f1fc"; } /* paint-brush */

/* Azul da marca nos cartoes e nas listas; o simbolo nunca deve pesar mais
   do que o preco, por isso e o azul e nao o amarelo. */
#order-standard_cart span.product-cart-list-icon,
#order-standard_cart span.product-cart-icon,
#order-standard_cart span.product-viewcart-icon,
#order-standard_cart span.product-confdomains-icon,
#order-standard_cart span.product-domainregister-icon {
    color: var(--wl-azul, #0435b2);
    line-height: 1;
}

@media (max-width: 575px) {
    /* O primeiro selector parece exagerado e e de proposito. O tema tem, em
       weblink-chrome.css, a regra
           .products#products .row.row-eq-height .col-md-6 .product-desc { width:60% }
       -- seis classes e um id, fora de qualquer media query. Ganhava a
       qualquer coisa razoavel que se escrevesse aqui, e por isso a descricao
       continuava presa aos 60% no telemovel mesmo com o float ja removido.
       Esse ficheiro e de outro agente, nao lhe toco: repete-se a forma dele
       com o #order-standard_cart a frente, o que chega para passar a frente
       -- e so dentro desta media query, logo o desenho em ecra grande fica
       exactamente como ele o deixou. */
    #order-standard_cart .products#products .row.row-eq-height .col-md-6 .product-desc,
    #order-standard_cart .products .product div.product-desc,
    #order-standard_cart .products .product footer {
        float: none;
        width: auto;
        margin: 0;
        padding: 10px 14px;
    }
    #order-standard_cart .products .product footer {
        padding-top: 0;
        text-align: center;
    }
    #order-standard_cart .products .product .product-cart-list-icons span.product-cart-list-icon {
        font-size: 54px;
    }
    #order-standard_cart .products .product .btn-order-now {
        display: block;
        width: 100%;
        padding: 12px 16px;
        font-size: 15px;
    }
}


/* ---------------------------------------------------------------------
   4. CICLOS DE FACTURACAO

   Sao seis (mensal, trimestral, semestral, anual, bianual, trienal) e vem
   todos num <select>. A classe .select-inline deixava-o com a largura do
   texto mais comprido, o que a 360px empurra a caixa para fora. Passa a
   ocupar a largura toda e a ter altura de toque decente.
   --------------------------------------------------------------------- */
#order-standard_cart #inputBillingcycle {
    max-width: 100%;
    height: auto;
    padding: 9px 12px;
    font-size: 15px;
    border-color: var(--wl-campo, #d4d7e3);
    border-radius: var(--wl-raio-2, 6px);
    color: var(--ttl_clr, #252c43);
}
#order-standard_cart label[for="inputBillingcycle"] {
    display: block;
    margin-bottom: 6px;
    color: var(--ttl_clr, #252c43);
    font-weight: 600;
    font-size: 14px;
}
@media (max-width: 767px) {
    #order-standard_cart #inputBillingcycle {
        width: 100%;
    }
}


/* ---------------------------------------------------------------------
   5. CAMPOS OBRIGATORIOS

   A ficha de cliente do checkout nao tem etiquetas visiveis (so
   marcadores de posicao e um icone) e nao havia NENHUMA marca a dizer o
   que e obrigatorio -- so o "companyname" avisava, ao contrario, que era
   opcional. Marca-se com um asterisco desenhado por CSS.

   De proposito NAO se poe o atributo required= nos campos: metade deles
   vive dentro de blocos escondidos (o painel de cliente existente, os
   dados do titular do dominio) e o travao nativo do browser bloquearia o
   envio num campo que o utilizador nem ve.
   --------------------------------------------------------------------- */
#order-standard_cart .form-group.wl-required {
    position: relative;
}
/* :first-of-type porque o campo do distrito traz duas etiquetas .field-icon
   no HTML de origem do WHMCS -- sem isto sairiam dois asteriscos. */
#order-standard_cart .form-group.wl-required > .field-icon:first-of-type::after {
    content: "*";
    position: absolute;
    top: 6px;
    right: -6px;
    color: var(--wl-vermelho, #ff4546);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
#order-standard_cart .wl-required-legend {
    margin: -14px 0 18px;
    color: var(--wl-cinza, #9ba3c4);
    font-size: 12px;
}
#order-standard_cart .wl-required-legend b {
    color: var(--wl-vermelho, #ff4546);
    font-weight: 700;
}

/* O bloco de erros do servidor no topo do checkout. Fica com a cor da
   marca em vez do vermelho do Bootstrap, e com margem suficiente para nao
   passar despercebido depois de o formulario voltar do servidor. */
#order-standard_cart .checkout-error-feedback {
    border-left: 4px solid var(--wl-vermelho, #ff4546);
    border-radius: var(--wl-raio-2, 6px);
}
#order-standard_cart .checkout-error-feedback ul {
    margin-bottom: 0;
    padding-left: 20px;
}


/* ---------------------------------------------------------------------
   6. A CHAMADA A ACCAO NO FIM DO FORMULARIO

   Num telemovel o formulario do checkout passa dos 2000px de altura, por
   isso o "Completar Pedido" NAO fica visivel sem rolar -- e nao ha maneira
   honesta de o resolver so com CSS: o bloco do botao e o ultimo filho do
   formulario, nao tem espaco por baixo para um position:sticky se agarrar,
   e por-lo em position:fixed obrigava a um segundo botao que dispara o
   envio por JS, o que num fluxo de pagamento nao compensa o risco.

   O que se faz aqui e o que da para fazer sem mexer no comportamento: dar
   ao bloco final peso visual de destino (separador, fundo proprio) e ao
   botao a area de toque de um botao de telemovel a serio. Quem chega ao
   fim ve logo onde carregar. Ver a nota no relatorio.
   --------------------------------------------------------------------- */
#order-standard_cart .wl-final-cta {
    margin-top: 26px;
    padding: 20px 15px 6px;
    border-top: 1px solid var(--wl-borda-2, #eceef5);
}
#order-standard_cart .wl-final-cta .checkbox-inline {
    color: var(--sub_ttl_clr, #3b3b55);
    font-size: 14px;
}
#order-standard_cart .wl-final-cta a {
    color: var(--wl-azul, #0435b2);
}
#order-standard_cart .wl-final-cta #btnCompleteOrder {
    padding: 14px 34px;
    font-size: 17px;
    border-radius: var(--wl-raio-2, 6px);
}

@media (max-width: 767px) {
    #order-standard_cart .wl-final-cta {
        margin-left: -15px;
        margin-right: -15px;
        background: var(--wl-suave, #f5f7ff);
    }
    #order-standard_cart .wl-final-cta #btnCompleteOrder,
    #order-standard_cart #btnCompleteProductConfig {
        display: block;
        width: 100%;
        padding: 15px 20px;
    }
    #order-standard_cart .wl-final-cta .checkbox-inline {
        display: block;
        text-align: left;
    }
}


/* ---------------------------------------------------------------------
   7. RESUMO DO PEDIDO E TABELA DO CARRINHO

   O all.css de origem punha o cabecalho do resumo a #666 e a tabela a
   #058 (um azul-petroleo que nao existe em lado nenhum na marca). O tema
   ja corrigiu parte; aqui ficam os pedacos que ele nao apanha e o
   comportamento em ecra estreito.
   --------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    background-color: var(--wl-escuro, #091437);
    border-radius: var(--wl-raio-2, 6px) var(--wl-raio-2, 6px) 0 0;
}
#order-standard_cart .view-cart-items .item-domain {
    color: var(--wl-azul, #0435b2);
}
#order-standard_cart .summary-container {
    border-radius: 0 0 var(--wl-raio-2, 6px) var(--wl-raio-2, 6px);
}

/* Abaixo dos 576px as colunas col-sm-* passam a bloco e o preco, que esta
   alinhado a direita, fica pendurado sozinho debaixo do titulo. Passa a
   linha propria com separador, que e o que se le melhor no telemovel. */
@media (max-width: 575px) {
    #order-standard_cart .view-cart-items .item .item-price {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px dashed var(--wl-borda, #e2e2e2);
        text-align: right;
    }
    #order-standard_cart .view-cart-items .item .item-qty {
        margin-top: 8px;
        text-align: left;
    }
    #order-standard_cart .btn-checkout {
        display: block;
        width: 100%;
        padding: 14px 20px;
    }
}

/* O painel do resumo a 991px ficava fixo em 300px, centrado. Num tablet
   de 768px sobra espaco de mais dos lados. */
@media (max-width: 991px) and (min-width: 576px) {
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%;
        max-width: 420px;
    }
}


/* ---------------------------------------------------------------------
   8. ESCOLHA DE DOMINIO

   Os cartoes de opcao (registar / transferir / usar o meu) tinham fundo
   cinzento neutro e nada assinalava o escolhido a nao ser o negrito.
   --------------------------------------------------------------------- */
#order-standard_cart .domain-selection-options .option {
    background-color: var(--wl-suave, #f5f7ff);
    border: 1px solid transparent;
    border-radius: var(--wl-raio-2, 6px);
    margin-bottom: 6px;
    transition: border-color .15s ease-in-out, background-color .15s ease-in-out;
}
#order-standard_cart .domain-selection-options .option:hover {
    border-color: var(--wl-campo, #d4d7e3);
}
#order-standard_cart .domain-selection-options .option-selected {
    background-color: #fff;
    border-color: var(--wl-azul, #0435b2);
}
#order-standard_cart .domain-selection-options .option label {
    color: var(--ttl_clr, #252c43);
    font-size: 14px;
}
#order-standard_cart .domain-checker-available {
    color: var(--wl-verde, #13b763);
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
    color: var(--wl-vermelho, #ff4546);
}

/* A 360px a caixa do dominio e a lista de extensoes ficavam em 9/3
   colunas: sobravam ~70px para a extensao, que corta ".africa.com" a
   meio. Empilha. */
@media (max-width: 479px) {
    #order-standard_cart .domains-row > [class*="col-"] {
        float: none;
        width: 100%;
    }
    #order-standard_cart .domains-row select {
        margin-top: 6px;
    }
    #order-standard_cart .domain-selection-options .option {
        padding: 8px 12px;
    }
}


/* ---------------------------------------------------------------------
   9. EXTRAS E BLOCOS DE PROMOCAO

   O painel dos extras vinha com o verde do Bootstrap (#5cb85c) e as
   promocoes do MarketConnect com um verde-alface (#9abb3a) que nao tem
   nada que ver com a marca.
   --------------------------------------------------------------------- */
#order-standard_cart .panel-addon {
    border-radius: var(--wl-raio-2, 6px);
    border-color: var(--wl-borda, #e2e2e2);
}
#order-standard_cart .panel-addon .panel-price {
    background-color: var(--wl-suave, #f5f7ff);
    color: var(--ttl_clr, #252c43);
}
#order-standard_cart .panel-addon-selected {
    border-color: var(--wl-azul, #0435b2);
}
#order-standard_cart .addon-promo-container {
    border: 1px solid var(--wl-borda, #e2e2e2);
    border-radius: var(--wl-raio-2, 6px);
    padding: 16px;
    margin-bottom: 14px;
}
#order-standard_cart .addon-promo-container h3 {
    color: var(--ttl_clr, #252c43);
    font-size: 17px;
}
#order-standard_cart .addon-promo-container a {
    color: var(--wl-azul, #0435b2);
}


/* ---------------------------------------------------------------------
   10. AVISOS

   As caixas de aviso do carrinho usavam as cores de origem do Bootstrap.
   --------------------------------------------------------------------- */
#order-standard_cart .alert-warning.checkout-security-msg,
#order-standard_cart .alert-warning.info-text-sm {
    background-color: var(--wl-suave, #f5f7ff);
    border: 1px solid var(--wl-borda-2, #eceef5);
    border-radius: var(--wl-raio-2, 6px);
    color: var(--sub_ttl_clr, #3b3b55);
}
#order-standard_cart .alert-warning.checkout-security-msg i,
#order-standard_cart .alert-warning.info-text-sm i {
    color: var(--wl-azul, #0435b2);
}
#order-standard_cart .alert-link,
#order-standard_cart .info-text-sm a {
    color: var(--wl-azul, #0435b2);
    text-decoration: underline;
}
#order-standard_cart .transfer-eligible {
    background-color: rgba(19, 183, 99, .08);
    border: 1px solid rgba(19, 183, 99, .35);
    border-radius: var(--wl-raio-2, 6px);
    color: #0f7a45;
}
#order-standard_cart .transfer-not-eligible {
    background-color: var(--wl-suave, #f5f7ff);
    border: 1px solid var(--wl-borda-2, #eceef5);
    border-radius: var(--wl-raio-2, 6px);
    color: var(--sub_ttl_clr, #3b3b55);
}


/* ---------------------------------------------------------------------
   11. TIPOGRAFIA

   O site principal corre em Ubuntu (assets/css/ubuntu.css). O painel nao
   carrega essa fonte e nao se pode acrescentar um CDN novo -- e proibido
   neste trabalho. Fica declarada primeiro na pilha: quem tiver Ubuntu
   instalada ve exactamente a fonte do site; quem nao tiver cai na Open
   Sans, que o painel ja carrega. Nao ha pedido de rede novo em nenhum dos
   casos. Ver o relatorio.
   --------------------------------------------------------------------- */
#order-standard_cart,
#order-standard_cart .form-control,
#order-standard_cart .btn,
#order-standard_cart input,
#order-standard_cart select,
#order-standard_cart textarea {
    font-family: Ubuntu, "Open Sans", Arial, sans-serif;
}
#order-standard_cart .header-lined h1,
#order-standard_cart .sub-heading span,
#order-standard_cart .order-summary h2 {
    color: var(--ttl_clr, #252c43);
}