/* =========================================================
   KING'S CAVE — IDENTIDAD VISUAL GLOBAL

   Este archivo contiene únicamente variables, tipografía y
   normalización general. El header, menú móvil y footer son
   responsabilidad exclusiva de public_shell.css.
========================================================= */

:root {
  --kc-brown-1: #463a2c;
  --kc-brown-2: #2a261d;
  --kc-black: #101415;
  --kc-brown-3: #1d1a13;
  --kc-gold: #bf995a;
  --kc-white: #ffffff;
  --kc-ivory: #eee5d7;

  --kc-line: rgba(191, 153, 90, 0.34);
  --kc-copy: rgba(255, 255, 255, 0.72);

  --kc-max: 1440px;

  --kc-title-font:
    "Raleway",
    Arial,
    Helvetica,
    sans-serif;

  --kc-body-font:
    "Open Sans",
    Arial,
    Helvetica,
    sans-serif;
}

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

html {
  min-width: 320px;
  max-width: 100%;

  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  max-width: 100%;

  margin: 0;

  overflow-x: hidden;

  background: var(--kc-white);
  color: var(--kc-black);

  font-family: var(--kc-body-font);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.kc-nav-open {
  overflow: hidden;
  overscroll-behavior: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4 {
  font-family: var(--kc-title-font);
}

.kc-main {
  width: 100%;
  max-width: none;

  margin: 0;
}