/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --kairos-petrol: #1F5A53;
  --kairos-petrol-dark: #1C6F63;
  --kairos-beige: #F3EDE3;
  --kairos-sage: #8FB7A0;
  --kairos-sand: #D7CEC0;
  --kairos-text: #23403C;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--kairos-text);
  background: var(--kairos-beige);
  line-height: 1.5;
}

h1, h2, h3, .font-cinzel {
  font-family: "Cinzel", serif;
  color: var(--kairos-petrol);
  letter-spacing: 0.5px;
}

.container {
  width: min(1100px, 92%);
  margin-inline: auto;
}

.btn {
  display: inline-block;
  padding: 0.9rem 1.2rem;
  border-radius: 12px;
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s ease;
}

.btn-primary {
  background: var(--kairos-petrol);
  color: #fff;
}

.btn-primary:hover {
  background: var(--kairos-petrol-dark);
}

.btn-outline {
  background: transparent;
  border-color: var(--kairos-petrol);
  color: var(--kairos-petrol);
}

.btn-outline:hover {
  background: rgba(255, 255, 255, 0.6666666667);
}

/* Tarjetas sutiles */
.card {
  background: #fff;
  border: 1px solid var(--kairos-sand);
  border-radius: 16px;
  padding: 1.25rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

/* —— Enlaces globales —— */
a {
  color: inherit;
}

a:link, a:visited {
  color: inherit;
  text-decoration: none;
}

/* —— Refuerzo de estilos para el menú —— */
header .nav {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

header .nav a {
  color: var(--kairos-petrol);
  padding: 0.4rem 0.6rem;
  border-radius: 8px;
  font-weight: 600;
}

header .nav a:hover,
header .nav a.active {
  background: rgba(255, 255, 255, 0.5647058824);
}

/* Contenedor con respiración extra en móviles */
@media (max-width: 600px) {
  .container {
    width: min(1100px, 94%);
  }
}

/*# sourceMappingURL=styles.css.map*/