/*
Theme Name: Lene
Theme URI: 
Author: Lene Riedel
Author URI: https://www.imagemestilo.com
Description: 
Requires at least: 6.0
Tested up to: 6.3.1
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lene
Tags: full-site-editing, 
*/

/* body {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

html, body {
    scroll-behavior: smooth;
}

html {
    font-size: 18px;
}

body {
    --lr-form-field-padding: 0.5rem 1.2rem;
    --lr-border-radius: 10rem;
    --lr-section-spacing-y: 4rem;
    --lr-grid-gap: 2rem;
    --lr-h1-font-size: 2rem;
    --lr-h2-font-size: 1.75rem;
    --lr-h3-font-size: 2rem;
    --lr-content-spacing: 0.75rem;

    font-family: Nunito, sans-serif;
    line-height: 1.4;
}


.wp-block-heading,
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
    margin-bottom: var(--lr-content-spacing);
    line-height: 1.4;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
}

h1, h2 {
    font-family: 'Prata', Georgia, 'Times New Roman', Times, serif;
    line-height: 1.3;
}

h1 {
    font-size: var(--lr-h1-font-size);
}

h2 {
    font-size: var(--lr-h2-font-size);
} */

::selection {
    background-color: var(--wp--preset--color--lr-red);
}

:first-child {
    margin-top: 0;
}

:last-child {
    margin-bottom: 0;
}

.wp-block-columns {
    gap: var(--lr-grid-gap);
}

.entry-content > section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-block: var(--lr-section-spacing-y);
    padding-block: clamp(2rem, 5vh, var(--lr-section-spacing-y));
    overflow-x: clip;
}

/* section.has-custom-lene-dark-background-color + section.has-custom-lene-dark-background-color,
section:not(.has-background) + section:not(.has-background) {
    padding-top: 0;
} */

/* section.has-custom-lene-gold-light-background-color {
    background-image: url("./assets/images/back_pattern.png");
    background-blend-mode: multiply;
} */

footer.wp-block-template-part {
    background-color: var(--wp--preset--color--custom-lene-dark);
    color: var(--wp--preset--color--custom-lene-light);
}

/* section > .wp-block-heading {
    margin-bottom: 1em;
} */

h1 strong, 
h2 strong {
    -webkit-text-stroke: 2px black;
}

p {
    margin-top: 0;
    margin-bottom: var(--lr-content-spacing);
}

summary,
a:not([class*="button"]) {
    color: var(--wp--preset--color--lr-red-dark);
}

summary:focus,
summary:hover,
a:not([class*="button"]):focus,
a:not([class*="button"]):hover {
    color: var(--wp--preset--color--lr-red-light);
}

.nowrap {
    white-space: nowrap;
}

#intro-video {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.wp-block-quote {
    position: relative;
}

.wp-block-quote::before {
    content: "“";
    display: block;
    font-size: 8rem;
    position: absolute;
    left: -1rem;
    top: -3rem;
    color: inherit;
    opacity: 0.3;
    font-weight: bold;
    font-family: Prata, serif;
}

#faq .wp-block-details  {
    padding: 1rem 0;
    border-top: 1px solid var(--wp--preset--color--custom-lene-gold-light);
    border-top: 1px solid var(--wp--preset--color--custom-lene-gold-dark);
}

#faq .wp-block-details summary {
    font-weight: bold;
}

#faq .wp-block-details summary + * {
    margin-top: 0.5rem;
}

/* #quote {
    background-image: radial-gradient(farthest-corner at 40px 40px, var(--wp--preset--color--lr-red-dark) 30%, #9f5a4a);
} */

fieldset {
    border: none;
    padding: 0;
}

.pv-hero-bg fieldset {
    margin-bottom: 0;
}

label {
    display: block;
}

input:where(:not([type="checkbox"], [type="radio"])) {
    font-family: inherit;
    font-size: inherit;
    padding: var(--lr-form-field-padding);
    border-radius: var(--lr-border-radius);
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid transparent;
    transition: border-color 0.25s, background-color 0.25s;
    width: 100%;
    max-width: 25rem;
    box-sizing: border-box;

    &:focus {
        background-color: rgba(255, 255, 255, 1);
    }
}

