.elementor-16590 .elementor-element.elementor-element-485b21c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.18);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-16590 .elementor-element.elementor-element-485b21c:not(.elementor-motion-effects-element-type-background), .elementor-16590 .elementor-element.elementor-element-485b21c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-65bc030 );}.elementor-16590 .elementor-element.elementor-element-004b773 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:500;color:var( --e-global-color-3393bc8 );}.elementor-16590 .elementor-element.elementor-element-af5e9bc .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#F8F8FA00;padding:0px 0px 0px 0px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16590 .elementor-element.elementor-element-af5e9bc .eael-breadcrumbs .eael-breadcrumbs__content a{color:var( --e-global-color-ff42056 );}.elementor-16590 .elementor-element.elementor-element-af5e9bc .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-16590 .elementor-element.elementor-element-af5e9bc .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-16590 .elementor-element.elementor-element-faedcbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}/* Start custom CSS for shortcode, class: .elementor-element-9033dcb *//* =====================================================
   PÁGINA DE SOLICITAÇÃO DE COTAÇÃO - YITH
   ===================================================== */

/* Cores principais */
:root {
    --cor-cotacao: #008795;
    --cor-fundo: #EBEBEB;
    --cor-texto: #1f2933;
    --cor-borda: #b8b8b8;
}

/* Fundo da página de cotação */
.yith-ywraq-form-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 32px;
    background: var(--cor-fundo);
    box-sizing: border-box;
}

/* =====================================================
   ORGANIZAÇÃO DAS COLUNAS
   ===================================================== */

.yith-ywraq-form-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

/* =====================================================
   ÁREA DOS PRODUTOS
   ===================================================== */

/* A área dos produtos continua cinza */
.yith-ywraq-list-wrapper {
    width: 100%;
    padding: 0;
    background: var(--cor-fundo);
    box-sizing: border-box;
}

/* Tabela dos produtos */
.yith-ywraq-list-wrapper table,
#yith-ywraq-form table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: transparent;
    border: 1px solid var(--cor-borda);
}

/* Cabeçalho da tabela */
.yith-ywraq-list-wrapper table thead th,
#yith-ywraq-form table thead th {
    padding: 22px 16px;
    border-bottom: 1px solid var(--cor-borda);
    background: transparent;
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

/* Células da tabela */
.yith-ywraq-list-wrapper table td,
#yith-ywraq-form table td {
    padding: 22px 16px;
    border: none;
    border-bottom: 1px solid var(--cor-borda);
    background: transparent;
    vertical-align: middle;
}


/* Imagens dos produtos */
.yith-ywraq-list-wrapper table img,
#yith-ywraq-form table img {
    width: 220px;
    height: 120px;
    object-fit: contain;
    display: block;
}

/* Nome do produto */
.yith-ywraq-list-wrapper table a:not(.remove),
#yith-ywraq-form table a:not(.remove) {
    color: #07547b;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

.yith-ywraq-list-wrapper table a:not(.remove):hover,
#yith-ywraq-form table a:not(.remove):hover {
    color: var(--cor-cotacao);
    text-decoration: underline;
}

/* Campo de quantidade */
.yith-ywraq-list-wrapper input.qty,
.yith-ywraq-list-wrapper input[type="number"],
#yith-ywraq-form input.qty,
#yith-ywraq-form input[type="number"] {
    width: 165px;
    height: 50px;
    padding: 8px 12px;
    border: 1px solid #5f4c4c;
    border-radius: 6px;
    background: #ffffff;
    color: #222222;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
}

/* Botão de remover o produto */
.yith-ywraq-list-wrapper .remove,
.yith-ywraq-list-wrapper .product-remove a,
#yith-ywraq-form .remove,
#yith-ywraq-form .product-remove a {
    color: #d60000 !important;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;

}

/* =====================================================
   BOTÕES DA LISTA DE COTAÇÃO
   ===================================================== */

