/*
Theme Name: M&G Theme - Goslen Burgos Personal Brand
Theme URI: https://goslen.com/
Author: Goslen Burgos & M&G Technology Solutions LLC
Author URI: https://mgtechnologysolutions.com/
Description: Tema nativo ultra-rápido para WordPress diseñado para la marca personal de Goslen Burgos: El Arquitecto de Inteligencia Soberana. Enfoque en educación, IA local en servidores privados, filosofía de ajedrez, optimización para AdSense y canalización B2B.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mg-theme-goslen
*/

/* Custom Utilities and Theme Resets */
:root {
  --color-navy: #0B132B;
  --color-light-navy: #1C2541;
  --color-cyan: #48CAE4;
  --color-cyan-bright: #00B4D8;
  --color-gold: #FFB703;
  --color-gold-dark: #FB8500;
  --color-text-slate: #94A3B8;
  --color-text-light: #F8FAFC;
}

html {
  scroll-behavior: smooth;
  background-color: var(--color-navy);
  color: var(--color-text-light);
}

body {
  font-family: 'Inter', 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: #0B132B;
  color: #E2E8F0;
  overflow-x: hidden;
}

/* Fira Code for Tech & SOP Code Blocks */
pre, code, .font-mono-sop {
  font-family: 'Fira Code', monospace;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0B132B;
}
::-webkit-scrollbar-thumb {
  background: #1C2541;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #00B4D8;
}

/* Subtle Glow Effects */
.glow-cyan {
  box-shadow: 0 0 20px rgba(72, 202, 228, 0.25);
}
.glow-gold {
  box-shadow: 0 0 20px rgba(255, 183, 3, 0.25);
}

/* Clean Invisible AdSense Container */
.adsense-container {
  min-height: 0;
  background: transparent;
  border: none;
  margin: 1rem 0;
}

/* Custom Styled Pagination for AdSense & UX */
.pagination,
.nav-links,
.page-numbers-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  width: 100% !important;
}

ul.page-numbers,
.page-numbers-container ul.page-numbers {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.page-numbers li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

a.page-numbers,
span.page-numbers,
.page-numbers a,
.page-numbers span,
.page-numbers-container a,
.page-numbers-container span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0 0.85rem !important;
  margin: 0 0.25rem !important;
  border-radius: 0.5rem !important;
  background-color: #1C2541 !important;
  border: 1px solid rgba(0, 180, 216, 0.3) !important;
  color: #94A3B8 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
}

a.page-numbers:hover,
.page-numbers a:hover,
.page-numbers-container a:hover {
  background-color: #00B4D8 !important;
  color: #0B132B !important;
  border-color: #00B4D8 !important;
  box-shadow: 0 0 12px rgba(0, 180, 216, 0.4) !important;
  transform: translateY(-1px) !important;
}

.page-numbers.current,
span.page-numbers.current,
.page-numbers-container .current {
  background: linear-gradient(135deg, #00B4D8, #48CAE4) !important;
  color: #0B132B !important;
  border-color: #00B4D8 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px rgba(0, 180, 216, 0.3) !important;
}

a.page-numbers.dots,
span.page-numbers.dots {
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  box-shadow: none !important;
}