/* -------------- Início BREADCRUMB     -------------- */
.t-Breadcrumb-item {
    font-weight: bold;
}

.t-CaminhoInicio {
    color: #EC722F;
}

.t-CaminhoInicio .t-Breadcrumb-label:hover {
    color: #EC722F;
}

.t-Caminho {
    color: #114984;
}

.t-Breadcrumb-item.is-active.t-Caminho {
    display: none;
}

/* -------------- Fim    BREADCRUMB     -------------- */
/* --------------------------------------------------- */
/* -------------- Início DESCRICAO PROD -------------- */

#Desc_produto.margin-bottom-lg {
    -webkit-margin-after: unset !important;
    margin-block-end: unset !important;
}

.margin-bottom-lg {
    margin-block-end: 0rem !important;
}

.Titulo {
    color: #114984;
    font-weight: bold;
    font-size: 2.5rem;
    letter-spacing: 0.5px;
    line-height: 36px;
    -webkit-margin-after: unset !important;
    margin-bottom: 2px;
}

.Sub-titulo {
    color: rgba(0, 0, 0, 0.31);
}

.Desc,
.Sub-titulo {
    /*font-weight: 600;*/
    font-size: .9rem;
    letter-spacing: 0.2px;
    -webkit-margin-after: unset !important;
}

#Desc_produto {
    border-color: rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    box-shadow: none;
    padding-bottom: 0px;
}

.t-value-prod {
    padding-bottom: 0;
}

/* -------------- Fim    DESCRICAO PROD -------------- */
/* --------------------------------------------------- */
/* -------------- Início VALORES PROD   -------------- */
.price {
    font-size: 2rem;
    color: #114984;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.valor_adicional {
    font-weight: 700;
    color: #00000050;
    letter-spacing: 0.5px;
}

#buttons {
    margin-top: 2rem;
    padding-top: 15px;
}

/* -------------- Fim    VALORES PROD   -------------- */
/* -------------- Início Menu           -------------- */
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .t-Form-itemWrapper {
    -webkit-margin-before: unset;
    margin-block-start: unset;
}

/* -------------- Fim    Menu           -------------- */

.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
    transition: box-shadow .5s;
    display: none;
}

.tox-tinymce {
    border-radius: var(--ut-region-border-radius);
}

.tox-tinymce {
    background-color: #ffffff;
}

:root {
    --a-field-input-background-color: #ffffff !important;
}

.tox .tox-edit-area {
    border-width: 0px;
}

.hide-button {
    display: none;
}

#RemoverCarrinho {
    background-color: #EC722F;
}

#RemoverCarrinho:hover {
    background-color: #ff8e3b;
}

.fotorama__dot {
    background-color: gray !important;
}

/* ----------- Centralizar fotorama ----------- */
#imagem {
    /* align-content: center; */
    width: 100%;
}

@media (max-width: 640px) {
    #buttons {
        margin-left: 5%;
        margin-bottom: 3%;
    }

}

.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer {
    padding-block-start: 0;
}

/* =========================================================
   BOTÕES - ORÇAMENTO
   ========================================================= */

#Orcamento {
    background-color: #EC722F !important;
    border-radius: 8px !important;
    position: relative !important;
    text-align: center !important;
}

#Orcamento .t-Icon {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

#Orcamento .t-Button-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}


/* AGENDAMENTO - ORÇAMENTO */

#Agendar_orcamento {
    background-color: #114984 !important;
    border-radius: 8px !important;
    position: relative !important;
    text-align: center !important;
}

#Agendar_orcamento .t-Icon {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

#Agendar_orcamento .t-Button-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}


/* ÍCONE DO AGENDAMENTO - ORÇAMENTO */

#AGENDAR_ORCAMENTO {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}


/* WHATSAPP - ORÇAMENTO */

#WHATSAPP_ORCAMENTO {
    background-color: #25D366 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: bold !important;
    position: relative !important;
    text-align: center !important;
}

#WHATSAPP_ORCAMENTO .t-Button-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}

#WHATSAPP_ORCAMENTO .t-Icon {
    display: none !important;
}

#WHATSAPP_ORCAMENTO::before {
    content: "\f232";
    font-family: "Font Awesome 5 Brands" !important;
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    font-size: 22px;
}


/* =========================================================
   BOTÕES - PEDIDO
   ========================================================= */


