/*
Theme Name: Fichaje Minimal
Theme URI: https://example.com/fichaje-minimal
Author: Tu Nombre
Author URI: https://example.com
Description: Tema limpio y rápido, compatible con Gutenberg, con soporte de logo personalizado para tu sistema de fichaje.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fichaje-minimal
Tags: custom-logo, one-column, responsive-layout, blog, block-styles
*/

/* === Reset mínimo y tokens === */
:root {
  --fm-maxw: 900px;
  --fm-gap: 24px;
  --fm-text: #0f172a;
  --fm-muted: #475569;
  --fm-border: #e2e8f0;
  --fm-bg: #ffffff;
  --fm-primary: #2563eb;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--fm-text);
  background: var(--fm-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* === Layout === */
.container { max-width: var(--fm-maxw); margin: 0 auto; padding: 0 16px; }

.site-header {
  border-bottom: 1px solid var(--fm-border);
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.site-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
}
.brand .site-title { font-weight: 700; font-size: 18px; margin: 0; }
.brand .site-description { color: var(--fm-muted); font-size: 13px; margin: 0; }

.primary-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 14px;
}
.primary-nav a {
  text-decoration: none;
  color: var(--fm-text);
  padding: 8px 10px;
  border-radius: 8px;
}
.primary-nav a:hover, .primary-nav .current-menu-item > a {
  background: #eef2ff;
  color: #1e40af;
}

/* Botón call-to-action opcional */
.cta a {
  background: var(--fm-primary);
  color: #fff;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
}

/* === Contenido === */
main { padding: 28px 0; }
.entry-title { font-size: 32px; margin: 0 0 12px; }
.entry-content { font-size: 18px; }
.entry-content > * + * { margin-top: 1em; }

/* Gutenberg amplio */
.wp-block { max-width: 700px; }
.wp-block[data-align="wide"] { max-width: 1100px; }
.wp-block[data-align="full"] { max-width: none; }

/* === Footer === */
.site-footer {
  margin-top: 40px;
  border-top: 1px solid var(--fm-border);
  padding: 20px 0;
  color: var(--fm-muted);
  font-size: 14px;
}

/* Helpers */
.align-center { text-align: center; }


/* Landing template */
.landing-hero{padding:64px 16px;background:linear-gradient(180deg,#eef2ff,transparent)}
.hero-inner{max-width:820px;margin:0 auto}
.hero-logo img{max-height:84px;height:auto;width:auto;margin-bottom:16px}
.hero-title{font-size:40px;margin:0}
.hero-subtitle{color:#475569;margin:10px 0 18px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-primary,.btn-secondary{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.btn-primary{background:#2563eb;color:#fff}
.btn-secondary{background:#f1f5f9;color:#0f172a}
.landing-features{padding:28px 0}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.feat{border:1px solid #e2e8f0;border-radius:12px;padding:16px}
.landing-steps{padding:16px 0 40px}
.steps{font-size:18px}



/* v1.3 — Ocultar cabecera en TODO el sitio */
.site-header { display: none !important; }
/* Ajuste de espacios al no tener cabecera */
main.container { padding-top: 16px; }