input:where(:not([type="checkbox"], [type="radio"])):focus {
    background-color: rgba(255, 255, 255, 1);
}

input:where([type="checkbox"]) {
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    background-color: none;
    border-radius: 0.5rem;
    border: 2px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
}

input:where([type="checkbox"])::after {
    content: "";
    display: block;
    width: 60%;
    height: 60%;
    transform: scale(0);
    transition: transform 0.25s;
    background-color: white;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input:where([type="checkbox"]):checked::after {
    transform: scale(1);
}

.wp-block-button .wp-element-button,
.button {
    background-color: var(--wp--preset--color--lr-red-light);
    xbackground-image: linear-gradient(-150deg, rgb(255 255 255 / 20%), rgb(0 0 0 / 10%)), linear-gradient(30deg, var(--wp--preset--color--custom-lene-gold-dark), var(--wp--preset--color--custom-lene-gold));
    xbackground: radial-gradient(ellipse farthest-corner at right bottom, var(--wp--preset--color--custom-lene-gold-light) 0%, var(--wp--preset--color--custom-lene-gold-light) 8%, var(--wp--preset--color--custom-lene-gold) 30%, var(--wp--preset--color--custom-lene-gold) 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, var(--wp--preset--color--custom-lene-gold-light) 8%, var(--wp--preset--color--custom-lene-gold-light) 15%, var(--wp--preset--color--custom-lene-gold-dark) 62.5%, var(--wp--preset--color--custom-lene-gold-dark) 100%);
    xbox-shadow: inset 0 0.25rem 0.25rem var(--wp--preset--color--custom-lene-gold-light), inset 0 -0.25rem 0.25rem 0.1rem var(--wp--preset--color--custom-lene-gold-dark);
    xbox-shadow: inset 0 0 0.1rem var(--wp--preset--color--custom-lene-gold);
    box-shadow: 0 0.1rem 0.5rem rgb(0 0 0 / 30%);
    color: var(--wp--preset--color--white);
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 1.25rem;
    line-height: 1.2;
    padding: var(--lr-form-field-padding);
    font-weight: bold;
    border-radius: var(--lr-border-radius);
    /* text-shadow: -1px -1px 1px var(--wp--preset--color--custom-lene-gold-dark); */
    text-transform: uppercase;
    /* font-family: 'Prata'; */
    letter-spacing: 0.07rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s;
    text-wrap: balance;

    &::before {
        content: "";
        display: block;
        position: absolute;
        inset: 0 0 0 0;
        background-color: rgb(0 0 0 / 25%);
        opacity: 0;
        transition: opacity 0.2s;
        mix-blend-mode: overlay;
    }

    &:hover, &:focus {
        &::before {
            opacity: 1;
        }
    }

    &:active {
        transform: scale(0.8);
    }
}

.wp-block-button .wp-element-button::after,
.button::after {
    content: "";
    width: 70%;
    display: block;
    position: absolute;
    left: 0;
    top: -40%;
    height: 180%;
    filter: blur(1.5rem);
    background-color: white;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 50%), rgb(0 0 0 / 50%));
    opacity: 0.2;
    animation: shine 7.5s linear infinite both;
    /* mix-blend-mode: color-dodge; */
    border-radius: 50%;
}

@keyframes shine {
    from {
        transform: translateX(-150%) skew(.20deg);
    }
    to {
        transform: translateX(1500%) skew(-20deg);
    }
}

