/*
Theme Name: Cilindros Hidráulicos
Theme URI: https://www.cilindroshidraulicos.cl/
Author: Mafersa
Author URI: https://www.mafersa.cl/
Description: Tema WordPress standalone para Cilindros Hidráulicos Chile. Diseño industrial premium, mobile first, optimizado para SEO y velocidad. Compatible con Contact Form 7. Color principal azul de marca + acentos en naranja industrial.
Version: 1.0.0
Tested up to: 6.6
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: cilindros-hidraulicos
Tags: industrial, business, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks, block-styles
*/

/* ============================================
   CILINDROS HIDRÁULICOS — RESET + TOKENS
   Estilos base. Estilos específicos en assets/css/main.css
   ============================================ */

:root {
  --color-blue: #1E6FE8;
  --color-blue-dark: #1453B8;
  --color-blue-deep: #0E1F3F;
  --color-blue-soft: #EEF4FF;
  --color-orange: #FF6B00;
  --color-orange-dark: #E55F00;
  --color-text: #0E1A33;
  --color-text-soft: #4A5878;
  --color-text-mute: #8B97AE;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F7F9FC;
  --color-border: #E4EAF2;
  --color-success: #25D366;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --shadow-sm: 0 2px 8px rgba(14,31,63,0.06);
  --shadow-md: 0 8px 24px rgba(14,31,63,0.08);
  --shadow-lg: 0 20px 48px rgba(14,31,63,0.12);

  --radius: 6px;
  --radius-lg: 14px;

  --header-h: 80px;
  --topbar-h: 38px;

  --container: 1280px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-bg);
  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(--color-blue); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--color-blue-dark); }

button { font-family: inherit; cursor: pointer; border: none; background: none; }

::selection { background: var(--color-blue); color: white; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #EEF2F8; }
::-webkit-scrollbar-thumb { background: #C5CFE0; border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: var(--color-blue); }

/* WordPress core classes */
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin: 0 auto 1rem; }
.alignwide { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 14px; color: var(--color-text-mute); text-align: center; padding: 8px 0; }
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;
}
.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 1.5rem 0; }
.gallery img { border-radius: var(--radius); }