/* Container dos botões */
.yith-ywraq-list-wrapper .actions,
.yith-ywraq-list-wrapper .update-list-wrapper,
.yith-ywraq-list-wrapper .buttons,
#yith-ywraq-form .actions {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 18px !important;
    width: 100%;
    margin-top: 30px;
}

/* Todos os botões da lista */
.yith-ywraq-list-wrapper button,
.yith-ywraq-list-wrapper a.button,
.yith-ywraq-list-wrapper .button,
.yith-ywraq-list-wrapper input[type="submit"],
.yith-ywraq-list-wrapper input[type="button"],
#yith-ywraq-form button,
#yith-ywraq-form a.button,
#yith-ywraq-form .button,
#yith-ywraq-form input[type="submit"],
#yith-ywraq-form input[type="button"] {
    width: auto !important;
    min-width: 132px;
    min-height: 46px;
    margin: 0 !important;
    padding: 11px 20px !important;
    border: 2px solid var(--cor-cotacao) !important;
    border-radius: 10px !important;
    outline: none;
    background: transparent !important;
    color: var(--cor-cotacao) !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease;
}

/* Hover dos botões */
.yith-ywraq-list-wrapper button:hover,
.yith-ywraq-list-wrapper a.button:hover,
.yith-ywraq-list-wrapper .button:hover,
.yith-ywraq-list-wrapper input[type="submit"]:hover,
.yith-ywraq-list-wrapper input[type="button"]:hover,
#yith-ywraq-form button:hover,
#yith-ywraq-form a.button:hover,
#yith-ywraq-form .button:hover,
#yith-ywraq-form input[type="submit"]:hover,
#yith-ywraq-form input[type="button"]:hover {
    border-color: var(--cor-cotacao) !important;
    background: var(--cor-cotacao) !important;
    color: #ffffff !important;
}

/* Evita que o botão Atualizar Lista ocupe toda a linha */
.yith-ywraq-list-wrapper .update-list,
.yith-ywraq-list-wrapper .update-list-wrapper,
.yith-ywraq-list-wrapper button[name="update_raq"],
.yith-ywraq-list-wrapper input[name="update_raq"] {
    width: auto !important;
    flex: 0 0 auto !important;
}

/* =====================================================
   FORMULÁRIO
   ===================================================== */

/* Caixa branca do formulário */
.yith-ywraq-form,
#yith-ywraq-form {
    width: 100%;
    padding: 40px 36px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

/* Título do formulário */
.yith-ywraq-form h2,
.yith-ywraq-form h3,
#yith-ywraq-form h2,
#yith-ywraq-form h3 {
    margin: 0 0 30px;
    color: var(--cor-texto);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

/* Labels */
.yith-ywraq-form label,
#yith-ywraq-form label {
    display: block;
    margin: 0 0 8px;
    color: var(--cor-texto);
    font-size: 16px;
    line-height: 1.3;
}

/* Espaçamento entre os campos */
.yith-ywraq-form .form-row,
#yith-ywraq-form .form-row,
.yith-ywraq-form p,
#yith-ywraq-form p {
    margin-bottom: 22px;
}

/* Campos do formulário */
.yith-ywraq-form input[type="text"],
.yith-ywraq-form input[type="email"],
.yith-ywraq-form input[type="tel"],
.yith-ywraq-form input[type="number"],
.yith-ywraq-form select,
.yith-ywraq-form textarea,
#yith-ywraq-form input[type="text"],
#yith-ywraq-form input[type="email"],
#yith-ywraq-form input[type="tel"],
#yith-ywraq-form input[type="number"],
#yith-ywraq-form select,
#yith-ywraq-form textarea {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #5f4c4c;
    border-radius: 5px;
    background: #ffffff;
    color: #222222;
    font-size: 16px;
    box-sizing: border-box;
}

/* Textarea */
.yith-ywraq-form textarea,
#yith-ywraq-form textarea {
    min-height: 105px;
    resize: vertical;
}