.button-whatsapp .wp-element-button {
    font-size: 1.15rem;
    padding: 0.8em;
    padding-left: 2.5em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23fff' d='M24 11.69c0 6.458-5.274 11.692-11.782 11.692-2.066 0-4.007-.528-5.695-1.455L0 24l2.127-6.273a11.568 11.568 0 0 1-1.691-6.036C.436 5.234 5.711 0 12.218 0 18.726 0 24 5.234 24 11.69ZM12.218 1.863c-5.462 0-9.905 4.41-9.905 9.829 0 2.15.7 4.142 1.886 5.763l-1.237 3.65 3.807-1.21a9.9 9.9 0 0 0 5.45 1.626c5.461 0 9.905-4.409 9.905-9.829 0-5.42-4.444-9.83-9.906-9.83Zm5.95 12.521c-.073-.119-.265-.19-.554-.334-.289-.143-1.71-.837-1.973-.932-.265-.095-.458-.143-.65.143-.193.287-.746.932-.915 1.123-.169.192-.337.216-.626.073-.288-.143-1.219-.446-2.322-1.422-.858-.76-1.438-1.697-1.607-1.985-.168-.286-.017-.441.127-.584.13-.128.29-.335.433-.502.145-.167.193-.286.289-.478.097-.191.048-.358-.024-.502-.072-.143-.65-1.553-.89-2.127-.241-.574-.482-.478-.65-.478-.169 0-.361-.024-.554-.024-.193 0-.506.072-.77.358-.265.287-1.01.98-1.01 2.39 0 1.41 1.034 2.773 1.178 2.964.145.19 1.998 3.179 4.934 4.326 2.936 1.147 2.936.764 3.466.716.529-.047 1.708-.693 1.95-1.362.24-.67.24-1.243.168-1.363Z'/%3E%3C/svg%3E");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 16px;
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    text-shadow: none;
}

form fieldset,
form .field {
    margin-bottom: 1rem;
}


.button-cta {
    font-size: 1.25rem;
}

.fade-out-bottom-img img {
    mask-image: linear-gradient(to top, transparent, black 20%);
    /* margin-bottom: 1.5rem; */
}

.garantia img {
    filter: drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.5));
}

@media (max-width: 767px) {
    .garantia figure {
        display: none !important;
    }

    html .garantia .wp-block-media-text__content[class] {
        padding-block: 0 !important;
    }

    .garantia-overline {
        margin-top: 0 !important;
    }
}

.mb-3 {
    margin-bottom: 1.5rem;
}

section.has-lr-red-dark-background-color {
    background-image: radial-gradient(circle at 10% 90%, rgb(255 255 255 / 7%) 10%, rgb(255 255 255 / 0%) 50%, rgb(0 0 0 / 0%) 100%);
    background-repeat: no-repeat;
    background-size: cover;
}

