/*
Theme Name: Mi Tema WP con Inteligencia Artificial
Theme URI: https://github.com/mi-tema-wp
Author: Tu Nombre / IA Master
Description: Plantilla profesional optimizada por Google Stitch, Antigravity y Claude Code.
Version: 1.0.0
Text Domain: mi-tema-wp
*/

/* ==========================================================================
   GLOBAL RESET & BASE
   Header y footer CSS se cargan desde inc/enqueue-scripts.php como hojas
   independientes con filemtime versioning — no se importan aquí.
   ========================================================================== */

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip; /* clip en lugar de hidden para no romper position: sticky */
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  /* Offset del header fixed (5.5rem = 88px desktop, 4.5rem tablet) */
  padding-top: 5.5rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  background-color: var(--surface, #f8f9fa);
  color: var(--on-surface, #1c1b1f);
}

/* Mi Cuenta y Dashboard usan su propio layout — sin offset del header global */
body.woocommerce-account,
body.woocommerce-order-received {
  padding-top: 0;
}

@media (max-width: 1024px) {
  body {
    padding-top: 4.5rem;
  }
  body.woocommerce-account,
  body.woocommerce-order-received {
    padding-top: 0;
  }
}

/* ==========================================================================
   COMPONENT: GENERIC TEXT PAGES (.generic-page)
   ========================================================================== */
.generic-page__container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 8rem 2rem 6rem;
  box-sizing: border-box;
}

.generic-page__header {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(228, 190, 188, 0.2);
}

.generic-page__eyebrow {
  font-family: var(--font-label, 'Inter', sans-serif);
  font-size: 0.625rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--primary, #b7102a);
  margin-bottom: 1rem;
}

.generic-page__title {
  font-family: var(--font-headline, 'Space Grotesk', sans-serif);
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--on-surface, #191c1d);
  line-height: 1;
  margin: 0;
}

.generic-page__content {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1rem;
  line-height: 1.75;
  color: var(--on-surface-variant, #5b403f);
  max-width: 65ch;
}