/**
 * Sumer Móveis — Painel Ripado Scroll 3D v1.1.1
 */

.sumer-ripado-v1-pin-zone {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    isolation: isolate;
    z-index: 20;
}

.sumer-ripado-v1-zone,
.sumer-ripado-v1-stage,
.e-2f886267-0dabcdd.sumer-ripado-v1-stage,
.e-2f886267-0dabcdd {
    position: relative !important;
    isolation: isolate !important;
}

.sumer-ripado-v1-pin-zone > .sumer-ripado-v1-stage {
    position: sticky !important;
    top: var(--sumer-ripado-pin-top, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    flex: none !important;
    align-self: stretch !important;
}

.sumer-ripado-v1-stage,
.e-2f886267-0dabcdd {
    overflow: hidden !important;
    perspective: 1800px;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
    background-color: #0d1611;
}

.sumer-ripado-v1-stage > *,
.e-2f886267-0dabcdd > * {
    position: relative;
    z-index: 6;
}

.sumer-ripado-v1-content {
    position: relative;
    z-index: 8 !important;
    will-change: opacity, transform;
}

.sumer-ripado-v1-bg,
.sumer-ripado-v1-bg-dark,
.sumer-ripado-v1-bg-light,
.sumer-ripado-v1-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.sumer-ripado-v1-bg {
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform-origin: 50% 50%;
    will-change: transform, filter;
}

.sumer-ripado-v1-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 75% 32%, rgba(255,220,160,.12), transparent 28%),
        radial-gradient(circle at 54% 88%, rgba(240,180,110,.08), transparent 24%);
    opacity: .9;
}

.sumer-ripado-v1-bg-dark {
    z-index: 2;
    background: linear-gradient(90deg, rgba(7,11,10,.86) 0%, rgba(8,14,13,.72) 18%, rgba(7,12,10,.42) 38%, rgba(7,12,10,.10) 64%, rgba(7,12,10,.02) 100%);
    will-change: opacity;
}

.sumer-ripado-v1-bg-light {
    z-index: 3;
    background: linear-gradient(180deg, rgba(255,230,180,.10), transparent 28%, rgba(255,255,255,.02) 60%, rgba(9,16,12,.08));
    mix-blend-mode: screen;
    opacity: .55;
}

.sumer-ripado-v1-overlay {
    z-index: 12;
    overflow: hidden;
    contain: strict;
    transform-style: preserve-3d;
    opacity: 1;
    visibility: visible;
}

.sumer-ripado-v1-door {
    position: absolute;
    top: 0;
    width: 50.5%;
    height: 100%;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, filter;
    overflow: hidden;
    opacity: 1 !important;
    transition: none !important;
    box-shadow: 0 0 28px rgba(0,0,0,.32);
}

.sumer-ripado-v1-door--left {
    left: -.4%;
    transform-origin: 0 50%;
}

.sumer-ripado-v1-door--right {
    right: -.4%;
    transform-origin: 100% 50%;
}

.sumer-ripado-v1-door::before,
.sumer-ripado-v1-door::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.sumer-ripado-v1-door::before {
    background:
        linear-gradient(180deg, rgba(255,255,255,.16), transparent 14%, transparent 86%, rgba(0,0,0,.10)),
        linear-gradient(90deg, rgba(255,255,255,.06), transparent 8%, transparent 92%, rgba(0,0,0,.16));
    mix-blend-mode: soft-light;
}

.sumer-ripado-v1-door::after {
    background: linear-gradient(90deg, rgba(0,0,0,.22), transparent 12%, transparent 88%, rgba(0,0,0,.22));
    opacity: .8;
}

.sumer-ripado-v1-door-skin {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.06);
    filter: saturate(1.02) contrast(1.02);
}

.sumer-ripado-v1-door-skin::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 18%, rgba(0,0,0,.08) 86%, rgba(0,0,0,.16)),
        linear-gradient(90deg, rgba(85,48,20,.16), rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(62,35,13,.20));
}

