/*
Theme Name: Promedia Digital
Theme URI: https://promedia.digital/
Author: angelgrimaldo.com
Author URI: https://angelgrimaldo.com/
Description: Tema de alto rendimiento para Promedia Digital - Agencia de Marketing Digital. Diseñado sin page builders para maximizar velocidad, SEO y conversión.
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: promediadigital
Tags: custom-theme, marketing-agency, fast, responsive, SEO-optimized
*/

/* ==========================================================================
   CSS DESIGN SYSTEM / VARIABLES DE MARCA
   ========================================================================== */

:root {
  /* Paleta de Colores de Marca */
  --pd-primary: #0F172A;          /* Slate ultra oscuro / Header & Hero */
  --pd-accent: #2563EB;           /* Azul Eléctrico Promedia */
  --pd-accent-hover: #1D4ED8;     /* Azul Hover */
  --pd-cyan: #06B6D4;             /* Cían Gradiente */
  --pd-purple: #7C3AED;           /* Púrpura Acento */
  --pd-dark: #0B0F17;             /* Fondo Oscuro Premium */
  --pd-surface-dark: #1E293B;     /* Tarjetas Oscuras */
  --pd-light: #F8FAFC;            /* Fondo Claro */
  --pd-white: #FFFFFF;            /* Blanco Puro */
  --pd-text-main: #0F172A;        /* Texto Principal */
  --pd-text-muted: #64748B;       /* Texto Secundario */
  --pd-text-light: #94A3B8;       /* Texto Suave sobre Oscuro */
  --pd-border: #E2E8F0;           /* Bordes sutiles */
  --pd-border-dark: rgba(255, 255, 255, 0.1);

  /* Gradientes */
  --pd-gradient-brand: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%);
  --pd-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #0F172A 100%);
  --pd-gradient-glow: radial-gradient(circle at 50% 50%, rgba(37, 99, 235, 0.15) 0%, transparent 70%);

  /* Tipografía */
  --pd-font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --pd-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Sombras */
  --pd-shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04);
  --pd-shadow-md: 0 10px 25px -5px rgba(15, 23, 42, 0.08);
  --pd-shadow-lg: 0 20px 40px -15px rgba(37, 99, 235, 0.2);

  /* Bordes */
  --pd-radius-sm: 8px;
  --pd-radius-md: 14px;
  --pd-radius-lg: 24px;
  --pd-radius-full: 9999px;

  /* Transiciones */
  --pd-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Reset Minimal */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--pd-font-body);
  color: var(--pd-text-main);
  background-color: var(--pd-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--pd-transition);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--pd-font-heading);
  font-weight: 700;
  line-height: 1.2;
  color: var(--pd-primary);
}