/* ── Fondo global de la página ── */
body, #page, .site, .site-content {
  background: #111318 !important;
  color: #FAFAF8 !important;
}

/* ── Ocultar header y footer del tema ── */
.site-header, header.header, #masthead, #site-header,
.main-navigation, .nav-primary, .header-main,
.site-footer, footer.footer, #colophon, #site-footer,
#wpadminbar { display: none !important; }

/* ── Scrollbar personalizada ── */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: #111318; }
::-webkit-scrollbar-thumb { background: #C1281B; }


/* ── Headings en Noto Serif SC por defecto ── */
.elementor-widget-heading h1,
.elementor-widget-heading h2 {
  font-family: 'Noto Serif SC', serif !important;
  color: #FAFAF8 !important;
}

/* ── Hover en links de nav ── */
nav a:hover { color: #C9A84C !important; }

/* ── Hover en stat cards del hero ── */
.elementor-widget-html div[style*="border: 1px solid rgba(255,255,255,0.06)"]:hover {
  background: rgba(201,168,76,0.05) !important;
  border-color: rgba(201,168,76,0.2) !important;
}

/* ── Hover en filas de cámaras ── */
.elementor-widget-html div[style*="grid-template-columns: 60px"]:hover span:nth-child(3) {
  color: #FAFAF8 !important;
}

/* ── Hover en botones ── */
a[style*="background:#C9A84C"]:hover {
  background: #E8C96A !important;
  transform: translateY(-2px);
}

/* ── Hover en celdas de contacto ── */
a[href^="tel"]:hover div[style*="color:#FAFAF8"],
a[href^="http"]:hover div[style*="color:#FAFAF8"] {
  color: #C9A84C !important;
}

/* ── Animación pulso territorio ── */
@keyframes ccccra-ring {
  0%   { width: 20px; height: 20px; opacity: 0.8; }
  100% { width: 300px; height: 300px; opacity: 0; }
}

/* ── Responsive ── */
@media (max-width: 900px) {
  nav ul { display: none !important; }
  nav { padding: 16px 4% !important; }
}