/* ── Belleza Natural Pro — Main CSS ── */
:root {
  --bnp-gold: #C9A84C;
  --bnp-gold-light: #E8D09A;
  --bnp-black: #0A0A0A;
  --bnp-black-soft: #141414;
  --bnp-card: #1A1A1A;
  --bnp-white: #FAFAF8;
  --bnp-gray: #999999;
  --bnp-gray-mid: #555555;
  --font-display: 'Cormorant Garamond', serif;
  --font-body: 'Montserrat', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  background: var(--bnp-black);
  color: var(--bnp-white);
  font-family: var(--font-body);
  font-weight: 300;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Elementor overrides */
.elementor-page { background: var(--bnp-black); }
.elementor-section-wrap { background: var(--bnp-black); }
.elementor-widget-heading .elementor-heading-title em { color: var(--bnp-gold); font-style: italic; }
.elementor-widget-heading .elementor-heading-title { font-family: var(--font-display); font-weight: 300; }

/* Botones Elementor */
.elementor-button-wrapper .elementor-button {
  font-family: var(--font-body) !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
}

/* Nav menu Elementor */
.elementor-nav-menu .elementor-item {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  transition: color 0.3s !important;
}
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active { color: var(--bnp-gold) !important; }

/* Inputs del formulario Elementor */
.elementor-form .elementor-field-group input,
.elementor-form .elementor-field-group select,
.elementor-form .elementor-field-group textarea {
  background: var(--bnp-card) !important;
  border: 1px solid rgba(201,168,76,0.15) !important;
  color: var(--bnp-white) !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  transition: border-color 0.3s !important;
}
.elementor-form .elementor-field-group input:focus,
.elementor-form .elementor-field-group select:focus,
.elementor-form .elementor-field-group textarea:focus {
  border-color: var(--bnp-gold) !important;
  outline: none !important;
}
.elementor-form label { font-family: var(--font-body) !important; font-weight: 400 !important; }

/* Divider dorado */
.elementor-widget-divider .elementor-divider-separator { border-color: var(--bnp-gold) !important; }

/* Scroll reveal utility */
.bnp-reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }
.bnp-reveal.visible { opacity: 1; transform: translateY(0); }

/* Blog */
.wp-block-post-title a { color: var(--bnp-white); text-decoration: none; }
.wp-block-post-title a:hover { color: var(--bnp-gold); }
.wp-pagenavi a, .wp-pagenavi span { color: var(--bnp-gold); }

/* Selection */
::selection { background: var(--bnp-gold); color: var(--bnp-black); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bnp-black); }
::-webkit-scrollbar-thumb { background: var(--bnp-gold); border-radius: 3px; }
