@charset "UTF-8";
.bg-naranjo {
  background-color: #ff5f0e;
}

.bg-black {
  background-color: #000;
}

.bg-gris {
  background-color: #f1f4f4;
}

.bg-grafito {
  background-color: #252525;
}

.naranjo {
  color: #ff5f0e;
}

@font-face {
  font-family: "Gotham";
  src: local("Gotham Thin"), url("../fonts/gotham/Gotham Thin.woff2") format("woff2"), url("../fonts/gotham/Gotham Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Thin Italic"), url("../fonts/gotham/Gotham Thin Italic.woff2") format("woff2"), url("../fonts/gotham/Gotham Thin Italic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Extra Light"), url("../fonts/gotham/Gotham Extra Light.woff2") format("woff2"), url("../fonts/gotham/Gotham Extra Light.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Extra Light Italic"), url("../fonts/gotham/Gotham Extra Light Italic.woff2") format("woff2"), url("../fonts/gotham/Gotham Extra Light Italic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Light"), url("../fonts/gotham/Gotham Light.woff2") format("woff2"), url("../fonts/gotham/Gotham Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Book"), url("../fonts/gotham/Gotham Book.woff2") format("woff2"), url("../fonts/gotham/Gotham Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Regular"), url("../fonts/gotham/Gotham Regular.woff2") format("woff2"), url("../fonts/gotham/Gotham Regular.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Italic"), url("../fonts/gotham/Gotham Italic.woff2") format("woff2"), url("../fonts/gotham/Gotham Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Medium"), url("../fonts/gotham/Gotham Medium.woff2") format("woff2"), url("../fonts/gotham/Gotham Medium.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Bold"), url("../fonts/gotham/Gotham Bold.woff2") format("woff2"), url("../fonts/gotham/Gotham Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Bold Italic"), url("../fonts/gotham/Gotham Bold Italic.woff2") format("woff2"), url("../fonts/gotham/Gotham Bold Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Black"), url("../fonts/gotham/Gotham Black.woff2") format("woff2"), url("../fonts/gotham/Gotham Black.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham Ultra"), url("../fonts/gotham/Gotham Ultra.woff2") format("woff2"), url("../fonts/gotham/Gotham Ultra.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --mc-font-family-base: 'Gotham', 'Gotham Book', 'Gotham Medium', 'Helvetica Neue', Arial, sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--mc-font-family-base);
}

:root {
  --mc-dur-1: 150ms;
  --mc-dur-2: 250ms;
  --mc-dur-3: 400ms;
  --mc-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mc-stagger: 40ms;
}

a,
button,
summary,
label,
input,
select,
textarea,
[role=button],
[role=tab] {
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, box-shadow, fill, stroke, scale;
  transition-property: color, background-color, border-color, text-decoration-color, box-shadow, fill, stroke, scale;
  -webkit-transition-duration: var(--mc-dur-1);
  transition-duration: var(--mc-dur-1);
  -webkit-transition-timing-function: var(--mc-ease);
  transition-timing-function: var(--mc-ease);
}

.news-card h3,
.news-featured-mini__content h3,
.mc-ubicacion-link__accion,
.neu-step__label,
.neu-dealer__name,
.cotizador__total,
.mc-wiz__live {
  -webkit-transition: color var(--mc-dur-1) var(--mc-ease);
  transition: color var(--mc-dur-1) var(--mc-ease);
}

.news-featured-mini,
.cotizador__field,
.card-servicio__offered-list-item,
.card-auto__compare-box,
.mc-dd__opt-radio,
.neu-step__num,
.neu-step__line {
  -webkit-transition: color var(--mc-dur-1) var(--mc-ease), background-color var(--mc-dur-1) var(--mc-ease), border-color var(--mc-dur-1) var(--mc-ease), box-shadow var(--mc-dur-1) var(--mc-ease);
  transition: color var(--mc-dur-1) var(--mc-ease), background-color var(--mc-dur-1) var(--mc-ease), border-color var(--mc-dur-1) var(--mc-ease), box-shadow var(--mc-dur-1) var(--mc-ease);
}

.cotizador__dropdown li {
  -webkit-transition: color var(--mc-dur-1) var(--mc-ease), background-color var(--mc-dur-1) var(--mc-ease), box-shadow var(--mc-dur-1) var(--mc-ease), opacity var(--mc-dur-1) var(--mc-ease), filter var(--mc-dur-1) var(--mc-ease);
  transition: color var(--mc-dur-1) var(--mc-ease), background-color var(--mc-dur-1) var(--mc-ease), box-shadow var(--mc-dur-1) var(--mc-ease), opacity var(--mc-dur-1) var(--mc-ease), filter var(--mc-dur-1) var(--mc-ease);
}

.site-footer__legal a {
  -webkit-transition: color var(--mc-dur-1) var(--mc-ease), opacity var(--mc-dur-1) var(--mc-ease);
  transition: color var(--mc-dur-1) var(--mc-ease), opacity var(--mc-dur-1) var(--mc-ease);
}

.btn-close {
  -webkit-transition: opacity var(--mc-dur-1) var(--mc-ease), color var(--mc-dur-1) var(--mc-ease), box-shadow var(--mc-dur-1) var(--mc-ease);
  transition: opacity var(--mc-dur-1) var(--mc-ease), color var(--mc-dur-1) var(--mc-ease), box-shadow var(--mc-dur-1) var(--mc-ease);
}

.home-autos__brands .select2-container {
  -webkit-transition: opacity var(--mc-dur-2) var(--mc-ease);
  transition: opacity var(--mc-dur-2) var(--mc-ease);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .btn {
    -webkit-transition-property: color, background-color, border-color, box-shadow, scale;
    transition-property: color, background-color, border-color, box-shadow, scale;
  }
  .btn:active,
  .btn-naranjo:active,
  .btn-orange:active,
  .btn-black:active,
  .mc-submit:active,
  .mc-card__cta:active,
  .news-button:active,
  .auto-summary__primary:active,
  .home-hero__btn:active,
  .js-buscar-auto:active,
  .neu-tab:active,
  .home-autos__tab:active,
  .mc-filter-list > a:active,
  .mc-filter-list > button:active,
  .mc-pagination a:active,
  .listing-mobile-filter-trigger:active,
  .autos-mobile-filter-trigger:active,
  .marcas-mobile-filter-trigger:active,
  .concesionarios-mobile-filter-trigger:active,
  .servicios-mobile-filter-trigger:active,
  .offers-mobile-filter-trigger:active,
  .autos-filters__apply:active,
  .marcas-filters__apply:active,
  .concesionarios-filters__apply:active,
  .servicios-filters__apply:active {
    scale: 0.97;
    -webkit-transition-duration: 60ms;
    transition-duration: 60ms;
  }
  .mc-enter-item {
    -webkit-animation: mc-rise var(--mc-dur-3) var(--mc-ease) both;
    animation: mc-rise var(--mc-dur-3) var(--mc-ease) both;
    -webkit-animation-delay: calc(var(--mc-i, 0) * var(--mc-stagger));
    animation-delay: calc(var(--mc-i, 0) * var(--mc-stagger));
  }
}
.marcas-grid,
.concesionarios-grid,
.brand-autos__grid {
  -webkit-transition: opacity var(--mc-dur-2) var(--mc-ease);
  transition: opacity var(--mc-dur-2) var(--mc-ease);
}

.mc-interacted .marcas-grid.is-loading,
.mc-interacted .concesionarios-grid.is-loading,
.mc-interacted .brand-autos__grid.is-loading {
  opacity: 0.35;
}

@-webkit-keyframes mc-rise {
  from {
    opacity: 0;
    translate: 0 8px;
  }
}
@keyframes mc-rise {
  from {
    opacity: 0;
    translate: 0 8px;
  }
}

header {
  position: relative;
  background: #fff;
  z-index: 10002;
}
header .header-superior {
  z-index: 9999;
}
header .header-superior .horarios {
  margin-left: 10px;
  margin-top: 5px;
}
header .header-superior .horarios a {
  font-size: 0.8rem;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  header .header-superior .horarios a {
    margin-left: 50px;
  }
}
header .header-superior .horarios a .horarios__clock {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: #757f81;
  -webkit-mask: url("../icons/header-clock.svg") center/contain no-repeat;
  mask: url("../icons/header-clock.svg") center/contain no-repeat;
}
header .header-superior .horarios a.is-abierto .horarios__clock {
  background-color: #05b386;
}
header .header-superior .horarios a.is-cerrado .horarios__clock {
  background-color: #ff5f0e;
}
header .header-superior .horarios a p {
  margin-bottom: 0;
  margin-left: 5px;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  header .header-superior .horarios a p {
    display: none;
  }
}
header .header-superior .horarios .horarios__estado {
  margin-right: 4px;
  color: #353a40;
  font-weight: 700;
}
header .header-superior .horarios .submenu-horarios {
  position: absolute;
  background: #f1f4f4;
  height: auto;
  z-index: 100;
  padding: 10px 25px;
  border-radius: 10px;
  margin-top: 10px;
}
header .header-superior .horarios .submenu-horarios .dia-semana {
  font-size: 0.8rem;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
}
@media (max-width: 991.98px) {
  header .header-superior .logo {
    max-width: 200px;
  }
}
header .header-superior .right-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
header .header-superior .right-header .ubicacion {
  font-size: 0.8rem;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding-right: 10px;
}
@media (max-width: 991.98px) {
  header .header-superior .right-header .ubicacion {
    display: none;
  }
}
header .header-superior .right-header .ubicacion img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
header .header-superior .right-header .ubicacion p {
  margin-bottom: 0;
  margin-left: 5px;
}
header .header-superior .right-header .search {
  max-width: 50px;
  padding-left: 10px;
  border-left: 1px solid #ccc;
  margin-left: 10px;
  background: transparent;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  cursor: pointer;
}
header .header-superior .right-header .search img {
  display: block;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 992px) {
  #main-header .header-superior.py-3 {
    padding-top: clamp(0.5rem, 0.9vw, 1rem) !important;
    padding-bottom: clamp(0.5rem, 0.9vw, 1rem) !important;
  }
}
/* ===========================================================
   HEADER MOBILE (según diseño): logo a la izquierda, y a la
   derecha el botón "Buscar auto" + la hamburguesa.
   =========================================================== */
@media (max-width: 991.98px) {
  #main-header .header-superior {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    --bs-gutter-x: 0.5rem;
  }
  #main-header > .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  #main-header .header-superior > .col-6 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    text-align: left;
  }
  #main-header .header-superior > .col-3.right-header {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    margin-left: auto;
  }
  #main-header .header-superior > .col-3:first-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    padding-right: 0;
    margin-left: 16px;
  }
  #main-header .header-superior .horarios,
  #main-header .header-superior .right-header .ubicacion {
    display: none;
  }
  #main-header .header-superior .right-header .search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: none;
    margin: 0;
    padding: 4px;
    border-left: 0;
  }
  #main-header .header-superior .right-header .search img {
    width: 22px;
    height: 22px;
  }
  #main-header .header-superior .right-header .js-buscar-auto {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
    padding: 8px 12px;
    font-size: 10px;
    white-space: nowrap;
  }
  #main-header .header-superior .logo {
    height: 20px !important;
    width: auto !important;
    max-width: 100% !important;
  }
  #main-header #hamburguer-menu ~ label {
    position: relative;
    top: auto;
    z-index: 1000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.site-search-modal {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  text-align: left;
  -webkit-transition: opacity 0.24s ease, visibility 0.24s ease;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}
.site-search-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.site-search-modal__content {
  position: relative;
  width: min(850px, 100%);
  padding: 50px 40px;
  border-radius: 20px;
  background: linear-gradient(135deg, #ff5a1f, #ff8a00);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transform: translateY(28px);
          transform: translateY(28px);
  -webkit-transition: opacity 0.28s ease, -webkit-transform 0.34s ease;
  transition: opacity 0.28s ease, -webkit-transform 0.34s ease;
  transition: opacity 0.28s ease, transform 0.34s ease;
  transition: opacity 0.28s ease, transform 0.34s ease, -webkit-transform 0.34s ease;
}
@media (max-width: 991.98px) {
  .site-search-modal__content {
    padding: 36px 18px 28px;
    border-radius: 16px;
  }
}
.site-search-modal.is-open .site-search-modal__content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.site-search-modal h2 {
  color: #fff;
  text-align: center;
  margin: 0 0 30px;
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .site-search-modal h2 {
    font-size: 24px;
    margin-bottom: 22px;
  }
}
.site-search-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  line-height: 1;
  cursor: pointer;
}
.site-search-modal__wrapper {
  position: relative;
  width: 100%;
}
.site-search-modal__box {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding: 5px;
  border-radius: 50px;
  background: #fff;
}
@media (max-width: 991.98px) {
  .site-search-modal__box {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 18px;
    padding: 8px;
  }
}
.site-search-modal__box select,
.site-search-modal__box input,
.site-search-modal__box button {
  border: 0;
  outline: 0;
  background: #fff;
}
.site-search-modal__box select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 15px 52px 15px 20px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 20px center/14px 9px;
  border-right: 1px solid #e0e0e0;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .site-search-modal__box select {
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
  }
}
.site-search-modal__box input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 15px 20px;
  color: #333;
  font-size: 16px;
}
.site-search-modal__box input::-webkit-search-cancel-button,
.site-search-modal__box input::-webkit-search-decoration {
  display: none;
  -webkit-appearance: none;
}
.site-search-modal__box button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 25px;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .site-search-modal__box button {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 13px 16px;
  }
}
.site-search-modal__box button img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-search-modal__dropdown {
  position: absolute;
  top: 120%;
  left: 25%;
  z-index: 1;
  display: none;
  width: 76%;
  max-height: 400px;
  overflow-y: auto;
  padding: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 40px;
  background: #fff;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  scrollbar-width: thin;
  scrollbar-color: #d8dddd transparent;
}
.site-search-modal__dropdown::-webkit-scrollbar {
  width: 6px;
}
.site-search-modal__dropdown::-webkit-scrollbar-track {
  background: transparent;
}
.site-search-modal__dropdown::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #d8dddd;
}
.site-search-modal__dropdown.is-open {
  display: block;
}
@media (max-width: 991.98px) {
  .site-search-modal__dropdown {
    position: static;
    width: 100%;
    margin-top: 10px;
    border-radius: 14px;
  }
}
.site-search-modal__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px;
  gap: 15px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #333;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.site-search-modal__result:hover,
.site-search-modal__result.is-active {
  background: #f5f5f5;
}
.site-search-modal__result.is-active {
  -webkit-box-shadow: inset 0 0 0 2px #ff5f0e;
          box-shadow: inset 0 0 0 2px #ff5f0e;
}
.site-search-modal__result img {
  width: 60px;
  height: 53px;
  padding: 5px;
  border: 1px solid #eaeaea;
  border-radius: 6px;
  background: #fff;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-search-modal__result span {
  font-size: 0.8rem;
  font-weight: 400;
}
.site-search-modal__result-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.site-search-modal__result-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 18px;
  padding: 0 7px;
  border-radius: 3px;
  background: #000;
  color: #fff;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.site-search-modal__skeleton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding: 12px;
}
.site-search-modal__skeleton-image,
.site-search-modal__skeleton-line {
  display: block;
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #eef1f1), color-stop(45%, #f8fafa), color-stop(60%, #eef1f1));
  background: linear-gradient(100deg, #eef1f1 30%, #f8fafa 45%, #eef1f1 60%);
  background-size: 200% 100%;
  -webkit-animation: mc-search-shimmer 1.4s ease-in-out infinite;
          animation: mc-search-shimmer 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .site-search-modal__skeleton-image,
  .site-search-modal__skeleton-line {
    -webkit-animation: none;
            animation: none;
  }
}
.site-search-modal__skeleton-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 60px;
  height: 53px;
  border-radius: 6px;
}
.site-search-modal__skeleton-lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.site-search-modal__skeleton-line {
  width: 55%;
  height: 10px;
  border-radius: 5px;
}
.site-search-modal__skeleton-line--short {
  width: 28%;
}
.site-search-modal__error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 15px;
  padding: 12px;
  color: #333;
  font-size: 0.8rem;
}
.site-search-modal__retry {
  padding: 8px 16px;
  border: 1px solid #000;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}
.site-search-modal__retry:hover,
.site-search-modal__retry:focus-visible {
  background: #000;
  color: #fff;
}
.site-search-modal__status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.site-search-modal__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  gap: 20px;
}
.site-search-modal__trends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.site-search-modal__trends span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.site-search-modal__trends div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.site-search-modal__tag {
  padding: 10px 20px;
  border: 0;
  border-radius: 12px;
  background: rgba(224, 76, 21, 0.6);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

@-webkit-keyframes mc-search-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes mc-search-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.site-search-page {
  padding: 80px 0;
}
.site-search-page__noscript {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
  color: #999999;
}
.site-search-page__noscript a {
  color: #ff5f0e;
  font-weight: 700;
}

#menu-principal {
  z-index: 10001; /* above submenu overlay */
  background: #ff5f0e;
  position: relative;
  padding: 5px 0;
}
@media (max-width: 991.98px) {
  #menu-principal {
    display: none;
  }
}
#menu-principal .mw {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#menu-principal a {
  color: #fff;
  text-transform: uppercase;
  width: 25%;
  position: relative;
}
#menu-principal a span {
  font-size: 1.5rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  right: -5px;
  top: 7px;
  font-weight: 100;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
#menu-principal a.submenu-open span {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#menu-principal ul {
  position: relative;
}
#menu-principal ul li.active a {
  font-weight: 600;
}
#menu-principal .menu-principal__indicator {
  display: block;
  position: absolute;
  left: 0;
  bottom: -7px;
  margin: 0;
  width: var(--menu-indicator-width, 0px);
  height: 3px;
  border-radius: 999px;
  background: #fff;
  opacity: var(--menu-indicator-opacity, 0);
  pointer-events: none;
  -webkit-transform: translateX(var(--menu-indicator-x, 0px));
          transform: translateX(var(--menu-indicator-x, 0px));
  white-space: normal;
  -webkit-transition: width 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition: width 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), width 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), width 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, width;
}
#menu-principal a.submenu-open {
  font-weight: 600;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

nav {
  background-color: transparent;
}

/*HEADINGS*/
.heading-2 {
  font-weight: 500 !important;
  font-size: 32px !important;
  color: #333333 !important;
}

.heading-4 {
  font-weight: 500 !important;
  font-size: 18px !important;
  color: #333333 !important;
}

/*TEXT-BODY*/
.text-body-2 {
  font-family: var(--mc-font-family-base) !important;
  font-size: 16px !important;
  color: #333333 !important;
}

/*NAVBAR*/
.navbar {
  margin-bottom: -96px;
  top: 0;
  padding: 8px 16px;
}

.navbar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.icon-button {
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  background-color: transparent;
  border: none;
}

svg {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.icon-button ~ label svg,
.icon-button svg {
  padding: 12px;
  border-radius: 50%;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

/*CARRINHO DE COMPRAS*/
#cartSideBar {
  position: fixed;
  background-color: #ffffff;
  z-index: 1000;
  height: 100vh;
  width: 432px;
  opacity: 1;
  right: -150vw;
  -webkit-transition: all 400ms cubic-bezier(0.4, 0.14, 1, 1);
  transition: all 400ms cubic-bezier(0.4, 0.14, 1, 1);
  visibility: hidden;
}

.cartOpen {
  visibility: visible !important;
  opacity: 1 !important;
  right: 0 !important;
  -webkit-transition: all 400ms cubic-bezier(0, 0, 0.3, 1) !important;
  transition: all 400ms cubic-bezier(0, 0, 0.3, 1) !important;
}

#overlay {
  position: fixed;
  z-index: 999;
  background-color: #000000;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  -webkit-transition: all 700ms cubic-bezier(0.4, 0.14, 1, 1);
  transition: all 700ms cubic-bezier(0.4, 0.14, 1, 1);
  visibility: hidden;
}

.showOverlay {
  visibility: visible !important;
  opacity: 0.34 !important;
  -webkit-transition: all 700ms cubic-bezier(0, 0, 0.3, 1) !important;
  transition: all 700ms cubic-bezier(0, 0, 0.3, 1) !important;
}

.badge-container {
  position: relative;
  display: inline-block;
}

.badge {
  padding: 6px 12px;
  font-size: 12px !important;
  border-radius: 50% !important;
}

.badge-counter {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 3px 6px !important;
  background-color: #ff4000;
  color: white;
}

/*MENU SIDEBAR*/
.menuOpen #menu-content {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out 0.3s;
  transition: opacity 0.4s ease-in-out 0.3s;
}

.menuOpen .menu-content {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out 0.3s;
  transition: opacity 0.4s ease-in-out 0.3s;
}

.menuOpen .menu-image {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#menu-content {
  margin-right: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#menuSideBar {
  overflow: hidden;
  position: fixed;
  background-color: #faf9f7;
  min-height: 100vh;
  width: 100vw;
  z-index: 997;
  left: -100vw;
  opacity: 1;
  top: 0;
  visibility: hidden;
  -webkit-transition: none !important;
  transition: none !important;
}

.menu-image {
  right: 0;
  margin-left: auto;
  position: absolute !important;
  padding-right: 0px !important;
  background: url("https://images.unsplash.com/photo-1484516396415-4971641de8e0?q=80&w=1931&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #888;
  width: 50vw;
  height: 100%;
  max-width: 50vw;
  -webkit-transition: opacity 0.4s ease-in-out 0.3s;
  transition: opacity 0.4s ease-in-out 0.3s;
}

.menuOpen {
  opacity: 1 !important;
  left: 0px !important;
  visibility: visible !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/*MENU HAMBURGUER*/
.menu-line {
  fill: #fff;
}

.icon-box {
  fill: none;
}

#hamburguer-menu ~ label {
  cursor: pointer;
  z-index: 998;
  position: absolute;
  top: 6px;
}

#hamburguer-menu:not(:checked) ~ label svg .menu-line {
  -webkit-transition: fill 0.2s ease-in-out 0.6s, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -webkit-transition: fill 0.2s ease-in-out 0.6s, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: fill 0.2s ease-in-out 0.6s, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: fill 0.2s ease-in-out 0.6s, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: fill 0.2s ease-in-out 0.6s, transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

#menu-line-1,
#menu-line-2,
#menu-line-3 {
  -webkit-transition: transform 0.3s ease-in-out, fill 0.3s ease-in-out;
  -webkit-transition: fill 0s ease-out, -webkit-transform 0.3s ease-in-out;
  transition: fill 0s ease-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, fill 0s ease-out;
  transition: transform 0.3s ease-in-out, fill 0s ease-out, -webkit-transform 0.3s ease-in-out;
}

#menu-line-2 {
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

#hamburguer-menu:checked ~ label svg .menu-line {
  fill: #333;
}

#hamburguer-menu:checked ~ label #menu-line-3 {
  -webkit-transform: translate(157.105px, 1409.833px) rotate(-45deg);
  transform: translate(157.105px, 1409.833px) rotate(-45deg);
}

#hamburguer-menu:checked ~ label #menu-line-1 {
  -webkit-transform: translate(158.166px, 1397.105px) rotate(45deg);
  transform: translate(158.166px, 1397.105px) rotate(45deg);
}

#hamburguer-menu:checked ~ label #menu-line-2 {
  -webkit-transform: translate(163px, 1397.105px) scale(0.1, 1);
  transform: translate(163px, 1397.105px) scale(0.1, 1);
  opacity: 0;
}

/* Estilos base para el menú principal */
ul.menu-principal {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; /* el menú siempre debe ir en una sola línea */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.menu-principal > li {
  display: inline-block;
  margin: 0 clamp(8px, 1vw, 15px);
  position: relative;
  white-space: nowrap;
}

ul.menu-principal > li > a {
  text-decoration: none;
  color: #fff; /* Ajusta según tu diseño */
  padding: clamp(11px, 1vw, 15px) clamp(6px, 0.85vw, 12px);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

/* Pantallas tipo MacBook Air 13": ajustamos el espaciado para que quepa en una línea */
@media (max-width: 1399.98px) {
  ul.menu-principal > li {
    margin: 0 8px;
  }
  ul.menu-principal > li > a {
    padding: 12px 6px;
    font-size: 11px;
  }
}
/* Dropdown liviano de "Autos" (Nuevos/Usados/Comerciales/Todos) -- solo CSS,
   sin JS/Swiper/Select2 (a diferencia del mega submenu viejo, desactivado
   por peso, ver modules/header/README-mega-submenus.md). */
ul.menu-principal > li.has-submenu {
  /* Sin position:relative propio: así el .menu-principal__submenu (position:absolute)
     toma como referencia #menu-principal (la franja naranja completa, ya
     position:relative), y no este <li> (que mide solo el alto del link) —
     evita que el submenu aparezca "montado" a media franja. La posición
     horizontal (bajo "Autos") se corrige en menus.js con el ancho real. */
  position: static;
}
ul.menu-principal > li.has-submenu > a::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}

/* Mostrar/ocultar y la animación (GSAP, de arriba hacia abajo) las maneja
   menus.js -- acá solo el estado "cerrado" de partida (opacity/visibility),
   por si el JS tarda en correr. */
.menu-principal__submenu {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* Hay un "* { transition: 0.5s }" viejo y global (main.scss) que compite con
     la animación de GSAP en opacity/transform -- sin este override el submenu
     queda "peleando" dos animaciones a la vez y tarda mucho más de lo que
     dice la duration de GSAP en asentarse. */
  transition: none;
  z-index: 9999;
  min-width: 210px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 12px 28px rgba(16, 23, 23, 0.18);
}
.menu-principal__submenu li {
  margin: 0;
}
.menu-principal__submenu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 18px;
  color: #111516;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.menu-principal__submenu a:hover, .menu-principal__submenu a:focus-visible {
  background: #f1f4f4;
  color: #ff5f0e;
}

.menu-principal__submenu-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* Especificidad extra con ID a propósito: hay reglas viejas del menú (mobile
   submenu / mega submenu desactivado) con selector "#menu-principal ..." que
   por el ID le ganan a cualquier regla solo de clases:
   - "#menu-principal ul { position: relative }" pisaba el position:absolute
     de arriba (el submenu quedaba en flujo normal, "empujando" la franja).
   - "#menu-principal a { color: #fff; width: 25% }" pisaba el color del texto
     (blanco sobre blanco, invisible) Y el ancho (el link/hover quedaba a solo
     25% del ancho de la fila en vez de ocupar todo el li).
   Por eso repetimos las tres con el prefijo #menu-principal. */
