/* site original copycores.com.br */
body{
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
    [x-cloak]{ display:none !important; }

    :root{
      color-scheme: light;
      --bg: #f5f5f5;
      --hdr: #dcdcdc;
      --surface: #ffffff;
      --surface2: #ececec;
      --border: #d4d4d4;
      --text: #181818;
      --muted: #525252;
      --muted2:#707070;
      --input:#ffffff;
      --focus:#7a7a7a;
      --shadow-md: 0 16px 54px rgba(0,0,0,.12);
      --shadow-lg: 0 20px 70px rgba(0,0,0,.16);
    }
    .dark{
      color-scheme: dark;
      --bg: #171a1f;
      --hdr: #1b1f26;
      --surface: #1f242c;
      --surface2:#262c36;
      --border:#363e4a;
      --text:#f1f5f9;
      --muted:#c1c7d0;
      --muted2:#9aa3ad;
      --input:#171a1f;
      --focus:#b7bec8;
      --shadow-md: 0 1px 0 rgba(255,255,255,.03);
      --shadow-lg: 0 1px 0 rgba(255,255,255,.03);
    }

    html{ font-size: 17px; }
    @media (max-width: 640px){ html{ font-size: 16px; } }

    body{ background: var(--bg); color: var(--text); }

    .dark body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:0;
      background:
        radial-gradient(1100px 620px at 18% 18%, rgba(255,255,255,.045), transparent 55%),
        radial-gradient(900px 520px at 82% 72%, rgba(255,255,255,.030), transparent 55%);
    }
    body > *{ position:relative; z-index:1; }

    .hdr{
      background: rgba(77, 77, 77, 0.92);
      border-bottom: 1px solid rgba(0,0,0,.08);
      backdrop-filter: blur(10px);
    }
    .dark .hdr{
      background: rgba(27,31,38,.92);
      border-bottom: 1px solid rgba(255,255,255,.10);
    }

    .surface{
      background: var(--surface);
      border: 1px solid color-mix(in srgb, var(--border) 95%, transparent);
      box-shadow: var(--shadow-md);
    }
    .dark .surface{
      background: var(--surface);
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: var(--shadow-md);
    }
    /* site copycores.com.br */
.hover-soft{
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.hover-soft:hover{
  background: color-mix(in srgb, var(--surface2) 70%, transparent);
}

.dark .hover-soft:hover{
  background: color-mix(in srgb, #ffffff 6%, transparent);
}
    .surface:hover{
      box-shadow: var(--shadow-lg);
      transition: box-shadow .18s ease, transform .18s ease;
    }

    :focus-visible{
      outline: 3px solid color-mix(in srgb, var(--focus) 55%, transparent);
      outline-offset: 3px;
      border-radius: 10px;
    }

    .field{
      width:100%;
      border: 1px solid color-mix(in srgb, var(--border) 92%, transparent);
      border-radius: 10px;
      padding: 14px 14px;
      background: var(--input);
      color: var(--text);
      font-size: 1rem;
      box-shadow: inset 0 1px 0 rgba(0,0,0,.04);
      transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    }
    .dark .field{
      border-color: rgba(255,255,255,.10);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    }
    .field::placeholder{ color: color-mix(in srgb, var(--muted2) 88%, transparent); }
    .field:hover{ border-color: color-mix(in srgb, var(--focus) 55%, var(--border)); }
.field:focus{
  outline:none;
  border-color: var(--focus);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--focus) 18%, transparent);
  background: color-mix(in srgb, var(--surface2) 85%, #ffffff);
}

/* site original DE copycores.com.br */
.dark .field:focus{
  border-color: var(--focus);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--focus) 22%, transparent);
  background: var(--surface2); /* ou var(--surface) se quiser mais “chapado” */
}

    select.field{
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      padding-right:44px;
      background-image:
        linear-gradient(45deg, transparent 50%, color-mix(in srgb, var(--muted2) 90%, transparent) 50%),
        linear-gradient(135deg, color-mix(in srgb, var(--muted2) 90%, transparent) 50%, transparent 50%);
      background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
      background-size: 6px 6px, 6px 6px;
      background-repeat:no-repeat;
    }

    @media (prefers-reduced-motion: reduce){
      .anim-safe{ transition:none !important; animation:none !important; scroll-behavior:auto !important; }
    }
    .b2b-compact .field{
  padding: 10px 12px;      /* antes: 14px 14px */
  border-radius: 10px;     /* mantém consistente */
  font-size: .95rem;
}

.b2b-compact label{
  margin-bottom: .35rem !important;
}

.b2b-compact textarea.field{
  min-height: 120px;       /* controla altura sem ficar enorme */
}

/* ======================================
   Fullscreen Lottie Intro (Loader)
   ====================================== */
.page-loader{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: color-mix(in srgb, var(--bg) 75%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity .55s ease, transform .55s ease;
}

/* site originale copycores.com.br */
.page-loader__anim{
  width: clamp(220px, 70vw, 560px);
  height: clamp(220px, 70vw, 560px);
  display: grid;
  place-items: center;
}
.page-loader__anim svg{
  width: 100%;
  height: 100%;
} 


/* Оригинальный сайт: copycores.com.br */
.page-loader.is-hiding{
  opacity: 0;
  transform: scale(1.02);
  pointer-events: none;
}

/* if JS disabled, don't block */
.no-js .page-loader{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: color-mix(in srgb, var(--bg) 75%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity .55s ease, transform .55s ease;
}

@media (prefers-reduced-motion: reduce){
  .page-loader{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: color-mix(in srgb, var(--bg) 75%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity .55s ease, transform .55s ease;
}
}