.elementor-2474 .elementor-element.elementor-element-0b32cc5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2474 .elementor-element.elementor-element-7e4be06{--display:flex;--justify-content:center;}.elementor-2474 .elementor-element.elementor-element-64b9975{text-align:start;}.elementor-2474 .elementor-element.elementor-element-64b9975 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:400;text-transform:uppercase;letter-spacing:-3px;color:#1D1D1D;}.elementor-2474 .elementor-element.elementor-element-99a1310 > .elementor-widget-container{margin:0px 0px -15px 0px;}.woocommerce .elementor-2474 .elementor-element.elementor-element-99a1310 .price{color:#131313;font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:700;letter-spacing:-2.9px;}.elementor-2474 .elementor-element.elementor-element-4929e3e .cart button, .elementor-2474 .elementor-element.elementor-element-4929e3e .cart .button{font-family:"Montserrat", Sans-serif;font-size:16px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:70px 70px 70px 70px;padding:20px 20px 20px 20px;background-color:#0C0C0C;border-color:#000000;transition:all 0.2s;}.elementor-2474 .elementor-element.elementor-element-4929e3e .cart button:hover, .elementor-2474 .elementor-element.elementor-element-4929e3e .cart .button:hover{color:#000000;background-color:#02010100;border-color:#000000;}.elementor-2474 .elementor-element.elementor-element-4929e3e .quantity .qty{border-radius:60px 60px 60px 60px;transition:all 0.2s;}.woocommerce .elementor-2474 .elementor-element.elementor-element-0441b14 h2{font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.5px;}.woocommerce .elementor-2474 .elementor-element.elementor-element-0441b14 .shop_attributes{font-family:"Montserrat", Sans-serif;}.elementor-2474 .elementor-element.elementor-element-51c0109{--display:flex;}.elementor-2474 .elementor-element.elementor-element-65cfc30{--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;}.elementor-2474 .elementor-element.elementor-element-a14571d{text-align:start;}.elementor-2474 .elementor-element.elementor-element-a14571d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:700;text-transform:uppercase;letter-spacing:-3px;color:#1D1D1D;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-grid{grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-card__body{text-align:left;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-card__actions{justify-content:left;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-card__stock{margin-left:{{VALUE == "center" ? "auto" : "0"}};margin-right:{{VALUE == "center" ? "auto" : "0"}};}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-card{background:#ffffff;border-radius:12px;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-card__media{background:#F7F2EC;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-card__title a{color:#111111;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-card__price{color:#111111;}.elementor-2474 .elementor-element.elementor-element-ce014c7 a.kl-pg-btn--cart{background:#111111;border-color:#111111;color:#ffffff !important;}.elementor-2474 .elementor-element.elementor-element-ce014c7 a.kl-pg-btn--cart:hover{background:transparent;}@media(max-width:1024px){.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media(min-width:768px){.elementor-2474 .elementor-element.elementor-element-7e4be06{--width:50%;}.elementor-2474 .elementor-element.elementor-element-51c0109{--width:50%;}}@media(max-width:767px){.elementor-2474 .elementor-element.elementor-element-64b9975{text-align:start;}.elementor-2474 .elementor-element.elementor-element-64b9975 .elementor-heading-title{font-size:38px;}.elementor-2474 .elementor-element.elementor-element-a14571d{text-align:start;}.elementor-2474 .elementor-element.elementor-element-a14571d .elementor-heading-title{font-size:38px;}.elementor-2474 .elementor-element.elementor-element-ce014c7 .kl-pg-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-4929e3e *//* Katrinna Life — Botão com shimmer  v2.0.0
   Design System: Minimalista premium · pill shape · Montserrat
   Tons quentes bege/areia no shimmer; preto Katrinna na base.
   ──────────────────────────────────────────────────────────── */

:root {
    /* Hue quente alinhado à paleta Katrinna (bege/areia ~ 32°) */
    --kl-btn-shimmer-hue: 32deg;

    /* Spring easing — mantido da v1, dá o bounce elegante */
    --kl-spring-easing: linear(
        0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
        1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
        1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
        0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
        0.998 84%, 1
    );
    --kl-spring-duration: 1.33s;
}

/* ── @property para animar ângulo do shimmer ─────────────── */

@property --kl-shimmer {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg;
}

/* ── Keyframes ───────────────────────────────────────────── */

