.elementor-465 .elementor-element.elementor-element-a889144{--display:flex;--min-height:55vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0em;--padding-bottom:6.5em;--padding-left:0em;--padding-right:0em;}.elementor-465 .elementor-element.elementor-element-a889144:not(.elementor-motion-effects-element-type-background), .elementor-465 .elementor-element.elementor-element-a889144 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lorenajacob.com.br/wp-content/uploads/2026/07/sectioninicio.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-465 .elementor-element.elementor-element-734257d{text-align:center;}.elementor-465 .elementor-element.elementor-element-734257d .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:55px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-465 .elementor-element.elementor-element-610e849{color:var( --e-global-color-secondary );}.elementor-465 .elementor-element.elementor-element-265d292{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:2em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-a889144 */.hero-loja {
    min-height: clamp(400px, 50vh, 560px);
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   RASTREAR ENCOMENDA — LORENA JACOB

   Shortcode:
   [infixs_correios_automatic_tracking_view]

   Classe no widget Shortcode:
   pagina-rastrear-encomenda-lj
========================================================= */


/* =========================================================
   1. VARIÁVEIS GERAIS
========================================================= */

.pagina-rastrear-encomenda-lj {
    --lj-preto: #121212;
    --lj-verde: #016a67;
    --lj-azul: #365f7a;
    --lj-off-white: #f7f5f2;
    --lj-branco: #ffffff;

    --lj-texto-suave:
        rgba(18, 18, 18, 0.64);

    --lj-borda:
        rgba(18, 18, 18, 0.11);

    --lj-borda-campo:
        rgba(18, 18, 18, 0.20);

    --lj-sombra:
        0 18px 55px
        rgba(18, 18, 18, 0.07);


    /* =====================================================
       AJUSTES RÁPIDOS DO BLOCO DOS CORREIOS
    ===================================================== */

    /*
       ALTURA MÍNIMA DO BLOCO

       Aumente para deixar o bloco mais alto.
       Diminua para deixar o bloco mais baixo.

       Exemplo:
       110px = mais baixo
       122px = configuração atual
       145px = mais alto
    */

    --lj-correios-altura-minima: 122px;


    /*
       ESPAÇAMENTO INTERNO VERTICAL

       Controla o espaço superior e inferior do bloco.

       Exemplo:
       12px = bloco mais compacto
       16px = configuração atual
       24px = bloco mais espaçoso
    */

    --lj-correios-padding-vertical: 16px;


    /*
       ESPAÇAMENTO INTERNO LATERAL
    */

    --lj-correios-padding-horizontal: 20px;


    /*
       FONTE DO TEXTO DO BLOCO
    */

    --lj-correios-fonte:
        "Red Hat Display",
        sans-serif;


    /*
       TAMANHO DO TEXTO DO BLOCO

       O tamanho original era 13px.
       Foi aumentado em 4px.
    */

    --lj-correios-texto-tamanho: 17px;


    /*
       PESO DO TEXTO DO BLOCO

       400 = regular
       500 = médio
       600 = seminegrito
       700 = negrito
    */

    --lj-correios-texto-peso: 400;


    /*
       COR DO TEXTO DO BLOCO
    */

    --lj-correios-texto-cor:
        rgba(255, 255, 255, 0.90);


    /*
       FONTE DO BOTÃO DOS CORREIOS
    */

    --lj-correios-botao-fonte:
        "Red Hat Display",
        sans-serif;


    /*
       TAMANHO DO TEXTO DO BOTÃO

       Mantido no tamanho original.
    */

    --lj-correios-botao-tamanho: 13px;


    /*
       PESO DO TEXTO DO BOTÃO
    */

    --lj-correios-botao-peso: 700;


    /*
       COR DO TEXTO E DA BORDA DO BOTÃO
    */

    --lj-correios-botao-cor: #ffffff;


    width: 100%;
    max-width: 900px;

    margin-right: auto !important;
    margin-left: auto !important;
}


/* =========================================================
   2. RESET LOCAL
========================================================= */

.pagina-rastrear-encomenda-lj *,
.pagina-rastrear-encomenda-lj *::before,
.pagina-rastrear-encomenda-lj *::after {
    box-sizing: border-box;
}

.pagina-rastrear-encomenda-lj {
    color: var(--lj-preto);

    font-family:
        "Red Hat Display",
        sans-serif;
}

.pagina-rastrear-encomenda-lj a {
    text-decoration: none !important;
}


/* =========================================================
   3. CARD PRINCIPAL
========================================================= */

.pagina-rastrear-encomenda-lj
> .elementor-widget-container {
    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;

    padding:
        clamp(26px, 5vw, 46px) !important;

    overflow: hidden !important;

    background:
        var(--lj-branco) !important;

    border:
        1px solid
        var(--lj-borda) !important;

    border-radius: 20px !important;

    box-shadow:
        var(--lj-sombra) !important;
}


/* Contêiner interno do shortcode */

.pagina-rastrear-encomenda-lj
.elementor-shortcode {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Impede que o plugin ultrapasse o card */

.pagina-rastrear-encomenda-lj
.elementor-shortcode
> * {
    max-width: 100% !important;

    margin-right: 0 !important;
    margin-left: 0 !important;
}


/* Limita o conteúdo interno */

.pagina-rastrear-encomenda-lj
.elementor-shortcode
> div,

.pagina-rastrear-encomenda-lj
.elementor-shortcode
> form {
    width: 100% !important;
    max-width: 680px !important;

    margin-right: auto !important;
    margin-left: auto !important;
}


/* =========================================================
   4. FORMULÁRIO
========================================================= */

.pagina-rastrear-encomenda-lj
form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 680px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 10px !important;
}


/* =========================================================
   5. RÓTULO DO CAMPO
   Original: 13px
   Atual: 17px
========================================================= */

.pagina-rastrear-encomenda-lj
form label {
    display: block !important;

    width: 100% !important;

    margin:
        0 0 8px !important;

    padding: 0 !important;

    color:
        var(--lj-preto) !important;

    font-family:
        "Red Hat Display",
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    text-align: left !important;
}


/* =========================================================
   6. GRUPO CAMPO + BOTÃO
========================================================= */

.pagina-rastrear-encomenda-lj
form
> div:has(
    > input[type="text"],
    > input[type="search"]
),

.pagina-rastrear-encomenda-lj
form
> p:has(
    > input[type="text"],
    > input[type="search"]
),

.pagina-rastrear-encomenda-lj
form
> span:has(
    > input[type="text"],
    > input[type="search"]
) {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 12px !important;
}


/* Estrutura alternativa do plugin */

.pagina-rastrear-encomenda-lj
form:has(
    > input[type="text"],
    > input[type="search"]
) {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    align-items: stretch !important;

    gap:
        10px 12px !important;
}

.pagina-rastrear-encomenda-lj
form:has(
    > input[type="text"],
    > input[type="search"]
)
> label {
    grid-column:
        1 / -1 !important;

    margin-bottom: 0 !important;
}


/* =========================================================
   7. CAMPO DE RASTREAMENTO
   Original: 14px
   Atual: 18px
========================================================= */

.pagina-rastrear-encomenda-lj
input[type="text"],

.pagina-rastrear-encomenda-lj
input[type="search"] {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    margin: 0 !important;

    padding:
        0 17px !important;

    color:
        var(--lj-preto) !important;

    background:
        var(--lj-branco) !important;

    border:
        1px solid
        var(--lj-borda-campo) !important;

    border-radius: 10px !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-family:
        "Red Hat Display",
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.pagina-rastrear-encomenda-lj
input[type="text"]::placeholder,

.pagina-rastrear-encomenda-lj
input[type="search"]::placeholder {
    color:
        rgba(18, 18, 18, 0.42) !important;

    opacity: 1 !important;
}

.pagina-rastrear-encomenda-lj
input[type="text"]:hover,

.pagina-rastrear-encomenda-lj
input[type="search"]:hover {
    border-color:
        rgba(18, 18, 18, 0.34) !important;
}

.pagina-rastrear-encomenda-lj
input[type="text"]:focus,

.pagina-rastrear-encomenda-lj
input[type="search"]:focus {
    border-color:
        var(--lj-verde) !important;

    box-shadow:
        0 0 0 3px
        rgba(1, 106, 103, 0.10) !important;
}


/* =========================================================
   8. BOTÃO RASTREAR

   O tamanho do texto do botão foi mantido.
========================================================= */

.pagina-rastrear-encomenda-lj
form button,

.pagina-rastrear-encomenda-lj
form input[type="submit"],

.pagina-rastrear-encomenda-lj
form input[type="button"] {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 128px !important;
    max-width: none !important;

    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    margin: 0 !important;

    padding:
        0 24px !important;

    color:
        var(--lj-branco) !important;

    background:
        var(--lj-azul) !important;

    border:
        1px solid
        var(--lj-azul) !important;

    border-radius: 999px !important;

    outline: 0 !important;

    box-shadow:
        0 12px 24px
        rgba(54, 95, 122, 0.15) !important;

    font-family:
        "Red Hat Display",
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;

    cursor: pointer !important;

    transform: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

.pagina-rastrear-encomenda-lj
form button:hover,

.pagina-rastrear-encomenda-lj
form input[type="submit"]:hover,

.pagina-rastrear-encomenda-lj
form input[type="button"]:hover {
    color:
        var(--lj-branco) !important;

    background:
        var(--lj-verde) !important;

    border-color:
        var(--lj-verde) !important;

    box-shadow:
        0 14px 28px
        rgba(1, 106, 103, 0.17) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   9. BLOCO DE INFORMAÇÕES DOS CORREIOS

   ALTURA:
   --lj-correios-altura-minima

   ESPAÇO INTERNO:
   --lj-correios-padding-vertical
   --lj-correios-padding-horizontal

   FONTE:
   --lj-correios-fonte

   TAMANHO:
   --lj-correios-texto-tamanho

   PESO:
   --lj-correios-texto-peso

   COR:
   --lj-correios-texto-cor
========================================================= */

.pagina-rastrear-encomenda-lj
form + div,

.pagina-rastrear-encomenda-lj
form + section,

.pagina-rastrear-encomenda-lj
form ~ div {
    display: flex !important;
    flex-direction: column !important;

    /*
       Centraliza o conjunto verticalmente
       dentro do bloco.
    */

    justify-content: center !important;

    /*
       Mantém textos e botão alinhados
       da esquerda para a direita.
    */

    align-items: flex-start !important;
    text-align: left !important;

    width: 100% !important;
    max-width: 680px !important;

    min-height:
        var(--lj-correios-altura-minima) !important;

    height: auto !important;

    margin:
        24px auto 0 !important;

    padding:
        var(--lj-correios-padding-vertical)
        var(--lj-correios-padding-horizontal) !important;

    overflow: hidden !important;

    color:
        var(--lj-correios-texto-cor) !important;

    background:
        linear-gradient(
            125deg,
            var(--lj-azul) 0%,
            #294f63 52%,
            var(--lj-verde) 100%
        ) !important;

    border:
        1px solid
        rgba(255, 255, 255, 0.18) !important;

    border-radius:
        14px !important;

    font-family:
        var(--lj-correios-fonte) !important;

    font-size:
        var(--lj-correios-texto-tamanho) !important;

    font-weight:
        var(--lj-correios-texto-peso) !important;

    line-height:
        1.55 !important;
}


/* Caso a mensagem seja um parágrafo separado */

.pagina-rastrear-encomenda-lj
form ~ p {
    display: flex !important;
    flex-direction: column !important;

    justify-content: center !important;
    align-items: flex-start !important;

    width: 100% !important;
    max-width: 680px !important;

    min-height:
        var(--lj-correios-altura-minima) !important;

    height: auto !important;

    margin:
        24px auto 0 !important;

    padding:
        var(--lj-correios-padding-vertical)
        var(--lj-correios-padding-horizontal) !important;

    color:
        var(--lj-correios-texto-cor) !important;

    background:
        linear-gradient(
            125deg,
            var(--lj-azul) 0%,
            #294f63 52%,
            var(--lj-verde) 100%
        ) !important;

    border:
        1px solid
        rgba(255, 255, 255, 0.18) !important;

    border-left:
        4px solid
        var(--lj-branco) !important;

    border-radius:
        12px !important;

    font-family:
        var(--lj-correios-fonte) !important;

    font-size:
        var(--lj-correios-texto-tamanho) !important;

    font-weight:
        var(--lj-correios-texto-peso) !important;

    line-height:
        1.55 !important;

    text-align:
        left !important;
}


/* Textos internos do resultado */

.pagina-rastrear-encomenda-lj
form ~ div p,

.pagina-rastrear-encomenda-lj
form + div p,

.pagina-rastrear-encomenda-lj
form + section p {
    width: 100% !important;

    margin:
        0 0 12px !important;

    color:
        var(--lj-correios-texto-cor) !important;

    font-family:
        var(--lj-correios-fonte) !important;

    font-size:
        var(--lj-correios-texto-tamanho) !important;

    font-weight:
        var(--lj-correios-texto-peso) !important;

    line-height:
        1.55 !important;

    text-align:
        left !important;
}


/* Remove margem do último parágrafo */

.pagina-rastrear-encomenda-lj
form ~ div p:last-child,

.pagina-rastrear-encomenda-lj
form + div p:last-child,

.pagina-rastrear-encomenda-lj
form + section p:last-child {
    margin-bottom: 0 !important;
}


/* Outros textos internos */

.pagina-rastrear-encomenda-lj
form ~ div span,

.pagina-rastrear-encomenda-lj
form + div span,

.pagina-rastrear-encomenda-lj
form + section span,

.pagina-rastrear-encomenda-lj
form ~ div strong,

.pagina-rastrear-encomenda-lj
form + div strong,

.pagina-rastrear-encomenda-lj
form + section strong {
    color:
        var(--lj-correios-texto-cor) !important;

    font-family:
        var(--lj-correios-fonte) !important;

    font-size:
        var(--lj-correios-texto-tamanho) !important;

    line-height:
        1.55 !important;
}


/* Mantém o peso original dos textos em negrito */

.pagina-rastrear-encomenda-lj
form ~ div strong,

.pagina-rastrear-encomenda-lj
form + div strong,

.pagina-rastrear-encomenda-lj
form + section strong {
    font-weight: 700 !important;
}


/* =========================================================
   10. BOTÃO “RASTREAR SITE DOS CORREIOS”

   FONTE:
   --lj-correios-botao-fonte

   TAMANHO:
   --lj-correios-botao-tamanho

   PESO:
   --lj-correios-botao-peso

   COR:
   --lj-correios-botao-cor
========================================================= */

.pagina-rastrear-encomenda-lj
.elementor-shortcode a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 190px !important;
    min-height: 48px !important;

    margin:
        12px 0 0 !important;

    padding:
        0 22px !important;

    color:
        var(--lj-correios-botao-cor) !important;

    background:
        transparent !important;

    border:
        1px solid
        var(--lj-correios-botao-cor) !important;

    border-radius:
        999px !important;

    font-family:
        var(--lj-correios-botao-fonte) !important;

    font-size:
        var(--lj-correios-botao-tamanho) !important;

    font-weight:
        var(--lj-correios-botao-peso) !important;

    line-height:
        1 !important;

    text-align:
        center !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

.pagina-rastrear-encomenda-lj
.elementor-shortcode a:hover {
    color:
        var(--lj-correios-botao-cor) !important;

    background:
        rgba(255, 255, 255, 0.12) !important;

    border-color:
        var(--lj-correios-botao-cor) !important;
}


/* =========================================================
   11. EVENTOS DO RASTREAMENTO
   Original: 14px
   Atual: 18px
========================================================= */

.pagina-rastrear-encomenda-lj
.elementor-shortcode ul,

.pagina-rastrear-encomenda-lj
.elementor-shortcode ol {
    width: 100% !important;

    margin:
        22px 0 0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}

.pagina-rastrear-encomenda-lj
.elementor-shortcode li {
    position: relative;

    margin: 0 !important;

    padding:
        0 0 26px 38px !important;

    color:
        var(--lj-correios-texto-cor) !important;

    font-family:
        var(--lj-correios-fonte) !important;

    font-size:
        18px !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;

    list-style:
        none !important;

    text-align:
        left !important;
}

.pagina-rastrear-encomenda-lj
.elementor-shortcode li::before {
    content: "";

    position: absolute;

    top: 4px;
    left: 3px;

    width: 16px;
    height: 16px;

    background:
        var(--lj-branco);

    border:
        4px solid
        var(--lj-branco);

    border-radius:
        50%;

    z-index: 2;
}

.pagina-rastrear-encomenda-lj
.elementor-shortcode li::after {
    content: "";

    position: absolute;

    top: 20px;
    bottom: 0;
    left: 10px;

    width: 2px;

    background:
        rgba(255, 255, 255, 0.24);
}

.pagina-rastrear-encomenda-lj
.elementor-shortcode li:last-child {
    padding-bottom:
        0 !important;
}

.pagina-rastrear-encomenda-lj
.elementor-shortcode li:last-child::after {
    display: none;
}


/* =========================================================
   12. TABLET
========================================================= */

@media (max-width: 980px) {

    .pagina-rastrear-encomenda-lj {
        max-width: 760px;
    }

}


/* =========================================================
   13. CELULAR
========================================================= */

@media (max-width: 767px) {

    .pagina-rastrear-encomenda-lj
    > .elementor-widget-container {
        padding:
            22px 17px !important;

        border-radius:
            16px !important;
    }

    .pagina-rastrear-encomenda-lj
    form
    > div:has(
        > input[type="text"],
        > input[type="search"]
    ),

    .pagina-rastrear-encomenda-lj
    form
    > p:has(
        > input[type="text"],
        > input[type="search"]
    ),

    .pagina-rastrear-encomenda-lj
    form
    > span:has(
        > input[type="text"],
        > input[type="search"]
    ),

    .pagina-rastrear-encomenda-lj
    form:has(
        > input[type="text"],
        > input[type="search"]
    ) {
        display: flex !important;
        flex-direction: column !important;

        gap:
            12px !important;
    }

    .pagina-rastrear-encomenda-lj
    form button,

    .pagina-rastrear-encomenda-lj
    form input[type="submit"],

    .pagina-rastrear-encomenda-lj
    form input[type="button"] {
        width:
            100% !important;

        min-width:
            100% !important;
    }

    .pagina-rastrear-encomenda-lj
    .elementor-shortcode a {
        width:
            100% !important;

        min-width:
            100% !important;
    }

    .pagina-rastrear-encomenda-lj
    form + div,

    .pagina-rastrear-encomenda-lj
    form + section,

    .pagina-rastrear-encomenda-lj
    form ~ div,

    .pagina-rastrear-encomenda-lj
    form ~ p {
        min-height:
            auto !important;

        padding:
            14px 15px !important;
    }

}


/* =========================================================
   14. ACESSIBILIDADE
========================================================= */

.pagina-rastrear-encomenda-lj
a:focus-visible,

.pagina-rastrear-encomenda-lj
button:focus-visible,

.pagina-rastrear-encomenda-lj
input:focus-visible {
    outline:
        3px solid
        rgba(1, 106, 103, 0.25) !important;

    outline-offset:
        3px;
}

@media (prefers-reduced-motion: reduce) {

    .pagina-rastrear-encomenda-lj *,
    .pagina-rastrear-encomenda-lj *::before,
    .pagina-rastrear-encomenda-lj *::after {
        animation:
            none !important;

        transition:
            none !important;
    }

}/* End custom CSS */