/* ================================
   BASE / RESET
================================ */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  background-color: #ffffff;
  color: #0f0f0f;
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

main {
  padding-top: 90px; /* espacio navbar fixed */
}
/* NAVBAR */
.navbar {
  height: 80px;
  overflow: visible !important;
}

/* CONTENEDOR LOGO */
.navbar-brand {
  display: flex;
  align-items: center;
  position: relative;
}

/* LOGO GRANDE QUE SOBRESALE */
.logo-navbar {
  height: 120px !important;   /* BIEN GRANDE */
  width: auto !important;

  position: absolute;
  top: 35px;                  /* SOBRESALE HACIA ABAJO */
  left: 0;

  z-index: 1000;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.5));
}

/* TEXTO */
.brand-text {
  margin-left: 160px;         /* deja espacio al logo */
  font-size: 1.2rem;
  white-space: nowrap;
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #1e1e1e;
}
:root {
  --bg-main: #f4f5f7;
  --bg-dark: #111315;
  --bg-dark-soft: #1c1f23;

  --glass-dark: rgba(17, 19, 21, 0.72);
  --glass-light: rgba(28, 31, 35, 0.55);

  --primary: #7b1e2b;
  --primary-soft: #9a2c3c;

  --accent-gold: #c9a24d;

  --text-dark: #1c1f23;
  --text-light: #ffffff;
  --text-muted: #b8b8b8;
}