/* Foco dos campos */
.yith-ywraq-form input:focus,
.yith-ywraq-form select:focus,
.yith-ywraq-form textarea:focus,
#yith-ywraq-form input:focus,
#yith-ywraq-form select:focus,
#yith-ywraq-form textarea:focus {
    border-color: var(--cor-cotacao);
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 135, 149, 0.15);
}

/* Asterisco dos campos obrigatórios */
.yith-ywraq-form .required,
#yith-ywraq-form .required,
.yith-ywraq-form abbr.required,
#yith-ywraq-form abbr.required {
    color: #d00000;
}

/* =====================================================
   BOTÃO ENVIAR SOLICITAÇÃO
   ===================================================== */

.yith-ywraq-form button[type="submit"],
.yith-ywraq-form input[type="submit"],
#yith-ywraq-form button[type="submit"],
#yith-ywraq-form input[type="submit"],
#yith-ywraq-form .ywraq-send-request {
    width: 100% !important;
    min-height: 50px;
    margin-top: 8px !important;
    border: 2px solid var(--cor-cotacao) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--cor-cotacao) !important;
    font-size: 16px;
    font-weight: 700;
}

/* Hover do botão Enviar */
.yith-ywraq-form button[type="submit"]:hover,
.yith-ywraq-form input[type="submit"]:hover,
#yith-ywraq-form button[type="submit"]:hover,
#yith-ywraq-form input[type="submit"]:hover,
#yith-ywraq-form .ywraq-send-request:hover {
    background: var(--cor-cotacao) !important;
    color: #ffffff !important;
}

/* =====================================================
   BOTÃO RETORNAR PARA A LOJA
   ===================================================== */

.yith-ywraq-form-wrapper > a,
.yith-ywraq-form-wrapper .return-to-shop,
.yith-ywraq-form-wrapper .go-back {
    display: inline-block;
    margin-bottom: 24px;
    padding: 11px 20px;
    border: 2px solid var(--cor-cotacao);
    border-radius: 10px;
    background: transparent;
    color: var(--cor-cotacao);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s ease;
}

.yith-ywraq-form-wrapper > a:hover,
.yith-ywraq-form-wrapper .return-to-shop:hover,
.yith-ywraq-form-wrapper .go-back:hover {
    background: var(--cor-cotacao);
    color: #ffffff;
}

/* =====================================================
   RESPONSIVIDADE
   ===================================================== */

@media (max-width: 900px) {
    .yith-ywraq-form-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px 20px;
    }

    .yith-ywraq-form,
    #yith-ywraq-form {
        padding: 30px 24px;
    }
}

@media (max-width: 600px) {
    .yith-ywraq-form-wrapper {
        padding: 20px 12px;
    }

    .yith-ywraq-form,
    #yith-ywraq-form {
        padding: 24px 18px;
    }

    .yith-ywraq-form h2,
    .yith-ywraq-form h3,
    #yith-ywraq-form h2,
    #yith-ywraq-form h3 {
        font-size: 25px;
    }

    .yith-ywraq-list-wrapper table {
        font-size: 13px;
    }

    .yith-ywraq-list-wrapper table th,
    .yith-ywraq-list-wrapper table td {
        padding: 12px 8px;
    }

    .yith-ywraq-list-wrapper table img {
        width: 55px;
        height: 55px;
    }

    .yith-ywraq-list-wrapper input.qty,
    .yith-ywraq-list-wrapper input[type="number"] {
        width: 70px;
        height: 42px;
    }

    .yith-ywraq-list-wrapper .actions,
    .yith-ywraq-list-wrapper .update-list-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 12px !important;
    }

    .yith-ywraq-list-wrapper .actions .button,
    .yith-ywraq-list-wrapper .update-list-wrapper .button,
    .yith-ywraq-list-wrapper button,
    .yith-ywraq-list-wrapper input[type="submit"] {
        width: 100% !important;
    }
}

/* =====================================================
   AJUSTES FINAIS - YITH REQUEST A QUOTE
   ===================================================== */