#menu-principal .menu-principal__submenu {
  position: absolute;
}

#menu-principal .menu-principal__submenu a {
  width: 100%;
  color: #111516;
}

#menu-principal .menu-principal__submenu-media {
  position: static;
  -webkit-transform: none;
          transform: none;
  font-size: inherit;
  font-weight: inherit;
}

/* Submenú en 100% del ancho */
.submenu-fullwidth {
  position: absolute; /* o "fixed", si quieres que permanezca al hacer scroll */
  top: 43px; /* Ajusta esto a la altura de tu nav */
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}

.submenu-fullwidth ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.submenu-fullwidth li {
  margin-bottom: 10px;
}

.submenu-fullwidth li a {
  color: #333; /* Ajusta según tu diseño */
  text-decoration: none;
}

.submenu-fullwidth .btn-naranjo,
.submenu-fullwidth .btn-orange,
.submenu-fullwidth .btn-todos {
  font-size: 0.7rem;
}

#close-service {
  color: #fff;
  background-color: #ff5f0e;
  width: 30px;
  height: 30px;
  font-size: 19px;
  font-weight: 900;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  border: none;
  text-align: center;
  border-radius: 100px;
}

.container-servicios .row {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  display: block !important;
  margin: 0;
  padding: 0;
}
.container-servicios .servicio {
  width: 100%;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin-bottom: 20px;
}
.container-servicios .servicio label {
  font-weight: bold;
}
.container-servicios .servicio ul li {
  margin-bottom: 0 !important;
}
.container-servicios .servicio ul li:before {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #ff5f0e;
  content: "";
  display: inline-block;
  margin-right: 5px;
}
.container-servicios .servicio ul li a {
  color: #000 !important;
  text-transform: none !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-size: 0.8rem;
}
.container-servicios .servicio ul li a:hover {
  /*text-decoration:underline;*/
  color: #ff5f0e !important;
}

.submenu-mediumwidth {
  position: absolute; /* o "fixed", si quieres que permanezca al hacer scroll */
  top: 40px; /* Ajusta esto a la altura de tu nav */
  width: 400px;
  left: -100px;
  background: #f1f4f4;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  padding: 20px 50px 50px 50px;
}
.submenu-mediumwidth span {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  display: block;
}
.submenu-mediumwidth .card-1 {
  background: #fff;
  position: relative;
  background: #fff;
  border-radius: 15px;
  min-height: 125px;
  border: 5px solid #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  text-decoration: none;
  width: 100% !important;
  height: 100%;
}
.submenu-mediumwidth .card-1 p {
  color: #000 !important;
  font-weight: bold;
  margin-bottom: 0 !important;
  margin-top: 10px;
  text-transform: none !important;
}
.submenu-mediumwidth .card-1:hover {
  border-color: #ff5f0e;
}

.submenu-mediumwidth ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.submenu-mediumwidth li {
  margin-bottom: 10px;
}

.submenu-mediumwidth li a {
  color: #333; /* Ajusta según tu diseño */
  text-decoration: none;
}

#submenu-mobile-marcas .position-relative {
  padding: 10px 20px;
}
#submenu-mobile-marcas .position-relative label {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 20px;
}
#submenu-mobile-marcas .position-relative label span {
  color: #ff5f0e;
}

#submenu-marcas .left-marcas {
  padding-right: 40px;
}
#submenu-marcas .left-marcas label {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 20px;
}
#submenu-marcas .left-marcas label span {
  color: #ff5f0e;
}
#submenu-marcas .right-marcas {
  padding-bottom: 20px;
}
#submenu-marcas .right-marcas .swiper-brands,
#submenu-marcas .right-marcas .swiper-auto-menu {
  position: relative;
}
#submenu-marcas .right-marcas {
  /* 2) Flecha anterior a la izquierda, centrada verticalmente */
}
#submenu-marcas .right-marcas .swiper-button-prev {
  position: absolute !important;
  top: auto !important;
  left: 0 !important; /* ajusta margen lateral */
  bottom: 0 !important;
  z-index: 10;
}
@media (max-width: 767.98px) {
  #submenu-marcas .right-marcas .swiper-button-prev {
    left: 0 !important;
  }
}
#submenu-marcas .right-marcas {
  /* 3) Flecha siguiente a la derecha */
}
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important; /* ajusta margen lateral */
  top: auto !important;
  z-index: 10 !important;
}
@media (max-width: 767.98px) {
  #submenu-marcas .right-marcas .swiper-brands .swiper-button-next,
  #submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next {
    right: 0 !important;
  }
}
#submenu-marcas .right-marcas .right-nav-menu {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#submenu-marcas .right-marcas .right-nav-menu .swiper-nav-wrapper {
  height: 30px;
  width: 410px;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#submenu-marcas .right-marcas .right-nav-menu .linea-menu {
  width: 100%;
  height: 1px;
  background: #ccc;
  margin: 0 20px;
}
#submenu-marcas .right-marcas .right-nav-menu .btn-todos {
  width: auto;
  min-width: 260px;
  border-radius: 5px;
}
#submenu-marcas .right-marcas {
  /* 4) Paginación: puntos centrados en el bottom */
}
#submenu-marcas .right-marcas .swiper-brands .swiper-pagination,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-pagination {
  position: absolute !important;
  bottom: 0.75rem !important; /* separa un poco del borde */
  left: 0;
  right: 0;
  margin: 0 auto;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 0.5rem !important;
  z-index: 10 !important;
  text-align: center;
}
#submenu-marcas .right-marcas {
  /* 5) Personaliza los bullets si quieres */
}
#submenu-marcas .right-marcas .swiper-brands .swiper-pagination-bullet,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ccc !important;
  opacity: 1;
  border: none !important;
}
#submenu-marcas .right-marcas .swiper-brands .swiper-pagination-bullet-active,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-pagination-bullet-active {
  background: #888 !important;
}
#submenu-marcas .right-marcas {
  /* 6) Opcional: aumentar el “hit area” de las flechas */
}
#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev,
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev::after,
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next::after,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev::after,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next::after {
  font-size: 1.25rem;
  color: #565656;
}

.close-wrap {
  background: #000;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cerrar-menu {
  background: #fff;
  color: #000;
  border-radius: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  width: 104px;
  text-transform: uppercase;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 12px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cerrar-menu span {
  background: #ff5f0e;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20px;
  display: inline-block;
  margin-right: 5px;
  float: left;
}

.select2-dropdown,
.select2-search--dropdown {
  background: #dde4e4 !important;
}

.select2-search__field {
  background: #fff !important;
}

.select2-search__field:focus {
  outline: none;
}

.select2-selection--single {
  border-radius: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px !important;
  right: 12px !important;
}

.select2-container--default .select2-selection--single {
  border-color: #dfdfdf !important;
}

.select2-container {
  padding: 0 !important;
}

.select2-search--dropdown {
  padding: 10px !important;
}

.select2-container--open .select2-selection--single {
  border: 1px solid #ff5f0e !important;
}

.select2-dropdown .select2-results__option--highlighted {
  background-color: #ebf7f7 !important;
  font-weight: bold;
  color: #000 !important;
}

.select2-dropdown ul li a {
  padding: 30px !important;
}

.submenu-fullwidth .select2-container {
  padding: 0 !important;
}
.submenu-fullwidth .select2-selection {
  height: auto !important;
}
.submenu-fullwidth .select2-container--default .select2-selection--single {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 38px;
  height: 38px !important;
  padding: 0 38px 0 14px;
  border: 1px solid #dce2e3 !important;
  border-radius: 6px !important;
  background: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.submenu-fullwidth .select2-container--default .select2-selection--single:hover {
  border-color: #ccd4d5 !important;
}
.submenu-fullwidth .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #202526 !important;
  font-size: 0.76rem;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.submenu-fullwidth .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #202526 !important;
}
.submenu-fullwidth .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50% !important;
  right: 12px !important;
  width: 14px !important;
  height: 14px !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.submenu-fullwidth .select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  border: 0 !important;
  border-right: 2px solid #687274 !important;
  border-bottom: 2px solid #687274 !important;
  -webkit-transform: translate(-50%, -58%) rotate(45deg);
          transform: translate(-50%, -58%) rotate(45deg);
}
.submenu-fullwidth .select2-container--open .select2-selection--single {
  border-color: rgba(244, 116, 35, 0.58) !important;
  -webkit-box-shadow: 0 0 0 3px rgba(244, 116, 35, 0.1) !important;
          box-shadow: 0 0 0 3px rgba(244, 116, 35, 0.1) !important;
}
.submenu-fullwidth .select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: translate(-50%, -18%) rotate(-135deg);
          transform: translate(-50%, -18%) rotate(-135deg);
}
.submenu-fullwidth .select2-dropdown {
  background: #fff !important;
  border: 1px solid #dce2e3 !important;
  border-radius: 6px !important;
  -webkit-box-shadow: 0 18px 32px rgba(18, 25, 26, 0.12);
          box-shadow: 0 18px 32px rgba(18, 25, 26, 0.12);
  overflow: hidden;
}
.submenu-fullwidth .select2-search--dropdown {
  padding: 8px !important;
  background: #fff !important;
}
.submenu-fullwidth .select2-search__field {
  min-height: 38px;
  padding: 0 12px !important;
  border: 1px solid #dce2e3 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #202526;
  font-size: 0.76rem;
  font-weight: 600;
}
.submenu-fullwidth .select2-search__field:focus {
  border-color: rgba(244, 116, 35, 0.58) !important;
  -webkit-box-shadow: 0 0 0 3px rgba(244, 116, 35, 0.1) !important;
          box-shadow: 0 0 0 3px rgba(244, 116, 35, 0.1) !important;
}
.submenu-fullwidth .select2-results__options {
  padding: 6px !important;
}
.submenu-fullwidth .select2-results__option--selectable {
  padding: 9px 12px !important;
  border-radius: 6px;
  color: #202526 !important;
  font-size: 0.76rem;
  font-weight: 600;
}
.submenu-fullwidth .select2-dropdown .select2-results__option--highlighted,
.submenu-fullwidth .select2-results__option--selectable.select2-results__option--highlighted {
  background: #f4f6f6 !important;
  color: #000 !important;
}

.primera-columna {
  height: 100vh;
  width: 350px;
}
.primera-columna .menu-lateral {
  list-style: none;
  padding-top: 50px;
  padding-left: 50px;
}
.primera-columna .menu-lateral li a {
  color: #fff;
  font-size: 1.8rem;
  padding: 5px 0;
  display: block;
  font-weight: 200 !important;
  position: relative;
}
.primera-columna .menu-lateral li a span {
  position: absolute;
  display: block;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  top: 10px;
  right: 100px;
}
.primera-columna .lateral-bottom {
  position: absolute;
  bottom: 20px;
  left: 50px;
}
.primera-columna .lateral-bottom .contactos-lateral {
  margin-bottom: 20px;
  border-top: 1px solid #fff;
  width: 270px;
  padding-top: 30px;
}
.primera-columna .lateral-bottom .contactos-lateral a {
  color: #fff;
  margin-bottom: 10px;
}
.primera-columna .lateral-bottom .contactos-lateral a img {
  margin-right: 10px;
}

.segunda-columna {
  margin-left: 350px;
  height: 100vh;
  width: 350px;
  float: left;
  background: #fff;
  position: absolute;
  top: 0;
  padding-left: 50px;
}
.segunda-columna .menu-categorias-container {
  padding-top: 20px;
}

.menu-categorias-container {
  width: 300px; /* Ajusta a tu gusto */
  position: relative;
}

.menu-categorias {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Cada "categoría de tienda" en bloque (vertical) */
.menu-categorias > .cat-item {
  margin: 0;
  padding: 8px;
}

.menu-categorias > .cat-item a {
  text-decoration: none;
  color: #999999;
  font-size: 1.2rem;
  font-weight: 300;
  position: relative;
}
.menu-categorias > .cat-item a:hover {
  color: #000;
}
.menu-categorias > .cat-item a span {
  margin-left: 10px;
}

/* Submenú (tiendas) oculto por defecto */
.submenu-tiendas {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: none; /* Oculto por defecto */
  position: absolute; /* Para que se superponga a la derecha */
  left: 100%; /* Desplazado a la derecha del li padre */
  top: 0; /* Alineado arriba */
  min-width: 600px; /* Ancho mínimo de la lista anidada */
  z-index: 999;
  padding-left: 50px;
  padding-top: 100px;
}

.submenu-tiendas li {
  padding: 8px;
}

.submenu-tiendas li a {
  color: #333;
  text-decoration: none;
}

/* Mostrar el submenú al hacer hover sobre la categoría */
.cat-item:hover .submenu-tiendas {
  display: block;
}

.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background: #fff;
}

#menu-principal {
  opacity: 1;
  pointer-events: auto; /* Permite clics */
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; /* Duración y estilo de la animación */
}

/* Cuando agreguemos la clase .menu-oculto, el menú se desvanece (opacity: 0) */
.menu-oculto {
  opacity: 0;
  pointer-events: none; /* Bloquea clics mientras está oculto */
}

/* ===========================================================
   HEADER STICKY (todo el sitio)
   - El header queda pegado arriba (position: sticky).
   - Al hacer un poco de scroll (.is-compact) la fila blanca
     superior colapsa y la barra naranja se transforma en la
     versión compacta del diseño: logo blanco + menú + controles.
   - Transiciones suaves en colapso y aparición.
   =========================================================== */
/* Evita que el navegador reajuste el scroll cuando el header cambia de alto
   al compactarse (scroll anchoring), causa del pestañeo en la transición. */
html,
body {
  overflow-anchor: none;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 10000;
  background: #fff;
  /* Sombra que cuelga del borde inferior del header (antes estaba sobre el slider).
     Vale para el header normal y para el sticky. Va en una capa propia por encima de
     la franja naranja (z-index 10001) y recortada al borde inferior: así el submenú de
     Autos, que vive dentro del header, pasa por debajo de la franja Y de su sombra (con
     box-shadow en el propio header, el submenú se pintaba encima de la sombra). */
}
.site-header::after {
  position: absolute;
  inset: 0;
  z-index: 10002;
  -webkit-box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.28);
          box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.28);
  -webkit-clip-path: inset(100% -40px -40px -40px);
          clip-path: inset(100% -40px -40px -40px);
  content: "";
  pointer-events: none;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

/* Con el menú mobile abierto la sombra (z-index 10002) quedaba como una línea
   cruzando el panel naranjo a la altura del borde del header. */
body.has-mobile-menu-open .site-header::after {
  opacity: 0;
}

/* Con cualquier modal/overlay abierto el header fixed/sticky baja su z-index
   para que el modal lo cubra por completo (mismo comportamiento en todos los
   anchos: así el overlay tapa el header en vez de quedar el header por encima). */
body.modal-open .site-header,
body.modal-open .sticky-header,
body.modal-open header,
body.has-mc-modal-open .site-header,
body.has-mc-modal-open .sticky-header,
body.has-mc-modal-open header,
body.has-quote-modal-open .site-header,
body.has-quote-modal-open .sticky-header,
body.has-quote-modal-open header,
body.has-compare-modal-open .site-header,
body.has-compare-modal-open .sticky-header,
body.has-compare-modal-open header,
body.has-site-search-open .site-header,
body.has-site-search-open .sticky-header,
body.has-site-search-open header,
body.has-auto-search-modal-open .site-header,
body.has-auto-search-modal-open .sticky-header,
body.has-auto-search-modal-open header,
body.has-autos-filters-open .site-header,
body.has-autos-filters-open .sticky-header,
body.has-autos-filters-open header,
body.has-offers-filters-open .site-header,
body.has-offers-filters-open .sticky-header,
body.has-offers-filters-open header,
body.has-news-filters-open .site-header,
body.has-news-filters-open .sticky-header,
body.has-news-filters-open header,
body.has-concesionarios-filters-open .site-header,
body.has-concesionarios-filters-open .sticky-header,
body.has-concesionarios-filters-open header,
body.has-servicios-filters-open .site-header,
body.has-servicios-filters-open .sticky-header,
body.has-servicios-filters-open header {
  z-index: 1;
}

.auto-search-modal {
  position: fixed;
  inset: 0;
  z-index: 300000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(16px, 3vw, 42px);
  background: rgba(0, 0, 0, 0.78);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.24s ease, visibility 0.24s ease;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}
.auto-search-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.has-auto-search-modal-open {
  overflow: hidden;
}

.auto-search-modal__dialog {
  position: relative;
  width: min(1120px, 100%);
  max-height: calc(100vh - 32px);
  overflow: visible;
  border-radius: 18px;
  background: #000;
  -webkit-box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
          box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
  -webkit-transform: translateY(18px) scale(0.985);
          transform: translateY(18px) scale(0.985);
  -webkit-transition: -webkit-transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
}
.auto-search-modal.is-open .auto-search-modal__dialog {
  background: transparent !important;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.auto-search-modal__dialog::-webkit-scrollbar {
  width: 7px;
}
.auto-search-modal__dialog::-webkit-scrollbar-track {
  background: transparent;
}
.auto-search-modal__dialog::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
}

.auto-search-modal__close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 4;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.auto-search-modal__close::before, .auto-search-modal__close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #111;
  content: "";
}
.auto-search-modal__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.auto-search-modal__close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.auto-search-modal__content {
  position: relative;
}

.auto-search-modal .cotizador {
  min-height: auto;
  padding: clamp(28px, 4vw, 58px);
  border-radius: 18px;
  background: #000;
  text-align: center;
}
.auto-search-modal .cotizador .cotizador__container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.auto-search-modal .cotizador .cotizador__subtitle {
  display: block;
  margin: 0 0 8px;
  color: #ff5f0e;
  font-size: clamp(0.95rem, 1.4vw, 1.15rem);
  font-weight: 700;
}
.auto-search-modal .cotizador .cotizador__title {
  max-width: 760px;
  margin: 0 auto clamp(24px, 3vw, 34px);
  color: #fff;
  font-size: clamp(1.85rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.08;
}
.auto-search-modal .cotizador .cotizador__title span {
  color: #ff5f0e;
}
.auto-search-modal .cotizador .cotizador__filters {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(150px, 0.95fr) minmax(190px, 1.25fr) minmax(200px, 1.35fr) minmax(180px, 1.2fr);
  grid-template-columns: minmax(150px, 0.95fr) minmax(190px, 1.25fr) minmax(200px, 1.35fr) minmax(180px, 1.2fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: visible;
  border-radius: 14px;
  background: #3d3d3d;
  -webkit-box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
          box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}
.auto-search-modal .cotizador .cotizador__field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 124px;
  padding: 18px 20px;
  color: #fff;
}
.auto-search-modal .cotizador .cotizador__field::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 58px;
  background: #575656;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.auto-search-modal .cotizador .cotizador__field:last-child::before {
  display: none;
}
.auto-search-modal .cotizador .cotizador__field.seleccionado {
  background: #545454;
}
.auto-search-modal .cotizador .cotizador__field.is-open, .auto-search-modal .cotizador .cotizador__field:has(.cotizador__select-button.open) {
  z-index: 30;
}
.auto-search-modal .cotizador .cotizador__select-label,
.auto-search-modal .cotizador .cotizador__field--price > label {
  margin: 0 0 8px;
  color: #fff;
  font-size: 0.86rem;
  font-weight: 700;
  text-align: left;
}
.auto-search-modal .cotizador .cotizador__select-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #b6b6b6;
  font-size: 0.94rem;
  text-align: left;
  cursor: pointer;
}
.auto-search-modal .cotizador .cotizador__arrow {
  width: 0;
  height: 0;
  border-top: 6px solid #fff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transition: -webkit-transform 0.18s ease;
  transition: -webkit-transform 0.18s ease;
  transition: transform 0.18s ease;
  transition: transform 0.18s ease, -webkit-transform 0.18s ease;
}
.auto-search-modal .cotizador .cotizador__select-button.open .cotizador__arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.auto-search-modal .cotizador .cotizador__dropdown {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 40;
  display: none;
  width: max(100%, min(310px, 100vw - 42px));
  max-height: min(320px, 100vh - 300px);
  overflow: hidden;
  padding: 6px 6px 54px;
  border: 1px solid #ecefef;
  border-radius: 10px;
  background: #f5f7f6;
  -webkit-box-shadow: 0 14px 30px rgba(17, 22, 22, 0.18);
          box-shadow: 0 14px 30px rgba(17, 22, 22, 0.18);
}
.auto-search-modal .cotizador .cotizador__dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.auto-search-modal .cotizador .cotizador__dropdown li {
  border-radius: 8px;
}
.auto-search-modal .cotizador .cotizador__dropdown li:hover,
.auto-search-modal .cotizador .cotizador__dropdown li.active {
  background-color: #fff3ea;
  -webkit-box-shadow: inset 0 0 0 1px rgba(244, 116, 35, 0.22);
          box-shadow: inset 0 0 0 1px rgba(244, 116, 35, 0.22);
}
.auto-search-modal .cotizador .cotizador__dropdown label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  color: #111;
  font-size: 0.82rem;
  cursor: pointer;
}
.auto-search-modal .cotizador .cotizador__scroll {
  max-height: min(246px, 100vh - 374px);
  overflow-y: auto;
  padding-right: 6px !important;
  scrollbar-width: thin;
  scrollbar-color: #d8dddd transparent;
}
.auto-search-modal .cotizador .cotizador__option-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  gap: 9px;
}
.auto-search-modal .cotizador .cotizador__option-content img {
  width: 34px;
  height: 34px;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
}
.auto-search-modal .cotizador .cotizador__option-content span {
  min-width: 0;
  overflow: hidden;
  color: #222;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auto-search-modal .cotizador input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  accent-color: #ff5f0e;
  cursor: pointer;
}
.auto-search-modal .cotizador .cotizador__select-all {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f0f6f6;
  -webkit-box-shadow: 0 -8px 21px rgba(192, 192, 192, 0.8);
          box-shadow: 0 -8px 21px rgba(192, 192, 192, 0.8);
}
.auto-search-modal .cotizador .cotizador__select-all label {
  padding: 14px 18px;
  font-size: 0.82rem;
}
.auto-search-modal .cotizador .cotizador__field--tipo .cotizador__dropdown {
  padding-bottom: 8px;
}
.auto-search-modal .cotizador .cotizador__slider {
  position: relative;
  height: 22px;
  margin-top: -2px;
}
.auto-search-modal .cotizador .cotizador__slider input[type=range] {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 2px;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  pointer-events: auto;
}
.auto-search-modal .cotizador .cotizador__slider input[type=range]::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #ff5f0e;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
}
.auto-search-modal .cotizador .cotizador__slider input[type=range]::-moz-range-thumb {
  position: relative;
  z-index: 2;
  width: 11px;
  height: 11px;
  border: 0;
  border-radius: 50%;
  background: #ff5f0e;
  cursor: pointer;
}
.auto-search-modal .cotizador .cotizador__slider input[type=range]::-webkit-slider-runnable-track, .auto-search-modal .cotizador .cotizador__slider input[type=range]::-moz-range-track {
  height: 8px;
  border-radius: 5px;
  background: transparent;
}
.auto-search-modal .cotizador .cotizador__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4px;
  color: #b6b6b6;
  font-size: 0.72rem;
}
.auto-search-modal .cotizador .cotizador__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: auto;
  margin-top: 24px;
  padding: 0;
}
.auto-search-modal .cotizador .cotizador__submit button {
  width: min(220px, 100%);
  min-height: 44px;
  padding: 0.8rem 1rem;
  border: 0;
  border-radius: 8px;
  background: #777;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.auto-search-modal .cotizador .cotizador__submit button.activo, .auto-search-modal .cotizador .cotizador__submit button:hover {
  background: #ff5f0e;
}

@media (max-width: 1100px) {
  .auto-search-modal .cotizador .cotizador__filters {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .auto-search-modal .cotizador .cotizador__field:nth-child(even)::before {
    display: none;
  }
  .auto-search-modal .cotizador .cotizador__submit {
    grid-column: 1/-1;
  }
}
@media (max-width: 640px) {
  .auto-search-modal {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 12px;
  }
  .auto-search-modal__dialog {
    max-height: calc(100vh - 24px);
    border-radius: 14px;
  }
  .auto-search-modal__close {
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
  }
  .auto-search-modal .cotizador {
    padding: 48px 14px 18px;
    border-radius: 14px;
  }
  .auto-search-modal .cotizador .cotizador__title {
    margin-bottom: 18px;
    font-size: 1.75rem;
  }
  .auto-search-modal .cotizador .cotizador__filters {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .auto-search-modal .cotizador .cotizador__field {
    min-height: auto;
    padding: 16px;
  }
  .auto-search-modal .cotizador .cotizador__field::before {
    right: 16px;
    bottom: 0;
    top: auto;
    left: 16px;
    width: auto;
    height: 1px;
    -webkit-transform: none;
            transform: none;
  }
  .auto-search-modal .cotizador .cotizador__field:nth-child(even)::before {
    display: block;
  }
  .auto-search-modal .cotizador .cotizador__field:last-child::before {
    display: none;
  }
  .auto-search-modal .cotizador .cotizador__dropdown {
    position: static;
    width: 100%;
    margin-top: 12px;
  }
}
/* Logo y controles compactos: ocultos por defecto (no ocupan espacio) */
/* Más aire lateral en la barra (ancho completo) */
nav#menu-principal > .container-fluid {
  padding-left: clamp(18px, 3vw, 45px);
  padding-right: clamp(18px, 3vw, 45px);
}

/* La barra (logo + menú + controles) SIEMPRE en una sola línea */
.menu-principal-row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.menu-principal-row .menu-principal__menu {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0; /* permite que el menú ceda espacio antes de desbordar */
}

/* Curva y duración compartidas por todo el colapso del header: una
   deceleración suave (easeOutQuint-ish) que se siente fluida y "pro". */
.site-header {
  --header-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --header-dur: 0.55s;
}

/* El logo y los controles solo se desvanecen (fade + slide sutil). NO animan su
   ancho: en el grid de la fila (1fr auto 1fr) las columnas laterales son iguales,
   así el menú central queda SIEMPRE centrado y no se mueve aunque el logo y los
   controles tengan anchos distintos. */
.menu-principal-row .sticky-logo,
.menu-principal-row .sticky-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  pointer-events: none;
  will-change: opacity, transform;
  -webkit-transition: opacity calc(var(--header-dur) * 0.7) ease, -webkit-transform var(--header-dur) var(--header-ease);
  transition: opacity calc(var(--header-dur) * 0.7) ease, -webkit-transform var(--header-dur) var(--header-ease);
  transition: transform var(--header-dur) var(--header-ease), opacity calc(var(--header-dur) * 0.7) ease;
  transition: transform var(--header-dur) var(--header-ease), opacity calc(var(--header-dur) * 0.7) ease, -webkit-transform var(--header-dur) var(--header-ease);
}