.sumer-ripado-v1-centerline {
    position: absolute;
    top: 7%;
    bottom: 7%;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    z-index: 16;
    background: linear-gradient(180deg, rgba(255,244,198,0), rgba(214,167,65,.96) 14%, rgba(255,233,166,.98) 50%, rgba(214,167,65,.96) 86%, rgba(255,244,198,0));
    box-shadow: 0 0 8px rgba(214,167,65,.48), 0 0 16px rgba(214,167,65,.22);
    will-change: opacity, transform, filter;
}

.sumer-ripado-v1-centerline::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 10%;
    width: 7px;
    height: 92px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(255,250,227,0), rgba(255,236,177,.96), rgba(255,250,227,0));
    filter: blur(1px);
    opacity: .95;
    animation: sumerLineGlow 2.4s ease-in-out infinite;
}

@keyframes sumerLineGlow {
    0%,100% { top: 6%; opacity: .42; }
    50% { top: 72%; opacity: 1; }
}

.sumer-ripado-v1-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 17;
    width: min(34vw,340px);
    max-width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: opacity, transform;
}

.sumer-ripado-v1-logo img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.36));
}

.sumer-ripado-v1-edge-glow {
    position: absolute;
    inset: 0;
    z-index: 14;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,208,138,.14), transparent 7%, transparent 93%, rgba(255,208,138,.14)),
        linear-gradient(180deg, rgba(255,220,160,.18), transparent 15%, transparent 85%, rgba(0,0,0,.12));
    opacity: .95;
}

.sumer-ripado-v1-copy-animate {
    will-change: opacity, transform;
}

/* v1.1 — profundidade nos cards de ambientes */
.sumer-home .sumer-environment-card {
    --sumer-card-rx: 0deg;
    --sumer-card-ry: 0deg;
    --sumer-card-lift: 0px;
    transform: perspective(900px) rotateX(var(--sumer-card-rx)) rotateY(var(--sumer-card-ry)) translateY(var(--sumer-card-lift));
    transform-style: preserve-3d;
    will-change: transform;
}

.sumer-home .sumer-environment-card:hover {
    --sumer-card-lift: -7px;
}

.sumer-home .sumer-environment-card img,
.sumer-home .sumer-environment-card__body {
    transform: translateZ(12px);
}

/* brilho dourado nos ícones */
.sumer-home .sumer-icon,
.sumer-home .sumer-point svg,
.sumer-home .sumer-list__item svg,
.sumer-home .sumer-environment-card__body svg {
    animation: sumerIconGoldPulse 3.8s ease-in-out infinite;
}

.sumer-home .sumer-benefit:nth-child(2) .sumer-icon,
.sumer-home .sumer-point:nth-child(2) svg { animation-delay: .5s; }
.sumer-home .sumer-benefit:nth-child(3) .sumer-icon,
.sumer-home .sumer-point:nth-child(3) svg { animation-delay: 1s; }
.sumer-home .sumer-benefit:nth-child(4) .sumer-icon { animation-delay: 1.5s; }
.sumer-home .sumer-benefit:nth-child(5) .sumer-icon { animation-delay: 2s; }

@keyframes sumerIconGoldPulse {
    0%,72%,100% { filter: drop-shadow(0 0 0 rgba(214,167,65,0)); }
    82% { filter: drop-shadow(0 0 7px rgba(255,216,116,.92)) brightness(1.28); }
}

/* entrada premium de produtos */
.sumer-home .sumer-product.sumer-v11-ready {
    opacity: 0;
    transform: translate3d(0,34px,0) scale(.975);
    transition: opacity .72s ease, transform .72s cubic-bezier(.2,.75,.25,1), box-shadow .28s ease;
    transition-delay: var(--sumer-stagger,0ms);
}

.sumer-home .sumer-product.sumer-v11-ready.is-sumer-v11-visible {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
}

/* linha vertical revelando a seção personalizada */
.sumer-home .sumer-custom {
    position: relative;
    overflow: hidden;
}