:root {
    --cor-cotacao: #008795;
    --cor-fundo-produtos: #EBEBEB;
}

/* Área geral da página */
.yith-ywraq-form-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 48px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 40px 32px !important;
    background: var(--cor-fundo-produtos) !important;
    box-sizing: border-box !important;
}

/* =====================================================
   BOTÃO RETORNAR PARA A LOJA
   ===================================================== */

/* O botão fica acima das duas colunas */
.yith-ywraq-form-wrapper > a,
.yith-ywraq-form-wrapper > .button,
.yith-ywraq-form-wrapper .return-to-shop,
.yith-ywraq-form-wrapper .go-back,
.yith-ywraq-form-wrapper a[href*="shop"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 205px !important;
    min-height: 46px !important;
    margin: 0 0 30px 0 !important;
    padding: 10px 20px !important;
    border: 2px solid var(--cor-cotacao) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--cor-cotacao) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

/* Hover do botão Retornar para a Loja */
.yith-ywraq-form-wrapper > a:hover,
.yith-ywraq-form-wrapper > .button:hover,
.yith-ywraq-form-wrapper .return-to-shop:hover,
.yith-ywraq-form-wrapper .go-back:hover,
.yith-ywraq-form-wrapper a[href*="shop"]:hover {
    border-color: var(--cor-cotacao) !important;
    background: var(--cor-cotacao) !important;
    color: #ffffff !important;
}

/* =====================================================
   ÁREA DOS PRODUTOS - CINZA
   ===================================================== */

.yith-ywraq-list-wrapper,
.yith-ywraq-list-wrapper *,
.yith-ywraq-list-wrapper table,
.yith-ywraq-list-wrapper table thead,
.yith-ywraq-list-wrapper table tbody,
.yith-ywraq-list-wrapper table tr,
.yith-ywraq-list-wrapper table th,
.yith-ywraq-list-wrapper table td,
#yith-ywraq-form table,
#yith-ywraq-form table thead,
#yith-ywraq-form table tbody,
#yith-ywraq-form table tr,
#yith-ywraq-form table th,
#yith-ywraq-form table td {
    background-color: var(--cor-fundo-produtos) !important;
}

/* Container dos produtos */
.yith-ywraq-list-wrapper {
    width: 100% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

/* Tabela dos produtos */
.yith-ywraq-list-wrapper table,
#yith-ywraq-form table {
    width: 100% !important;
    border: 1px solid #b8b8b8 !important;
    border-collapse: collapse !important;
}

/* Linhas e células dos produtos */
.yith-ywraq-list-wrapper table th,
.yith-ywraq-list-wrapper table td,
#yith-ywraq-form table th,
#yith-ywraq-form table td {
    border-bottom: 1px solid #b8b8b8 !important;
    padding: 20px 16px !important;
    vertical-align: middle !important;
}

/* =====================================================
   BOTÕES LIMPAR LISTA E ATUALIZAR LISTA
   ===================================================== */

/* Área que contém os botões */
.yith-ywraq-list-wrapper .actions,
.yith-ywraq-list-wrapper .update-list-wrapper,
.yith-ywraq-list-wrapper .buttons,
.yith-ywraq-list-wrapper form {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 18px !important;
    margin-top: 28px !important;
}

/* Impede que o formulário de atualização ocupe a largura inteira */
.yith-ywraq-list-wrapper .update-list-wrapper form,
.yith-ywraq-list-wrapper form.update-list-form {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
}

/* Todos os botões da lista */
.yith-ywraq-list-wrapper button,
.yith-ywraq-list-wrapper a.button,
.yith-ywraq-list-wrapper .button,
.yith-ywraq-list-wrapper input[type="submit"],
.yith-ywraq-list-wrapper input[type="button"],
.yith-ywraq-list-wrapper input[name="update_raq"],
.yith-ywraq-list-wrapper button[name="update_raq"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 148px !important;
    min-height: 48px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 11px 22px !important;
    border: 2px solid var(--cor-cotacao) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--cor-cotacao) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Hover dos botões da lista */
