/* Trevecor site styles */
:root{ --ring:#0f172a; --cardBg: rgba(2,6,23,0.6); }
* { scroll-margin-top: 88px; }
.card{ border-radius:1rem; border:1px solid var(--ring); background:var(--cardBg); padding:1.25rem;
  transition:transform .2s ease, background .2s ease, border-color .2s ease; display:flex; flex-direction:column; }
.card:hover{ transform:translateY(-2px); background:rgba(2,6,23,0.75); border-color:#13203b; }
.card .cta{ margin-top:auto; }
.grid-cards{ display:grid; gap:1.5rem; }
@media(min-width:640px){ .grid-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:1024px){ .grid-cards{ grid-template-columns:repeat(4,minmax(0,1fr)); } }

/* Sticky header */
.header { position:sticky; top:0; z-index:40; backdrop-filter:saturate(180%) blur(8px); background:rgba(2,6,23,0.75); border-bottom:1px solid var(--ring); }

/* Dropdown menus */
.nav-item{ position:relative; }
.nav-menu{ display:none; position:absolute; top:100%; left:0; background:#0b1220; border:1px solid var(--ring); border-radius:.75rem; padding:.5rem; min-width: 260px; }
.nav-item:focus-within .nav-menu, .nav-item:hover .nav-menu{ display:block; }
.nav-menu a{ display:block; padding:.5rem .75rem; border-radius:.5rem; }
.nav-menu a:hover{ background:#0f172a; }

/* Modal */
#contact-modal[aria-hidden="true"] { display:none; }
#contact-modal[aria-hidden="false"] {
  position:fixed; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(2,6,23,.7); z-index:50; padding:1rem;
}
.modal-panel{ width:100%; max-width:560px; border-radius:1rem; border:1px solid var(--ring); background:#0b1220; padding:1.25rem; box-shadow:0 20px 40px rgba(0,0,0,.45); }

/* Parallax subtle */
.parallax{ position:relative; overflow:hidden; }
.parallax .layer{ position:absolute; inset:0; background: radial-gradient(60% 60% at 50% 10%, rgba(34,211,238,.08), transparent); transform:translate3d(0,0,0); }

/* Map dark */
.map-dark iframe { filter: grayscale(100%) invert(90%) contrast(90%) brightness(90%) hue-rotate(180deg); }

/* Breadcrumbs */
.breadcrumbs a{ color:#94a3b8; }
.breadcrumbs span{ color:#64748b; }