/*
Theme Name: tuy.mx
Theme URI: https://tuy.mx
Author: tuy.mx
Author URI: https://tuy.mx
Description: Tema oficial de tuy.mx — Presencia digital para negocios locales en México. Incluye Home, Nosotros, Planes, Estrategia Digital, Contacto, Blog y páginas legales. Diseño cálido y humano, optimizado para Web Vitals y compatible con Contact Form 7.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tuy
Tags: business, blog, mexico, one-column, two-columns, custom-colors, custom-menu, featured-images, footer-widgets, block-styles, wide-blocks, rtl-language-support, accessibility-ready
*/

/* ============================================================
   TUY.MX — Base tokens
   Brand: azul #1B6BB0 · naranja #F5920A · verdes semilla→bosque
   Type: Nunito (display) + Nunito Sans (body) + JetBrains Mono
   ============================================================ */

:root {
  --azul: #1B6BB0;
  --azul-oscuro: #154f85;
  --azul-claro: #e8f2fb;
  --naranja: #F5920A;
  --naranja-claro: #fff4e6;
  --naranja-oscuro: #d97d08;
  --blanco: #ffffff;
  --fondo: #F7F8FA;
  --texto: #1A1A2E;
  --texto-sec: #64748B;
  --verde-semilla: #6B9E4E;
  --verde-arbusto: #4A8C5C;
  --verde-arbol: #2E6E45;
  --verde-bosque: #1A4F30;
  --verde-selva: #0D3320;

  --papel: #FBF7F0;
  --papel-profundo: #F4ECDD;
  --tinta: #2B2420;
  --tinta-sec: #6E5F54;
  --borde-calido: #E8DCC6;

  --radio: 16px;
  --radio-sm: 10px;
  --radio-lg: 24px;
  --sombra: 0 4px 24px rgba(27,107,176,0.10);
  --sombra-lg: 0 8px 48px rgba(27,107,176,0.16);
  --sombra-calida: 0 6px 28px rgba(120, 80, 30, 0.08);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Nunito Sans', system-ui, sans-serif;
  color: var(--texto);
  background: var(--blanco);
  line-height: 1.6;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5 { font-family: 'Nunito', sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }

/* Screen reader */
.screen-reader-text { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.skip-link { position: absolute; left: -9999px; top: 0; background: var(--texto); color: white; padding: 12px 20px; z-index: 999; }
.skip-link:focus { left: 8px; top: 8px; }