/* Paleta noturna da QuelvorStudio; mantém os layouts e as demonstrações. */
:root {
  --ink: #edf4fa;
  --muted: #acbfd0;
  --line: #2b4359;
  --paper: #0c2036;
  color-scheme: dark;
  background: #081727;
}
.site-header, .site-footer {background: #081727;}
.eyebrow {color: #8adbd2;}
.hero h1 em, .hero-proof li:before, .included-grid b,
.price-card li:before {color: var(--teal);}
.desktop-nav a:hover, .footer-inner nav a:hover, .price-link:hover {color: var(--teal);}
.button {background: var(--teal); color: var(--navy);}
.button:hover {background: #70ecdf;}
.hero-panel {box-shadow: 18px 18px 0 #123e44; border: 1px solid #2b4359;}
.project-preview {background: #152c40;}
.project-preview:hover {box-shadow: 0 16px 35px #0005;}
.preview-browser {background: #193348; color: #d5e6f1;}
.preview-open {background: var(--teal); color: var(--navy);}
.project-tags li {background: #10263a;}
.process-section, .contact-section {background: #061222;}
.price-card {background: #122a40;}
.price-card-featured {background: #12333f; border-color: var(--teal);}
.popular {background: var(--teal); color: var(--navy);}
.billing strong {color: var(--ink);}
.mobile-nav summary span {background: var(--ink);}
.mobile-nav nav {background: #122a40; box-shadow: 0 12px 35px #0006;}
.contact-float {box-shadow: 0 5px 24px #0006;}
/* Destaca o Instagram no espaço de contato existente. */
[data-instagram] .instagram-icon {flex-shrink: 0;}
.footer-inner [data-instagram] {display: inline-flex; align-items: center; gap: 8px;}
.contact-copy > [data-instagram] {
  min-height: 56px;
  max-width: 100%;
  padding: 16px 20px;
  gap: 12px;
  border: 1px solid #df88ce;
  border-radius: 6px;
  background: linear-gradient(115deg, #6e2daa, #a82463 65%, #ac3c30);
  color: #fff;
  font-size: 15px;
  box-shadow: 0 5px 18px #9b28522e;
  transition: border-color .2s, box-shadow .2s;
}
.contact-copy > [data-instagram]:hover {
  border-color: #ffd0ef;
  box-shadow: 0 5px 24px #b6477959;
}
.contact-copy > [data-instagram]:focus-visible {
  outline-color: #ffd0ef;
}
@media (max-width: 760px) {
  .hero-panel {box-shadow: 9px 10px 0 #123e44;}
}
/* Preparação opcional do pedido; conserva a grade e a paleta existentes. */
.site-header > [data-instagram] {gap: 10px;}
.request-intro h3 {font-size: 20px; line-height: 1.3;}
.request-intro p {margin-top: 10px; color: #b7c6d6; font-size: 14px; line-height: 1.6;}
.message-details textarea {margin-bottom: 16px; min-height: 220px;}
.form-instagram {margin-top: 0; justify-self: center;}
.lead-form button:disabled {opacity: .55; cursor: not-allowed;}
.contact-float {background: linear-gradient(115deg, #6e2daa, #a82463 65%, #ac3c30); color: #fff; border-color: #df88ce;}