/* REMOVER CARRINHO */

#RemoverCarrinho {
    background-color: #EC722F;
    border-radius: 8px;
    position: relative !important;
    text-align: center !important;
}

#RemoverCarrinho:hover {
    background-color: #ff8e3b;
}

#RemoverCarrinho .t-Icon {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    /* mantém exatamente os margins antigos */
    margin: 0% 20% 0% 0%;
}

@media screen and (max-width: 1500px) {
    #RemoverCarrinho .t-Icon {
        margin: 0% 10% 0% 0%;
    }
}

#RemoverCarrinho .t-Button-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}


/* ADICIONAR CARRINHO */

#AdicionarCarrinho {
    background-color: #EC722F !important;
    border-radius: 8px !important;
    position: relative !important;
    text-align: center !important;
}

#AdicionarCarrinho .t-Icon {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

#AdicionarCarrinho .t-Button-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}


/* AGENDAMENTO - PEDIDO */

#Agendar {
    background-color: #114984 !important;
    border-radius: 8px !important;
    position: relative !important;
    text-align: center !important;
}

#Agendar .t-Icon {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

#Agendar .t-Button-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}


/* WHATSAPP - PEDIDO */

#WHATSAPP {
    background-color: #25D366 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: bold !important;
    position: relative !important;
    text-align: center !important;
}

#WHATSAPP .t-Button-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}

#WHATSAPP .t-Icon {
    display: none !important;
}

#WHATSAPP::before {
    content: "\f232";
    font-family: "Font Awesome 5 Brands" !important;
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    font-size: 22px;
}
#Desc_produto * {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* -------------------------------- Cor page item plano e período -------------------------------- */
#SELETORES {
    color: #808080;
}

#P32_LISTA_SELETOR_1 {
    color: #808080
}

#P32_LISTA_SELETOR_1_LABEL {
    color: #808080;
}

#P32_LISTA_SELETOR_2 {
    color: #808080
}

#P32_LISTA_SELETOR_2_LABEL {
    color: #808080;
}

#P32_LISTA_SELETOR_3 {
    color: #808080;
}

#P32_LISTA_SELETOR_3_LABEL {
    color: #808080;
}

#P32_LISTA_SELETOR_4 {
    color: #808080;
}

#P32_LISTA_SELETOR_4_LABEL {
    color: #808080;
}

#P32_LISTA_SELETOR_5 {
    color: #808080;
}

#P32_LISTA_SELETOR_5_LABEL {
    color: #808080;
}

/* --------------------------------------  ABAS MENU  -------------------------------------- */
.custom-aba {
    height: 84%;
    /* altura fixa */
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    /*color: black;*/
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 30px;
    font-size: 17px;
    font-weight: 500;
    color: #808080;
    border-color: transparent;
    box-shadow: none;
}

/*.custom-aba.ativa {
  border-color: #114984 !important;
  color: #114984 !important;
}*/

.custom-aba.ativa * {
    border: none !important;
    outline: none !important;
    color: #114984 !important;
    font-size: 19px !important;
    /* A mesma fonte da aba ativa */
    font-weight: 700;
}

.custom-conte {
    min-height: 200px;
    /* altura fixa */
    /*color: #808080;*/
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    border-color: transparent;
    box-shadow: none;
}

.col .t-ButtonRegion:only-child {
    border-radius: 14px;
    background-color: #ffffff;
}

#aba2 .t-ButtonRegion-col--content {
    padding-left: 0 !important;
}

/* --- TAMANHO LETRA DIFERENTES TELAS --- */
@media (max-width: 1600px) {
    .custom-aba {
        font-size: 14px;
    }

    .custom-aba.ativa * {
        font-size: 15px !important;
    }
}

@media (max-width: 1024px) {
    .custom-aba {
        font-size: 12px;
    }

    .custom-aba.ativa * {
        font-size: 13px !important;
    }
}

/* ----------------------------------------------------------------------------------------- */

.fotorama__img {
    border: 3px solid #e3e3e3 !important;
    /* A borda cinza */
    box-sizing: border-box !important;
    /* Garante que a borda seja incluída na dimensão total */
}

#img_fotorama {
    background-color: #ffffff;
}

#img_fotorama .t-Region-header {
    background-color: #ffffff;
}

