/* ==========================================================================
   NURI · capa de marca para escueladeesteticaonline.com.ar
   Se aplica por encima del tema (BeTheme) y se puede quitar entera borrando
   el mu-plugin sg-nuri-marca.php. No modifica la base de datos.

   Paleta (ruta A «editorial sereno»):
     marfil #F8F5F0 · carbón #2E2B27 · oro #B88442 (degradé #A77538→#E9B978)
     salvia #A4B3A2 · rosa #D8B9B5 · línea #E3D9CB
   Tipografías: Playfair Display (títulos) + Montserrat (textos)
   ========================================================================== */

/* ---------- tipografías ---------- */
body, body p, body li, body span.desc, body .desc, body input, body textarea, body select,
body button, body .button, body .widget, body .post-meta, body .woocommerce-result-count,
body .price, body table, body label, body .comment-form label {
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body h1, body h2, body h3, body h4, body h5, body h6,
body .title, body .mcb-item-head .title, body .widget h4, body .comment-reply-title,
body .woocommerce h2, body .woocommerce h3 {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-weight: 500 !important;
  letter-spacing: .002em;
}

/* ---------- colores base ---------- */
body { color: #3B3733 !important; }
body #Wrapper { background-color: #F8F5F0 !important; }
body h1, body h2, body h3, body h4, body h5, body h6 { color: #2E2B27 !important; }
body a { color: #8A5D3B; }
body a:hover { color: #B88442; }
body p, body li { color: #4A4641; }

/* ---------- encabezado ---------- */
body #Top_bar,
body #Top_bar.is-sticky,
body .header_placeholder + #Top_bar {
  background: rgba(248, 245, 240, .97) !important;
  border-bottom: 1px solid #E3D9CB !important;
  box-shadow: none !important;
}
body #Top_bar .menu > li > a {
  color: #2E2B27 !important;
  font-size: 11.5px !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 500 !important;
}
body #Top_bar .menu > li > a:hover,
body #Top_bar .menu > li.current-menu-item > a,
body #Top_bar .menu > li.current_page_item > a { color: #B88442 !important; }
body #Top_bar .menu > li > a:after { background-color: #B88442 !important; }
body #Top_bar a.button,
body #Top_bar .top_bar_right a { color: #2E2B27 !important; }

/* ---------- logo ---------- */
body #logo {
  background: url('/wp-content/uploads/nuri/nuri-logo.png') left center / contain no-repeat !important;
  display: block !important;
  width: 232px !important;
  height: 66px !important;
  margin-top: 2px;
}
body #logo img.logo-main,
body #logo img.lazyload.logo-main { opacity: 0 !important; }

/* ---------- botones ---------- */
body .button,
body input[type="submit"],
body input[type="button"],
body .action_button,
body a.mfn-btn,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#submit {
  background-color: #2E2B27 !important;
  border: 1px solid #2E2B27 !important;
  color: #F8F5F0 !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 500 !important;
  padding: 15px 30px !important;
  transition: background .2s, border-color .2s, color .2s;
}
body .button:hover,
body input[type="submit"]:hover,
body .action_button:hover,
body a.mfn-btn:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover {
  background-color: #B88442 !important;
  border-color: #B88442 !important;
  color: #FFFDFA !important;
}
/* botón secundario (contorno) */
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce #respond input#submit.alt {
  background-color: #B88442 !important;
  border-color: #B88442 !important;
  color: #FFFDFA !important;
}

/* ---------- precios y detalles ---------- */
body .woocommerce .price,
body .woocommerce ul.products li.product .price,
body .woocommerce div.product p.price,
body .woocommerce div.product span.price { color: #8A5D3B !important; }
body .woocommerce ul.products li.product .price del { color: #A79C8C !important; }
body .woocommerce ul.products li.product .price ins { color: #B88442 !important; text-decoration: none; }

/* ---------- líneas y separadores ---------- */
body hr, body .mcb-section .section_wrapper { border-color: #E3D9CB; }
body blockquote { border-left: 3px solid #C7AA7B !important; }

/* ---------- pie ---------- */
body #Footer { background-color: #201B18 !important; color: #B9B1A5 !important; }
body #Footer a { color: #E9DFCE !important; }
body #Footer a:hover { color: #FFFFFF !important; }
body #Footer h1, body #Footer h2, body #Footer h3, body #Footer h4, body #Footer h5, body #Footer h6 {
  color: #F3EADB !important;
}
body #Footer .widget, body #Footer p, body #Footer li, body #Footer span { color: #B9B1A5 !important; }

/* ---------- pequeños detalles de marca ---------- */
body ::selection { background-color: #C7AA7B; color: #201B18; }
body .woocommerce span.onsale {
  background-color: #A4B3A2 !important;
  color: #FFFDFA !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10.5px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ---------- móvil ---------- */
@media (max-width: 768px) {
  body #logo { width: 180px !important; height: 54px !important; }
}

/* ---------- refuerzo de especificidad (BeTheme usa #Wrapper + button_size_N) ---------- */
html body #Wrapper .button,
html body #Wrapper .button_size_1,
html body #Wrapper .button_size_2,
html body #Wrapper .button_size_3,
html body #Wrapper a.button,
html body #Wrapper input[type="submit"],
html body #Wrapper .action_button,
html body .button.button_size_2 {
  background-color: #2E2B27 !important;
  border-color: #2E2B27 !important;
  color: #F8F5F0 !important;
  text-shadow: none !important;
}
html body #Wrapper .button:hover,
html body #Wrapper .button_size_1:hover,
html body #Wrapper .button_size_2:hover,
html body #Wrapper .button_size_3:hover,
html body #Wrapper a.button:hover,
html body #Wrapper input[type="submit"]:hover,
html body #Wrapper .action_button:hover {
  background-color: #B88442 !important;
  border-color: #B88442 !important;
  color: #FFFDFA !important;
}
/* variante de contorno (botones claros tipo "Ver más") */
html body #Wrapper .button.outline,
html body #Wrapper a.mfn-btn.secondary {
  background: transparent !important;
  color: #2E2B27 !important;
  border: 1px solid #B88442 !important;
}

/* ---------- botones con color puesto en el constructor (inline !important) ----------
   BeBuilder guarda el color en el style del propio <a> con !important.
   No se puede pisar background-color desde una hoja, pero sí dibujar un
   background-image encima, que es opaco y tapa el color viejo. */
html body a.button[style*="background-color"]:not([style*="transparent"]):not([style*="rgba(0, 0, 0, 0)"]),
html body .button[style*="background-color"]:not([style*="transparent"]):not([style*="rgba(0, 0, 0, 0)"]),
html body a.action_button[style*="background-color"]:not([style*="transparent"]) {
  background-image: linear-gradient(#2E2B27, #2E2B27) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  color: #F8F5F0 !important;
  border-color: #2E2B27 !important;
}
html body a.button[style*="background-color"]:not([style*="transparent"]):hover,
html body .button[style*="background-color"]:not([style*="transparent"]):hover,
html body a.action_button[style*="background-color"]:not([style*="transparent"]):hover {
  background-image: linear-gradient(#B88442, #B88442) !important;
  color: #FFFDFA !important;
  border-color: #B88442 !important;
}