.pv-hero-bg {
    --lr-hero-gradient-1: linear-gradient(30deg, rgb(0 0 0 / 50%), rgb(150 150 150 / 50%));
    --lr-hero-gradient-2: radial-gradient(circle at 10% 10%, var(--wp--preset--color--lr-red-dark) 0, rgb(0 0 0 / 50%) 70%, var(--wp--preset--color--lr-red-light) 100%);
    --lr-sunburst-position: from 10deg at 70% 80%;
    --lr-hero-sunburst: conic-gradient(var(--lr-sunburst-position),
        rgb(0 0 0 / 10%) 0deg, rgb(0 0 0 / 10%) calc(36deg * 1), 
        rgb(0 0 0 / 0%) calc(36deg * 1), rgb(0 0 0 / 0%) calc(36deg * 2), 
        rgb(0 0 0 / 10%) calc(36deg * 2), rgb(0 0 0 / 10%) calc(36deg * 3), 
        rgb(0 0 0 / 0%) calc(36deg * 3), rgb(0 0 0 / 0%) calc(36deg * 4), 
        rgb(0 0 0 / 10%) calc(36deg * 4), rgb(0 0 0 / 10%) calc(36deg * 5), 
        rgb(0 0 0 / 0%) calc(36deg * 5), rgb(0 0 0 / 0%) calc(36deg * 6), 
        rgb(0 0 0 / 10%) calc(36deg * 6), rgb(0 0 0 / 10%) calc(36deg * 7), 
        rgb(0 0 0 / 0%) calc(36deg * 7), rgb(0 0 0 / 0%) calc(36deg * 8), 
        rgb(0 0 0 / 10%) calc(36deg * 8), rgb(0 0 0 / 10%) calc(36deg * 9), 
        rgb(0 0 0 / 0%) calc(36deg * 9), rgb(0 0 0 / 0%) calc(36deg * 10)
    );

    background-color: #130f00 !important;
    /* background-image: url("/wp-content/uploads/2023/10/14960638_5549183-scaled.jpeg"); */
    background-image: var(--lr-hero-sunburst), var(--lr-hero-gradient-1), var(--lr-hero-gradient-2);
    background-size: cover;
    background-position: 75% bottom, center center, center center;
    background-repeat: no-repeat;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.pv-hero-bg.replay {
    --lr-sunburst-position: from 10deg at 50% 50%;
}

.pv-hero-bg::before {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("/wp-content/uploads/2024/01/lene-branca.webp");
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    z-index: -1;
    filter: drop-shadow(0 0 2rem rgba(255, 255, 255, 0.25));
}

.pv-hero-paragraph {
    line-height: 1.2;
}

.pv-hero-bg label:not([for="accept-field"]) {
    overflow: hidden;
    height: 0;
}

.pv-hero-bg label[for="accept-field"] {
    display: flex;
    gap: 0.25rem;
    max-width: 25rem;
}

.pv-hero-bg label[for="accept-field"] input {
    flex: 0 0 auto;
}

.pv-hero-bg label[for="accept-field"] span {
    font-size: 0.8rem;
    flex: 1 1 auto;
}

.pv-hero-bg .infos {
    font-size: 0.8rem;
}

.pv-hero-bg .infos p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.pv-hero-bg .garantia strong {
    white-space: nowrap;
}

.pv-hero-wrapper > div {
    max-width: 100%;
}

.page-title-container {
    display: flex;
    gap: 1.5rem;
    align-items: baseline !important;
    margin-bottom: 1rem;
}

.back-arrow-link {
    font-size: var(--lr-h1-font-size);
    transform: scale(1.9) translateY(-0.15rem);
    flex: 0 0 auto;
    text-decoration: none;
    line-height: 50%;
}

html .wp-block-media-text .wp-block-media-text__content {
    padding-block: 1rem !important;
}

.wp-block-media-text + .wp-block-media-text {
    margin-top: 2rem;
}

footer.wp-block-template-part .wp-block-navigation__container {
    gap: 0.6rem;
}

.wp-block-embed.is-type-video {
    box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 0.35);
}

.mentoria-info-container {
    display: grid !important;
    grid-template-columns: repeat( auto-fit, minmax(280px, 1fr) );
    gap: 1.5rem;
    align-items: initial !important;
    justify-items: stretch;
    counter-reset: details-counter;
}

.mentoria-info {
    background-color: var(--wp--preset--color--custom-lene-light);
    padding: 1rem;
    padding-top: 3rem;
    position: relative;
    max-width: 100%;
    margin-top: 2rem !important;
    border-radius: 0.5rem;
    color: var(--wp--preset--color--lr-dark);
}

.mentoria-info::before {
    counter-increment: details-counter;
    content: counter(details-counter);
    display: flex;
    font-size: 2.5rem;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
    background-color: var(--wp--preset--color--custom-lene-gold-light);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%, 50%);
    font-family: Prata, serif;
    border: 0.5rem solid var(--wp--preset--color--lr-red-dark);
}

.wp-block-nelio-compare-images img {
   pointer-events: none;
}

.price-container {
    max-width: max-content !important;
}

.price-special-offer-installment-container {
    align-items: baseline !important;
    row-gap: 0 !important;
}

.price-special-offer-installment {
    font-weight: 900;
    font-size: 2.6rem !important;
}

.price-include-list {
    list-style: none;
    padding: 0;
    margin-bottom: 0.25rem;
}

.price-include-list li {
    border-bottom: 1px dashed rgb(255 255 255 / 0.4);
    padding-block: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1ch;
}

.price-include-list li:last-child {
    /* border-bottom-width: 2px; */
    border-bottom: 2px solid rgb(255 255 255 / 0.4);
}

.price-include-list li s {
    margin-left: auto;  
}

.price-include-list li strong {
    display: contents;  
}

.price-total {
    display: flex;
    text-decoration: line-through;
}

.price-total s,
.price-total strong {
    display: contents;
}

.price-total-valor {
    margin-left: auto;
}

#depoimentos .wp-block-quote {
    margin: 2rem 1rem 0; 
}

.wp-block-quote cite {
    margin-top: 0.5em;
}