.yith-ywraq-list-wrapper button:hover,
.yith-ywraq-list-wrapper a.button:hover,
.yith-ywraq-list-wrapper .button:hover,
.yith-ywraq-list-wrapper input[type="submit"]:hover,
.yith-ywraq-list-wrapper input[type="button"]:hover,
.yith-ywraq-list-wrapper input[name="update_raq"]:hover,
.yith-ywraq-list-wrapper button[name="update_raq"]:hover {
    border-color: var(--cor-cotacao) !important;
    background: var(--cor-cotacao) !important;
    color: #ffffff !important;
}

/* =====================================================
   FORMULÁRIO - BRANCO COM SOMBRA
   ===================================================== */

.yith-ywraq-form,
.yith-ywraq-mail-form-wrapper,
#yith-ywraq-form {
    width: 100% !important;
    padding: 36px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
}

/* Garante que o formulário interno também fique branco */
.yith-ywraq-form form,
.yith-ywraq-mail-form-wrapper form,
#yith-ywraq-form form {
    background: #ffffff !important;
}

/* =====================================================
   BOTÃO ENVIAR SOLICITAÇÃO
   ===================================================== */

/* Classes mais comuns do botão YITH */
.yith-ywraq-form button[type="submit"],
.yith-ywraq-form input[type="submit"],
.yith-ywraq-mail-form-wrapper button[type="submit"],
.yith-ywraq-mail-form-wrapper input[type="submit"],
#yith-ywraq-form button[type="submit"],
#yith-ywraq-form input[type="submit"],
#yith-ywraq-form .ywraq-send-request,
#yith-ywraq-form .raq-send-request,
#yith-ywraq-form .send-request {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 24px 0 0 0 !important;
    padding: 12px 22px !important;
    border: 2px solid var(--cor-cotacao) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--cor-cotacao) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Hover do botão Enviar Solicitação */
.yith-ywraq-form button[type="submit"]:hover,
.yith-ywraq-form input[type="submit"]:hover,
.yith-ywraq-mail-form-wrapper button[type="submit"]:hover,
.yith-ywraq-mail-form-wrapper input[type="submit"]:hover,
#yith-ywraq-form button[type="submit"]:hover,
#yith-ywraq-form input[type="submit"]:hover,
#yith-ywraq-form .ywraq-send-request:hover,
#yith-ywraq-form .raq-send-request:hover,
#yith-ywraq-form .send-request:hover {
    border-color: var(--cor-cotacao) !important;
    background: var(--cor-cotacao) !important;
    color: #ffffff !important;
}

/* =====================================================
   CELULAR
   ===================================================== */

@media (max-width: 900px) {
    .yith-ywraq-form-wrapper {
        display: block !important;
        padding: 28px 18px !important;
    }

    .yith-ywraq-list-wrapper {
        margin-bottom: 30px !important;
    }

    .yith-ywraq-form,
    .yith-ywraq-mail-form-wrapper,
    #yith-ywraq-form {
        padding: 25px 20px !important;
    }
}

@media (max-width: 600px) {
    .yith-ywraq-list-wrapper .actions,
    .yith-ywraq-list-wrapper .update-list-wrapper,
    .yith-ywraq-list-wrapper .buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    .yith-ywraq-list-wrapper button,
    .yith-ywraq-list-wrapper a.button,
    .yith-ywraq-list-wrapper .button,
    .yith-ywraq-list-wrapper input[type="submit"],
    .yith-ywraq-list-wrapper input[type="button"] {
        width: 100% !important;
    }

    .yith-ywraq-form-wrapper > a,
    .yith-ywraq-form-wrapper > .button,
    .yith-ywraq-form-wrapper .return-to-shop,
    .yith-ywraq-form-wrapper .go-back {
        width: 100% !important;
    }
}/* End custom CSS */