/*
Theme Name: EPIMAR Creaciones - Sublimación & Estampados
Theme URI: https://epimarcreaciones.com
Author: Eyboris & Marcos (Desarrollado para EPIMAR Creaciones)
Author URI: https://instagram.com/epimarcreaciones
Description: Tema premium de alto rendimiento para WordPress y WooCommerce, especializado en Sublimación, DTF, Vinilo Textil, Material POP y Personalización en Caracas y Venezuela. Incluye cotizador dinámico B2B/B2C, pasarela de pedidos directos por WhatsApp, soporte de pagos venezolanos (Pago Móvil, Zelle, Binance), optimización SEO Local con Schema.org y carga ultrarrápida Mobile-First.
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: epimar-creaciones
Tags: e-commerce, woocommerce, responsive-layout, custom-colors, custom-menu, featured-images, translation-ready, local-seo
*/

/* Variables CSS Globales */
:root {
  --ep-primary: #1e3a8a;
  --ep-primary-dark: #0f172a;
  --ep-primary-light: #3b82f6;
  --ep-secondary: #06b6d4;
  --ep-accent: #f59e0b;
  --ep-accent-hover: #d97706;
  --ep-dark: #090d16;
  --ep-dark-card: #131b2e;
  --ep-gray-100: #f8fafc;
  --ep-gray-200: #e2e8f0;
  --ep-gray-300: #cbd5e1;
  --ep-gray-500: #64748b;
  --ep-gray-700: #334155;
  --ep-gray-900: #0f172a;
  --ep-white: #ffffff;
  
  --ep-success: #10b981;
  --ep-whatsapp: #25d366;
  --ep-whatsapp-dark: #128c7e;
  
  --ep-font-main: 'Outfit', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --ep-font-heading: 'Outfit', system-ui, sans-serif;
  
  --ep-radius-sm: 8px;
  --ep-radius-md: 14px;
  --ep-radius-lg: 20px;
  --ep-radius-xl: 28px;
  --ep-radius-full: 9999px;
  
  --ep-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --ep-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --ep-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.14);
  --ep-shadow-glow: 0 0 25px rgba(6, 182, 212, 0.35);
  --ep-shadow-whatsapp: 0 8px 25px rgba(37, 211, 102, 0.35);
  
  --ep-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --ep-container-width: 1240px;
}

/* Reset básico */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--ep-font-main);
  background-color: var(--ep-gray-100);
  color: var(--ep-gray-700);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

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

a {
  color: var(--ep-primary-light);
  text-decoration: none;
  transition: var(--ep-transition);
}

a:hover {
  color: var(--ep-accent);
}

.container {
  width: 100%;
  max-width: var(--ep-container-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}