.wp-block-quote cite::before {
    content: "- ";
}

#metodo .wp-block-list li:not(:first-child) {
    margin-top: 0.5em;
}

#yt-placeholder {
    max-width: 100%;
    aspect-ratio: 16 / 9;
}

#yt-placeholder iframe {
    width: 100%;
    height: 100%;
    display: block;
}

@media screen and (min-width: 768px) {
    .pv-hero-wrapper > div {
        /* max-width: 70%; */
        max-width: 55%;
    }
}

@media screen and (max-width: 1024px) {
    .pv-hero-bg::before {
        background-size: cover;
    }
}

@media screen and (max-width: 767px) {
    /* body {
        --lr-section-spacing-y: 2rem;
        --lr-h1-font-size: 1.4rem;
        --lr-h2-font-size: 1.4rem;
        --lr-h3-font-size: 1.2rem;
    } */

    /* .pv-hero-bg {
        --lr-sunburst-position: from 10deg at 55% 20%;        
    }
    
    .pv-hero-bg::before {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 1.7 / 1;
        background-position: center top;
        margin-bottom: 1rem;
        mask-image: linear-gradient(to top, transparent, black 20%);
    } */

    .pv-hero-bg {
        --lr-sunburst-position: from 10deg at 85% 30%;
        max-height: max-content;
    }

    .pv-hero-bg::before {
        opacity: 0.7;
        position: absolute;
        width: auto;
        min-width: 50%;
        height: 100%;
        right: 0;
        left: auto;
        top: 0;
        background-image: url("/wp-content/uploads/2024/01/lene-branca-700x1024.webp");
        background-size: cover;
        background-position: left top;
        aspect-ratio: 1 / 2.8;
    }

    .pv-hero-wrapper {
        display: block;
    }

    html .pv-hero-paragraph {
        max-width: 70% !important;
        font-size: 1rem !important;
    }
    
    body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).pv-hero-paragraph {
        margin-left: 0 !important;
    }

    .pv-hero-bg .infos {
        justify-content: space-between;
        flex-wrap: nowrap;
        white-space: nowrap;
        animation: marquee 15s linear infinite forwards;
        position: relative;
        font-weight: bold;
        margin-top: -0.6rem;
    }

    .pv-hero-bg .infos > div {
        flex-grow: 0;
    }

    .wp-block-media-text .wp-block-media-text__content {
        padding-inline: 0;
    }

    .garantia .wp-block-media-text__media {
        max-width: 10rem;
        margin-left: auto;
        margin-right: auto;
    }

    html .wp-block-media-text .wp-block-media-text__content {
        padding-block: 1.5rem !important;
    }
    html .wp-block-media-text .wp-block-media-text__content:last-child {
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 450px) {
    .wp-block-button,
    .wp-block-button .wp-element-button,
    .button {
        width: 100%;
    }

    /* .pv-hero-bg {
        --lr-sunburst-position: from 10deg at 85% 30%;
    }

    .pv-hero-bg::before {
        opacity: 0.7;
        position: absolute;
        width: auto;
        min-width: 50%;
        height: 100%;
        right: 0;
        left: auto;
        top: 0;
        background-image: url("/wp-content/uploads/2024/01/lene-branca-700x1024.webp");
        background-size: cover;
        background-position: left top;
        aspect-ratio: 1 / 2.8;
    }

    .pv-hero-wrapper {
        display: block;
    }

    .pv-hero-bg .infos {
        justify-content: space-between;
        flex-wrap: nowrap;
        white-space: nowrap;
        animation: marquee 15s linear infinite forwards;
        position: relative;
        font-weight: bold;
        margin-top: -0.6rem;
    }

    .pv-hero-bg .infos > div {
        flex-grow: 0;
    }

    .wp-block-media-text .wp-block-media-text__content {
        padding-inline: 0;
    }

    .garantia .wp-block-media-text__media {
        max-width: 10rem;
        margin-left: auto;
        margin-right: auto;
    } */
}

@media (min-width: 1000px) {
    html {
        font-size: 20px;
    }

    body {
        --lr-form-field-padding: 0.6rem 1.6rem;
    }
}


@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}