/* En reposo "esperan" un poco corridos hacia su borde; al compactar deslizan. */
.menu-principal-row .sticky-logo {
  -webkit-transform: translateX(-14px);
          transform: translateX(-14px);
}

.menu-principal-row .sticky-controls {
  -webkit-transform: translateX(14px);
          transform: translateX(14px);
}

.site-header.is-compact .menu-principal-row .sticky-logo,
.site-header.is-compact .menu-principal-row .sticky-controls {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.menu-principal-row .sticky-logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 0;
}

.menu-principal-row .sticky-logo img {
  height: 19px;
  width: auto;
  max-width: none;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); /* logo en blanco sobre el naranjo */
}

.menu-principal-row .sticky-controls {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 8px;
  margin-left: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* Los íconos/logo compactos NO deben heredar el `width: 25%` de los <a> del menú
   naranjo (#menu-principal a) — eso los separaba a lo ancho. Con width:auto quedan
   juntos a la derecha, pegados al botón "Buscar auto". (ID en el selector para
   ganarle a la especificidad de #menu-principal a). */
#menu-principal .sticky-logo,
#menu-principal .sticky-controls .sticky-ctrl,
#menu-principal .sticky-controls .js-buscar-auto {
  width: auto;
}

.sticky-controls .sticky-ctrl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  line-height: 0;
}
.sticky-controls .sticky-ctrl img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); /* íconos en blanco */
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.sticky-controls .sticky-ctrl:hover img {
  opacity: 0.75;
}

.sticky-controls .sticky-ctrl--search img {
  width: 26px;
  height: 26px;
}

.sticky-controls__sep {
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* El botón "Buscar auto" siempre en una sola línea (header normal y sticky). */
.js-buscar-auto {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 134px;
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
}

/* El botón "Buscar auto" del sticky usa el mismo estilo .btn-black que el normal.
   Sobre el naranjo evitamos que el hover (que vuelve naranjo) lo haga desaparecer. */
.sticky-controls .btn-black {
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.sticky-controls .btn-black:hover {
  background: #222;
  color: #fff;
}

/* Estado compacto: solo en desktop (en mobile el menú naranja no se usa) */
@media (min-width: 992px) {
  /* La franja naranja "sube" sobre la blanca con scroll NATIVO: el header es
     sticky con un top negativo = alto de la barra blanca (--white-h, lo mide el
     JS). Al hacer scroll la barra blanca se va sola hacia arriba y la naranja
     queda fija arriba. Sin animar alturas -> sin salto, súper fluido.
     La barra naranja mantiene su alto y el menú no se reacomoda. */
  .site-header {
    top: calc(var(--white-h, 0px) * -1);
  }
  /* Fila en grid: logo | menú | controles. Columnas laterales de al menos su
     contenido (max-content): si hay aire quedan iguales y el menú centrado;
     si falta, crecen lo justo en vez de recortar los íconos (con minmax(0,1fr)
     el reloj quedaba cortado bajo el menú, p.ej. a 1440px). */
  .menu-principal-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
    grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu-principal-row .sticky-logo {
    -ms-grid-column-align: start;
        justify-self: start;
  }
  .menu-principal-row .menu-principal__menu {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial; /* anula el flex:1 1 0 de Bootstrap dentro del grid */
  }
  .menu-principal-row .sticky-controls {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}
/* Bajo ~1250px el set compacto completo (logo + 8 links + 3 íconos + botón) no
   cabe en la barra: se ocultan los íconos de horario/mapa/búsqueda (siguen
   disponibles en la barra blanca superior) y se conserva el CTA "Buscar auto". */
@media (min-width: 992px) and (max-width: 1249.98px) {
  .sticky-controls .sticky-ctrl,
  .sticky-controls .sticky-controls__sep {
    display: none;
  }
}
/* Accesibilidad: sin movimiento -> el reveal del logo/controles es instantáneo. */
@media (prefers-reduced-motion: reduce) {
  .menu-principal-row .sticky-logo,
  .menu-principal-row .sticky-controls {
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.menu-mobile {
  height: 100vh;
  overflow-y: scroll;
}

.menu-lateral-mobile {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 50px;
}
.menu-lateral-mobile li a {
  color: #fff !important;
  font-size: 1.5rem;
  font-weight: 200;
  padding: 5px 0;
  display: block;
  padding-left: 50px;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.menu-lateral-mobile li a span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
  top: 5px;
}

.submenu {
  background: #fff;
  left: 0;
  padding: 20px 0;
}
.submenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.submenu ul li a {
  color: #999999 !important;
  font-size: 1rem;
  font-weight: 600;
}

.has-submenu > .submenu {
  display: none; /* Oculto por defecto */
  list-style: none;
  margin: 0;
}

.lateral-bottom-mobile {
  padding-bottom: 20px;
  position: relative;
  margin-left: 50px;
  padding-top: 25px;
  border-top: 1px solid #fff;
  margin-top: 25px;
  width: 70%;
}
.lateral-bottom-mobile > a {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.lateral-bottom-mobile .contactos-lateral {
  margin-bottom: 20px;
}
.lateral-bottom-mobile .contactos-lateral a {
  color: #fff;
  padding: 5px 10px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}

.select2-selection {
  height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 50px !important;
  padding-left: 20px !important;
  font-weight: 800 !important;
}

#alerta-franja {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #f5f5f5;
}
#alerta-franja img {
  width: 20px;
  height: auto;
  margin-right: 10px;
  display: inline-block;
}
#alerta-franja p {
  margin-bottom: 0;
  font-size: 13px;
  display: inline-block;
}

#alerta-franja {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #000;
  color: #fff;
  padding: 5px;
}

#alerta-franja.oculto {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}

#alerta-franja .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

#alerta-franja a.cerrar {
  margin-left: auto;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  cursor: pointer;
}

.submenu-fullwidth .menu-title {
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 0;
}
.submenu-fullwidth .menu-title span {
  color: #ff5f0e;
}
.submenu-fullwidth .submenu-nav {
  padding: 50px;
}
.submenu-fullwidth .submenu-nav .nav {
  margin-top: 20px;
}
.submenu-fullwidth .right-menu {
  position: relative;
  padding: 50px;
  overflow: hidden;
}
.submenu-fullwidth .right-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 380px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), color-stop(35%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%); /* suave gradiente para simular profundidad */
  pointer-events: none;
}
.submenu-fullwidth .submenu-nav button {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #fff;
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.submenu-fullwidth .submenu-nav button.active, .submenu-fullwidth .submenu-nav button:hover {
  color: #ff5f0e;
}
.submenu-fullwidth .submenu-nav button:before {
  content: ">";
  position: absolute;
  right: 0;
  font-size: 2rem;
  font-weight: 100;
  top: 0px;
}
.submenu-fullwidth .submenu-nav .menu-title {
  font-size: 1.6rem !important;
  line-height: 110%;
}
.submenu-fullwidth p.menu-title {
  font-size: 1.2rem;
}
.submenu-fullwidth .sm-encabezado {
  border-bottom: 1px solid #dfdfdf !important;
  margin-bottom: 30px;
  padding-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 18px;
}
.submenu-fullwidth .sm-encabezado p {
  width: auto;
  float: left;
  margin-bottom: 0;
}
.submenu-fullwidth .auto-menu-tools {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  width: 100%;
}
.submenu-fullwidth .auto-menu-tools__selects {
  width: 100%;
}
.submenu-fullwidth .auto-menu-subtabs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px;
  border: 1px solid #e4e7e8;
  border-radius: 6px;
  background: #fff;
}
.submenu-fullwidth .auto-menu-subtabs__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 30px;
  padding: 0 14px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #5f686a;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.submenu-fullwidth .auto-menu-subtabs__button:hover {
  background: #f4f6f6;
  color: #000;
}
.submenu-fullwidth .auto-menu-subtabs__button.is-active {
  background: #000;
  color: #fff;
}
.submenu-fullwidth .sm-encabezado--autos {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
.submenu-fullwidth .sm-encabezado--autos p.menu-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  margin-bottom: 0;
}
.submenu-fullwidth .sm-encabezado--autos .auto-menu-tools {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  margin-left: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.submenu-fullwidth .sm-encabezado--autos .auto-menu-tools__selects {
  min-width: 280px;
  width: 280px;
}
.submenu-fullwidth .sm-encabezado--autos > .select2-container,
.submenu-fullwidth .sm-encabezado--autos .auto-menu-tools .select2-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.menu-logo-marca {
  width: 82% !important;
  padding: 8px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 10px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  max-width: 128px;
}
.menu-logo-marca img {
  max-height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}

.menu-logo-marca:hover {
  background: #fff;
  border: 1px solid #f47421;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.swiper-brands .swiper-wrapper,
.swiper-auto-menu .swiper-wrapper {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding-bottom: 30px;
}

.submenu-2 {
  background: #eaeaea;
  padding: 30px 0;
}
.submenu-2 .buscador-mobile {
  padding: 0 50px;
}
.submenu-2 label {
  color: #000;
  font-weight: 800;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
.submenu-2 label span {
  color: #ff5f0e;
}
.submenu-2 .btn-mobile {
  background: #000;
  color: #fff !important;
  font-size: 0.9rem;
  margin-top: 10px;
  border-radius: 3px;
  text-transform: capitalize;
  padding-left: 20px;
}

.right-header .btn-black {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 12px;
}

/* Resultados del buscador: imagen del auto COMPLETA (contain, se aprecia aunque
   sea chica) y recuadro neutro cuando no hay foto, en vez del ícono de imagen
   rota (la "hamburguesa"). */
.site-search-modal__result-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66px;
  height: 46px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
  background: #fff;
}

.site-search-modal__result-image--logo {
  padding: 6px;
}

.site-search-modal__result-image--auto {
  padding: 3px;
  background: #f6f8f8;
  -o-object-fit: contain;
     object-fit: contain;
}

.site-search-modal__result-image.is-empty {
  background: #eef1f1;
}

/* Nº de resultados al inicio del desplegable: negrita, pequeño. */
.site-search-modal__count {
  display: block;
  padding: 8px 16px 4px;
  font-size: 0.72rem;
  font-weight: 700;
  color: #6b7476;
}

/* Botón "Ver todos" al final de los resultados del buscador. Estilo provisional
   (pendiente diseño final): enlace full-width centrado, marcado como acción. */
.site-search-modal__ver-todos {
  display: block;
  width: 100%;
  padding: 12px 16px;
  margin-top: 4px;
  border-top: 1px solid #e2e7e8;
  color: #000;
  font-weight: 800;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
}
.site-search-modal__ver-todos:hover,
.site-search-modal__ver-todos.is-active {
  background: #f6f8f8;
}

.site-search-modal__ver-todos.is-active {
  -webkit-box-shadow: inset 0 0 0 2px #ff5f0e;
          box-shadow: inset 0 0 0 2px #ff5f0e;
}

@charset "UTF-8";
/* Header un poco más grande en desktop (21-oct-2026): se veía más bajo y con letra
   más chica que el sitio anterior. Barra blanca ~70px, franja naranja ~52px y menú
   de 13px (12.5px entre 992 y 1399px, donde el modo compacto debe caber completo; 1px menos
   que la primera versión, se veía grande). */
@media (min-width: 992px) {
  #main-header .header-superior.py-3 {
    padding-top: clamp(0.75rem, 1.1vw, 1.2rem) !important;
    padding-bottom: clamp(0.75rem, 1.1vw, 1.2rem) !important;
  }
  #menu-principal {
    padding: 8px 0;
  }
  #menu-principal ul.menu-principal > li > a {
    font-size: 12.5px;
    font-weight: 700;
  }
  #main-header .header-superior .right-header .js-buscar-auto {
    min-height: 42px;
    padding: 10px 22px;
    font-size: 13px;
  }
}
@media (min-width: 1400px) {
  #menu-principal ul.menu-principal > li > a {
    font-size: 13px;
  }
}

.site-footer {
  background-color: transparent;
  color: #fff;
  margin-top: -50px;
  position: relative;
  z-index: 999;
}
@media (max-width: 991.98px) {
  .site-footer {
    text-align: center;
  }
}
.site-footer > img {
  display: block;
  width: 100%;
  height: auto;
}
.site-footer .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #fff;
}
.site-footer .wpcf7 form.invalid .wpcf7-response-output, .site-footer .wpcf7 form.unaccepted .wpcf7-response-output, .site-footer .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #fff;
  padding: 8px;
  margin-top: -15px;
  font-size: 12px;
}
.site-footer .site-footer__heading {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.site-footer .site-footer__hours {
  position: relative;
  margin-bottom: 20px;
}
.site-footer .site-footer__hours p {
  margin-bottom: 0;
  margin-left: 20px;
  font-size: 0.9rem;
}
.site-footer .site-footer__hours img {
  position: absolute;
  left: 0;
  top: 4px;
}
@media (max-width: 991.98px) {
  .site-footer .site-footer__hours img {
    display: none;
  }
}
.site-footer .site-footer__contact a {
  display: block;
  color: #fff;
}
.site-footer .site-footer__contact a img {
  margin-right: 10px;
}
.site-footer .site-footer__logo {
  position: relative;
  padding-top: 30px;
  margin-bottom: 30px;
}
.site-footer .site-footer__logo .site-footer__logo-line {
  position: absolute;
  height: 1px;
  left: 50px;
  background-color: #f1a16d;
  top: 65px;
  z-index: 1;
  width: calc(100% - 100px);
}
.site-footer .site-footer__logo img {
  z-index: 999;
  position: relative;
}
.site-footer .site-footer__bottom a {
  color: #fff;
  margin-right: 40px;
  font-size: 0.8rem;
}
@media (max-width: 991.98px) {
  .site-footer .site-footer__bottom a {
    display: block;
    margin-bottom: 5px;
    margin-right: 0;
  }
}
.site-footer input {
  background: transparent;
  border: 2px solid #fff;
  padding: 8px 20px;
  color: #fff !important;
  font-size: 13px;
  width: 100%;
}
.site-footer input::-webkit-input-placeholder {
  color: #fff; /* Ajusta el color */
}
.site-footer input::-moz-placeholder {
  color: #fff; /* Ajusta el color */
}
.site-footer input:-ms-input-placeholder {
  color: #fff; /* Ajusta el color */
}
.site-footer input::-ms-input-placeholder {
  color: #fff; /* Ajusta el color */
}
.site-footer input::placeholder {
  color: #fff; /* Ajusta el color */
}
.site-footer .submit {
  background: #fff;
  border: 0;
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  margin-top: 0px;
  text-transform: uppercase;
  margin-left: -2px;
  border: 2px solid #fff;
  color: #ff5f0e !important;
}
.site-footer .submit:hover {
  color: #fff;
  background: #000;
  border-color: #000;
}
@media (max-width: 991.98px) {
  .site-footer .site-footer__top {
    margin-top: -5px;
  }
  .site-footer .site-footer__column {
    margin-bottom: 40px;
  }
}
.site-footer .site-footer__copyright {
  font-size: 12px;
  color: #474747;
  text-align: right;
}
@media (max-width: 991.98px) {
  .site-footer .site-footer__copyright {
    text-align: center;
  }
}
.site-footer .site-footer__legal {
  font-size: 12px;
  opacity: 0.5;
}
.site-footer .site-footer__legal a:hover {
  opacity: 1 !important;
}

.nav-lateral {
  background: #d0580a;
  position: fixed;
  right: 0;
  bottom: 100px;
  z-index: 999999999;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.nav-lateral a {
  display: block;
  padding: 8px 10px 8px 10px;
}
.nav-lateral a img {
  width: 25px;
  height: auto;
}

#whatsapp-contact img {
  width: 50px;
  height: auto;
}
#whatsapp-contact {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999999;
}

.grecaptcha-badge {
  display: none !important;
}

.btn-naranjo, .btn-orange {
  background-color: #ff5f0e;
  color: #fff;
  width: auto;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8rem;
  border-radius: 5px;
}
.btn-naranjo:hover, .btn-orange:hover {
  background: #000;
  color: #fff;
}

button.reventoz {
  background: #fff;
  border: 2px solid #ff5f0e;
  color: #ff5f0e;
  margin-top: 20px;
  border-radius: 5px;
  padding: 5px 20px;
  font-weight: 600;
}
button.reventoz:hover {
  background-color: #ff5f0e;
  color: #fff;
}
button.reventoz img {
  margin-right: 10px;
}

.btn-black {
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 11px;
}
.btn-black:hover {
  background: #ff5f0e;
  color: #fff;
}

.btn-comerciales {
  min-width: 300px !important;
}

.btn-servicios {
  display: block;
  min-width: 240px;
  max-width: 240px;
  margin-top: 20px;
}

.filtros {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

.mc-form-panel {
  border: 1px solid #ecefef;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 18px 42px rgba(16, 23, 23, 0.06);
          box-shadow: 0 18px 42px rgba(16, 23, 23, 0.06);
}

.mc-form-panel__inner {
  padding: 28px;
}

.mc-form-panel__eyebrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  color: #ff5f0e;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mc-form-panel__title {
  margin: 0 0 8px;
  color: #111516;
  font-size: 1.45rem;
  line-height: 1.15;
  font-weight: 800;
}

.mc-form-panel__description {
  margin: 0;
  color: #667173;
  font-size: 0.88rem;
  line-height: 1.6;
  font-weight: 300;
}

.mc-form {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.mc-form-grid {
  display: -ms-grid;
  display: grid;
  gap: 14px;
}

.mc-form-grid--2 {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mc-form-grid--3 {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mc-field {
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.mc-label {
  color: #111516;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.2;
}

.mc-input,
.mc-textarea,
.mc-select {
  width: 100%;
  border: 1px solid #d8dede;
  border-radius: 10px;
  background: #fff;
  color: #111516;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.3;
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.mc-input::-webkit-input-placeholder, .mc-textarea::-webkit-input-placeholder, .mc-select::-webkit-input-placeholder {
  color: #9aa4a6;
}
.mc-input::-moz-placeholder, .mc-textarea::-moz-placeholder, .mc-select::-moz-placeholder {
  color: #9aa4a6;
}
.mc-input:-ms-input-placeholder, .mc-textarea:-ms-input-placeholder, .mc-select:-ms-input-placeholder {
  color: #9aa4a6;
}
.mc-input::-ms-input-placeholder, .mc-textarea::-ms-input-placeholder, .mc-select::-ms-input-placeholder {
  color: #9aa4a6;
}
.mc-input::placeholder,
.mc-textarea::placeholder,
.mc-select::placeholder {
  color: #9aa4a6;
}
.mc-input:focus,
.mc-textarea:focus,
.mc-select:focus {
  outline: none;
  border-color: rgba(244, 116, 35, 0.6);
  -webkit-box-shadow: 0 0 0 3px rgba(244, 116, 35, 0.1);
          box-shadow: 0 0 0 3px rgba(244, 116, 35, 0.1);
}

.mc-input,
.mc-select {
  min-height: 48px;
  padding: 0 14px;
}

.mc-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23687173' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px 6px;
}
.mc-select.is-placeholder {
  color: #9aa4a6;
}

.mc-textarea {
  min-height: 128px;
  padding: 14px;
  resize: vertical;
}

.mc-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  color: #687274;
  font-size: 0.72rem;
  line-height: 1.5;
}
.mc-check input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #ff5f0e;
}
.mc-check a {
  color: #ff5f0e;
  text-decoration: none;
}

.mc-check--legal .mc-check__link {
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

body.has-mc-modal-open {
  overflow: hidden;
}

.mc-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.mc-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.mc-modal--legal {
  z-index: 210000;
}

body.has-quote-modal-open .mc-modal--legal {
  z-index: 300000 !important;
}

.mc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 12, 14, 0.6);
}

.mc-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 680px);
  max-height: calc(100vh - 48px);
  overflow: auto;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 24px 58px rgba(8, 12, 14, 0.2);
          box-shadow: 0 24px 58px rgba(8, 12, 14, 0.2);
  scrollbar-width: thin;
  scrollbar-color: #d8dddd transparent;
}
.mc-modal__dialog::-webkit-scrollbar {
  width: 6px;
}
.mc-modal__dialog::-webkit-scrollbar-track {
  background: transparent;
}
.mc-modal__dialog::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #d8dddd;
}

.mc-modal__header {
  padding: 24px 28px 0;
}

.mc-modal__title {
  margin: 0;
  color: #111516;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 800;
}

.mc-modal__body {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  padding: 18px 40px 28px;
  color: #5d6668;
  font-size: 0.8rem;
  line-height: 1.6;
}
.mc-modal__body p {
  margin: 0;
}

.mc-modal__content {
  display: -ms-grid;
  display: grid;
  gap: 12px;
}

.mc-modal__document-frame {
  width: 100%;
  min-height: min(62vh, 620px);
  border: 1px solid #e1e6e6;
  border-radius: 8px;
  background: #fff;
}

.mc-modal__download a {
  color: #ff5f0e;
  font-weight: 700;
  text-decoration: underline;
}

.mc-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: #f2f5f5;
  color: #111516;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}
.mc-modal__close:hover {
  background: #ff5f0e;
  color: #fff;
}

.mc-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 42px;
  padding: 0 22px;
  border: 0;
  border-radius: 6px;
  background: #ff5f0e;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background 0.2s ease, opacity 0.2s ease;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.mc-submit:hover {
  background: #e7671a;
  color: #fff;
}

@media (max-width: 767.98px) {
  .mc-form-panel__inner {
    padding: 22px 18px;
  }
  .mc-form-grid--2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mc-form-grid--3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mc-modal {
    padding: 16px;
  }
  .mc-modal__header {
    padding: 20px 20px 0;
  }
  .mc-modal__body {
    padding: 16px 24px 22px;
  }
}
body, html {
  font-family: var(--mc-font-family-base);
  font-weight: normal;
  font-style: normal;
}

.mc-page-banner {
  background: #f1f4f4;
  padding: 24px 0;
}
.mc-page-banner .mc-page-banner__media {
  display: block;
  width: min(1180px, 100% - 32px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
}
.mc-page-banner .mc-page-banner__media picture,
.mc-page-banner .mc-page-banner__media img {
  display: block;
  width: 100%;
}
.mc-page-banner .mc-page-banner__media img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

h2 {
  font-weight: 800;
}

/*********** Baseline, reset styles ***********/
input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
  width: 25rem;
}

/* Removes default focus */
input[type=range]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type=range]::-webkit-slider-runnable-track {
  background-color: #ffffff;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -4px; /* Centers thumb on the track */
  background-color: #ff5f0e;
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
}

input[type=range]:focus::-webkit-slider-thumb {
  outline: 3px solid #ff5f0e;
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
input[type=range]::-moz-range-track {
  background-color: #ffffff;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type=range]::-moz-range-thumb {
  background-color: #ff5f0e;
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
}

input[type=range]:focus::-moz-range-thumb {
  outline: 3px solid #ff5f0e;
  outline-offset: 0.125rem;
}

#seccion-2 {
  position: relative;
  z-index: 3;
  background: #000 !important;
  text-align: center;
}
#seccion-2 .titulo {
  color: #fff;
  text-align: center;
  font-size: 2.5rem;
}
@media (max-width: 991.98px) {
  #seccion-2 .titulo {
    font-size: 2rem;
  }
}
@media (max-width: 991.98px) {
  #seccion-2 .cf {
    padding-bottom: 30px;
    margin-bottom: -30px;
    z-index: 99;
  }
}
@media (max-width: 575.98px) {
  #seccion-2 .cf {
    width: 41%;
  }
}
#seccion-2 .card-1 {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  position: relative;
  background: #fff;
  border-radius: 10px;
  min-height: 150px;
  border: 5px solid #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  pointer-events: auto;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  #seccion-2 .card-1 {
    min-height: 110px;
  }
}
#seccion-2 .card-1 h3 {
  font-size: 0.9rem;
  color: #000;
  font-weight: 800;
}
@media (max-width: 991.98px) {
  #seccion-2 .card-1 h3 {
    font-size: 0.78rem;
  }
}
#seccion-2 .card-1 img.icono {
  height: 72px;
  width: 72px;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 16px;
  background: #f1f4f4;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 14px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media (max-width: 991.98px) {
  #seccion-2 .card-1 img.icono {
    height: 52px;
    width: 52px;
    padding: 12px;
    margin-bottom: 10px;
  }
}
#seccion-2 .card-1:hover {
  border-color: #ff5f0e;
}
#seccion-2 .card-1:hover img.icono {
  background: #fde7db;
}
#seccion-2 .accesos-loader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 150px;
}
#seccion-2 .accesos-loader__spinner {
  -webkit-animation: accesos-spin 0.7s linear infinite;
          animation: accesos-spin 0.7s linear infinite;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  height: 26px;
  width: 26px;
}
@-webkit-keyframes accesos-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes accesos-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#seccion-2 .accesos-swiper {
  opacity: 0;
  padding-bottom: 34px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: relative;
  z-index: 60;
}
#seccion-2 .accesos-swiper.is-ready {
  opacity: 1;
}
#seccion-2 .accesos-swiper .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#seccion-2 .accesos-swiper .swiper-pagination {
  bottom: 4px;
}
#seccion-2 .accesos-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
#seccion-2 .accesos-swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
@media (min-width: 1200px) {
  #seccion-2 .accesos-swiper .swiper-pagination {
    display: none;
  }
}
@media (min-width: 1200px) {
  #seccion-2 .accesos-swiper .swiper-wrapper {
    justify-content: center;
  }
  #seccion-2 .accesos-swiper .swiper-slide {
    width: 220px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
            flex: 0 0 220px;
  }
}
@media (max-width: 991.98px) {
  #seccion-2 .accesos-swiper {
    width: calc(100vw - 12px);
    margin-left: calc(50% - 50vw + 12px);
    margin-right: calc(50% - 50vw);
  }
}
#seccion-2 .semi-circle {
  margin: 0 auto;
  pointer-events: none;
}