@keyframes kl-shimmer {
    0%   { --kl-shimmer: 0deg; }
    100% { --kl-shimmer: 360deg; }
}

@keyframes kl-shine {
    0%   { opacity: 0; }
    15%  { opacity: 1; }
    55%  { opacity: 1; }
    100% { opacity: 0; }
}

/* ── Wrapper ─────────────────────────────────────────────── */

.botao {
    border-radius: 50px;
}

/* ── Botão base — preto premium Katrinna ─────────────────── */

.botao .elementor-button {
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #ffffff;
    background: #111111;
    padding: 16px 48px;
    position: relative;
    border-radius: 50px;
    border: 1px solid #ffffff;
    -webkit-font-smoothing: antialiased;
    transition: all var(--kl-spring-duration) var(--kl-spring-easing);
    cursor: pointer;
}

/* ── Hover — escala suave + sombra discreta ──────────────── */

.botao .elementor-button:hover:not(:active) {
    transition-duration: calc(var(--kl-spring-duration) * 0.5);
    transform: scale(1.04);
    box-shadow:
        0 6px 20px -4px rgba(17, 17, 17, 0.30),
        0 2px 8px  -2px rgba(17, 17, 17, 0.15);
}

/* ── Active — micro-press ────────────────────────────────── */

.botao .elementor-button:active {
    transition-duration: calc(var(--kl-spring-duration) * 0.5);
    transform: scale(0.98);
}

/* ── Shimmer overlay ─────────────────────────────────────── */

.botao .elementor-button-icon {
    position: absolute;
    inset: -40px;
    mask-image: conic-gradient(
        from var(--kl-shimmer, 0deg),
        transparent 0%, transparent 10%,
        black 36%, black 45%,
        transparent 50%, transparent 60%,
        black 85%, black 95%,
        transparent 100%
    );
    mask-size: cover;
    mix-blend-mode: plus-lighter;
    animation: kl-shimmer 2s linear infinite both;
    pointer-events: none;
    border-radius: 50px;
}

/* Ativa shine ao hover */
.botao .elementor-button:hover .elementor-button-icon::before,
.botao .elementor-button:hover .elementor-button-icon::after {
    opacity: 1;
    animation: kl-shine 1.4s ease-in 1 forwards;
}

/* ── Pseudo-elementos do shimmer ─────────────────────────── */

.botao .elementor-button-icon::before,
.botao .elementor-button-icon::after {
    transition: opacity 0.5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    mix-blend-mode: color;
    inset: 40px;
    pointer-events: none;
}

/* Glow externo — tons quentes bege/areia Katrinna */
.botao .elementor-button-icon::before {
    box-shadow:
        0 0 4px 2px  hsl(var(--kl-btn-shimmer-hue) 35% 92%),
        0 0 8px 4px  hsl(var(--kl-btn-shimmer-hue) 25% 75%),
        0 0 14px 5px hsl(var(--kl-btn-shimmer-hue) 20% 60%),
        0 0 26px 6px hsl(var(--kl-btn-shimmer-hue) 15% 45%);
    z-index: -1;
}

/* Borda interna luminosa */
.botao .elementor-button-icon::after {
    box-shadow:
        inset 0 0 0 1px hsl(var(--kl-btn-shimmer-hue) 40% 90%),
        inset 0 0 3px 1px hsl(var(--kl-btn-shimmer-hue) 30% 80%),
        inset 0 0 6px 2px hsl(var(--kl-btn-shimmer-hue) 20% 70%);
    z-index: 2;
}

/* ── Ícone seta (posicionamento mantido) ─────────────────── */

.botao .elementor-button-text::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -32px;
    width: 17px;
    height: 20px;
    transform: translateY(-50%);
    filter: invert(1);
    background: url("https://zeph.com.br/wp-content/uploads/2025/09/ab.svg") center no-repeat;
    background-size: contain;
    pointer-events: none;
}

.botao .elementor-button-text {
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 600;
    color: #ffffff;
    position: relative;
    left: -14px;
}

/* Esconde ícone nativo do Elementor */
.botao .elementor-button-icon svg,
.botao .elementor-button-icon i {
    display: none;
}

/* ── Acessibilidade: respeita preferência de movimento ───── */

@media (prefers-reduced-motion: reduce) {
    .botao .elementor-button {
        transition: opacity 200ms ease, box-shadow 200ms ease;
    }
    .botao .elementor-button-icon {
        animation: none;
    }
}/* End custom CSS */