:root {
    --bs-primary: $primary;
    --bs-primary-rgb: $primary
}

.btn-link,
.btn-link:hover,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.dropdown-header,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-menu,
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active,
.filter ul li a.active,
.filter ul li a:hover,
.form-check-input.is-invalid~.form-check-label,
.form-check-input.is-valid~.form-check-label,
.icon-list.bullet-primary i,
.nav-link:focus,
.nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.navbar .navbar-brand,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:hover,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .show>.nav-link,
.navbar .navbar-text a,
.navbar .navbar-text a:focus,
.navbar .navbar-text a:hover,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover,
.plyr--full-ui input[type=range],
.unordered-list.bullet-primary li:before,
.was-validated .form-check-input:invalid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label,
a,
a:hover {
    color: #E5C100
}

.texto-menu-mobile{
    font-family: 'Cinzel', serif;
    font-size: 0.55rem;
}

.btn-check:active+.btn-outline-primary,
.btn-check:active+.btn-primary,
.btn-check:checked+.btn-outline-primary,
.btn-check:checked+.btn-primary,
.btn-check:focus+.btn-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active,
.btn-primary,
.btn-primary.active,
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
.btn-primary:active,
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
.btn-primary:focus,
.btn-primary:hover,
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate,
.show>.btn-primary.dropdown-toggle {
    background-color: #E5C100;
    border-color: #E5C100
}

.btn-outline-primary,
.btn-outline-primary:hover {
    color: #E5C100;
    border-color: #E5C100
}

.form-check-input.is-valid:checked,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.was-validated .form-check-input:valid:checked {
    background-color: #E5C100
}

.border-primary {
    border-color: #E5C100 !important
}

::-moz-selection {
    background: rgba(50, 171, 255, .3)
}

::selection {
    background: rgba(50, 171, 255, .3)
}

.form-check-input.is-valid,
.nav-tabs.nav-tabs-basic .nav-link:focus,
.nav-tabs.nav-tabs-basic .nav-link:hover,
.was-validated .form-check-input:valid {
    border-color: #E5C100
}

.nav-tabs.nav-tabs-basic .nav-item.show .nav-link,
.nav-tabs.nav-tabs-basic .nav-link.active {
    color: #E5C100;
    border-color: #E5C100
}

.overlay.color span.bg {
    background: rgba(50, 171, 255, .7)
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    color: #E5C100 !important
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
    background: #E5C100
}

h1,
h2,
h3,
h4,
a {
    font-family: 'Cinzel', serif;
    color: #E5C100;
}

p,
body {
    font-family: "Cinzel", serif;
    color: #fff;
    text-shadow: 0 0.5px 0 #000;
    font-size: 1rem !important;
}

.icon i {
    color: #E5C100;
}

.swiper-slide video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Hace que el video llene todo el espacio sin deformarse */
}

.btn-white:hover {
  color:#1d222c;
  background-color:#E5C100;
  border-color:#E5C100
}

/* Base: preparamos la transición */
.mouse-scroll{
  position: absolute !important;
  bottom: 30px;
  left: 0; right: 0;
  width: 100%;
  display: flex; justify-content: center; align-items: center; flex-direction: column;
  text-align: center; text-decoration: none;
  color: #E5C100;
  z-index: 5;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition: opacity .35s ease, transform .35s ease, visibility 0s linear 0s;
}

/* Oculto: fade + desplazamiento suave */
.mouse-scroll.hidden{
  opacity: 0;
  transform: translateY(12px);
  visibility: hidden;
  pointer-events: none;
  /* retrasa el cambio de visibility hasta que termina el fade */
  transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
}

.mouse{
  width: 28px; height: 45px;
  border: 2px solid #E5C100; border-radius: 20px;
  position: relative; margin-bottom: 10px;
}
.wheel{
  width: 4px; height: 8px; background-color: #E5C100; border-radius: 4px;
  position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
  animation: wheel-move 1.6s infinite ease-in-out;
}
@keyframes wheel-move{
  0%{opacity:0; transform:translate(-50%,0)}
  50%{opacity:1; transform:translate(-50%,8px)}
  100%{opacity:0; transform:translate(-50%,16px)}
}
.mouse-text{
  font-family: "Libre Baskerville", serif;
  font-size:.9rem; letter-spacing:.05em; text-transform:uppercase;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
@media (prefers-reduced-motion: reduce){ .wheel{ animation:none; } }

#inicio,
#inicio .container { position: relative; z-index: 1; }

.swiper-bg video,
.swiper-slide video { z-index: 0 !important; }

.swiper, .swiper-bg { overflow: hidden; }
.swiper-wrapper { width: 100% !important; }
.swiper-slide { width: 100% !important; max-width: 100vw; box-sizing: border-box; }
.swiper-slide video { display:block; width:100%; height:100%; object-fit:cover; }

.texto-contacto {
    font-size: 0.8rem !important;
}