#seccion-3 {
  margin-top: 50px;
  z-index: 9;
  position: relative;
}
@media (max-width: 991.98px) {
  #seccion-3 {
    margin-top: 30px;
    padding-top: 10px;
  }
}
@media (min-width: 1199.98px) {
  #seccion-3 {
    margin-top: 40px;
  }
}
#seccion-3 .titulo {
  text-align: center;
}
#seccion-3 .titulo h2 {
  font-size: 2.8rem;
}
@media (max-width: 991.98px) {
  #seccion-3 .titulo h2 {
    font-size: 2rem;
  }
}
#seccion-3 .titulo h2 span {
  color: #ff5f0e;
}
#seccion-3 .titulo .epigrafe {
  font-weight: 800;
}
#seccion-3 .col-md-6 {
  padding-right: 0;
}
#seccion-3 .banner {
  margin-bottom: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  position: relative;
  overflow: hidden;
  background-color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#seccion-3 .banner a {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
}
#seccion-3 .banner a .imagen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  z-index: 0;
  opacity: 0.6;
}
#seccion-3 .banner a .contenido-banner {
  position: absolute;
  z-index: 999;
  color: #fff;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#seccion-3 .banner a .contenido-banner h5 {
  font-weight: 200;
}
#seccion-3 .banner a .contenido-banner h5 b, #seccion-3 .banner a .contenido-banner h5 strong {
  font-weight: 600;
}
#seccion-3 .banner a .contenido-banner p {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  #seccion-3 .banner a .contenido-banner p {
    font-size: 12px;
  }
}
#seccion-3 .banner a figure {
  margin-bottom: 0;
  position: absolute;
  top: 0;
}
#seccion-3 .first-row .banner {
  min-height: 250px;
}
@media (max-width: 991.98px) {
  #seccion-3 .first-row .banner {
    min-height: 150px;
  }
}
#seccion-3 .second-row .banner {
  min-height: 280px;
}
@media (max-width: 991.98px) {
  #seccion-3 .second-row .banner {
    min-height: 200px;
  }
}
#seccion-3 .banner-alto {
  height: 100%;
}
@media (max-width: 991.98px) {
  #seccion-3 .banner-alto {
    margin-bottom: 15px;
  }
}
#seccion-3 .b-l {
  margin-right: -5px;
}
@media (max-width: 991.98px) {
  #seccion-3 .b-l {
    margin-top: 10px;
  }
}
#seccion-3 .b-r {
  margin-left: -5px;
}
@media (max-width: 991.98px) {
  #seccion-3 .b-r {
    margin-top: 10px;
  }
}
#seccion-3 .b1 figure {
  background-image: url("../img/formas-2.png");
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 111;
}
#seccion-3 .b1 .contenido-banner {
  height: 100%;
  width: 43%;
  margin-left: 30px;
}
#seccion-3 .b1 .contenido-banner h5 {
  font-size: 2rem;
  width: 100%;
  display: block;
  line-height: 100%;
}
@media (max-width: 991.98px) {
  #seccion-3 .b1 .contenido-banner h5 {
    font-size: 1.2rem;
  }
}
#seccion-3 .b1 .contenido-banner p {
  line-height: 100%;
}
#seccion-3 .b2 figure {
  background-image: url("../img/formas-3.png");
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 111;
  background-position: right;
}
#seccion-3 .b2 .contenido-banner {
  height: 100%;
  width: 43%;
  right: 0;
  margin-right: 30px;
}
#seccion-3 .b2 .contenido-banner h5 {
  font-size: 2rem;
  width: 100%;
  display: block;
  line-height: 100%;
  margin-top: 30px;
  text-align: right;
}
@media (max-width: 991.98px) {
  #seccion-3 .b2 .contenido-banner h5 {
    font-size: 1.2rem;
  }
}
#seccion-3 .b2 .contenido-banner p {
  line-height: 100%;
}
#seccion-3 .b3 figure {
  background-image: url("../img/formas.png");
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 111;
}
#seccion-3 .b3 .contenido-banner {
  height: 100%;
  width: 85%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
#seccion-3 .b3 .contenido-banner h5 {
  font-size: 3rem;
  width: 100%;
  display: block;
  line-height: 100%;
}
@media (max-width: 991.98px) {
  #seccion-3 .b3 .contenido-banner h5 {
    font-size: 2rem;
  }
}
#seccion-3 .b3 .contenido-banner p {
  line-height: 100%;
}
#seccion-3 .b4 figure {
  background-image: url("../img/formas-5.png");
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 111;
}
#seccion-3 .b4 .contenido-banner {
  height: 100%;
  width: 70%;
  margin-left: 30px;
  margin-right: 30px;
  text-align: left;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: end !important;
  padding-bottom: 35px;
}
@media (max-width: 991.98px) {
  #seccion-3 .b4 .contenido-banner {
    top: 15px !important;
    left: -10px;
  }
}
#seccion-3 .b4 .contenido-banner h5 {
  font-size: 2rem;
  width: 100%;
  display: block;
  line-height: 100%;
  font-weight: 600 !important;
}
@media (max-width: 991.98px) {
  #seccion-3 .b4 .contenido-banner h5 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}
#seccion-3 .b4 .contenido-banner p {
  line-height: 100%;
}
#seccion-3 .b5 figure {
  background-image: url("../img/formas-6.png");
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 111;
}
#seccion-3 .b5 .contenido-banner {
  height: 100%;
  width: 60%;
  margin-left: 30px;
  margin-right: 30px;
  text-align: left;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: end !important;
  padding-bottom: 35px;
}
@media (max-width: 991.98px) {
  #seccion-3 .b5 .contenido-banner {
    top: 15px !important;
    left: -10px;
  }
}
#seccion-3 .b5 .contenido-banner h5 {
  font-size: 2rem;
  width: 100%;
  display: block;
  line-height: 100%;
  font-weight: 600 !important;
}
@media (max-width: 991.98px) {
  #seccion-3 .b5 .contenido-banner h5 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}
#seccion-3 .b5 .contenido-banner p {
  line-height: 100%;
}
@media (max-width: 991.98px) {
  #seccion-3 .b6 {
    min-height: 160px !important;
  }
}
#seccion-3 .b6 figure {
  background-image: url("../img/formas-4.png");
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 111;
}
#seccion-3 .b6 .contenido-banner {
  height: 100%;
  width: 50%;
  margin-left: 30px;
  margin-right: 30px;
  text-align: right;
  right: 0;
}
#seccion-3 .b6 .contenido-banner h5 {
  font-size: 3rem;
  width: 100%;
  display: block;
  line-height: 100%;
}
@media (max-width: 991.98px) {
  #seccion-3 .b6 .contenido-banner h5 {
    font-size: 1.5rem !important;
  }
}
#seccion-3 .b6 .contenido-banner p {
  line-height: 100%;
}

.swiper-pagination-bullet-active {
  background: #ff5f0e !important;
}

#seccion-4 .big-card {
  border-radius: 10px;
  background: #fff;
  margin: 0 0 0px 10px;
  padding: 40px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
}
#seccion-4 .big-card .dato {
  text-align: center;
  border-right: 1px solid #eaeaea;
}
@media (max-width: 991.98px) {
  #seccion-4 .big-card .dato {
    padding: 20px 10px;
    width: 50%;
    border-bottom: 1px solid #eaeaea;
  }
  #seccion-4 .big-card .dato:nth-child(3) {
    border-bottom: 0;
  }
}
#seccion-4 .big-card .dato:last-child {
  border: 0;
}
#seccion-4 .big-card .dato span {
  display: block;
}
#seccion-4 .big-card .dato .big-number {
  color: #ff5f0e;
  font-size: 5rem;
  margin-bottom: 0;
  line-height: 100%;
  font-weight: 200;
}
@media (max-width: 991.98px) {
  #seccion-4 .big-card .dato .big-number {
    font-size: 2.8rem;
  }
}
#seccion-4 .big-card .dato .titulo {
  font-weight: 800;
  font-size: 1.2rem;
}
@media (max-width: 991.98px) {
  #seccion-4 .big-card .dato .titulo {
    font-size: 1rem;
    margin-bottom: -5px;
  }
}
@media (max-width: 991.98px) {
  #seccion-4 .big-card .dato .bajada {
    font-size: 12px;
    line-height: 100%;
  }
}

#seccion-5 {
  color: #fff;
  overflow: hidden;
}
#seccion-5 .bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.4;
}
#seccion-5 .container {
  z-index: 1;
  position: relative;
}
#seccion-5 .seccion-5__head {
  max-width: 760px;
  margin: 0 auto 38px;
  text-align: center;
}
#seccion-5 .epigrafe {
  display: block;
  margin-bottom: 8px;
  font-size: 1.05rem;
  font-weight: 400;
  color: #e8e8e8;
}
#seccion-5 h2 {
  font-size: clamp(1.8rem, 3.4vw, 3rem);
  font-weight: 200;
  line-height: 1.1;
  margin: 0 0 14px;
}
#seccion-5 h2 strong, #seccion-5 h2 b {
  font-weight: 600;
}
#seccion-5 .bajada {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #d6d6d6;
}
#seccion-5 .bajada strong, #seccion-5 .bajada b {
  font-weight: 700;
  color: #fff;
}
#seccion-5 .seccion-5__carousel {
  position: relative;
  padding: 0 18px;
}
#seccion-5 .slider-videos.swiper {
  width: 100%;
  padding: 4px 2px 2px;
}
#seccion-5 .swiper-slide {
  height: auto;
}
#seccion-5 .tienda-link {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3/4.3;
  border-radius: 12px;
  overflow: hidden;
  background: #111;
  text-decoration: none;
}
#seccion-5 .tienda-link .img {
  position: absolute;
  inset: 0;
}
#seccion-5 .tienda-link .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#seccion-5 .tienda-link .img figure {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  margin: 0;
  width: 52px;
  height: 52px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
  -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
#seccion-5 .tienda-link .img figure::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #fff;
}
#seccion-5 .tienda-link:hover .img figure {
  -webkit-transform: translate(-50%, -50%) scale(1.08);
          transform: translate(-50%, -50%) scale(1.08);
}
#seccion-5 .tienda-link .tienda-desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 14px 14px 16px;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 300;
  line-height: 1.42;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#seccion-5 .seccion-5__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 6;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(20, 20, 20, 0.82);
  color: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, opacity 0.2s ease;
  transition: background 0.2s ease, opacity 0.2s ease;
}
#seccion-5 .seccion-5__nav::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#seccion-5 .seccion-5__nav:hover {
  background: #ff5f0e;
}
#seccion-5 .seccion-5__nav.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
}
#seccion-5 .seccion-5__nav--prev {
  left: -26px;
}
#seccion-5 .seccion-5__nav--prev::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-left: 17px;
}
#seccion-5 .seccion-5__nav--next {
  right: -26px;
}
#seccion-5 .seccion-5__nav--next::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 13px;
}
#seccion-5 .swiper-pagination.swiper-pagination-video {
  position: static;
  margin-top: 26px;
  text-align: center;
}
#seccion-5 .swiper-pagination.swiper-pagination-video .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: rgba(255, 255, 255, 0.45);
  opacity: 1;
  -webkit-transition: background 0.2s ease, width 0.2s ease;
  transition: background 0.2s ease, width 0.2s ease;
}
#seccion-5 .swiper-pagination.swiper-pagination-video .swiper-pagination-bullet-active {
  width: 22px;
  border-radius: 6px;
  background: #ff5f0e;
}
@media (max-width: 991.98px) {
  #seccion-5 .seccion-5__carousel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 12px minmax(0, 1fr) 12px 40px;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
    padding: 0;
  }
  #seccion-5 .slider-videos.swiper {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 4px 0 0;
  }
  #seccion-5 .seccion-5__nav {
    position: static;
    top: auto;
    -webkit-transform: none;
            transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 38px;
    height: 38px;
    margin-top: 20px;
    border-radius: 12px;
    background: #fff;
    color: #111;
  }
  #seccion-5 .seccion-5__nav::before {
    width: 18px;
    height: 14px;
    margin: 0;
    border: 0;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.7 1.3 1 8l6.7 6.7 1.4-1.4L4.8 9H19V7H4.8l4.3-4.3-1.4-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.7 1.3 1 8l6.7 6.7 1.4-1.4L4.8 9H19V7H4.8l4.3-4.3-1.4-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  #seccion-5 .seccion-5__nav.swiper-button-disabled {
    opacity: 1;
    background: #a6a6a6;
    color: #fff;
  }
  #seccion-5 .seccion-5__nav--prev {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  #seccion-5 .seccion-5__nav--prev::before {
    -webkit-transform: none;
            transform: none;
  }
  #seccion-5 .seccion-5__nav--next {
    -ms-grid-column: 3;
    grid-column: 3;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  #seccion-5 .seccion-5__nav--next::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  #seccion-5 .swiper-pagination.swiper-pagination-video {
    -ms-grid-column: 2;
    grid-column: 2;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 7px;
    min-height: 38px;
    margin-top: 20px;
  }
  #seccion-5 .swiper-pagination.swiper-pagination-video .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.95);
    background: transparent !important;
    opacity: 1;
  }
  #seccion-5 .swiper-pagination.swiper-pagination-video .swiper-pagination-bullet-active {
    width: 9px;
    border-radius: 50%;
    background: #fff !important;
  }
}

#seccion-6 {
  padding-bottom: 0 !important;
}
#seccion-6 .slider-marcas {
  height: 150px;
  overflow: hidden;
}
#seccion-6 .slider-marcas .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
#seccion-6 .slider-marcas a img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  height: auto !important;
  width: 90px !important;
}
#seccion-6 .slider-marcas .swiper-pagination-marcas {
  display: none;
}

#seccion-7 {
  position: relative;
}
@media (max-width: 991.98px) {
  #seccion-7 .titulo {
    text-align: center !important;
  }
}
#seccion-7 .titulo h2 {
  font-size: 3rem;
  font-weight: 800;
}
@media (max-width: 991.98px) {
  #seccion-7 .titulo h2 {
    font-size: 2rem;
  }
}
#seccion-7 .titulo h2 span {
  color: #ff5f0e;
}
#seccion-7 .slider-quotes .swiper-slide {
  padding: 20px 0;
}

#seccion-8 .epigrafe {
  font-weight: 800;
}
#seccion-8 h2 {
  font-weight: 800;
}

.svg {
  height: 88px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -78px;
  overflow: hidden;
  position: relative;
  width: 100vw;
}

.svg .semi-circle {
  display: block;
  height: 100%;
  width: 100%;
}

.filtros {
  margin-bottom: 40px;
}
.filtros select {
  font-weight: bold;
  padding: 15px 0;
  font-size: 0.9rem;
  width: 85%;
  border: 0;
}
.filtros input {
  font-weight: bold;
  padding: 13px 10px;
  font-size: 0.9rem;
  border: none;
}
.filtros input[type=submit] {
  background-color: #cccccc;
  text-transform: uppercase;
  color: #fff;
  border: none;
  padding: 15px 30px;
}
.filtros input.search {
  width: 60%;
}
.filtros .date {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-left: 20px;
}

.filtros .sc {
  border-left: 1px solid #ccc;
  padding-left: 30px;
}
.filtros .linea-vertical {
  border-left: 1px solid #ccc;
}

.modal-content label.absolute {
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  left: 20px;
  top: 14px;
  z-index: 9;
}

.wpcf7-list-item-label {
  font-size: 10px;
}

.titulo-modal {
  font-weight: bold;
  font-size: 2.5rem;
}

.modal-header {
  border-bottom: 0;
}

.nav-link.active {
  background: #ff5f0e !important;
  color: #fff;
  border-radius: 20px;
}

.nav-link {
  background: #d2d2d2 !important;
  color: #fff;
  border-radius: 20px !important;
  margin-right: 20px;
  text-transform: uppercase;
  padding: 10px 30px;
}
.nav-link:hover {
  background: #ff5f0e !important;
  color: #fff;
  border-radius: 20px;
}

.page-template-tmpl-eventos #event-content .titulo .epigrafe {
  font-weight: 700;
  font-size: 1.2rem;
}
.page-template-tmpl-eventos #event-content .titulo h2 {
  font-size: 3rem;
}
.page-template-tmpl-eventos .evento-destacado .fecha span {
  color: #999999;
  padding-left: 25px;
}
.page-template-tmpl-eventos .evento-destacado .fecha .label {
  color: #000;
  font-weight: 600;
}
.page-template-tmpl-eventos .evento-destacado .category {
  background: #000 !important;
}

/* Galería básica */
.galeria {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 12px;
}

.galeria-item {
  position: relative;
  display: block;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 10px;
  cursor: zoom-in;
}
.galeria-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform .35s ease;
  transition: -webkit-transform .35s ease;
  transition: transform .35s ease;
  transition: transform .35s ease, -webkit-transform .35s ease;
}
.galeria-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  transition: background .25s ease;
  pointer-events: none;
}
.galeria-item:hover img {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.galeria-item:hover::after {
  background: rgba(0, 0, 0, 0.12);
}

@keyframes gal-spin {
  to { transform: rotate(360deg); }
}
.gal-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border-radius: 50%;
  border: 3px solid rgba(120, 120, 120, 0.25);
  border-top-color: #ff5f0e;
  animation: gal-spin 0.7s linear infinite;
  pointer-events: none;
  z-index: 1;
}
.gal-slide-loading {
  background: #eee;
}
.gal-slide-loading img {
  opacity: 0;
}
.gal-slide-loading .gal-spinner {
  display: block;
}

.card-menu {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  position: relative;
  background: #fff;
  border-radius: 10px;
  min-height: 200px;
  border: 5px solid #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  margin-bottom: 20px;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.card-menu img {
  width: 100px;
  height: auto;
}
.card-menu p {
  font-size: 11px;
  margin-bottom: 0;
}

#horarios-modal .modal-content {
  padding: 0 !important;
}
#horarios-modal .modal-content .modal-header {
  background: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
#horarios-modal .modal-content .modal-header h5 {
  font-weight: 800;
  color: #000;
  font-size: 1.5rem;
  text-align: center;
  display: block;
  width: 100%;
}
#horarios-modal .modal-content .horarios-modal {
  background: #f1f4f4;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
#horarios-modal .modal-content p {
  padding: 10px 0px;
  color: #000;
  font-weight: 800;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 0.9rem;
}
#horarios-modal .modal-content .dia-semana {
  color: #373838;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 0.9rem;
}

@media (max-width: 991.98px) {
  .page-template-tmpl-eventos #filtros {
    text-align: left;
  }
  .page-template-tmpl-eventos #filtros .date {
    border: none;
    padding-left: 12px;
  }
  .page-template-tmpl-eventos #filtros .lmobile {
    border-bottom: 1px solid #eaeaea;
  }
  .page-template-tmpl-eventos #filtros input[type=text] {
    width: 85%;
  }
  .page-template-tmpl-eventos #filtros input[type=submit] {
    width: 100%;
  }
  .page-template-tmpl-eventos #event-content {
    margin-top: 0;
  }
  .page-template-tmpl-eventos .nav-item {
    margin-bottom: 10px;
  }
  .page-template-tmpl-eventos h2 {
    font-size: 1.8rem !important;
  }
  .page-template-tmpl-eventos #seccion-7 {
    text-align: center;
  }
  .page-template-tmpl-eventos .slider-eventos {
    height: 250px;
  }
}

@media (max-width: 991.98px) {
  .page-template-tmpl-noticias #principal-noticias {
    height: 250px;
  }
  .page-template-tmpl-noticias h1 {
    font-size: 2rem !important;
  }
  .page-template-tmpl-noticias .bajada {
    font-size: 1rem;
    padding: 0 20px;
  }
  .page-template-tmpl-noticias #news-content {
    margin-top: 0;
  }
  .page-template-tmpl-noticias .lmobile {
    border-bottom: 1px solid #eaeaea;
  }
  .page-template-tmpl-noticias input[type=text] {
    width: 85%;
  }
  .page-template-tmpl-noticias input[type=submit] {
    width: 100%;
  }
  .page-template-tmpl-noticias .card-noticia-destacado {
    height: auto !important;
    min-height: auto !important;
  }
  .page-template-tmpl-noticias .card-noticia-destacado .card-image {
    height: auto !important;
  }
  .page-template-tmpl-noticias .card-noticia-destacado .card-content {
    padding: 20px 30px !important;
  }
  .page-template-tmpl-noticias .card-noticia-destacado .card-content .category {
    margin-top: 0 !important;
  }
}

.swiper-pagination-bullet {
  border: 1px solid #ff5f0e;
  opacity: 1 !important;
  background: #fff !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff5f0e !important;
}

/* Ajusta posición de flechas, color, etc. según tu diseño */
/* .swiper-button-next-interior, .swiper-button-prev-interior { ... } */
/* .swiper-button-next-exterior, .swiper-button-prev-exterior { ... } */
/* =====================================================================
   ESPACIADO DEL HOME EN MOBILE (más compacto, acorde al diseño)
   Centralizado aquí para mantener un ritmo vertical consistente.
   ===================================================================== */
@media (max-width: 991.98px) {
  #seccion-2 {
    padding-top: 5.5rem !important;
    padding-bottom: 0 !important;
  }
  #seccion-autos {
    padding-top: 1.5rem !important;
    padding-bottom: 2.25rem !important;
  }
  #seccion-6 {
    padding-top: 2rem !important;
  }
  #seccion-5 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  #seccion-servicios {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  #seccion-reviews {
    padding-top: 2.25rem !important;
    padding-bottom: 1.75rem !important;
  }
  .page-template-tmpl-eventos #seccion-reviews {
    padding-bottom: 90px !important;
  }
  #seccion-instagram {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  #seccion-8 .container {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  #seccion-2 .titulo {
    font-size: 1.5rem;
    margin-top: 1rem !important;
    margin-bottom: 4rem !important;
  }
  #seccion-8 .titulo {
    margin-bottom: 1.5rem !important;
  }
  #seccion-2 .accesos-swiper {
    padding-bottom: 0;
  }
}
.page-template-tmpl-eventos #seccion-reviews {
  padding-bottom: 96px !important;
}
/* Noticias (sección-8) Swiper carousel → movido a home-noticias.scss */
/* .mc-scrollbar → movido a mc-scrollbar.scss (componente global) */
/* Accesos: la barra reemplaza al padding que tenían los dots; ocultarla donde caben todas.
   Mantenemos algo de padding-bottom para que la sombra de las cards no quede cortada
   por el overflow:hidden del swiper. */
#seccion-2 .accesos-swiper {
  padding-bottom: 20px;
}

@media (min-width: 1200px) {
  #seccion-2 .accesos-swiper__scrollbar {
    display: none;
  }
}
/* =====================================================================
   Swiper: garantizar overflow:hidden desde el tema (por si el CSS del
   CDN no se aplica) para evitar que el ancho intrínseco del wrapper
   infle el layout y genere scroll horizontal.
   ===================================================================== */
.swiper {
  overflow: hidden;
}

.home-reviews__main {
  min-width: 0;
}

/* Flechas de navegación de sliders/carruseles (estilo único global)
   → movido a slider-arrows.scss, importado justo tras `layout` en main.scss
   para conservar la misma posición de cascada. */
/* =====================================================================
   Eventos · El hero "Próximo evento" reutiliza la card destacada
   (.card-noticia-destacado). Como el banner superior se eliminó, anulamos
   el margin-top negativo que la subía a solaparse con ese banner.
   ===================================================================== */
.page-template-tmpl-eventos #event-content {
  margin-top: 0;
}

.listing-mobile-filter-trigger,
.listing-filters-panel {
  display: none;
}

@media (max-width: 1199.98px) {
  body.has-offers-filters-open,
  body.has-news-filters-open {
    overflow: hidden;
  }
  .listing-mobile-filter-trigger {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    margin: 0 0 22px;
    border: 0;
    border-radius: 4px;
    background: #000;
    color: #fff;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
  }
  .listing-mobile-filter-trigger__icon,
  .listing-filters-icon {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 18px;
    height: 14px;
  }
  .listing-mobile-filter-trigger__icon::before,
  .listing-filters-icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    -webkit-box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
            box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
  }
  .listing-filters-panel {
    position: fixed;
    inset: 0;
    z-index: 10010;
    display: block;
    margin: 0;
    overflow-y: auto;
    visibility: hidden;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(18px);
            transform: translateX(18px);
    -webkit-transition: opacity 0.18s ease, visibility 0.18s ease, -webkit-transform 0.18s ease;
    transition: opacity 0.18s ease, visibility 0.18s ease, -webkit-transform 0.18s ease;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease, -webkit-transform 0.18s ease;
    -webkit-overflow-scrolling: touch;
  }
  .listing-filters-panel[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .listing-filters-sheet {
    min-height: 100%;
    padding: 0 0 116px;
    background: #fff;
  }
  .listing-filters-header {
    position: sticky;
    top: 0;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 18px 24px;
    border-bottom: 1px solid #ddd;
    background: #fff;
  }
  .listing-filters-header h2 {
    margin: 0;
    color: #111;
    font-size: 1.82rem;
    font-weight: 900;
    line-height: 1;
  }
  .listing-filters-close {
    position: relative;
    width: 34px;
    height: 34px;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .listing-filters-close::before, .listing-filters-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #111;
  }
  .listing-filters-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  .listing-filters-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  .listing-filters-content {
    padding: 0;
  }
  .listing-filter-group {
    border-bottom: 1px solid #d8d8d8;
  }
  .listing-filter-group h3 {
    margin: 0;
    min-height: 58px;
    padding: 20px 24px 16px;
    color: #111;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
  }
  .listing-filter-options {
    display: -ms-grid;
    display: grid;
    gap: 0;
    padding: 0 24px 18px;
  }
  .listing-filter-options a,
  .listing-filter-options button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    min-height: 42px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #ececec;
    background: transparent;
    color: #1c2324;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
  }
  .listing-filter-options a.active,
  .listing-filter-options button.active {
    color: #ff5f0e;
    font-weight: 900;
  }
  .listing-filters-footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 16px 20px calc(16px + env(safe-area-inset-bottom));
    border-top: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 -10px 26px rgba(12, 18, 24, 0.08);
            box-shadow: 0 -10px 26px rgba(12, 18, 24, 0.08);
  }
  .listing-filters-reset,
  .listing-filters-apply {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 42px;
    border: 0;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
  }
  .listing-filters-reset {
    background: #f2f3f3;
    color: #111;
  }
  .listing-filters-apply {
    background: #000;
    color: #fff;
  }
  .page-template-tmpl-ofertas .offers-toolbar__filters,
  .page-template-tmpl-tmpl-ofertas-php .offers-toolbar__filters,
  .page-template-tmpl-noticias .news-filterbar .mc-toolbar__filters,
  .page-template-tmpl-eventos .news-filterbar .mc-toolbar__filters {
    display: none;
  }
}
/* =====================================================================
   Botones de navegación de carruseles / sliders: estilo unificado.
   Fondo negro, esquinas redondeadas (12px) y la flecha existente.
   (!important para ganarle a las reglas scopeadas de cada componente.)
   Extraído de layout.scss; se importa justo tras `layout` para conservar
   la misma posición de cascada (debe quedar antes de los partials single-*).
   ===================================================================== */
