/* AutoSmoke - paleta original */
:root {
  --e-global-color-68fbf69: #111111;
  --e-global-color-aeed4d2: #C40018;
  --e-global-color-99ccbee: #A80015;
  --e-global-color-9de3aae: #FFFFFF;
  --e-global-color-5c52f4c: #6F6F6F;
  --e-global-color-6688287: #F4F4F4;
  --e-global-color-91b120d: #F4F4F4;
  --e-global-color-31011ae: #171717;

  --e-global-color-primary: #111111;
  --e-global-color-secondary: #54595F;
  --e-global-color-text: #6F6F6F;
  --e-global-color-accent: #C40018;
}

/* Header */
.site-header,
.main-header-bar,
.ast-primary-header-bar {
  background-color: #111111 !important;
  min-height: 75px !important;
}

.site-title a {
  color: #ffffff !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.main-header-menu .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
  color: #ffffff !important;
  background: transparent !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link:hover,
.ast-builder-menu-1 .current-menu-item > .menu-link {
  color: #C40018 !important;
}

/* Hamburguesa */
.ast-button-wrap .menu-toggle,
.ast-mobile-menu-trigger-minimal .menu-toggle {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background: transparent !important;
}

.ast-button-wrap .menu-toggle svg,
.ast-button-wrap .menu-toggle .ast-mobile-svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Menú móvil */
@media (max-width: 921px) {
  .ast-mobile-header-content,
  .ast-builder-menu-mobile,
  .ast-header-break-point .main-header-menu {
    background-color: #111111 !important;
  }

  .ast-builder-menu-mobile .main-header-menu {
    display: flex !important;
    flex-direction: column !important;
  }

  .ast-builder-menu-mobile .main-header-menu .menu-link,
  .ast-header-break-point .main-header-menu .menu-link {
    color: #ffffff !important;
    background-color: #111111 !important;
    padding: 14px 20px !important;
  }

  .ast-builder-menu-mobile .main-header-menu .menu-link:hover,
  .ast-builder-menu-mobile .current-menu-item > .menu-link,
  .ast-header-break-point .current-menu-item > .menu-link {
    color: #C40018 !important;
    background-color: #171717 !important;
  }

  #menu-item-37,
  .page-item-8 { order: 1 !important; }

  #menu-item-41,
  .page-item-11 { order: 2 !important; }

  #menu-item-40,
  .page-item-13 { order: 3 !important; }

  #menu-item-38,
  .page-item-15 { order: 4 !important; }

  #menu-item-39,
  .page-item-17 { order: 5 !important; }
}

/* Inicio - video intro */
@media (min-width: 922px) {
  .elementor-8 .elementor-element-cc1313f {
    --padding-top: 70px !important;
    --padding-right: 60px !important;
    --padding-bottom: 70px !important;
    --padding-left: 60px !important;
    align-items: center !important;
    gap: 40px !important;
  }

  .elementor-8 .elementor-element-6853cf0 {
    width: 42% !important;
  }

  .elementor-8 .elementor-element-d9c6bfa {
    width: 58% !important;
    max-width: 760px !important;
  }

  .elementor-8 .elementor-element-d9c6bfa iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 360px !important;
    display: block !important;
  }
}

@media (max-width: 921px) {
  .elementor-8 .elementor-element-cc1313f {
    --padding-top: 36px !important;
    --padding-right: 20px !important;
    --padding-bottom: 36px !important;
    --padding-left: 20px !important;
    flex-direction: column !important;
  }

  .elementor-8 .elementor-element-d9c6bfa,
  .elementor-8 .elementor-element-d9c6bfa iframe {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-8 .elementor-element-d9c6bfa iframe {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 190px !important;
    display: block !important;
  }
}

/* Servicios - botones en celular */
@media (max-width: 767px) {
  .elementor-13 .elementor-element-a39d6d3 {
    --padding-left: 20px !important;
    --padding-right: 20px !important;
  }

  .elementor-13 .elementor-element-f2966a6,
  .elementor-13 .elementor-element-eb517ce,
  .elementor-13 .elementor-element-fe33f2b,
  .elementor-13 .elementor-element-2620c03 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-13 .elementor-button {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .elementor-8 .elementor-element-b004878 {
    --padding-left: 20px !important;
    --padding-right: 20px !important;
  }

  .elementor-8 .elementor-element-a85a394 img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}