/**
* Theme Name: Goldsmith Child
* Theme URI:  http://ninetheme.com/
* Description:  By JAVIERPB
* Author: <a href="http://ninetheme.com/about">Ninetheme</a>
* Author URI: http://ninetheme.com/about
* Template: goldsmith
* Version: 1.4.6
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tested up to: 6.5
* Requires PHP: 7.4
* Tags: custom-colors, custom-menu, editor-style, featured-images, post-formats, threaded-comments, translation-ready
* Copyright: ninetheme.com
*/

@media only screen and (max-width: 1280px) {
  .has-sticky-header .goldsmith-header-mobile-top {top: 28px;}
.goldsmith-header-mobile-sidebar {top: 25px;}
}

@media only screen and (min-width: 767px) {
.has-sticky-header.scroll-start header.goldsmith-header-default {top: 40px !important;}
body .joinchat__button {bottom: 53px;right: 0px;}
}

@media only screen and (max-width: 600px) {
.has-sticky-header.scroll-start .goldsmith-header-mobile, .has-sticky-header.scroll-start .goldsmith-header-mobile-top {top: 16px !important;}
}

@media (max-width: 767px) {
  .elementor-8616 .elementor-element.elementor-element-52d92371:not(.elementor-motion-effects-element-type-background), .elementor-8616 .elementor-element.elementor-element-52d92371 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-blend-mode: color-dodge;
  }
	body > div.wp-site-blocks > div > div > div > div > div.wp-block-group.wp-container-content-9cfa9a5a.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-73a99bce.wp-block-group-is-layout-flex > h1 {
    font-size: 42px;
    text-align: -webkit-center;
    width: 100%;
}
	body .joinchat__button {
  bottom: 70px;
  right: 15px;
}
}

/* ============================================================
   ANIMACIÓN TOP BANNER — #scb-wrapper
   Paleta actualizada para Navari Jewelry
  ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* ── Wrapper ── */
#scb-wrapper.scb-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  overflow: hidden;

  background: linear-gradient(135deg, #c41d5a 0%, #d4245a 40%, #b8184f 100%);
  border-bottom: 2px solid rgba(255,255,255,0.25);
  padding: 12px 60px;
  display: flex;
  align-items: center;
  justify-content: center;

  animation: banner-entrance 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes banner-entrance {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0);     opacity: 1; }
}

/* ── Barrido de luz (suave, blanco) ── */
#scb-wrapper.scb-fixed::before {
  content: '';
  position: absolute;
  top: 0; left: -70%; width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
  animation: sweep 4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes sweep {
  0%   { left: -50%; }
  100% { left: 160%; }
}

/* ── Brillo sutil pulsante ── */
#scb-wrapper.scb-fixed::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 50% 100% at 10% 50%, rgba(255,255,255,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 50% 100% at 90% 50%, rgba(255,255,255,0.06) 0%, transparent 70%);
  animation: pulse-bg 2.5s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes pulse-bg {
  from { opacity: 0.6; }
  to   { opacity: 1;   }
}

/* ── Heading ── */
#scb-wrapper.scb-fixed h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(0.95rem, 2.2vw, 1.5rem);
  letter-spacing: 0.12em;
  margin: 0;
  line-height: 1;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;

  /* Blanco puro — máxima legibilidad sobre rojo */
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  background: none;

  animation: text-pulse 2.2s ease-in-out infinite;
  text-shadow:
    0 0 18px rgba(255,255,255,0.35),
    0 1px 3px rgba(0,0,0,0.15);
}

@keyframes text-pulse {
  0%, 100% { transform: scale(1);     text-shadow: 0 0 12px rgba(255,255,255,0.25), 0 1px 3px rgba(0,0,0,0.15); }
  50%       { transform: scale(1.015); text-shadow: 0 0 28px rgba(255,255,255,0.55), 0 1px 3px rgba(0,0,0,0.15); }
}

/* ── Emoji corazón ── */
#scb-wrapper.scb-fixed h2 img.emoji {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  animation: heartbeat 1.3s ease-in-out infinite;
  filter: drop-shadow(0 0 5px rgba(255,255,255,0.5));
}

@keyframes heartbeat {
  0%, 100% { transform: scale(1);    }
  14%       { transform: scale(1.3);  }
  28%       { transform: scale(1);    }
  42%       { transform: scale(1.18); }
  56%       { transform: scale(1);    }
}

/* ── Responsive ── */
@media (max-width: 600px) {
  #scb-wrapper.scb-fixed {
    padding: 10px 16px;
  }
  #scb-wrapper.scb-fixed h2 {
    font-size: clamp(0.8rem, 3.5vw, 1rem);
    letter-spacing: 0.06em;
  }
}