.seccion-5__nav,
.home-reviews__nav,
.noticias__nav,
.home-ig__nav,
.home-autos__nav,
.home-hero__arrow,
.service-sheet__nav-button,
.brand-spotlight__nav-button,
.brand-banners__arrow,
.auto-gallery__arrow,
.offers-hero-swiper__arrow,
.offers-spotlight__arrow {
  border-radius: 16px !important;
  background-color: #000 !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2012h15M13%206l6%206-6%206%27%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 42% auto !important;
  font-size: 0 !important;
}
.seccion-5__nav::before, .seccion-5__nav::after,
.home-reviews__nav::before,
.home-reviews__nav::after,
.noticias__nav::before,
.noticias__nav::after,
.home-ig__nav::before,
.home-ig__nav::after,
.home-autos__nav::before,
.home-autos__nav::after,
.home-hero__arrow::before,
.home-hero__arrow::after,
.service-sheet__nav-button::before,
.service-sheet__nav-button::after,
.brand-spotlight__nav-button::before,
.brand-spotlight__nav-button::after,
.brand-banners__arrow::before,
.brand-banners__arrow::after,
.auto-gallery__arrow::before,
.auto-gallery__arrow::after,
.offers-hero-swiper__arrow::before,
.offers-hero-swiper__arrow::after,
.offers-spotlight__arrow::before,
.offers-spotlight__arrow::after {
  content: none !important;
  background: none !important;
  border: 0 !important;
}

.seccion-5__nav--prev,
.home-reviews__nav--prev,
.noticias__nav--prev,
.home-ig__nav--prev,
.home-autos__nav--prev,
.home-hero__arrow--prev,
.brand-banners__arrow--prev,
.auto-gallery__arrow--prev,
.offers-hero-swiper__arrow--prev,
.offers-spotlight__arrow--prev,
.js-service-slider-prev,
.js-brand-gallery-prev,
.js-dealer-gallery-prev {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2012H5M11%206l-6%206%206%206%27%2F%3E%3C%2Fsvg%3E") !important;
  -webkit-transform: translateX(-14px) !important;
          transform: translateX(-14px) !important;
}

.seccion-5__nav--next,
.home-reviews__nav--next,
.noticias__nav--next,
.home-ig__nav--next,
.home-autos__nav--next,
.home-hero__arrow--next,
.brand-banners__arrow--next,
.auto-gallery__arrow--next,
.offers-hero-swiper__arrow--next,
.offers-spotlight__arrow--next,
.js-service-slider-next,
.js-brand-gallery-next,
.js-dealer-gallery-next {
  -webkit-transform: translateX(14px) !important;
          transform: translateX(14px) !important;
}

.seccion-5__nav:hover,
.home-reviews__nav:hover,
.noticias__nav:hover,
.home-ig__nav:hover,
.home-autos__nav:hover,
.home-hero__arrow:hover,
.service-sheet__nav-button:hover,
.brand-spotlight__nav-button:hover,
.brand-banners__arrow:hover,
.auto-gallery__arrow:hover:not(:disabled),
.offers-hero-swiper__arrow:hover,
.offers-spotlight__arrow:hover {
  background-color: #ff5f0e !important;
}

/* Estado deshabilitado (galería de auto): se mantiene gris, no negro. */
.auto-gallery__arrow:disabled {
  background-color: #9b9b9b !important;
}

.my-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  padding: 35px 0 0;
  padding-left: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .my-breadcrumb {
    margin-left: 20px;
    margin-bottom: 0;
  }
}
.my-breadcrumb a {
  color: #666;
  padding: 0 5px;
  font-weight: 600;
  text-decoration: none;
}
.my-breadcrumb a:hover {
  color: #ff5f0e;
}
.my-breadcrumb .my-breadcrumb__current {
  color: #000;
  padding: 0 5px;
  font-weight: 600;
}
.my-breadcrumb .my-breadcrumb__separator {
  color: #8a9496;
  padding: 0 2px;
}
.my-breadcrumb .my-breadcrumb__home {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  min-width: 20px;
  min-height: 20px;
  padding: 0 4px 0 0;
  cursor: pointer;
}
.my-breadcrumb .my-breadcrumb__home img {
  pointer-events: none;
}
.my-breadcrumb img {
  margin-bottom: 3px;
}

@media (max-width: 991.98px) {
  .my-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
  .my-breadcrumb .my-breadcrumb__home,
  .my-breadcrumb .my-breadcrumb__separator {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .my-breadcrumb .my-breadcrumb__current,
  .my-breadcrumb a:not(.my-breadcrumb__home) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/* =====================================================================
   Barra de scroll (swiper scrollbar) que reemplaza los dots.
   Va en el flujo, debajo de las cards, y es arrastrable (swipe).
   Componente global extraído de layout.scss (clases .mc-scrollbar únicas).
   ===================================================================== */
.mc-scrollbar.swiper-scrollbar {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  height: 4px !important;
  width: 78% !important;
  max-width: 340px;
  margin: 28px auto 6px !important; /* bien separada debajo de las cards */
  background: #d6dbdb;
  border-radius: 4px;
}

.mc-scrollbar .swiper-scrollbar-drag {
  background: #8a9290;
  border-radius: 4px;
  cursor: -webkit-grab;
  cursor: grab;
}

.mc-scrollbar .swiper-scrollbar-drag:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.mc-share {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mc-share--stacked {
  align-items: flex-start;
  flex-direction: column;
  gap: 0;
}

.mc-share__trigger {
  background: none;
  border: 0;
  color: #ff5f0e;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s ease;
}
.mc-share__trigger:hover, .mc-share__trigger:focus-visible, .mc-share.is-open .mc-share__trigger {
  text-decoration-color: currentColor;
}
.mc-share__trigger:focus-visible {
  border-radius: 2px;
  outline: 2px solid #ff5f0e;
  outline-offset: 3px;
}

.mc-share__panel {
  background: #fff;
  border: 1px solid #e6eaea;
  border-radius: 10px;
  box-shadow: 0 18px 40px -12px rgba(17, 21, 22, 0.35), 0 2px 6px rgba(17, 21, 22, 0.06);
  padding: 8px;
  position: fixed;
  width: 232px;
  z-index: 1060;
}
.mc-share__panel[hidden] {
  display: none;
}

.mc-share__title {
  color: #80898b;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 6px 8px 8px;
  text-transform: uppercase;
}

.mc-share__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mc-share__options li {
  margin: 0;
}

.mc-share__option {
  align-items: center;
  background: none;
  border: 0;
  border-radius: 8px;
  color: #111516;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  gap: 12px;
  padding: 9px 8px;
  text-align: left;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
  width: 100%;
}
.mc-share__option:hover, .mc-share__option:focus-visible {
  background: #f3f5f5;
  color: #111516;
  text-decoration: none;
}
.mc-share__option:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: -2px;
}
.mc-share__option.is-done {
  color: #128342;
}

.mc-share__logo {
  display: grid;
  flex: 0 0 22px;
  height: 22px;
  place-items: center;
  width: 22px;
}
.mc-share__logo svg {
  display: block;
}

.mc-share__logo--icon {
  color: #3a3f41;
}
.mc-share__option.is-done .mc-share__logo--icon {
  color: #128342;
}

@media (prefers-reduced-motion: reduce) {
  .mc-share__trigger,
  .mc-share__option {
    transition: none;
  }
}
.card-noticia {
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
  min-height: 470px;
  margin-bottom: 20px;
  transition: box-shadow .4s ease;
}
@media (max-width: 991.98px) {
  .card-noticia {
    margin-bottom: 20px;
    min-height: auto;
  }
}
.card-noticia .card-image {
  height: 290px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991.98px) {
  .card-noticia .card-image {
    height: auto;
  }
  .card-noticia .card-image img {
    height: auto;
  }
}
.card-noticia .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-noticia .card-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 45%;
  height: 100%;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
  -webkit-transition: -webkit-transform .7s cubic-bezier(.22,1,.36,1);
  transition: -webkit-transform .7s cubic-bezier(.22,1,.36,1);
  transition: transform .7s cubic-bezier(.22,1,.36,1);
  transition: transform .7s cubic-bezier(.22,1,.36,1), -webkit-transform .7s cubic-bezier(.22,1,.36,1);
  pointer-events: none;
}
.card-noticia .card-content {
  padding: 20px;
}
.card-noticia .card-content .category {
  background: #000;
  color: #fff;
  border-radius: 3px;
  font-size: 0.8rem;
  padding: 5px 10px;
  margin-top: -37px;
  position: absolute;
}
.card-noticia .card-content .card-title {
  color: #000;
  font-size: 1.2rem;
  font-weigth: 800;
  margin-top: 10px;
}
.card-noticia .card-content .date {
  color: #999999;
  font-size: 0.9rem;
}
.card-noticia:hover, .card-noticia:focus-within {
  -webkit-box-shadow: 0 14px 24px -10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 14px 24px -10px rgba(0, 0, 0, 0.16);
}
.card-noticia:hover .card-image::after, .card-noticia:focus-within .card-image::after {
  -webkit-transform: translate3d(220%, 0, 0) skewX(-20deg);
          transform: translate3d(220%, 0, 0) skewX(-20deg);
}

.card-quote {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-radius: 20px;
  border: 1px solid #f1f4f4;
  padding: 20px;
  overflow: hidden;
  min-height: 230px;
}
@media (max-width: 767.98px) {
  .card-quote {
    max-width: 270px;
    margin: 0 auto;
  }
}
.card-quote .persona {
  z-index: 99;
  position: absolute;
  bottom: 40px;
}
@media (max-width: 767.98px) {
  .card-quote .persona {
    bottom: 20px;
  }
}
.card-quote .persona img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin-right: 10px;
}
.card-quote .persona span {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 800;
}
@media (max-width: 767.98px) {
  .card-quote figure {
    max-width: 270px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.card-quote figure {
  background-image: url("../img/card-quote.png");
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.card-quote h4 {
  font-weight: 600;
  font-size: 1.1rem;
}

.card-evento {
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  display: block;
  margin-bottom: 40px;
  margin: 0 10px 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
}
.card-evento figure {
  height: 340px;
  position: relative;
  background: #000;
}
.card-evento figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
}
.card-evento figure .categoria-evento {
  position: absolute;
  bottom: -8px;
  z-index: 9;
  font-size: 0.8rem;
}
.card-evento figure .categoria-evento .term {
  background: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 20px;
}
.card-evento .card-content {
  padding: 20px 30px;
}
.card-evento .card-content h2 {
  color: #000;
  font-size: 1.6rem;
  margin-bottom: 2px;
}
.card-evento .card-content .bajada {
  color: #000;
  font-size: 1rem;
  line-height: 120%;
}
.card-evento .card-content .evento-content {
  margin-top: 15px;
}
.card-evento .card-content .evento-content p {
  color: #000;
  line-height: 140%;
  font-size: 0.9rem;
}
.card-evento .card-content .fecha span {
  color: #999999;
  padding-left: 25px;
}
.card-evento .card-content .fecha .label {
  color: #000;
  font-weight: 600;
}
.card-evento .card-content button {
  background: #fff;
  border: 2px solid #ff5f0e;
  color: #ff5f0e;
  margin-top: 20px;
  padding: 5px 20px;
  font-weight: 600;
}
.card-evento .card-content button:hover {
  background-color: #ff5f0e;
  color: #fff;
}
.card-evento .card-content button img {
  margin-right: 10px;
}

.event-info {
  padding-top: 16px;
  padding-bottom: 24px;
}
.event-info .card-event-info {
  background: #fff;
  margin-top: 0;
  webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
  border-radius: 10px;
  height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 100%;
}
@media (max-width: 991.98px) {
  .event-info .card-event-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (max-width: 991.98px) {
  .event-info .card-event-info .col {
    margin-bottom: 20px;
  }
}
.event-info .card-event-info label {
  font-weight: bold;
  font-size: 0.8rem;
  width: 100%;
  display: block;
}
.event-info .card-event-info img {
  margin-right: 10px;
}
.event-info .card-event-info span {
  color: #999999;
}
.event-info .card-event-info .naranjo {
  color: #ff5f0e;
}
.event-info .card-event-info .reventoz {
  margin-top: 0;
}

.slider-eventos {
  height: 500px;
  background: #000;
}
.slider-eventos img, .slider-eventos video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#tiempo-estimado {
  font-size: 1.1rem;
  margin-bottom: 10px;
  font-weight: bold;
  /* border: 2px solid #73db83; */
  padding: 11px;
  border-radius: 5px;
  background: #000000;
  text-align: center;
}

@media (min-width: 993px) {
  .events-page.related {
    padding-bottom: 90px !important;
  }
}

.single-evento .post-content .contenido a {
  color: #ff5f0e;
  text-decoration: none;
}
.single-evento .post-content .contenido a:hover, .single-evento .post-content .contenido a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

#principal-noticias {
  width: 100%;
  height: 500px;
  position: relative;
}
#principal-noticias figure {
  width: 100%;
  height: 100%;
  background: #000;
}
#principal-noticias figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#principal-noticias .contenido-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
#principal-noticias .contenido-banner h1 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 0;
}
#principal-noticias .contenido-banner .bajada {
  font-size: 1.3rem;
}

@media (max-width: 767.98px) {
  .post-content .col-md-7 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.post-content .epigrafe {
  font-weight: bold;
}
.post-content h1 {
  font-weight: bold;
}
.post-content .galeria {
  background-color: #f1f4f4;
  padding: 20px;
  border-radius: 20px;
  clear: both;
  margin-top: 50px;
}
.post-content .galeria h3 {
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  width: 100%;
  padding-bottom: 10px;
}
.post-content .banner-derecha {
  position: relative;
}
.post-content .banner-derecha .banner {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.post-content .banner-derecha .play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.gal {
  margin-top: 30px;
  position: relative;
}
.gal .swiper-container {
  background: #000;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.gal .swiper-slide {
  background: #000;
  height: 460px;
}
.gal .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gal .gal-nav {
  color: #fff;
}
.gal .gal-nav:after {
  font-size: 1.1rem;
}
.gal .gal-nav.swiper-button-disabled {
  opacity: 0.25;
}
@media (max-width: 991.98px) {
  .gal .swiper-slide {
    height: 260px;
  }
  .gal .gal-nav {
    display: none;
  }
}

.gal-thumbs-wrap {
  margin-top: 10px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
          mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
}

.gal-thumbs .swiper-slide {
  width: 80px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0.55;
  cursor: pointer;
  transition: opacity .2s ease;
}
.gal-thumbs .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gal-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
  -webkit-box-shadow: 0 0 0 2px #ff5f0e;
          box-shadow: 0 0 0 2px #ff5f0e;
}
@media (max-width: 991.98px) {
  .gal-thumbs .swiper-slide {
    width: 60px;
    height: 46px;
  }
}

#modalBanner {
  padding: 0;
}
#modalBanner video {
  width: 100%;
  height: auto;
}

#news-content, #event-content {
  margin-top: -180px;
}
#news-content .card-noticia-destacado, #event-content .card-noticia-destacado {
  margin-bottom: 50px;
  min-height: 450px;
  height: 450px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#news-content .card-noticia-destacado a, #event-content .card-noticia-destacado a {
  height: 100%;
}
#news-content .card-noticia-destacado .card-image, #event-content .card-noticia-destacado .card-image {
  height: 100%;
  -o-object-position: center;
     object-position: center;
}
#news-content .card-noticia-destacado .card-image img, #event-content .card-noticia-destacado .card-image img {
  -o-object-position: center;
     object-position: center;
}
#news-content .card-noticia-destacado .card-content, #event-content .card-noticia-destacado .card-content {
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#news-content .card-noticia-destacado .card-content .category, #event-content .card-noticia-destacado .card-content .category {
  position: relative !important;
  background: #ff5f0e;
  color: #fff;
  margin-top: 40px;
  display: inline-block;
  margin-bottom: 20px;
}
#news-content .card-noticia-destacado .card-content h2, #event-content .card-noticia-destacado .card-content h2 {
  font-size: 1.5rem;
}
#news-content .card-noticia-destacado .card-content .extracto, #event-content .card-noticia-destacado .card-content .extracto {
  color: #000;
}

.single-content h1 {
  font-weight: bold;
}
.single-content .card-image {
  width: 100%;
}
.single-content .card-image img {
  width: 100%;
  border-radius: 10px;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-content .frase-destacada {
  font-weight: bold;
  font-size: 1.5rem;
  tex-align: center;
  padding: 50px 0px;
}
.single-content .contenido {
  padding-right: 50px;
}
.single-content .contenido a {
  color: #ff5f0e;
}
@media (max-width: 991.98px) {
  .single-content .contenido {
    padding-right: 0;
  }
}
.single-content .gal {
  margin-bottom: 20px;
}
.single-content .gal .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff5f0e;
}
.single-content .right-column h3 {
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
}

.related .epigrafe {
  font-weight: bold;
}
.related h3 {
  font-size: 2.5rem;
  font-weight: bold;
}

.tags a {
  color: #ff5f0e;
  padding: 10px 20px;
  border-radius: 3px;
  font-weight: bold;
}
.tags a:hover {
  background: #000;
  color: #fff;
}

.news-page {
  padding: 38px 0 120px;
}

.news-section {
  padding: 0 0 42px;
}

.news-section__title {
  color: #000;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.05;
  margin: 0 0 22px;
}
.news-section__title span {
  color: #ff5f0e;
}

.news-section__head {
  margin-bottom: 20px;
}
.news-section__head .news-section__title {
  margin-bottom: 0;
}

.news-section__link,
.news-read-more {
  color: #ff5f0e;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
}

.news-featured-section {
  margin-bottom: 35px;
  padding-bottom: 42px;
}

.news-featured-main {
  border-radius: 10px;
  height: 100%;
  min-height: 430px;
  overflow: hidden;
  position: relative;
}
.news-featured-main a {
  color: #fff;
  display: block;
  height: 100%;
  text-decoration: none;
}
.news-featured-main img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-featured-main:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(42%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.78)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.88) 100%);
  content: "";
  inset: 0;
  position: absolute;
  pointer-events: none;
}

.news-featured-main__overlay {
  bottom: 24px;
  left: 22px;
  position: absolute;
  right: 24px;
  z-index: 1;
}
.news-featured-main__overlay h2 {
  color: #fff;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1.05;
  margin: 8px 0 12px;
  max-width: 640px;
}

.news-category {
  background: #111;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  padding: 6px 8px 5px;
  text-transform: uppercase;
}

.news-featured-list {
  min-height: 332px;
}

.news-featured-mini {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  height: 130px;
}
.news-featured-mini:hover, .news-featured-mini:focus-within {
  border-color: #ff5f0e;
  -webkit-box-shadow: 0 6px 14px rgba(255, 95, 14, 0.22);
          box-shadow: 0 6px 14px rgba(255, 95, 14, 0.22);
}
.news-featured-mini:hover .news-featured-mini__content h3, .news-featured-mini:focus-within .news-featured-mini__content h3 {
  color: #ff5f0e;
}
.news-featured-mini a {
  color: #000;
  padding: 0;
  text-decoration: none;
}

.news-featured-mini__image {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  height: auto;
  overflow: hidden;
  width: 150px;
}
.news-featured-mini__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-featured-mini__content {
  padding: 12px 16px 12px 0;
}
.news-featured-mini__content h3 {
  color: #000;
  display: -webkit-box;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.15;
  margin: 8px 0 10px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-featured-mini-row {
  margin-top: 18px;
}

.news-featured-mini--large {
  height: 190px;
}
.news-featured-mini--large .news-featured-mini__image {
  width: 220px;
}
.news-featured-mini--large .news-featured-mini__content {
  padding: 16px 20px 16px 0;
}
.news-featured-mini--large .news-featured-mini__content h3 {
  font-size: 1.2rem;
  line-height: 1.2;
  margin: 10px 0 12px;
  -webkit-line-clamp: 3;
}

.news-filterbar {
  margin-bottom: 26px;
}

.js-news-card[hidden] {
  display: none !important;
}

.js-events-card[hidden] {
  display: none !important;
}

.news-grid__empty {
  color: #999999;
  font-size: 1rem;
  padding: 36px 0;
}

.news-footerbar {
  margin-top: 34px;
}

.news-footerbar__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.news-footerbar__nav:empty {
  display: none;
}

.news-card {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 8px;
  min-height: 345px;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow .4s ease, border-color .3s ease;
  transition: -webkit-box-shadow .4s ease, border-color .3s ease;
  transition: box-shadow .4s ease, border-color .3s ease;
  transition: box-shadow .4s ease, border-color .3s ease, -webkit-box-shadow .4s ease;
}
.news-card:hover, .news-card:focus-within {
  border-color: #ff5f0e;
  -webkit-box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.14);
          box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.14);
}
.news-card:hover h3, .news-card:focus-within h3 {
  color: #ff5f0e;
}
.news-card:hover .news-card__image::after, .news-card:focus-within .news-card__image::after {
  -webkit-transform: translate3d(220%, 0, 0) skewX(-20deg);
          transform: translate3d(220%, 0, 0) skewX(-20deg);
}
.news-card:hover .news-read-more, .news-card:focus-within .news-read-more {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.news-card a {
  color: #000;
  text-decoration: none;
}

.news-read-more {
  display: inline-block;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.news-read-more__arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("../img/arrow-pointing-right.svg") no-repeat center / contain;
          mask: url("../img/arrow-pointing-right.svg") no-repeat center / contain;
}

.news-card__image {
  height: 215px;
  position: relative;
  overflow: visible;
}
.news-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px 8px 0 0;
}
.news-card__image .news-category {
  bottom: -10px;
  left: 18px;
  position: absolute;
}
.news-card__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 45%;
  height: 100%;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
  -webkit-transition: -webkit-transform .7s cubic-bezier(.22,1,.36,1);
  transition: -webkit-transform .7s cubic-bezier(.22,1,.36,1);
  transition: transform .7s cubic-bezier(.22,1,.36,1);
  transition: transform .7s cubic-bezier(.22,1,.36,1), -webkit-transform .7s cubic-bezier(.22,1,.36,1);
  pointer-events: none;
}

.news-latest-section .news-card__image {
  height: 255px;
}
.news-latest-section .news-card {
  min-height: 390px;
}

.news-card__image-placeholder {
  background: #f8f8f8;
}
.news-card__image-placeholder img {
  height: auto;
  max-width: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}

.news-card__content {
  padding: 24px 20px 20px;
}
.news-card__content h3 {
  color: #000;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 11px;
}
.news-card__content time {
  color: #999999;
  display: block;
  font-size: 0.76rem;
  margin-bottom: 36px;
}
.news-card__content .news-card__fecha {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.news-card__content .news-card__fecha img {
  flex-shrink: 0;
  opacity: 0.55;
}
.news-card__content .news-read-more {
  margin-top: auto;
}

.news-section__action {
  margin-top: 30px;
}

.news-archive-body {
  padding-top: 8px;
}
.news-archive-body .news-section__title {
  margin-bottom: 26px;
}
.news-archive-body .news-section__title span {
  color: #ff5f0e;
}

.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}

.news-list-card {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
}
.news-list-card:hover, .news-list-card:focus-within {
  border-color: #ff5f0e;
  -webkit-box-shadow: 0 6px 14px rgba(255, 95, 14, 0.22);
          box-shadow: 0 6px 14px rgba(255, 95, 14, 0.22);
}
.news-list-card:hover .news-list-card__content h3, .news-list-card:focus-within .news-list-card__content h3 {
  color: #ff5f0e;
}

.news-list-card__link {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .news-list-card__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.news-list-card__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  height: 215px;
  position: relative;
}
.news-list-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list-card__image .news-category {
  bottom: 12px;
  left: 14px;
  position: absolute;
}
@media (max-width: 991.98px) {
  .news-list-card__image {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
  }
}

.news-list-card__content {
  padding: 20px 24px;
}
.news-list-card__content h3 {
  color: #000;
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 10px;
}
.news-list-card__content p {
  color: #999999;
  font-size: 0.9rem;
  line-height: 1.55;
  margin: 0 0 14px;
}