.sumer-home .sumer-custom::before {
    content: "";
    position: absolute;
    top: 8%;
    bottom: 8%;
    left: 45%;
    width: 1px;
    z-index: 5;
    background: linear-gradient(180deg, transparent, rgba(214,167,65,.95) 18%, rgba(255,226,148,.95) 50%, rgba(214,167,65,.95) 82%, transparent);
    box-shadow: 0 0 10px rgba(214,167,65,.38);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.15s cubic-bezier(.2,.75,.25,1);
    pointer-events: none;
}

.sumer-home .sumer-custom.is-sumer-v11-visible::before {
    transform: scaleY(1);
}

/* Instagram com zoom suave */
.sumer-home .sumer-instagram__item img {
    transform: scale(1.015);
    transition: transform 1.2s cubic-bezier(.2,.75,.25,1), filter .5s ease;
}

.sumer-home .sumer-instagram__item.is-sumer-v11-visible img {
    transform: scale(1.055);
}

.sumer-home .sumer-instagram__item:hover img {
    transform: scale(1.10);
    filter: brightness(1.04);
}

/* reflexo dourado controlado nos botões */
.sumer-home .sumer-btn,
.sumer-ripado-v1-stage .elementor-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.sumer-home .sumer-btn::after,
.sumer-ripado-v1-stage .elementor-button::after {
    content: "";
    position: absolute;
    top: -60%;
    bottom: -60%;
    left: -75%;
    width: 34%;
    z-index: 2;
    background: linear-gradient(90deg, transparent, rgba(255,244,204,.72), transparent);
    transform: skewX(-20deg);
    transition: left .72s ease;
    pointer-events: none;
}

.sumer-home .sumer-btn:hover::after,
.sumer-ripado-v1-stage .elementor-button:hover::after {
    left: 145%;
}

.elementor-location-header,
.site-header,
.elementor-sticky--active,
.joinchat,
.ht-ctc-chat,
.wa__btn_popup,
#qlwapp {
    z-index: 2147482000 !important;
}

body.elementor-editor-active .sumer-ripado-v1-overlay,
body.elementor-editor-preview .sumer-ripado-v1-overlay,
body.elementor-editor-active .sumer-ripado-v1-bg,
body.elementor-editor-preview .sumer-ripado-v1-bg,
body.elementor-editor-active .sumer-ripado-v1-bg-dark,
body.elementor-editor-preview .sumer-ripado-v1-bg-dark,
body.elementor-editor-active .sumer-ripado-v1-bg-light,
body.elementor-editor-preview .sumer-ripado-v1-bg-light {
    display: none !important;
}

@media (max-width: 1024px) {
    .sumer-ripado-v1-logo { width: min(42vw,290px); }
    .sumer-home .sumer-custom::before { display: none; }
}

@media (max-width: 767px) {
    .sumer-ripado-v1-logo {
        width: min(52vw,220px);
        max-width: 58%;
    }
    .sumer-ripado-v1-centerline { top: 9%; bottom: 9%; }
    .sumer-home .sumer-environment-card {
        transform: translateY(var(--sumer-card-lift));
    }
}

@media (hover: none), (pointer: coarse) {
    .sumer-home .sumer-environment-card {
        --sumer-card-rx: 0deg !important;
        --sumer-card-ry: 0deg !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sumer-ripado-v1-pin-zone { height: auto !important; }
    .sumer-ripado-v1-pin-zone > .sumer-ripado-v1-stage { position: relative !important; top: auto !important; }
    .sumer-ripado-v1-overlay,
    .sumer-ripado-v1-bg,
    .sumer-ripado-v1-bg-dark,
    .sumer-ripado-v1-bg-light { display: none !important; }
    .sumer-home .sumer-icon,
    .sumer-home .sumer-point svg,
    .sumer-home .sumer-list__item svg,
    .sumer-home .sumer-environment-card__body svg { animation: none !important; }
    .sumer-home .sumer-product.sumer-v11-ready,
    .sumer-home .sumer-instagram__item img { opacity: 1; transform: none; transition: none; }
}