@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Dancing+Script:wght@700&display=swap');

html, body, h1, h2, h3, h4, h5, h6,
.uk-card-title, .uk-heading-small,
p, span, li, input, button, select, textarea {
  font-family: 'Montserrat', sans-serif !important;
}

:root {
  --black:  #111111;
  --gold:   #f5a623;
  --gold-dark: #d4891a;
  --white:  #ffffff;
  --gray:   #888;
  --border: #e0e0e0;
  --bg:     #fafafa;
}

html { background: var(--bg) !important; }
.uk-section-default, .uk-background-default { background: var(--bg) !important; }

/* Logo con estilo de marca */
.uk-logo {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--black) !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
}
.uk-logo .logo-facil {
  font-family: 'Dancing Script', cursive !important;
  color: var(--gold) !important;
  font-size: 1.2em !important;
  font-weight: 700 !important;
}
.uk-logo:hover { opacity: .85 !important; }

/* Navbar */
.uk-navbar-container {
  background: var(--white) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: none !important;
}
.uk-navbar-nav > li > a {
  font-size: .68rem !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #999 !important;
  font-family: 'Montserrat', sans-serif !important;
}
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li.uk-active > a { color: var(--black) !important; }

/* Headings */
h1,h2,h3,.uk-heading-small { font-weight: 700 !important; color: var(--black) !important; }
.uk-card-title { font-weight: 600 !important; color: var(--black) !important; }

/* Buttons */
.uk-button-primary {
  background: var(--black) !important;
  border-color: var(--black) !important;
  color: var(--white) !important;
  border-radius: 99px !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  font-family: 'Montserrat', sans-serif !important;
}
.uk-button-primary:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--black) !important;
}

/* Cards */
.uk-card { background: var(--white) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; }
.uk-card:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,.08) !important; transition: all .2s; }

/* Labels/badges — dorado */
.uk-label {
  background: var(--gold) !important;
  color: var(--black) !important;
  border-radius: 99px !important;
  font-size: .58rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

/* Pagination */
.uk-pagination > .uk-active > a {
  background: var(--black) !important;
  color: var(--white) !important;
  border-color: var(--black) !important;
  border-radius: 6px !important;
}
.uk-pagination > li > a:hover { color: var(--black) !important; }

/* Links */
a { color: var(--black) !important; }
.uk-nav-default > li > a:hover,
.uk-nav-default > li.uk-active > a { color: var(--gold-dark) !important; }

/* Search */
.uk-search-default .uk-search-input:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 2px rgba(245,166,35,.15) !important; }

/* Breadcrumb */
.uk-breadcrumb > li > a { color: var(--gold-dark) !important; }
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { color: #ccc !important; }

/* Footer negro */
.uk-section-secondary { background: var(--black) !important; }

/* Article body */
.uk-article-body { color: #333 !important; line-height: 1.85 !important; }

/* Accent line en headings de página */
.page-eyebrow {
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: .5rem;
  display: block;
}

/* Force logo font override (Kocina uses its own serif) */
.uk-logo, .uk-logo * {
  font-family: 'Montserrat', sans-serif !important;
}
.uk-logo .logo-facil {
  font-family: 'Dancing Script', cursive !important;
  color: #f5a623 !important;
}

/* Remove emoji favicon from anywhere it shows in text */
.uk-section-secondary .uk-logo::before { display: none !important; }

/* Mobile navbar fixes */
@media (max-width: 767px) {
  .uk-navbar-container .uk-container { padding: 0 .85rem; }
  .uk-navbar-item.uk-logo img { height: 38px !important; }
  .uk-sticky { position: sticky !important; }
}