.news-archive-pagination {
  margin-top: 34px;
}
.news-archive-pagination .page-numbers {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-archive-pagination a.page-numbers,
.news-archive-pagination span.page-numbers {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  color: #7e8789;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 30px;
  padding: 0 8px;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.news-archive-pagination a.page-numbers:hover {
  color: #000;
}
.news-archive-pagination a.page-numbers:not(.prev):not(.next):hover, .news-archive-pagination a.page-numbers:not(.prev):not(.next):focus-visible {
  background: rgba(255, 95, 14, 0.12);
  color: #ff5f0e;
}
.news-archive-pagination .current {
  background: #000;
  color: #fff;
}

.news-button {
  background: #000;
  border-radius: 4px;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
  min-width: 220px;
  padding: 13px 22px;
  text-decoration: none;
  text-transform: uppercase;
}
.news-button:hover {
  background: #ff5f0e;
  color: #fff;
}

.news-ad-banner {
  display: block;
}
.news-ad-banner img {
  border-radius: 8px;
  display: block;
  height: auto;
  width: 100%;
}

.news-ad-section {
  padding: 4px 0 54px;
}

.news-ad-placeholder {
  background: #dedede;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  color: #9b9b9b;
  font-size: 0.86rem;
  font-weight: 700;
  height: 116px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
}
.news-ad-placeholder:before, .news-ad-placeholder:after {
  background: #c7c7c7;
  content: "";
  height: 1px;
  left: -40px;
  position: absolute;
  right: -40px;
  top: 50%;
}
.news-ad-placeholder:before {
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
}
.news-ad-placeholder:after {
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
}
.news-ad-placeholder span {
  background: #dedede;
  padding: 0 16px;
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .news-page {
    padding: 28px 0 70px;
  }
  .news-section__title {
    font-size: 1.65rem;
  }
  .news-featured-main {
    height: 280px;
    min-height: 0;
  }
  .news-featured-main:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18%, rgba(0, 0, 0, 0)), color-stop(58%, rgba(0, 0, 0, 0.48)), to(rgba(0, 0, 0, 0.9)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.48) 58%, rgba(0, 0, 0, 0.9) 100%);
  }
  .news-featured-list {
    min-height: 0;
  }
  .news-featured-main__overlay h2 {
    font-size: 1.35rem;
  }
  .news-featured-mini a {
    min-height: 0;
  }
  .news-featured-mini__image {
    width: 104px;
  }
  .news-latest-section .news-card {
    min-height: 0;
  }
  .news-latest-section .news-card__image {
    height: auto;
  }
  .news-latest-section .news-card__image img {
    display: block;
    height: auto;
    width: 100%;
    -o-object-fit: initial;
       object-fit: initial;
  }
  #news-paginador-top,
  #events-paginador-top {
    display: none;
  }
  .news-footerbar {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-top: 28px;
    max-width: 100%;
    overflow-x: hidden;
  }
  .news-footerbar__nav,
  #news-paginador,
  #events-paginador {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
    width: 100%;
  }
  #news-paginador,
  #events-paginador {
    overflow-x: auto;
  }
  #news-paginador .mc-pagination,
  #events-paginador .mc-pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.news-single {
  padding: 26px 0 110px;
}

.news-single-hero-section {
  padding: 6px 0 34px;
}

.news-single-hero {
  border-radius: 14px;
  display: block;
  min-height: 430px;
  overflow: hidden;
  position: relative;
}
.news-single-hero img {
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
}
.news-single-hero:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.82)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.82) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.news-single-hero__overlay {
  bottom: 30px;
  left: 34px;
  position: absolute;
  right: 34px;
  z-index: 1;
}
.news-single-hero__overlay h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.04;
  margin: 12px 0 0;
  max-width: 760px;
}

.news-single-hero__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.82rem;
  gap: 8px 24px;
  margin-top: 16px;
}
.news-single-hero__meta strong {
  font-weight: 800;
}
.news-single-hero__meta .naranjo {
  color: #ff5f0e;
  font-weight: 800;
}

.news-single-body {
  padding: 14px 0 90px;
}

.news-single-main {
  padding-right: 34px;
}
@media (max-width: 991.98px) {
  .news-single-main {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .news-single-main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.news-single-main .frase-destacada {
  border-left: 4px solid #ff5f0e;
  color: #111;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 28px;
  padding: 6px 0 6px 20px;
}

.news-single-content {
  color: #3f3f3f;
  font-size: 0.98rem;
  line-height: 1.7;
}
.news-single-content a {
  color: #ff5f0e;
  text-decoration: none;
}
.news-single-content a:hover {
  text-decoration: underline;
}
.news-single-content p {
  margin: 0 0 20px;
}
.news-single-content h1, .news-single-content h2, .news-single-content h3, .news-single-content h4, .news-single-content h5, .news-single-content h6 {
  color: #111;
  font-weight: 700;
  line-height: 1.15;
  margin: 34px 0 16px;
}
.news-single-content h1 {
  font-size: 1.6rem;
}
.news-single-content h2 {
  font-size: 1.6rem;
}
.news-single-content h3 {
  font-size: 1.2rem;
}
.news-single-content h4 {
  font-size: 1.05rem;
}
.news-single-content h5, .news-single-content h6 {
  font-size: 0.98rem;
}
.news-single-content img {
  border-radius: 10px;
  height: auto;
  max-width: 100%;
}
.news-single-content ul {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}
.news-single-content ul li {
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 28px;
  position: relative;
}
.news-single-content ul li:before {
  color: #ff5f0e;
  content: "✔";
  font-size: 0.9rem;
  font-weight: 900;
  left: 0;
  position: absolute;
  top: 1px;
}
.news-single-content ol {
  counter-reset: news-ol-counter;
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}
.news-single-content ol li {
  counter-increment: news-ol-counter;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 32px;
  position: relative;
}
.news-single-content ol li:before {
  background: #ff5f0e;
  border-radius: 50%;
  color: #fff;
  content: counter(news-ol-counter);
  font-size: 0.72rem;
  font-weight: 800;
  height: 20px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.news-single-content .wp-block-table,
.post-content .contenido .wp-block-table {
  margin: 8px 0 32px;
  border: 1px solid #e3e8e8;
  border-radius: 14px;
  background: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.news-single-content .wp-block-table:empty,
.post-content .contenido .wp-block-table:empty {
  display: none;
}
.news-single-content .wp-block-table table,
.post-content .contenido .wp-block-table table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.92rem !important;
  table-layout: auto;
}
.news-single-content .wp-block-table thead,
.post-content .contenido .wp-block-table thead {
  background: none;
  border: 0;
}
.news-single-content .wp-block-table thead th,
.post-content .contenido .wp-block-table thead th {
  padding: 13px 18px;
  border: 0;
  border-bottom: 1px solid #e3e8e8;
  background: #f6f8f8;
  color: #5b6566;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.news-single-content .wp-block-table tbody tr,
.news-single-content .wp-block-table tbody tr:nth-child(odd),
.news-single-content .wp-block-table tbody tr:nth-child(even),
.post-content .contenido .wp-block-table tbody tr,
.post-content .contenido .wp-block-table tbody tr:nth-child(odd),
.post-content .contenido .wp-block-table tbody tr:nth-child(even) {
  border: 0;
  background: none;
}
.news-single-content .wp-block-table tbody td,
.post-content .contenido .wp-block-table tbody td {
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid #eef2f2;
  background: #fff;
  color: #2b2f30;
  line-height: 1.45;
  vertical-align: middle;
  transition: background 0.15s ease;
  word-break: normal;
}
.news-single-content .wp-block-table tbody td b,
.news-single-content .wp-block-table tbody td strong,
.post-content .contenido .wp-block-table tbody td b,
.post-content .contenido .wp-block-table tbody td strong {
  color: #111;
}
.news-single-content .wp-block-table tbody tr:last-child td,
.post-content .contenido .wp-block-table tbody tr:last-child td {
  border-bottom: 0;
}
.news-single-content .wp-block-table tbody tr:hover td,
.post-content .contenido .wp-block-table tbody tr:hover td {
  background: #fff6f1;
}
.news-single-content .wp-block-table .mc-num,
.post-content .contenido .wp-block-table .mc-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.news-single-content .wp-block-table td.mc-col-tenue,
.post-content .contenido .wp-block-table td.mc-col-tenue {
  color: #7b8586;
}
.news-single-content .wp-block-table td.mc-col-destacada,
.post-content .contenido .wp-block-table td.mc-col-destacada {
  color: #111;
  font-weight: 800;
}
.news-single-content .wp-block-table .mc-pct,
.post-content .contenido .wp-block-table .mc-pct {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: #e6f6f0;
  color: #047857;
  font-size: 0.85em;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  line-height: 1.5;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .news-single-content .wp-block-table table,
  .post-content .contenido .wp-block-table table {
    min-width: 600px;
  }
  .news-single-content .wp-block-table th:first-child,
  .news-single-content .wp-block-table td:first-child,
  .post-content .contenido .wp-block-table th:first-child,
  .post-content .contenido .wp-block-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    box-shadow: inset -1px 0 0 #e3e8e8;
  }
  .news-single-content .wp-block-table th,
  .news-single-content .wp-block-table td,
  .post-content .contenido .wp-block-table th,
  .post-content .contenido .wp-block-table td {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.news-single-content blockquote {
  border: 0;
  margin: 38px auto;
  max-width: 680px;
  padding: 46px 20px 0;
  position: relative;
  text-align: center;
}
.news-single-content blockquote p {
  color: #444;
  font-size: 1.12rem;
  font-style: italic;
  line-height: 1.5;
}
.news-single-content blockquote cite, .news-single-content blockquote strong {
  color: #111;
  display: block;
  font-size: 0.95rem;
  font-style: normal;
  margin-top: 14px;
}
.news-single-content blockquote:before {
  color: #111;
  content: "”";
  font-family: Georgia, serif;
  font-size: 5rem;
  left: 50%;
  line-height: 1;
  position: absolute;
  top: -6px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.news-single-sidebar {
  position: sticky;
  top: 24px;
  padding-left: 28px;
}
@media (max-width: 991.98px) {
  .news-single-sidebar {
    margin-top: 40px;
    padding-left: 0;
    position: static;
  }
}

.news-single-sidebar__title {
  color: #111;
  display: inline-block;
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 20px;
  padding-bottom: 8px;
  position: relative;
}
.news-single-sidebar__title:after {
  background: #ff5f0e;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 46px;
}

.news-single-related {
  display: block;
  margin-bottom: 18px;
  width: 100%;
}

.news-single-sidebar__banner {
  margin-bottom: 18px;
}

.news-single-sidebar .news-ad-placeholder {
  height: 300px;
}

.news-single-sidebar .news-ad-banner img {
  border-radius: 8px;
}

.news-single-more {
  background: #f1f4f4;
  padding: 62px 0 78px;
}

.news-single-more__head {
  margin-bottom: 38px;
}
.news-single-more__head .news-single-more__epigraph {
  color: #111;
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 6px;
}
.news-single-more__head h2 {
  color: #111;
  font-size: 2.3rem;
  font-weight: 700;
  margin: 0;
}

@media (max-width: 991.98px) {
  .news-single {
    padding: 18px 0 60px;
  }
  .news-single-hero {
    min-height: 300px;
  }
  .news-single-hero__overlay {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
  .news-single-hero__overlay h1 {
    font-size: 1.5rem;
  }
  .news-single-more__head h2 {
    font-size: 1.6rem;
  }
}

.modal-body {
  padding: 0;
}

.modal-content {
  border-radius: 20px;
  background: #f1f4f4 !important;
  padding: 40px !important;
}

#modalTienda {
  padding: 0 !important;
}
#modalTienda .modal-content {
  padding: 0 !important;
}
#modalTienda .modal-content .modal-body {
  border-radius: 20px !important;
  overflow: hidden;
}
#modalTienda .modal-content .modal-body video {
  margin-bottom: -10px;
}

.mc-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 10px 0px;
          box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 10px 0px;
  overflow: hidden;
}

.mc-card--hover-accent {
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.mc-card--hover-accent::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 95, 14, 0.72);
          box-shadow: inset 0 0 0 2px rgba(255, 95, 14, 0.72);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 4;
}
.mc-card--hover-accent:hover::before {
  opacity: 1;
}

.mc-card__badge {
  position: absolute;
  z-index: 5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 10px;
  border-radius: 5px;
  background: #000;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0;
}

.card-auto__badge {
  padding: 6px 10px 5px 10px;
  border-radius: 4px;
  background: #111;
  color: #fff;
  font-size: 0.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.card-auto__image.is-clean-background img {
  -webkit-transform: scale(var(--auto-img-scale, 1));
          transform: scale(var(--auto-img-scale, 1));
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.card-auto__image.is-photo-background {
  aspect-ratio: 4/3;
}
.card-auto__image.is-photo-background > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.mc-card__logo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-bottom: 1px solid #f1f4f4;
  overflow: hidden;
}
.mc-card__logo::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));
  pointer-events: none;
}
.mc-card__logo img {
  position: relative;
  z-index: 1;
  display: block;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
  -webkit-transform: none;
          transform: none;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: none;
  transition: none;
}

.mc-card__logo-placeholder {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
  max-width: 144px;
  padding: 8px 12px;
  border: 1px dashed #d8dddd;
  border-radius: 10px;
  color: #919999;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
}

.mc-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.mc-card__title {
  margin: 0 0 10px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

.mc-card__excerpt {
  margin: 0 0 16px;
  color: #000;
  line-height: 1.45;
}

.mc-card__cta {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 6px;
  background: #cccccc;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mc-card__cta:hover {
  background: #ff5f0e;
  color: #fff;
}

.card-auto__energy-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-height: 26px;
  max-width: calc(100% - 16px);
  padding: 3px 11px 3px 4px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #d8dede;
  color: #4f585a;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card-auto__energy-badge img {
  position: static;
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}

.card-auto__dealer-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 7;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 74px;
  min-height: 42px;
  padding: 6px 8px;
  border: 1px solid rgba(226, 231, 232, 0.9);
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 8px 18px rgba(12, 18, 24, 0.12);
          box-shadow: 0 8px 18px rgba(12, 18, 24, 0.12);
  text-decoration: none;
}
.card-auto__dealer-logo img {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 30px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: left center !important;
     object-position: left center !important;
}

.card-auto--tipo-usados.card-auto--offer .card-auto__dealer-logo {
  top: 36px;
}

.card-auto__brand-logo--dealer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 45px;
  max-height: 35px;
  max-width: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-auto__brand-logo--dealer img {
  display: block;
  width: auto;
  height: auto;
  max-height: 35px;
  max-width: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 767.98px) {
  .card-auto__brand-logo--dealer {
    min-height: 0;
    max-height: 28px;
    max-width: 58px;
  }
  .card-auto__brand-logo--dealer img {
    max-height: 28px;
    max-width: 58px;
  }
}
body .card-auto .card-auto__brand-logo.card-auto__brand-logo--dealer {
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  max-width: 84px;
  width: auto;
}

@media (max-width: 767.98px) {
  body .card-auto .card-auto__brand-logo.card-auto__brand-logo--dealer {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    max-width: 66px;
  }
}
@media (max-width: 575.98px) {
  .card-auto__dealer-logo {
    top: 8px;
    left: 8px;
    width: 66px;
    min-height: 38px;
    padding: 5px 7px;
  }
  .card-auto__dealer-logo img {
    max-height: 27px !important;
  }
  .card-auto--tipo-usados.card-auto--offer .card-auto__dealer-logo {
    top: 34px;
  }
}
/* Borde de 2px por tipo de energía (mismo color del círculo del ícono).
   !important para ganarle a las redefiniciones del badge en contextos scoped
   (autos, home-autos, single-marca, single-auto). */
.card-auto__energy-badge--electrico {
  border: 2px solid #3bc7b4 !important;
}

/* Híbrido: borde con gradiente (#f9b400 → #3bc7b4) sobre pastilla redondeada,
   con la técnica de doble fondo (interior blanco / borde gradiente). */
.card-auto__energy-badge--hibrido {
  border: 2px solid transparent !important;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #f9b400, #3bc7b4) border-box !important;
}

.card-auto__secondary-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  min-height: 30px;
  margin-top: 1px;
}

.card-auto__model-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #ff5f0e;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.card-auto__compare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
}

.card-auto__compare-label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fafafa;
  color: #a0a8aa;
  font-size: 0.72rem;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 0.18s ease, color 0.18s ease, font-weight 0.18s ease;
  transition: background 0.18s ease, color 0.18s ease, font-weight 0.18s ease;
}
.card-auto__compare-label input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.card-auto__compare-box {
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid #d7dcdc;
  border-radius: 2px;
  background: #fff;
}

.card-auto__compare-box::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
  width: 4px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card-auto__compare-label:has(input:checked) {
  background: #fde7db;
  color: #111;
  font-weight: 800;
}

.card-auto__compare-label input:checked + .card-auto__compare-box {
  border-color: #ff5f0e;
  background: #ff5f0e;
}

.card-auto__compare-label input:checked + .card-auto__compare-box::after {
  opacity: 1;
}

.card-auto__price {
  font-size: 1.05rem;
}

.card-auto__price-note {
  font-size: 0.72rem;
}

.card-auto__list-label {
  font-size: 0.84rem;
}

.card-auto__list-price {
  font-size: 0.78rem;
}

.card-auto__meta {
  font-size: 0.48rem;
}

.card-auto__status {
  font-size: 0.48rem;
}

.mc-page-hero {
  position: relative;
  overflow: hidden;
  background-color: #111;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.mc-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.6;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.34)), color-stop(38%, rgba(0, 0, 0, 0.08)), color-stop(72%, rgba(0, 0, 0, 0))), rgba(0, 0, 0, 0.85);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.08) 38%, rgba(0, 0, 0, 0) 72%), rgba(0, 0, 0, 0.85);
  pointer-events: none;
}
.mc-page-hero > .container {
  position: relative;
  z-index: 1;
}

.mc-page-hero__content {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 991.98px) {
  .page-template-tmpl-marcas .marcas-hero,
  .page-template-tmpl-concesionarios .concesionarios-hero,
  .page-template-tmpl-servicios .servicios-hero {
    min-height: 220px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .page-template-tmpl-marcas .marcas-hero::before,
  .page-template-tmpl-concesionarios .concesionarios-hero::before,
  .page-template-tmpl-servicios .servicios-hero::before {
    opacity: 0.42;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.14)), to(rgba(0, 0, 0, 0.42))), rgba(0, 0, 0, 0.28);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.42) 100%), rgba(0, 0, 0, 0.28);
  }
}
.mc-page-body {
  position: relative;
  padding-bottom: 96px;
}

.mc-toolbar__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 100%;
}

.mc-toolbar__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 12px;
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding-left: 20px;
  border: 1px solid #e8ebeb;
  border-radius: 8px;
  background: #fff;
}

.mc-toolbar__filters .mc-filter-list {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.mc-toolbar__label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 34px;
  padding: 0 6px 0 2px;
  color: #757f81;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-transform: none;
}
@media (max-width: 767.98px) {
  .mc-toolbar__label {
    display: none;
  }
}

.mc-filter-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  min-width: 0;
}
.mc-filter-list a,
.mc-filter-list button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 34px;
  padding: 15px 20px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #232323;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .mc-filter-list a,
  .mc-filter-list button {
    padding: 8px 14px;
  }
}
.mc-filter-list a:hover,
.mc-filter-list button:hover {
  background: #f4f6f6;
  color: #000;
}
.mc-filter-list a.active,
.mc-filter-list button.active {
  background: #000;
  border-color: #000;
  color: #fff;
}

.autos-switch {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.autos-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.autos-switch__track {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 42px;
  height: 24px;
  border-radius: 999px;
  background: #d7dede;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.autos-switch__track::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.autos-switch input:checked + .autos-switch__track {
  background: #ff5f0e;
}
.autos-switch input:checked + .autos-switch__track::after {
  -webkit-transform: translateX(18px);
          transform: translateX(18px);
}

.mc-offer-filter-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111516;
  font-weight: 900;
  text-transform: uppercase;
}
.mc-offer-filter-label::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: url("../icons/ofertas.png") center/contain no-repeat;
}

.mc-results {
  position: relative;
  min-height: 320px;
  isolation: isolate;
}

.mc-results__content {
  -webkit-transition: opacity var(--mc-dur-2) var(--mc-ease);
  transition: opacity var(--mc-dur-2) var(--mc-ease);
}

.mc-loading {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  padding: 36px 24px 24px;
  border-radius: 10px;
  background: #f1f4f4;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #566163;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity var(--mc-dur-2) var(--mc-ease), visibility 0s linear var(--mc-dur-2);
  transition: opacity var(--mc-dur-2) var(--mc-ease), visibility 0s linear var(--mc-dur-2);
  z-index: 50;
}

.mc-results.is-loading {
  overflow: hidden;
  border-radius: 10px;
}
.mc-results.is-loading .mc-loading {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity var(--mc-dur-2) var(--mc-ease) 180ms, visibility 0s linear 180ms;
  transition: opacity var(--mc-dur-2) var(--mc-ease) 180ms, visibility 0s linear 180ms;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.mc-results.is-loading .mc-loading * {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.mc-results.is-loading .mc-results__content {
  opacity: 0.35;
  -webkit-filter: none;
          filter: none;
}

.mc-loader {
  width: 38px;
  height: 38px;
  border: 3px solid rgba(0, 0, 0, 0.12);
  border-top-color: #ff5f0e;
  border-radius: 50%;
  -webkit-animation: mc-spin 0.9s linear infinite;
          animation: mc-spin 0.9s linear infinite;
}

.mc-pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mc-pagination-wrap:empty {
  display: none;
}

.mc-pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.mc-pagination a,
.mc-pagination span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #7e8789;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mc-pagination a:not(.paginador__arrow):not(.active):not(.current):hover, .mc-pagination a:not(.paginador__arrow):not(.active):not(.current):focus-visible {
  background: rgba(255, 95, 14, 0.12);
  color: #ff5f0e;
}
.mc-pagination a:not(.paginador__arrow):not(.active):not(.current):focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 1px;
}
.mc-pagination a.paginador__arrow:hover {
  color: #000;
}
.mc-pagination .active,
.mc-pagination .current {
  background: #000;
  color: #fff;
  pointer-events: none;
}

@-webkit-keyframes mc-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes mc-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (max-width: 991.98px) {
  .mc-toolbar__actions {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mc-toolbar__filters,
  .mc-toolbar__filters--mobile-rail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 30px;
    border: 1px solid #e8ebeb;
    border-radius: 8px;
    background: #fff;
    text-align: center;
  }
  .mc-filter-list--mobile-rail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .mc-filter-list--mobile-rail::-webkit-scrollbar {
    display: none;
  }
  .mc-filter-list--mobile-rail a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    scroll-snap-align: start;
  }
}
.mc-tel {
  color: inherit;
  text-decoration: none;
}
.mc-tel:hover {
  text-decoration: underline;
}

.mc-service-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mc-service-icon--all {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}

.page-template-tmpl-servicios .servicios-dropdown__icon--all {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111516' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}

.mc-service-icon--wrench,
.page-template-tmpl-servicios .servicios-dropdown__icon--wrench {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0 5 5L12 19l-4-4 7.7-7.7a4 4 0 0 0-1-5Z'/%3E%3Cpath d='M4.5 19.5 2 22l2.5-2.5Z'/%3E%3C/svg%3E");
}

.mc-service-icon--shield,
.page-template-tmpl-servicios .servicios-dropdown__icon--shield {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3Z'/%3E%3Cpath d='m9.5 12 1.7 1.7 3.8-4.2'/%3E%3C/svg%3E");
}

.mc-service-icon--sparkles,
.page-template-tmpl-servicios .servicios-dropdown__icon--sparkles {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3Z'/%3E%3Cpath d='M5 16l.8 2.2L8 19l-2.2.8L5 22l-.8-2.2L2 19l2.2-.8L5 16Z'/%3E%3C/svg%3E");
}

.mc-service-icon--droplet,
.page-template-tmpl-servicios .servicios-dropdown__icon--droplet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5C9.2 7.3 6 10.3 6 14a6 6 0 0 0 12 0c0-3.7-3.2-6.7-6-10.5Z'/%3E%3C/svg%3E");
}

.mc-service-icon--alignment,
.page-template-tmpl-servicios .servicios-dropdown__icon--alignment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16'/%3E%3Cpath d='M4 16h16'/%3E%3Cpath d='M8 4v16'/%3E%3Cpath d='M16 4v16'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3Ccircle cx='16' cy='16' r='2'/%3E%3C/svg%3E");
}

.mc-service-icon--shock,
.page-template-tmpl-servicios .servicios-dropdown__icon--shock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v5l3 2-3 2v7'/%3E%3Cpath d='M17 4v5l-3 2 3 2v7'/%3E%3Cpath d='M10 11h4'/%3E%3C/svg%3E");
}

.mc-service-icon--road,
.page-template-tmpl-servicios .servicios-dropdown__icon--road {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 20 4-16'/%3E%3Cpath d='m18 20-4-16'/%3E%3Cpath d='M12 6v2'/%3E%3Cpath d='M12 12v2'/%3E%3Cpath d='M12 18v2'/%3E%3C/svg%3E");
}

.mc-service-icon--battery,
.page-template-tmpl-servicios .servicios-dropdown__icon--battery {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='16' height='10' rx='2'/%3E%3Cpath d='M21 10v4'/%3E%3Cpath d='M8 12h6'/%3E%3Cpath d='M11 9v6'/%3E%3C/svg%3E");
}

.mc-service-icon--camper,
.page-template-tmpl-servicios .servicios-dropdown__icon--camper {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16V8a2 2 0 0 1 2-2h8l4 3v7'/%3E%3Cpath d='M4 16h14'/%3E%3Ccircle cx='8' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Cpath d='M14 6v5h4'/%3E%3C/svg%3E");
}

.mc-service-icon--wallet,
.page-template-tmpl-servicios .servicios-dropdown__icon--wallet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h13a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z'/%3E%3Cpath d='M4 9V6a2 2 0 0 1 2-2h10'/%3E%3Cpath d='M16 13h4'/%3E%3C/svg%3E");
}

.mc-service-icon--brake,
.page-template-tmpl-servicios .servicios-dropdown__icon--brake {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 5v2'/%3E%3Cpath d='M19 12h-2'/%3E%3Cpath d='M12 19v-2'/%3E%3Cpath d='M5 12h2'/%3E%3C/svg%3E");
}

.mc-service-icon--wheel,
.mc-service-icon--tire,
.page-template-tmpl-servicios .servicios-dropdown__icon--wheel,
.page-template-tmpl-servicios .servicios-dropdown__icon--tire {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 5v5'/%3E%3Cpath d='M19 12h-5'/%3E%3Cpath d='m7.5 7.5 3.5 3.5'/%3E%3Cpath d='m16.5 7.5-3.5 3.5'/%3E%3C/svg%3E");
}