.t-Region-header {
    display: none;
}

#img_fotorama .t-Icon {
    color: #f5f5f5;
}

#img_fotorama .t-Region-title {
    display: none;
}

/* ------------------ PADDING GERAL ------------------ */

#PRODUTO {
    padding: 0rem 5rem;
}

/* ------------------ TIRAR ESPAÇO ENTRE REGIÕES ------------------ */
div.t-Region#imagem .t-Region-header,
div#DESC_VALORES .col.col-8.col-start {
    padding-right: 0 !important;
}

div.t-Region#imagem .t-Region-header,
div#DESC_VALORES .col.col-4.col-end {
    padding-left: 1px !important;
}

#imagem {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#region_form {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#selorcamento {
    border-radius: 0px;
}

#selpedido {
    border-radius: 0px;
}

/* ---------------------------------------------------------------- */

#conteudo5 .col {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

#conteudo5 .col>div {
    margin: 0 auto;
    text-align: center;
}

/* Este CSS só será aplicado em telas com largura máxima de 767px (típico de mobile) */
@media only screen and (max-width: 767px) {
    #buttons .row {
        flex-wrap: nowrap !important;
        /* FORÇA os itens a NÃO quebrarem a linha */
        margin: 0 !important;
        /* Remove qualquer margem externa do .row */
    }

    #buttons .row .col {
        padding: 0 2px !important;
        /* Ajusta o padding interno das colunas para espaçamento entre botões */
        min-width: 0 !important;
        /* Impede que o conteúdo interno force uma largura mínima maior */
    }

    #buttons .row .col .t-Button {
        /*display: flex !important;  Transforma o botão em um flex container para seu conteúdo */
        align-items: center !important;
        /* Centraliza verticalmente o ícone e texto */
        justify-content: center !important;
        /* Centraliza horizontalmente o ícone e texto */
    }
}

/* ----------- Outras ofertas - celular  ------------- */

.t-ContentRow-item:not(:only-child):not(:last-child) {
    border-bottom: solid 1px #114984;
}

.t-ContentRow-item:not(:only-child):not(:last-child):hover {
    border-bottom: solid 1px #EC722F;
}

.t-ContentRow li {
    background-color: white;
    border-radius: var(--ut-region-border-radius, var(--ut-component-border-radius));
    -webkit-box-shadow: 0px 3px 5px 0px rgba(191, 191, 191, 0.76);
    -moz-box-shadow: 0px 3px 5px 0px rgba(191, 191, 191, 0.76);
    box-shadow: 0px 3px 5px 0px rgba(191, 191, 191, 0.76);
    border-style: solid;
    border-width: 1px;
    border-color: #114984;
    transform: translateY(0px);
    transition: all 0.3s
}

.t-ContentRow li:hover {
    transform: translateY(-3px);
    transition: all 0.3s;
    border-color: #EC722F;
}

.t-ContentRow-item:not(:only-child) {
    margin: 10px
}

.hide {
    display: none;
}

#ofertas_celular {
    padding-top: 6px;
}

.t-Body-content {
    display: inline;
}

.t-Footer-content {
    display: inline;
}

/* ---------------------------- CONJUNTOS ---------------------------- */

.botao {
    background-color: #ffffff00;
    color: #1e1e1e;
    /*font-weight: bold;*/
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-color: #e0e0e0;
}

/* ------------------------------------------------------------------- */

.ui-dialog-titlebar {
    border-bottom: #00000000;
    padding: 5px 5px 0px 0px;
}

.ui-dialog-content {
    background-color: #ffff;
    border-radius: 10px;
}

.apex-help-dialog {
    padding-top: 5px;
}

.ui-dialog {
    padding-bottom: 25px;
    background-color: #ffff;
}


/* ------------------------------------------ botão ajuda ------------------------------------------ */

#CONJ1 .col-11 {
    flex-basis: 99.6666666667% !important;
    max-width: 99.6666666667% !important;
    display: flex !important;
}

#CONJ2 .col-11 {
    flex-basis: 99.6666666667% !important;
    max-width: 99.6666666667% !important;
    display: flex !important;
}

#CONJ3 .col-11 {
    flex-basis: 99.6666666667% !important;
    max-width: 99.6666666667% !important;
    display: flex !important;
}

