.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(29, 29, 27, 0.9);
  backdrop-filter: blur(4px);
  z-index: 10000;
  line-height: 1;
  visibility: hidden;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  animation-duration: .3s;
  opacity: 0;
  transition: .3s;
  overflow: auto;
  color: #fff;
  text-align: center; }
  .mobile-menu .container {
    padding: 1.5em;
    min-height: 100vh;
    overflow: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
  .mobile-menu .search {
    max-width: 240px;
    margin: auto; }
  .mobile-menu.visible {
    visibility: visible;
    opacity: 1; }
    .mobile-menu.visible .mobile-nav ul li {
      transform: translateY(0);
      opacity: 1;
      visibility: visible; }
      .mobile-menu.visible .mobile-nav ul li.active {
        color: #ecba17;
        -webkit-text-fill-color: #ecba17;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #ecba17; }
  .mobile-menu .container > *:not(:first-child) {
    margin-top: 15px; }
  .mobile-menu .mobile-nav {
    font-size: 1.25em; }
    .mobile-menu .mobile-nav > ul > li {
      transform: translateY(2em);
      opacity: 0;
      visibility: hidden;
      transition: .3s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(1) {
        transition-delay: 0s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(2) {
        transition-delay: .05s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(3) {
        transition-delay: .1s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(4) {
        transition-delay: .15s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(5) {
        transition-delay: .25s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(6) {
        transition-delay: .3s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(7) {
        transition-delay: .35s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(8) {
        transition-delay: .4s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(9) {
        transition-delay: .45s; }
      .mobile-menu .mobile-nav > ul > li:nth-child(10) {
        transition-delay: .5s; }
      .mobile-menu .mobile-nav > ul > li .fa {
        display: none;
        color: rgba(255, 255, 255, 0.5);
        font-size: 1.5em;
        margin-right: .5em;
        width: 1em;
        text-align: center; }
      .mobile-menu .mobile-nav > ul > li > span {
        transition: 0.3s cubic-bezier(0.5, 0.5, 0.5, 1);
        cursor: pointer;
        padding: .5em 1em;
        display: block; }
        .mobile-menu .mobile-nav > ul > li > span:hover, .mobile-menu .mobile-nav > ul > li > span.active {
          color: #ecba17; }
      .mobile-menu .mobile-nav > ul > li > .unstyled {
        display: none; }
    .mobile-menu .mobile-nav .dropdown-submenu, .mobile-menu .mobile-nav .dropdown-menu {
      display: none;
      margin-left: 1.25em;
      margin-top: 1em;
      padding-bottom: 1em;
      border-top: 1px solid #ecba17;
      border-bottom: 1px solid #ecba17; }
      .mobile-menu .mobile-nav .dropdown-submenu li, .mobile-menu .mobile-nav .dropdown-menu li {
        margin-top: 1em; }
  .mobile-menu .close {
    position: absolute;
    z-index: 1;
    right: 1em;
    top: 1em;
    width: 1em;
    font-size: 1.5em;
    text-align: center;
    line-height: 1;
    transform: scale(1.25); }
  .mobile-menu .dropdown.hover .dropdown-menu {
    display: block; }
  .mobile-menu .social {
    transform: translateY(3em);
    font-size: 1.5em;
    display: flex; }
    .mobile-menu .social > *:not(:first-child) {
      margin-left: 1em; }

.menu-active .mobile-button {
  opacity: 0; }

.mobile-logo {
  max-height: 60px;
  display: inline-block; }

.mobile-button {
  width: 1em;
  text-align: center;
  transform: scale(1.25); }

.btn-menu {
  display: none; }

.dropdown-submenu {
  margin: auto !important; }

@media screen and (max-width: 1365px) {
  body {
    font-size: 15px; } }
@media screen and (max-width: 1199px) {
  .nav > ul {
    height: 60px; }
    .nav > ul > li > a {
      font-size: 1em; }
  .nav .dropdown-menu {
    font-size: 1em;
    top: 60px;
    z-index: 1000; }

  .logo {
    height: 60px; }

  .grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0; }
    .grid-container > * {
      width: 50%; }
    .grid-container .grid-item {
      padding-bottom: 56.25%; }

  .sidebar + article {
    max-width: calc(100% - 300px);
    width: calc(100% - 300px); }

  .with-sidebar {
    flex-wrap: wrap; }

  .sidebar-alt {
    flex-basis: auto;
    display: flex;
    flex-wrap: wrap; }
    .sidebar-alt .widget-cuota, .sidebar-alt .widget-socio {
      width: 50%; } }
@media screen and (max-width: 991px) {
  .nav > ul > li:not(.ml-auto) {
    display: none; }

  .btn-menu {
    display: block; }

  .principal .inner-container h3 {
    font-size: 1.25em; }
  .principal .inner-container p {
    display: none; } }
@media screen and (max-width: 767px) {
  .header .busqueda, .header .user-bar, .header .fixed-buttons {
    display: none; }

  .home-slider .container {
    padding: 2em 0; }
  .home-slider .arrow {
    font-size: 6em; }

  .grid-container > * {
    width: 100%; }

  .with-sidebar {
    display: block; }
    .with-sidebar article {
      max-width: initial;
      width: auto; }

  .products-slider .caption {
    bottom: 0;
    padding: 1em; }

  .sidebar, .sidebar-alt {
    max-width: initial; } }
@media screen and (max-width: 575px) {
  .home-slider .container {
    padding-top: 0; }
    .home-slider .container .inner-container {
      padding: 15px; }
      .home-slider .container .inner-container h1 {
        font-size: 1.5em; }
      .home-slider .container .inner-container p {
        font-size: .8em; }

  .fixed-buttons {
    left: 0;
    top: auto;
    justify-content: center; }
    .fixed-buttons ul {
      display: flex; }

  .sidebar {
    padding: 15px; }

  .sidebar-alt .widget {
    padding: 30px 15px; }

  .user ul li .flex {
    display: block;
    margin: 15px auto; }

  .with-sidebar article {
    padding: 30px 15px; }

  .sidebar-alt {
    display: block; }
    .sidebar-alt .widget-cuota, .sidebar-alt .widget-socio {
      width: auto; } }

/*# sourceMappingURL=responsive.css.map */