.mc-service-icon--settings,
.page-template-tmpl-servicios .servicios-dropdown__icon--settings {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v3'/%3E%3Cpath d='M12 18v3'/%3E%3Cpath d='M4.9 4.9l2.1 2.1'/%3E%3Cpath d='M17 17l2.1 2.1'/%3E%3Cpath d='M3 12h3'/%3E%3Cpath d='M18 12h3'/%3E%3Cpath d='M4.9 19.1 7 17'/%3E%3Cpath d='M17 7l2.1-2.1'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.mc-service-icon--clipboard,
.page-template-tmpl-servicios .servicios-dropdown__icon--clipboard {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f47423' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='16' rx='2'/%3E%3Cpath d='M9 4.5h6'/%3E%3Cpath d='m9.5 12 1.7 1.7 3.8-4.2'/%3E%3C/svg%3E");
}

.mc-service-icon--finance {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none' stroke='%23ff7a2f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='8' width='24' height='17' rx='2'/%3E%3Cpath d='M11 13h9'/%3E%3Cpath d='M17 18h8'/%3E%3Cpath d='M11 21h3'/%3E%3Cpath d='M12 12v10'/%3E%3Cpath d='M8 17h3'/%3E%3C/svg%3E");
}

.mc-service-icon--insurance {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none' stroke='%23ff7a2f' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20h20l-2 5H10l-3-5Z'/%3E%3Cpath d='M11 20l3-7h8l3 7'/%3E%3Ccircle cx='12' cy='26' r='2'/%3E%3Ccircle cx='24' cy='26' r='2'/%3E%3Cpath d='M17 4l2 4 4 1-3 3 .8 4L17 14l-3.8 2 .8-4-3-3 4-1 2-4Z'/%3E%3C/svg%3E");
}

.mc-service-icon--patent {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='34' viewBox='0 0 42 34' fill='none' stroke='%23ff7a2f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='9' width='30' height='16' rx='3'/%3E%3Cpath d='M12 17h3'/%3E%3Cpath d='M19 17h3'/%3E%3Cpath d='M26 17h4'/%3E%3Cpath d='M11 13h20'/%3E%3Cpath d='M11 21h20'/%3E%3C/svg%3E");
}

.mc-service-icon--green-tax {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none' stroke='%23ff7a2f' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 21h20l-2 5H10l-3-5Z'/%3E%3Cpath d='M11 21l3-7h8l3 7'/%3E%3Ccircle cx='12' cy='27' r='2'/%3E%3Ccircle cx='24' cy='27' r='2'/%3E%3Ccircle cx='23' cy='9' r='4'/%3E%3Cpath d='M23 6v6'/%3E%3Cpath d='M20 9h6'/%3E%3C/svg%3E");
}

.mc-service-icon--auto-service {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none' stroke='%23ff7a2f' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h18l-2 5H10l-2-5Z'/%3E%3Cpath d='M12 21l3-6h6l3 6'/%3E%3Ccircle cx='12' cy='27' r='2'/%3E%3Ccircle cx='23' cy='27' r='2'/%3E%3Cpath d='M12 8h10'/%3E%3Cpath d='M10 5l4 4-4 4'/%3E%3Cpath d='M24 5l-4 4 4 4'/%3E%3C/svg%3E");
}

.mc-service-icon--sell-car {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none' stroke='%23ff7a2f' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 21h20l-2 5H10l-3-5Z'/%3E%3Cpath d='M11 21l3-7h8l3 7'/%3E%3Ccircle cx='12' cy='27' r='2'/%3E%3Ccircle cx='24' cy='27' r='2'/%3E%3Ccircle cx='17' cy='8' r='4'/%3E%3Cpath d='M17 5v6'/%3E%3Cpath d='M15 7h3a1.8 1.8 0 0 1 0 3h-2'/%3E%3C/svg%3E");
}

#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev,
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  border: 0;
  border-radius: 15px;
  background: #111;
  color: #fff;
  font-size: 0;
  line-height: 1;
  aspect-ratio: 1/1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev::before,
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next::before,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev::before,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next::before {
  content: "";
  display: block;
  width: 20px;
  height: 16px;
  margin: 0;
  border: 0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.7 1.3 1 8l6.7 6.7 1.4-1.4L4.8 9H19V7H4.8l4.3-4.3-1.4-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.7 1.3 1 8l6.7 6.7 1.4-1.4L4.8 9H19V7H4.8l4.3-4.3-1.4-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev::after,
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next::after,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev::after,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next::after {
  content: none;
  display: none;
}

#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev:hover:not(.swiper-button-disabled),
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next:hover:not(.swiper-button-disabled),
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev:hover:not(.swiper-button-disabled),
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next:hover:not(.swiper-button-disabled) {
  background: #ff5f0e;
  color: #fff;
}

#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev.swiper-button-disabled,
#submenu-marcas .right-marcas .swiper-brands .swiper-button-next.swiper-button-disabled,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev.swiper-button-disabled,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next.swiper-button-disabled {
  background: #9b9b9b;
  color: #fff;
  opacity: 1;
  cursor: default;
  pointer-events: none;
}

#submenu-marcas .right-marcas .swiper-brands .swiper-button-prev::before,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-prev::before {
  -webkit-transform: none;
          transform: none;
}

#submenu-marcas .right-marcas .swiper-brands .swiper-button-next::before,
#submenu-marcas .right-marcas .swiper-auto-menu .swiper-button-next::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mc-card__badge,
.card-auto__badge,
.card-auto__status,
.card-auto__offer-ribbon,
.card-servicio__badge,
.card-concesionario__badge,
.offer-card__badge,
.offers-hero-card__badge,
.offer-spotlight-card__badge,
.news-category,
.service-sheet__eyebrow,
.brand-spotlight__eyebrow,
.brand-promo__eyebrow,
.brand-family-filter__eyebrow,
.mc-form-panel__eyebrow,
.compare-auto-card__badge,
.auto-summary__badge,
.auto-summary__offer-badge,
.auto-detail__energy-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
}

.card-auto__status,
.card-auto__offer-ribbon,
.offers-hero-card__badge,
.offer-spotlight-card__badge,
.service-sheet__eyebrow,
.brand-spotlight__eyebrow,
.brand-family-filter__eyebrow,
.auto-summary__offer-badge {
  padding-top: 1px;
}

.news-category {
  padding-top: 5px;
  padding-bottom: 5px;
}

.mc-card__badge,
.card-auto__badge,
.card-auto__offer-ribbon,
.card-concesionario__badge,
.card-servicio__badge,
.offer-card__badge,
.offer-spotlight-card__badge,
.offers-hero-card__badge,
.compare-auto-card__badge,
.compare-slot__badge,
.news-category {
  padding: 6px 7px 5px !important;
  border-radius: 3px !important;
  font-size: 0.48rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#seccion-2 h2.titulo,
#seccion-5 .seccion-5__head h2,
#seccion-8 .titulo h2,
.home-servicios__title {
  font-size: clamp(1.5rem, 2.6vw, 2.15rem);
  font-weight: 800;
  line-height: 1.15;
}
/* EVENTOS: los afiches de evento suelen ser más verticales que una foto de
   prensa. En desktop las cards van más aireadas y con thumbnails más altos
   para no recortar tanto (destacado y grilla). En mobile se mantiene el
   comportamiento de noticias (alto automático). */
.events-page .news-latest-section .js-events-grid {
  --bs-gutter-y: 2.75rem;
}
@media (min-width: 576px) {
  .events-page .news-latest-section .js-events-grid {
    --bs-gutter-x: 2.5rem;
  }
}

@media (min-width: 992px) {
  .events-page .card-noticia-destacado .card-image {
    height: 340px;
  }
  .events-page .news-latest-section .news-card__image {
    height: 280px;
  }
  .events-page .news-latest-section .news-card {
    min-height: 0;
  }
}

#event-content .evento-destacado {
  height: auto;
  min-height: 0;
}
#event-content .evento-destacado > a {
  height: auto;
  width: 100%;
}
#event-content .evento-destacado .card-image {
  position: relative;
  overflow: hidden;
  height: auto;
  background: #1c1c1c;
}
#event-content .evento-destacado .card-image .evento-destacado__fondo {
  position: absolute;
  top: -30px;
  left: -30px;
  width: calc(100% + 60px);
  max-width: none;
  height: calc(100% + 60px);
  object-fit: cover;
  filter: blur(24px);
  opacity: 0.55;
}
#event-content .evento-destacado .card-image .evento-destacado__img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
#event-content .evento-destacado .card-content {
  height: auto;
  align-items: center;
  padding-top: 36px;
  padding-bottom: 36px;
}
#event-content .evento-destacado .card-content .category {
  margin-top: 0;
}
@media (min-width: 768px) {
  #event-content .evento-destacado .card-image {
    min-height: 400px;
  }
  #event-content .evento-destacado .card-image .evento-destacado__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
@media (max-width: 767.98px) {
  #event-content .evento-destacado .card-image .evento-destacado__fondo {
    display: none;
  }
  #event-content .evento-destacado .card-content {
    padding: 24px 20px 28px;
  }
  #event-content .evento-destacado .card-content h2 {
    font-size: 1.4rem !important;
    line-height: 1.2;
  }
}

#event-content .eventos-proximos {
  position: relative;
  padding-bottom: 36px;
}
#event-content .eventos-proximos .swiper-slide {
  height: auto;
}
#event-content .eventos-proximos .evento-destacado {
  margin-bottom: 14px;
}

#event-content .eventos-proximos__nav {
  position: absolute;
  top: calc(50% - 18px);
  z-index: 6;
  display: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(20, 20, 20, 0.82);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background var(--mc-dur-1) var(--mc-ease);
}
#event-content .eventos-proximos__nav::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#event-content .eventos-proximos__nav:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
@media (hover: hover) {
  #event-content .eventos-proximos__nav:hover {
    background: #ff5f0e;
  }
}
#event-content .eventos-proximos__nav--prev {
  left: 12px;
}
#event-content .eventos-proximos__nav--prev::before {
  transform: translateX(2px) rotate(-135deg);
}
#event-content .eventos-proximos__nav--next {
  right: 12px;
}
#event-content .eventos-proximos__nav--next::before {
  transform: translateX(-2px) rotate(45deg);
}
@media (min-width: 768px) {
  #event-content .eventos-proximos__nav {
    display: block;
  }
}

#event-content .eventos-proximos__pagination {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
#event-content .eventos-proximos__pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #c9d0d1;
  opacity: 1;
  transition: background var(--mc-dur-1) var(--mc-ease), width var(--mc-dur-1) var(--mc-ease);
}
#event-content .eventos-proximos__pagination .swiper-pagination-bullet-active {
  width: 22px;
  border-radius: 6px;
  background: #ff5f0e;
}

/* Fade-in sutil para imagenes de card (ver assets/js/card-image-loading.js). */
img.is-img-loading:not(.is-img-loaded) {
  background-color: #f1f4f4;
  opacity: 0;
}
img.is-img-loading.is-img-loaded {
  opacity: 1;
  background-color: transparent;
  transition: opacity var(--mc-dur-3) var(--mc-ease);
}

/* =========================================================================
   Home · Reseñas de Google
   ========================================================================= */
.home-reviews {
  background: #fff;
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}
@media (max-width: 991.98px) {
  .home-reviews {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}
.home-reviews__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 0.85fr) 30px minmax(0, 1.15fr);
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 30px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.home-reviews {
  /* --- Tarjeta oscura --- */
}
.home-reviews__promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 34px;
  border-radius: 14px;
  background: #1b1b1b;
  color: #fff;
}
.home-reviews__promo-number {
  color: #ff5f0e;
  font-size: clamp(2.6rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1;
}
.home-reviews__promo-label {
  margin-top: 2px;
  font-size: 1.4rem;
  font-weight: 700;
}
.home-reviews__promo-text {
  margin: 22px 0 0;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.25;
}
.home-reviews {
  /* --- Bloque de reseñas --- */
}
.home-reviews__grid > * {
  min-width: 0; /* evita que el swiper infle el ancho del grid (scroll-x) */
}
.home-reviews__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
.home-reviews__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}
.home-reviews__g {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.home-reviews__header-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.home-reviews__title {
  color: #202124;
  font-size: 1.25rem;
  font-weight: 400;
}
.home-reviews__rating {
  font-weight: 700;
}
.home-reviews__count {
  margin-left: auto;
  color: #5a6163;
  font-size: 0.84rem;
  text-align: right;
  text-decoration: none;
}
.home-reviews__count:hover {
  color: #ff5f0e;
  text-decoration: underline;
}
.home-reviews__count-num {
  font-weight: 700;
  color: #202124;
}
.home-reviews {
  /* --- Estrellas --- */
}
.home-reviews__stars {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 2px;
  font-size: 0.95rem;
  line-height: 1;
}
.home-reviews__star {
  color: #dadce0;
}
.home-reviews__star.is-on {
  color: #fbbc04;
}
.home-reviews {
  /* --- Carrusel --- */
}
.home-reviews__carousel {
  position: relative;
}
@media (max-width: 991.98px) {
  .home-reviews__carousel {
    padding: 0 44px;
  }
}
.home-reviews__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 6;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(20, 20, 20, 0.82);
  color: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, opacity 0.2s ease;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.home-reviews__nav::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin: 0 auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.home-reviews__nav:hover {
  background: #ff5f0e;
}
.home-reviews__nav.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
}
.home-reviews__nav--prev {
  left: 4px;
}
.home-reviews__nav--prev::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-left: 14px;
}
.home-reviews__nav--next {
  right: 4px;
}
.home-reviews__nav--next::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 10px;
}
@media (min-width: 992px) {
  .home-reviews__nav {
    display: none;
  }
}
.home-reviews__swiper {
  padding-bottom: 4px;
  overflow: hidden; /* clip de los slides; previene scroll horizontal */
}
.home-reviews .swiper-slide {
  height: auto;
}
.home-reviews__card {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 22px;
  border: 1px solid #e7eaea;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}
.home-reviews__card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.home-reviews__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.home-reviews__avatar--initial {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ff5f0e;
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
}
.home-reviews__card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
.home-reviews__card-name {
  color: #202124;
  font-weight: 700;
  font-size: 0.95rem;
}
.home-reviews__card-date {
  color: #8a9395;
  font-size: 0.76rem;
}
.home-reviews__card-g {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.home-reviews__card-text {
  margin: 0;
  color: #4a4f51;
  font-size: 0.86rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-reviews {
  /* Paginación fuera de .swiper: se eleva la especificidad para ganarle a Swiper. */
}
.home-reviews .swiper-pagination.home-reviews__pagination {
  position: static;
  bottom: auto;
  left: auto;
  margin-top: 20px;
  text-align: center;
}
.home-reviews .swiper-pagination.home-reviews__pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #c9d0d1;
  opacity: 1;
  -webkit-transition: background 0.2s ease, width 0.2s ease;
  transition: background 0.2s ease, width 0.2s ease;
}
.home-reviews .swiper-pagination.home-reviews__pagination .swiper-pagination-bullet-active {
  width: 22px;
  border-radius: 6px;
  background: #ff5f0e;
}
@media (max-width: 991.98px) {
  .home-reviews__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .home-reviews__promo {
    padding: 32px 26px;
  }
}

/* =========================================================================
   Home · Feed de Instagram
   ========================================================================= */
.home-ig {
  background: #fff;
  overflow: hidden;
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}
@media (max-width: 991.98px) {
  .home-ig {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
.home-ig__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 26px;
}
.home-ig__profile {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  text-decoration: none;
}
.home-ig__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.home-ig__avatar--placeholder {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ff5f0e;
  color: #fff;
  font-weight: 800;
  font-size: 1.3rem;
}

/* Mini mega-menu de Autos: mantiene el dropdown liviano, pero transforma las
   categorías en accesos visuales sin sumar consultas ni dependencias. */
#menu-principal .menu-principal__submenu--autos {
  width: 480px;
  max-width: calc(100vw - 32px);
  min-width: 0;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(130px, 1fr) 12px minmax(130px, 1fr) 12px minmax(130px, 1fr);
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  gap: 12px;
  background: linear-gradient(145deg, #fff 0%, #f6f8f8 100%);
  border: 1px solid rgba(17, 21, 22, 0.08);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  -webkit-box-shadow: 0 22px 55px rgba(16, 23, 23, 0.2);
          box-shadow: 0 22px 55px rgba(16, 23, 23, 0.2);
}

#menu-principal .menu-principal__submenu-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1 / -1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin: 0 0 4px;
  padding: 0 2px 14px;
  border-bottom: 1px solid rgba(17, 21, 22, 0.1);
}
#menu-principal .menu-principal__submenu-heading > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
#menu-principal .menu-principal__submenu-heading strong {
  color: #111516;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}
#menu-principal .menu-principal__submenu-heading small {
  color: #687172;
  font-size: 12px;
  font-weight: 400;
}

#menu-principal .menu-principal__submenu .menu-principal__submenu-all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 8px;
  padding: 8px 0;
  color: #ff5f0e;
  font-size: 12px;
  font-weight: 700;
  background: transparent;
}
#menu-principal .menu-principal__submenu .menu-principal__submenu-all span {
  font-size: 17px;
  line-height: 1;
  -webkit-transform: none;
  position: static;
          transform: none;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
#menu-principal .menu-principal__submenu .menu-principal__submenu-all:hover,
#menu-principal .menu-principal__submenu .menu-principal__submenu-all:focus-visible {
  color: #d64c00;
  background: transparent;
}
#menu-principal .menu-principal__submenu .menu-principal__submenu-all:hover span,
#menu-principal .menu-principal__submenu .menu-principal__submenu-all:focus-visible span {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

#menu-principal .menu-principal__submenu-item {
  min-width: 0;
}

#menu-principal .menu-principal__submenu-card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 110px;
  padding: 14px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  text-align: center;
  overflow: hidden;
  white-space: normal;
  background: #fff;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 4px 14px rgba(17, 21, 22, 0.08);
          box-shadow: 0 4px 14px rgba(17, 21, 22, 0.08);
  border-radius: 10px;
  -webkit-transition: border-color 0.24s ease, -webkit-box-shadow 0.24s ease;
  transition: border-color 0.24s ease, -webkit-box-shadow 0.24s ease;
  transition: border-color 0.24s ease, box-shadow 0.24s ease;
  transition: border-color 0.24s ease, box-shadow 0.24s ease, -webkit-box-shadow 0.24s ease;
}
#menu-principal .menu-principal__submenu-card:hover,
#menu-principal .menu-principal__submenu-card:focus-visible {
  color: #111516;
  background: #fff;
  border-color: #ff5f0e;
  -webkit-box-shadow: 0 12px 24px rgba(17, 21, 22, 0.12);
          box-shadow: 0 12px 24px rgba(17, 21, 22, 0.12);
}

#menu-principal .menu-principal__submenu-media {
  display: -ms-grid;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  background: #f1f4f4;
  border-radius: 50%;
}

#menu-principal .menu-principal__submenu-icon {
  width: 26px;
  height: 26px;
}

#menu-principal .menu-principal__submenu-label {
  max-width: 100%;
  color: #111516;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.menu-principal__submenu-item--usados .menu-principal__submenu-media {
  background: rgba(37, 37, 37, 0.09);
}

.menu-principal__submenu-item--comerciales .menu-principal__submenu-media {
  background: rgba(31, 87, 112, 0.1);
}

@media (prefers-reduced-motion: reduce) {
  #menu-principal .menu-principal__submenu-card,
  #menu-principal .menu-principal__submenu-all span {
    -webkit-transition: none;
    transition: none;
  }
}
/* Feedback de los formularios propios que reemplazan a CF7 (mc-forms.js). */
.mc-form-feedback {
  display: none;
  margin-top: 8px;
  font-size: 12px;
}
.mc-form-feedback.is-visible {
  display: block;
}
.site-footer .mc-form-feedback {
  color: #fff;
}
#modalEventos .mc-form-feedback {
  color: #1d1d1b;
  text-align: center;
  font-size: 13px;
}
#modalEventos .mc-form-feedback.is-error {
  color: #e2574c;
}