#CONJ4 .col-11 {
    flex-basis: 99.6666666667% !important;
    max-width: 99.6666666667% !important;
    display: flex !important;
}

#CONJ5 .col-11 {
    flex-basis: 99.6666666667% !important;
    max-width: 99.6666666667% !important;
    display: flex !important;
}

/* Botão questionario dinamico */

.btn-questionario {
    padding: 10px 16px;
    background-color: #2D6CDF;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 16px;
    width: 100%;
}

.btn-questionario:hover {
    background-color: #1f4fb3;
}

#WHATSAPP::before {
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
    font-size: 22px;
}


#WHATSAPP_ORCAMENTO::before {
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
    font-size: 22px;
}


.a-RDS-link {
    padding-bottom: 5px;
}

.t-ButtonRegion-col--content {
    padding-top: 3px;
    padding-bottom: 15px;
}

.classe1 {
    width: 100%;
    height: auto;
    border: 2px solid #ccc;
    box-sizing: border-box;
}

.classe2 {
    margin-top: 12px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.classe3 {
    justify-content: flex-start;
}

.classe4 {
    margin-right: 10px;
}

.classe5 {
    margin-top: 12px;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.classe6 {
    margin-top: 12px;
}

.classe7 {
    font-weight: 600px;
}

.classe8 {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.classe9 {
    margin-top: 14px;
}

.classe10 {
    font-weight: 700px;
    margin-bottom: 10px;
}

.classe11 {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.classe12 {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.classe13 {
    font-weight: 600px;
}

.classe14 {
    margin-top: 12px;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.classe15 {
    margin-top: 12px;
}

.classe16 {
    font-weight: 600px;
}

.classe17 {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.classe18 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.classe19 {
    margin-bottom: 6px;
}

.classe20 {
    font-weight: 700px;
    font-size: 14px;
    margin-bottom: 12px;
}

.classe21 {
    margin-bottom: 16px;
}

.classe22 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.classe23 {
    font-weight: 600px;
}

.classe24 {
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #666;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
}

.classe25 {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.classe26 {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
}

.classe27 {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.classe28 {
    font-weight: 600px;
    font-size: 16px;
}

.classe29 {
    font-weight: 700px;
    font-size: 14px;
    margin-bottom: 12px;
}

.classe30 {
    margin-top: 12px;
}

.orcamento-classe1 {
    margin-top: 12px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.orcamento-classe2 {
    justify-content: flex-start;
}

.orcamento-classe3 {
    margin-right: 10px;
}

.orcamento-classe4 {
    margin-top: 12px;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.orcamento-classe5 {
    margin-top: 12px;
}

.orcamento-classe6 {
    font-weight: 600;
}

.orcamento-classe7 {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.orcamento-classe8 {
    margin-top: 14px;
}

.orcamento-classe9 {
    font-weight: 700;
    margin-bottom: 10px;
}

.orcamento-classe10 {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.orcamento-classe11 {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.orcamento-classe12 {
    font-weight: 600;
}

.orcamento-classe13 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.orcamento-classe14 {
    margin-bottom: 6px;
}

.orcamento-classe15 {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 12px;
}

.orcamento-classe16 {
    margin-bottom: 16px;
}

.orcamento-classe17 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.orcamento-classe18 {
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #666;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
}

.orcamento-classe19 {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
}

.orcamento-classe20 {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.orcamento-classe21 {
    font-weight: 600;
    font-size: 16px;
}

.ajuda {
    white-space: pre-line;
}

.ajuda-body {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding-top: 10px;
    color: #696969;
}

/*Condições texto*/
@import url("#APP_FILES#CSS2_REGULAR.css");

.Desc span{
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/*Descrição da Oferta*/
@import url("#APP_FILES#CSS2_REGULAR.css");

.Titulo {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 30px;
}

.Desc {
    font-family: 'Plus Jakarta Sans', sans-serif;
    margin-top: 10px;
    color: #808080;
    font-size: 14px !important;
}

/*Informações texto*/
@import url("#APP_FILES#CSS2_REGULAR.css");

.Desc span{
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/*Sobre texto*/
@import url("#APP_FILES#CSS2_REGULAR.css");

.Desc p span{
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.ti-sobre {
    color: #114984;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 36px;
    -webkit-margin-after: unset !important;
    margin-bottom: 10px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 28px;
}