﻿/*
 * Canal Criativo Motion
 * BASELINE
 *
 * Nenhum override sobre Elementor.
 */

.elementor-element-23369e6[data-id="23369e6"] { isolation: isolate; }
.ccm-hero-brand-layer { position: absolute; z-index: 1; top: clamp(72px, 10vw, 138px); right: clamp(18px, 3.5vw, 58px); width: clamp(118px, 12.8vw, 184px); aspect-ratio: 1 / 1.18; pointer-events: none; contain: strict; opacity: 0; }
.ccm-hero-brand-canvas, .ccm-hero-brand-fallback, .ccm-hero-brand-fallback svg { display: block; width: 100%; height: 100%; }
.ccm-hero-brand-fallback[hidden] { display: none; }
.ccm-hero-brand-fallback { padding: 18%; filter: drop-shadow(0 14px 22px rgb(49 26 36 / 20%)); }
.ccm-hero-brand-layer[data-webgl="ready"] .ccm-hero-brand-canvas { filter: drop-shadow(0 18px 28px rgb(49 26 36 / 18%)); }
.ccm-hero-brand-layer[data-webgl="fallback"] { opacity: 1; }
.ccm-hero-brand-layer[data-webgl="fallback"] .ccm-hero-brand-canvas { display: none; }
@media (max-width: 1023px) { .ccm-hero-brand-layer { top: clamp(58px, 9vw, 92px); right: clamp(14px, 2.4vw, 30px); width: clamp(96px, 12vw, 132px); } }
@media (max-width: 767px) { .ccm-hero-brand-layer { z-index: 0; top: 14px; right: 12px; width: clamp(72px, 22vw, 92px); opacity: 0.82; } }
@media (prefers-reduced-motion: reduce) { .ccm-hero-brand-layer { opacity: 1; } }

/* Card Motion System: composited with the legacy scroll-* transform/opacity owner. */
.ccm-card { --ccm-enter-y: 0px; --ccm-hover-y: 0px; --ccm-enter-scale: 1; position: relative; translate: 0 calc(var(--ccm-enter-y) + var(--ccm-hover-y)); scale: var(--ccm-enter-scale); transform-style: preserve-3d; }
.ccm-card-surface { --ccm-light-x: 50%; --ccm-light-y: 50%; --ccm-surface-lift: 0px; --ccm-focus: 0.18; position: absolute; z-index: 3; inset: 0; border-radius: inherit; pointer-events: none; transform: perspective(900px) translateY(var(--ccm-surface-lift)); transform-style: preserve-3d; background: radial-gradient(circle at var(--ccm-light-x) var(--ccm-light-y), rgb(255 255 255 / 13%), transparent 46%); border: 1px solid rgb(255 255 255 / calc(0.06 + var(--ccm-focus) * 0.12)); box-shadow: 0 16px 36px rgb(35 22 29 / calc(0.06 + var(--ccm-focus) * 0.12)); transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), border-color 280ms cubic-bezier(.4, 0, .2, 1); will-change: transform; }
.ccm-card.is-ccm-hovered > .ccm-card-surface { border-color: rgb(247 181 151 / 28%); box-shadow: 0 24px 52px rgb(66 35 48 / 17%), 0 2px 0 rgb(255 255 255 / 18%) inset; }
.ccm-card--pain > .ccm-card-surface { border-radius: 35px; }
.ccm-card--proof > .ccm-card-surface { inset: -1px; }
.ccm-card--proof > .elementor-widget-video { position: relative; z-index: 1; }
.ccm-card--proof > .elementor-widget-icon-box { position: relative; z-index: 4; }
@media (max-width: 1023px) { .ccm-card { --ccm-hover-y: 0px; } .ccm-card-surface { box-shadow: 0 12px 28px rgb(35 22 29 / 8%); } }
@media (prefers-reduced-motion: reduce) { .ccm-card { translate: none; scale: 1; } .ccm-card-surface { transform: none; transition: none; } }