.mc-ubicacion-link {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.mc-ubicacion-link .mc-ubicacion-link__accion {
  color: #b8480a;
  font-size: 0.72em;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-decoration: underline;
  text-transform: uppercase;
  text-underline-offset: 3px;
}
.mc-ubicacion-link:hover .mc-ubicacion-link__accion, .mc-ubicacion-link:focus-visible .mc-ubicacion-link__accion {
  color: #111516;
}
.mc-ubicacion-link:focus-visible {
  border-radius: 4px;
  outline: 2px solid #ff5f0e;
  outline-offset: 3px;
}

.mc-mapa-modal {
  position: fixed;
  inset: 0;
  z-index: 300000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.mc-mapa-modal[hidden] {
  display: none;
}
.mc-mapa-modal.is-open {
  opacity: 1;
}
@media (max-width: 767.98px) {
  .mc-mapa-modal {
    align-items: flex-end;
    padding: 0;
  }
}

body.has-mapa-tienda-open {
  overflow: hidden;
}

.mc-mapa-modal__dialog {
  position: relative;
  width: min(960px, 100%);
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
  overflow: auto;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
  transform: translateY(12px);
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-open .mc-mapa-modal__dialog {
  transform: none;
}
.mc-mapa-modal__dialog .mc-mapa-tienda {
  margin: 0;
  border: 0;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .mc-mapa-modal__dialog {
    max-height: calc(100vh - 12px);
    max-height: calc(100dvh - 12px);
    border-radius: 16px 16px 0 0;
  }
}

.mc-mapa-modal__cerrar {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  color: #111516;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.mc-mapa-modal__cerrar:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}

.mc-mapa-tienda {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  overflow: hidden;
  margin: 48px 0 0;
  border: 1px solid #e3e8e8;
  border-radius: 10px;
  background: #fff;
}
@media (max-width: 767.98px) {
  .mc-mapa-tienda {
    grid-template-columns: 1fr;
  }
}

.mc-mapa-tienda__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 32px;
}
@media (max-width: 767.98px) {
  .mc-mapa-tienda__info {
    order: 2;
    padding: 22px 20px 24px;
  }
}

.mc-mapa-tienda__label {
  margin: 0;
  color: #111516;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mc-mapa-tienda__titulo {
  margin: 0;
  color: #111516;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
}

.mc-mapa-tienda__texto {
  margin: 0;
  color: #6f7a7c;
  font-size: 14px;
  line-height: 1.5;
}

.mc-mapa-tienda__acciones {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.mc-mapa-tienda__btn {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border: 2px solid #111516;
  border-radius: 5px;
  color: #111516;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.mc-mapa-tienda__btn:hover, .mc-mapa-tienda__btn:focus-visible {
  background: #111516;
  color: #fff;
}
.mc-mapa-tienda__btn:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}

.mc-mapa-tienda__btn--plano {
  border-color: #ff5f0e;
  background: #ff5f0e;
  color: #fff;
}
.mc-mapa-tienda__btn--plano:hover, .mc-mapa-tienda__btn--plano:focus-visible {
  border-color: #d94f09;
  background: #d94f09;
  color: #fff;
}

.mc-mapa-tienda__plano {
  position: relative;
  min-height: 300px;
  aspect-ratio: 16/10;
  background: #f1f4f4;
}
@media (max-width: 767.98px) {
  .mc-mapa-tienda__plano {
    order: 1;
    min-height: 220px;
  }
}

.mc-mapa-tienda__cargando {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  border: 3px solid #e3e8e8;
  border-top-color: #ff5f0e;
  border-radius: 50%;
  animation: mc-mapa-tienda-giro 0.8s linear infinite;
}
.is-listo .mc-mapa-tienda__cargando {
  display: none;
}

@keyframes mc-mapa-tienda-giro {
  to {
    transform: rotate(360deg);
  }
}
.mc-mapa-tienda.is-sin-plano {
  grid-template-columns: 1fr;
}
.mc-mapa-tienda.is-sin-plano .mc-mapa-tienda__plano {
  display: none;
}

.mc-mapa-tienda__svg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Gotham", "Open Sans", sans-serif;
}
.mc-mapa-tienda__svg .mcm-s0,
.mc-mapa-tienda__svg .mcm-s11 {
  fill: #e3e8e8;
}
.mc-mapa-tienda__svg .mcm-s12 {
  fill: #e3e8e8;
  opacity: 0.6;
}
.mc-mapa-tienda__svg .mcm-s6 {
  fill: #d9dfe0;
}
.mc-mapa-tienda__svg .mcm-s7 {
  fill: none;
  stroke: #d9dfe0;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.mc-mapa-tienda__svg .mcm-s1,
.mc-mapa-tienda__svg .mcm-s10 {
  fill: #c6cecf;
}
.mc-mapa-tienda__svg .mcm-s14,
.mc-mapa-tienda__svg .mcm-s15,
.mc-mapa-tienda__svg .mcm-s16 {
  fill: none;
  stroke: #c6cecf;
  stroke-width: 0.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mc-mapa-tienda__svg .mcm-s18 {
  fill: #ff5f0e;
}
.mc-mapa-tienda__svg .mcm-s2 {
  font-weight: 800;
}
.mc-mapa-tienda__svg .mcm-s3 {
  font-size: 9px;
}
.mc-mapa-tienda__svg .mcm-s4,
.mc-mapa-tienda__svg .mcm-s5 {
  font-size: 7px;
}
.mc-mapa-tienda__svg .mcm-s9,
.mc-mapa-tienda__svg .mcm-s17 {
  font-size: 2px;
}
.mc-mapa-tienda__svg .mcm-s13 {
  font-size: 5px;
}
.mc-mapa-tienda__svg text.mcm-s1 {
  fill: #8a9393;
}
.mc-mapa-tienda__svg .mcm-s8 {
  fill: #fff;
  stroke: #cfd6d8;
  stroke-width: 1px;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.mc-mapa-tienda__svg .is-tienda {
  fill: #ff5f0e;
  stroke: #d94f09;
  stroke-width: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .mc-mapa-tienda__cargando {
    animation: none;
  }
  .mc-mapa-modal,
  .mc-mapa-modal__dialog {
    transition: none;
  }
}

.mc-s2-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.mc-s2-logo__img {
  display: flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  height: 22px;
}
.mc-s2-logo__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.mc-s2-logo__txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-s2-logo--sub {
  padding-left: 14px;
}

.select2-selection__rendered .mc-s2-logo__img {
  flex-basis: 28px;
  height: 18px;
}

.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria {
  width: max(100%, min(372px, 100vw - 32px));
  max-height: none;
  padding: 12px 12px 60px;
  border: 1px solid #e3e8e8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 40px -12px rgba(17, 21, 22, 0.28);
  text-align: left;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__scroll {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: none;
  padding: 0 !important;
  overflow: visible;
}
@media (max-width: 575.98px) {
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria {
    width: 100%;
  }
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li .cotizador__option {
    height: 74px;
  }
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li .cotizador__body-icon {
    width: 56px;
    height: 28px;
  }
}
@media (min-width: 1200px) {
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria {
    width: 536px;
  }
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__scroll {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li,
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li:hover,
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li.active,
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li:has(input:checked) {
  border-radius: 6px;
  background: none;
  box-shadow: none;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  height: 86px;
  margin: 0;
  padding: 10px 8px 9px;
  border: 1px solid #e3e8e8;
  border-radius: 6px;
  background: #fff;
  color: #6f7a7c;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option::after {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  border: 1px solid #b8c1c3;
  border-radius: 3px;
  background: #fff no-repeat center/10px 10px;
  content: "";
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option:hover {
  border-color: #9aa3a6;
  color: #111516;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option:hover .cotizador__body-icon {
  color: #111516;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__body-icon {
  display: block;
  width: 64px;
  height: 32px;
  color: #6b7476;
  transition: color 0.2s ease;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__body-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__body-name {
  overflow: hidden;
  max-width: 100%;
  color: inherit;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li.active .cotizador__option,
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li:has(input:checked) .cotizador__option {
  border-color: #ff5f0e;
  background: #fff;
  box-shadow: none;
  color: #111516;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li.active .cotizador__option .cotizador__body-icon,
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li:has(input:checked) .cotizador__option .cotizador__body-icon {
  color: #ff5f0e;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li.active .cotizador__option::after,
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li:has(input:checked) .cotizador__option::after {
  border-color: #ff5f0e;
  background-color: #ff5f0e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.2 4.6 8.8 10 3.4'/%3E%3C/svg%3E");
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li:has(input:focus-visible) .cotizador__option {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__select-all {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid #eef2f2;
  background: #fff;
  box-shadow: none !important;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__select-all label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 14px 18px;
  color: #111516;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__select-all input[type=checkbox] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid #b8c1c3;
  border-radius: 3px;
  background: #fff no-repeat center/10px 10px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__select-all input[type=checkbox]:checked {
  border-color: #ff5f0e;
  background-color: #ff5f0e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.6 8.8 10 3.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__select-all input[type=checkbox]:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}

.auto-search-modal .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__scroll {
  max-height: max(190px, 100vh - 470px);
  margin-right: -4px;
  padding-right: 4px !important;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 640px) {
  .auto-search-modal .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria {
    position: relative;
    top: auto;
    left: auto;
  }
}
.cotizador .cotizador__field--carroceria .cotizador__select-button > span:first-child {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cotizador .cotizador__field--carroceria.seleccionado .cotizador__select-button > span:first-child {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option,
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__option::after,
  .cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__body-icon {
    transition: none;
  }
}

.cotizador .cotizador__dropdown .cotizador__option-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cotizador .cotizador__dropdown .cotizador__count {
  flex: 0 0 auto;
  margin-left: auto;
  color: #8a9393;
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.cotizador .cotizador__dropdown .cotizador__count:empty {
  display: none;
}
.cotizador .cotizador__dropdown li.is-disabled {
  opacity: 0.42;
}
.cotizador .cotizador__dropdown li.is-disabled, .cotizador .cotizador__dropdown li.is-disabled:hover {
  background: none;
  box-shadow: none;
}
.cotizador .cotizador__dropdown li.is-disabled label {
  cursor: not-allowed;
}
.cotizador .cotizador__dropdown li.is-hidden {
  display: none;
}

.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria .cotizador__count {
  margin: -3px 0 0;
  font-size: 10.5px;
}
.cotizador .cotizador__field--carroceria.cotizador__select .cotizador__dropdown.cotizador__options--carroceria li.is-disabled .cotizador__option {
  border-color: #eef1f1;
  box-shadow: none;
}

.cotizador .cotizador__field--carroceria.is-locked {
  cursor: default;
}
.cotizador .cotizador__field--carroceria.is-locked .cotizador__select-button {
  cursor: default;
}
.cotizador .cotizador__field--carroceria.is-locked .cotizador__arrow {
  opacity: 0.3;
}

.cotizador .cotizador__options--marcas .cotizador__option--marca {
  gap: 10px;
}
.cotizador .cotizador__options--marcas .cotizador__option--marca input[type=checkbox] {
  flex: 0 0 auto;
}
.cotizador .cotizador__options--marcas .cotizador__brand-logo {
  display: flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  height: 24px;
}
.cotizador .cotizador__options--marcas .cotizador__brand-logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.cotizador .cotizador__options--marcas .cotizador__search {
  padding: 2px 2px 8px;
}
.cotizador .cotizador__options--marcas .cotizador__search-input {
  display: block;
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0 12px 0 34px;
  border: 1px solid #dfe5e5;
  border-radius: 8px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a9393' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center/15px 15px;
  color: #111;
  font-size: 13px;
  -webkit-appearance: none;
  appearance: none;
}
.cotizador .cotizador__options--marcas .cotizador__search-input::placeholder {
  color: #8a9393;
}
.cotizador .cotizador__options--marcas .cotizador__search-input:focus {
  border-color: #ff5f0e;
  outline: none;
}
.cotizador .cotizador__options--marcas .cotizador__search-input::-webkit-search-cancel-button {
  cursor: pointer;
}
.cotizador .cotizador__options--marcas .cotizador__empty {
  margin: 6px 10px 10px;
  color: #6b7474;
  font-size: 13px;
  text-align: left;
}

.auto-search-modal .cotizador .cotizador__options--marcas .cotizador__search + .cotizador__scroll {
  max-height: min(200px, 100vh - 420px);
}

@media (max-width: 640px) {
  .auto-search-modal .cotizador .cotizador__dropdown.cotizador__options--marcas {
    position: relative;
    top: auto;
    left: auto;
  }
}
.cotizador .cotizador__total {
  display: block;
  min-height: 16px;
  color: #a3a8a8;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  pointer-events: none;
}
.cotizador .cotizador__total.is-empty {
  color: #ff8a50;
}

#section-cotizador .cotizador__submit {
  position: relative;
}
#section-cotizador .cotizador__submit .cotizador__total {
  position: absolute;
  top: calc(50% + 30px);
  right: 0;
  left: 0;
}

.auto-search-modal .cotizador .cotizador__submit {
  flex-direction: column;
  gap: 8px;
}

.cotizador .cotizador__submit button:disabled {
  background: #5d5d5d;
  color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
}

#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) {
  padding: 6px 6px 56px;
  border: 1px solid #e3e8e8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 40px -12px rgba(17, 21, 22, 0.28);
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li,
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li:hover,
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li.active,
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li:has(input:checked) {
  border-radius: 0;
  background: none;
  box-shadow: none;
  filter: none;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li + li {
  border-top: 1px solid #eef2f2;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__option {
  gap: 12px;
  padding: 11px 12px;
  border-radius: 0 !important;
  color: #6f7a7c;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li:hover .cotizador__option,
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li:has(input:checked) .cotizador__option {
  color: #111516;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li:has(input:checked) .cotizador__option-name {
  font-weight: 700;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) input[type=checkbox] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid #b8c1c3;
  border-radius: 3px;
  background: #fff no-repeat center/10px 10px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) input[type=checkbox]:checked {
  border-color: #ff5f0e;
  background-color: #ff5f0e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.6 8.8 10 3.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) input[type=checkbox]:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__count {
  color: #8a9393;
  font-size: 11px;
  font-weight: 600;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li.is-disabled .cotizador__option {
  color: #6f7a7c;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li.is-empty:not(.is-hidden) {
  opacity: 0.45;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li.is-empty:not(.is-hidden) .cotizador__option {
  cursor: not-allowed;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li.is-empty:not(.is-hidden) .cotizador__option-name {
  flex: 0 0 auto;
  overflow: visible;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) li.is-empty:not(.is-hidden) .cotizador__count {
  max-width: 55%;
  line-height: 1.25;
  text-align: right;
  text-transform: none;
  white-space: normal;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__select-all {
  border-top: 1px solid #eef2f2;
  background: #fff;
  box-shadow: none !important;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__select-all label {
  gap: 10px;
  padding: 14px 18px;
  color: #111516;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__select-all input[type=checkbox] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid #b8c1c3;
  border-radius: 3px;
  background: #fff no-repeat center/10px 10px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__select-all input[type=checkbox]:checked {
  border-color: #ff5f0e;
  background-color: #ff5f0e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.6 8.8 10 3.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__select-all input[type=checkbox]:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
#section-cotizador .cotizador__dropdown:not(.cotizador__options--carroceria) .cotizador__select-all input[type=checkbox] {
  margin-right: 0;
}

#section-cotizador .cotizador__options--tipo.cotizador__dropdown {
  padding-bottom: 6px !important;
}

#section-cotizador .cotizador__options--marcas .cotizador__search-input {
  height: 38px;
  border-color: #d9dfe0;
  border-radius: 6px;
  font-size: 13px;
}
#section-cotizador .cotizador__options--marcas .cotizador__brand-logo {
  flex-basis: 34px;
}

@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.auto-search-modal {
  align-items: flex-start;
  padding-top: max(32px, 8vh);
}

.auto-search-modal__dialog--wizard {
  display: flex;
  flex-direction: column;
  width: min(600px, 100%);
  height: auto;
  max-height: min(760px, 100vh - 64px);
  max-height: min(760px, 100dvh - 64px);
  overflow: hidden;
  border-radius: 10px;
}
.auto-search-modal.is-open .auto-search-modal__dialog--wizard {
  background: #fff !important;
}
.auto-search-modal__dialog--wizard .auto-search-modal__close {
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  background: #f1f4f4;
  transition: background-color 0.2s ease;
}
.auto-search-modal__dialog--wizard .auto-search-modal__close:hover {
  background: #e3e8e8;
}
.auto-search-modal__dialog--wizard .auto-search-modal__close:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
.auto-search-modal__dialog--wizard .auto-search-modal__content {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

@media (max-width: 640px) {
  .auto-search-modal {
    align-items: flex-end;
    padding: 0;
  }
  .auto-search-modal__dialog--wizard {
    width: 100%;
    max-height: calc(100vh - 12px);
    max-height: calc(100dvh - 12px);
    border-radius: 16px 16px 0 0;
  }
}
.mc-wiz {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  color: #111516;
  font-family: var(--mc-font-family-base);
  text-align: left;
}
.mc-wiz button {
  font-family: inherit;
}

.mc-wiz__head {
  display: flex;
  flex: none;
  align-items: center;
  gap: 12px;
  padding: 16px 68px 12px 20px;
}

.mc-wiz__back {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e3e8e8;
  border-radius: 5px;
  background: #fff;
  color: #111516;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.mc-wiz__back:hover {
  border-color: #111516;
}
.mc-wiz__back[hidden] {
  display: none;
}

.mc-wiz__meta {
  flex: 1 1 auto;
  min-width: 0;
}

.mc-wiz__step-label {
  margin: 0 0 7px;
  color: #111516;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.mc-wiz__progress {
  overflow: hidden;
  height: 4px;
  border-radius: 999px;
  background: #f1f4f4;
}

.mc-wiz__bar {
  display: block;
  width: 20%;
  height: 100%;
  border-radius: inherit;
  background: #ff5f0e;
  transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.mc-wiz__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 10px 24px 28px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.mc-wiz__step[hidden] {
  display: none;
}
.mc-wiz__step.is-in-next {
  animation: mc-wiz-in-next 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.mc-wiz__step.is-in-prev {
  animation: mc-wiz-in-prev 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes mc-wiz-in-next {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes mc-wiz-in-prev {
  from {
    opacity: 0;
    transform: translateX(-28px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.mc-wiz__q {
  margin: 0;
  color: #111516;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  outline: none;
}
.mc-wiz__q strong {
  color: #ff5f0e;
  font-weight: inherit;
}
@media (min-width: 641px) {
  .mc-wiz__q {
    font-size: 30px;
  }
}

.mc-wiz__hint {
  margin: 6px 0 0;
  color: #6f7a7c;
  font-size: 14px;
  line-height: 1.4;
}

.mc-wiz__list {
  margin-top: 18px;
  border-top: 1px solid #eef2f2;
}

.mc-wiz__opt {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 64px;
  margin: 0;
  padding: 12px 6px;
  border: 0;
  border-bottom: 1px solid #eef2f2;
  border-radius: 0;
  background: none;
  color: #111516;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.mc-wiz__opt:hover:not(:disabled) {
  background: #f7f9f9;
}
.mc-wiz__opt:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: -2px;
}
.mc-wiz__opt[aria-pressed=true] .mc-wiz__icon {
  background: #fde7db;
}
.mc-wiz__opt:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.mc-wiz__opt[hidden] {
  display: none;
}

.mc-wiz__opt--plain {
  min-height: 56px;
  padding-left: 8px;
}

.mc-wiz__icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f1f4f4;
  transition: background-color 0.2s ease;
}
.mc-wiz__icon img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.mc-wiz__logo {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 30px;
}
.mc-wiz__logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.mc-wiz__txt {
  flex: 1 1 auto;
  min-width: 0;
}
.mc-wiz__txt strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
}
.mc-wiz__txt small {
  display: block;
  margin-top: 3px;
  color: #6f7a7c;
  font-size: 13px;
  line-height: 1.3;
}

.mc-wiz__count {
  flex: none;
  color: #8a9393;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.mc-wiz__count:empty {
  display: none;
}

.mc-wiz__opt.is-empty .mc-wiz__count {
  max-width: 48%;
  font-weight: 500;
  letter-spacing: 0;
  text-align: right;
  text-transform: none;
  white-space: normal;
}

.mc-wiz__check {
  flex: none;
  width: 18px;
  height: 18px;
  border: 1px solid #b8c1c3;
  border-radius: 3px;
  background: #fff no-repeat center/11px 11px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
[aria-pressed=true] > .mc-wiz__check {
  border-color: #ff5f0e;
  background-color: #ff5f0e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.6 8.8 10 3.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mc-wiz__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}
@media (min-width: 560px) {
  .mc-wiz__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.mc-wiz__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 112px;
  margin: 0;
  padding: 16px 8px 12px;
  border: 1px solid #e3e8e8;
  border-radius: 6px;
  background: #fff;
  color: #6f7a7c;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.mc-wiz__card strong {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.mc-wiz__card .mc-wiz__check {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background-size: 10px 10px;
}
.mc-wiz__card:hover:not(:disabled) {
  border-color: #9aa3a6;
  color: #111516;
}
.mc-wiz__card:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
.mc-wiz__card[aria-pressed=true] {
  border-color: #ff5f0e;
  color: #111516;
}
.mc-wiz__card[aria-pressed=true] .mc-wiz__body-icon {
  color: #ff5f0e;
}
.mc-wiz__card:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.mc-wiz__body-icon {
  display: block;
  width: 64px;
  height: 32px;
  margin-bottom: 4px;
  color: #6b7476;
  transition: color 0.2s ease;
}
.mc-wiz__body-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.mc-wiz__search {
  position: sticky;
  top: -10px;
  z-index: 1;
  margin: 16px -4px 0;
  padding: 8px 4px;
  background: #fff;
}

.mc-wiz__search-input {
  display: block;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 14px 0 40px;
  border: 1px solid #d9dfe0;
  border-radius: 6px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6466' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px center/17px 17px;
  color: #111516;
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
}
.mc-wiz__search-input::placeholder {
  color: #8a9393;
}
.mc-wiz__search-input:focus {
  border-color: #ff5f0e;
  outline: none;
}

.mc-wiz__list--brands {
  margin-top: 8px;
}

.mc-wiz__empty {
  margin: 16px 0 0;
  color: #6f7a7c;
  font-size: 14px;
}

.mc-wiz__mode {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  margin: 18px 0 0;
  padding: 14px 6px;
  border: 0;
  background: none;
  color: #6f7a7c;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.mc-wiz__mode strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #b8480a;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.mc-wiz__mode strong::after {
  content: "→";
  font-size: 14px;
  transition: transform 0.2s ease;
}
.mc-wiz__mode:hover strong::after {
  transform: translateX(3px);
}
.mc-wiz__mode:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
.mc-wiz__mode[hidden] {
  display: none;
}

.mc-wiz__mode--result {
  align-items: center;
  max-width: 380px;
  margin: 18px auto 0;
  border-top: 1px solid #eef2f2;
  text-align: center;
}

.mc-wiz__more {
  display: block;
  width: 100%;
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid #eef2f2;
  border-radius: 6px;
  background: #f1f4f4;
  color: #6f7a7c;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}
.mc-wiz__more strong {
  display: inline-block;
  margin-left: 4px;
  color: #111516;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-decoration: underline;
  text-transform: uppercase;
}
.mc-wiz__more:hover strong {
  color: #b8480a;
}
.mc-wiz__more:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
.mc-wiz__more[hidden] {
  display: none;
}

.mc-wiz__step--result {
  padding-top: 18px;
  text-align: center;
}
.mc-wiz__step--result .mc-wiz__q {
  font-size: 30px;
}
@media (min-width: 641px) {
  .mc-wiz__step--result .mc-wiz__q {
    font-size: 34px;
  }
}

.mc-wiz__step--result .mc-wiz__hint {
  margin-top: 10px;
  font-size: 16px;
}
.mc-wiz__step--result .mc-wiz__hint[hidden] {
  display: none;
}

.mc-wiz__actions {
  display: grid;
  gap: 10px;
  max-width: 380px;
  margin: 24px auto 0;
}

.mc-wiz__refine {
  min-height: 52px;
  padding: 0 20px;
  border: 2px solid #000;
  border-radius: 5px;
  background: #fff;
  color: #000;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.mc-wiz__refine:hover {
  background: #000;
  color: #fff;
}
.mc-wiz__refine:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}
.mc-wiz__refine[hidden] {
  display: none;
}

.mc-wiz__summary-label {
  margin: 30px 0 0;
  color: #111516;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mc-wiz__summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.mc-wiz__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 7px 10px;
  border: 0;
  border-radius: 3px;
  background: #ff5f0e;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.mc-wiz__chip::after {
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4l10.5-10.5a2.1 2.1 0 0 0-3-3L5 17v3z'/%3E%3C/svg%3E") no-repeat center/contain;
  content: "";
}
.mc-wiz__chip:hover {
  background: #d94f09;
}
.mc-wiz__chip:focus-visible {
  outline: 2px solid #111516;
  outline-offset: 2px;
}

.mc-wiz__cta {
  display: block;
  margin: 0;
  padding: 17px 22px;
  border-radius: 5px;
  background: #ff5f0e;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.mc-wiz__cta:hover, .mc-wiz__cta:focus-visible {
  background: #d94f09;
  color: #fff;
}
.mc-wiz__cta:focus-visible {
  outline: 2px solid #111516;
  outline-offset: 3px;
}

.mc-wiz__restart {
  margin: 14px auto 0;
  padding: 10px 14px;
  border: 0;
  border-radius: 5px;
  background: none;
  color: #6f7a7c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.mc-wiz__restart:hover {
  background: #f1f4f4;
  color: #111516;
}

.mc-wiz__foot {
  display: flex;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
  border-top: 1px solid #eef2f2;
  background: #fff;
}
.mc-wiz__foot[hidden] {
  display: none;
}

.mc-wiz__live {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  margin: 0 0 0 4px;
  color: #111516;
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.mc-wiz__live.is-empty {
  color: #c2410c;
}

.mc-wiz__skip,
.mc-wiz__next {
  flex: none;
  min-height: 46px;
  margin: 0;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.mc-wiz__skip[hidden],
.mc-wiz__next[hidden] {
  display: none;
}
.mc-wiz__skip:focus-visible,
.mc-wiz__next:focus-visible {
  outline: 2px solid #ff5f0e;
  outline-offset: 2px;
}

.mc-wiz__skip {
  padding: 0 14px;
  background: none;
  color: #6f7a7c;
}
.mc-wiz__skip:hover {
  background: #f1f4f4;
  color: #111516;
}

.mc-wiz__next {
  padding: 0 24px;
  border: 2px solid #000;
  background: #000;
  color: #fff;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.mc-wiz__next:hover {
  border-color: #ff5f0e;
  background: #ff5f0e;
}

#section-cotizador .cotizador-launcher {
  margin: 0 auto;
  max-width: 520px;
}

.cotizador-launcher__q {
  margin: -6px 0 14px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.cotizador-launcher__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.cotizador-launcher__opt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 112px;
  margin: 0;
  padding: 12px 6px;
  border: 4px solid #fff;
  border-radius: 10px;
  background: #fff;
  color: #111516;
  font-family: inherit;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.cotizador-launcher__opt:hover, .cotizador-launcher__opt:focus-visible {
  border-color: #ff5f0e;
}
.cotizador-launcher__opt:hover .cotizador-launcher__icon, .cotizador-launcher__opt:focus-visible .cotizador-launcher__icon {
  background: #fde7db;
}
.cotizador-launcher__opt:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.cotizador-launcher__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f1f4f4;
  transition: background-color 0.2s ease;
}
.cotizador-launcher__icon img {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.cotizador-launcher__label {
  max-width: 100%;
  font-size: 12px;
  text-align: center;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.cotizador-launcher__all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  margin: 12px 0 0;
  padding: 0 18px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.cotizador-launcher__all:hover, .cotizador-launcher__all:focus-visible {
  border-color: #ff5f0e;
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .mc-wiz__step.is-in-next,
  .mc-wiz__step.is-in-prev {
    animation: none;
  }
  .mc-wiz__bar,
  .mc-wiz__opt,
  .mc-wiz__card,
  .mc-wiz__icon,
  .mc-wiz__check {
    transition: none;
  }
}

.mc-404 {
  padding: 56px 0 110px;
}
@media (max-width: 767.98px) {
  .mc-404 {
    padding: 28px 0 90px;
  }
}

.mc-404__card {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 48px 40px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  text-align: center;
}
@media (max-width: 767.98px) {
  .mc-404__card {
    padding: 32px 20px 28px;
  }
}

.mc-404__code {
  margin: 0 0 4px;
  color: #dde4e4;
  font-size: 6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (max-width: 767.98px) {
  .mc-404__code {
    font-size: 4.25rem;
  }
}

.mc-404__title {
  margin: 0 0 12px;
  color: #111;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
}
@media (max-width: 767.98px) {
  .mc-404__title {
    font-size: 1.5rem;
  }
}

.mc-404__text {
  max-width: 520px;
  margin: 0 auto 28px;
  color: #555;
  font-size: 1rem;
  line-height: 1.6;
}

.mc-404__search {
  display: flex;
  max-width: 520px;
  margin: 0 auto 32px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.mc-404__search:focus-within {
  border-color: #ff5f0e;
}

.mc-404__input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  color: #111;
  font-size: 1rem;
}
.mc-404__input:focus {
  outline: none;
}

.mc-404__submit {
  flex: 0 0 auto;
  padding: 0 22px;
  border: 0;
  background: #111;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.mc-404__submit:hover, .mc-404__submit:focus-visible {
  background: #ff5f0e;
}

.mc-404__accesos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
@media (max-width: 575.98px) {
  .mc-404__accesos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mc-404__acceso {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 12px 14px;
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #f6f6f6;
  color: #111;
  font-size: 0.95rem;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.mc-404__acceso img {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.mc-404__acceso:hover, .mc-404__acceso:focus-visible {
  border-color: #ff5f0e;
  background: #fff;
  color: #111;
}
@media (max-width: 575.98px) {
  .mc-404__acceso {
    gap: 8px;
    padding: 10px;
    font-size: 0.88rem;
  }
  .mc-404__acceso img {
    width: 30px;
    height: 30px;
  }
}

.mc-404__acciones {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.mc-404__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 14px 24px;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  background: #fff;
  color: #111;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.mc-404__btn:hover, .mc-404__btn:focus-visible {
  border-color: #111;
  color: #111;
}
.mc-404__btn--primario {
  border-color: #111;
  background: #111;
  color: #fff;
}
.mc-404__btn--primario:hover, .mc-404__btn--primario:focus-visible {
  border-color: #ff5f0e;
  background: #ff5f0e;
  color: #fff;
}
@media (max-width: 575.98px) {
  .mc-404__btn {
    flex: 1 1 0;
    min-width: 0;
  }
}

.mc-form-is-hidden {
  display: none !important;
}

.mc-form-success {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 36px 20px 32px;
  text-align: center;
  outline: none;
}
@media (prefers-reduced-motion: no-preference) {
  .mc-form-success {
    animation: mcFormSuccessIn var(--mc-dur-3, 400ms) var(--mc-ease, ease-out) both;
  }
}

.mc-form-success--tarjeta {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  margin: 0 auto;
  max-width: 1040px;
  padding: 48px 24px 44px;
}

.mc-form-success__icon {
  align-items: center;
  background: #fff1e8;
  border-radius: 50%;
  color: #ff5f0e;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  margin-bottom: 6px;
  width: 60px;
}

.mc-form-success__title {
  color: #111;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
}

.mc-form-success__text {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.45;
  margin: 0;
  max-width: 340px;
}

.mc-form-success__btn {
  background: #111;
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 14px;
  min-height: 42px;
  padding: 0 26px;
  text-transform: uppercase;
  transition: background var(--mc-dur-1, 150ms) ease;
}
.mc-form-success__btn:focus-visible {
  background: #ff5f0e;
}
@media (hover: hover) {
  .mc-form-success__btn:hover {
    background: #ff5f0e;
  }
}

.mc-form-alert {
  background: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 10px;
  color: #b42318;
  font-size: 14px;
  line-height: 1.4;
  padding: 12px 16px;
  text-align: left;
}

@keyframes mcFormSuccessIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 992px) {
  body .mc-card.card-brand .card-brand__logo {
    height: 160px;
  }
  body .mc-card.card-brand .card-brand__badge {
    top: 149px;
  }
  body .mc-card.card-concesionario--used .card-concesionario__logo,
  body .mc-card.card-servicio .card-servicio__logo {
    height: 180px;
  }
  body .mc-card.card-concesionario--used .card-concesionario__badge,
  body .mc-card.card-servicio .card-servicio__badge {
    top: 169px;
  }
  body .mc-card .card-brand__title,
  body .mc-card .card-concesionario__title,
  body .mc-card .card-servicio__title {
    margin-bottom: 8px;
  }
}

.card-auto__image .card-auto__destacado {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  max-width: calc(50% - 12px);
  padding: 3px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #d8dede;
  color: #0b7a3e;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1.1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}