/*
Theme Name: Miltina Humana
Theme URI: https://miltina.com.ec
Author: Miltina Humana Ecuador
Description: Tema WooCommerce para Miltina Humana — ecommerce de nutrición infantil. Incluye soporte para programa de puntos, catálogo de productos, checkout y cuenta de usuario.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://miltina.com.ec
Text Domain: miltina
WC requires at least: 8.0
WC tested up to: 9.0
Tags: ecommerce, woocommerce, custom-logo, custom-menu, featured-images, full-width-template, theme-options, two-columns, left-sidebar, right-sidebar, responsive-layout
*/

/* ─── DESIGN TOKENS ─────────────────────────────────────── */
:root {
  --navy:        #1A2680;
  --navy-dark:   #111A60;
  --navy-deep:   #0D1450;
  --blue:        #4A90D9;
  --blue-soft:   #B8D9F5;
  --blue-pale:   #E8F4FD;
  --yellow:      #F5C800;
  --yellow-lt:   #FFF3B0;
  --white:       #FAFCFF;
  --off-white:   #F0F6FC;
  --gray:        #6B7A99;
  --gray-light:  #E4EAF4;
  --text:        #1A2040;
  --text-light:  #5A6380;
  --red:         #E53935;
  --green:       #2E7D32;
  --green-lt:    #E8F5E9;

  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   24px;
  --radius-pill: 30px;

  --shadow-sm:  0 2px 8px rgba(26,38,128,.06);
  --shadow-md:  0 4px 16px rgba(26,38,128,.10);
  --shadow-lg:  0 8px 32px rgba(26,38,128,.14);

  --font-head: 'Nunito', sans-serif;
  --font-body: 'Nunito Sans', sans-serif;

  --container: 1320px;
  --gutter: 40px;
}

/* ─── RESET ──────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  background: var(--off-white);
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; font-family: inherit; }
input, select, textarea { font-family: inherit; }
ul, ol { list-style: none; }