/*
  Archivo CSS para la plantilla de Mercados CDMX.
  Los estilos están encapsulados bajo la clase .mercados-cdmx-template
  para evitar conflictos con otros estilos del tema.
*/

.mercados-cdmx-template {
  /* 1. VARIABLES GLOBALES CON PREFIJO "mix-" */
  --mix-color-primary: #38bdf8;
  --mix-color-primary-light: #7dd3fc;
  --mix-color-secondary: #a78bfa;
  --mix-color-background: #0f172a;
  --mix-color-surface: #1e293b;
  --mix-color-surface-translucent-rgb: 51, 65, 85; /* Para efectos de vidrio */
  --mix-color-text-primary: #f1f5f9;
  --mix-color-text-secondary: #94a3b8;
  --mix-color-text-light-gray: #dadada;
  --mix-color-border: #334155;
  --mix-color-white: #fff;
  --mix-color-black-gradient-start: #0f2027; /* Para gradiente de la galería */

  /* Tipografía */
  --mix-font-family-main: 'Inter', sans-serif;
  --mix-font-family-accent: 'Roboto', sans-serif;
  
  /* Tamaños de Fuente */
  --mix-font-size-base: 16px;
  --mix-font-size-h1: 3rem;
  --mix-font-size-h2: 2.25rem;
  --mix-font-size-h3: 1.5rem;
  --mix-font-size-p: 1.1rem;
  --mix-font-size-small: 1rem;
  --mix-font-size-gallery-heading: clamp(3.4375rem, 3.25rem + 0.75vw, 4rem);
  --mix-font-size-swiper-heading: 1.4rem;
  --mix-font-size-swiper-p: 0.75rem;
}

/* 2. BASE Y PREFLIGHT (Tailwind CSS v3.4.1) */
.mercados-cdmx-template *,
.mercados-cdmx-template ::before,
.mercados-cdmx-template ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
.mercados-cdmx-template ::before,
.mercados-cdmx-template ::after {
  --tw-content: '';
}
.mercados-cdmx-template html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
}
.mercados-cdmx-template body {
  margin: 0px!important;
  line-height: inherit;
}
.mercados-cdmx-template hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
.mercados-cdmx-template h1,
.mercados-cdmx-template h2,
.mercados-cdmx-template h3,
.mercados-cdmx-template h4,
.mercados-cdmx-template h5,
.mercados-cdmx-template h6 {
  font-size: inherit;
  font-weight: inherit;
}
.mercados-cdmx-template a {
  color: inherit;
  text-decoration: inherit;
}
.mercados-cdmx-template b,
.mercados-cdmx-template strong {
  font-weight: bolder;
}
.mercados-cdmx-template code,
.mercados-cdmx-template kbd,
.mercados-cdmx-template samp,
.mercados-cdmx-template pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
.mercados-cdmx-template small {
  font-size: 80%;
}
.mercados-cdmx-template sub,
.mercados-cdmx-template sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.mercados-cdmx-template sub {
  bottom: -0.25em;
}
.mercados-cdmx-template sup {
  top: -0.5em;
}
.mercados-cdmx-template table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
.mercados-cdmx-template button,
.mercados-cdmx-template input,
.mercados-cdmx-template optgroup,
.mercados-cdmx-template select,
.mercados-cdmx-template textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
.mercados-cdmx-template button,
.mercados-cdmx-template select {
  text-transform: none;
}
.mercados-cdmx-template button,
.mercados-cdmx-template [type='button'],
.mercados-cdmx-template [type='reset'],
.mercados-cdmx-template [type='submit'] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
.mercados-cdmx-template :-moz-focusring {
  outline: auto;
}
.mercados-cdmx-template :-moz-ui-invalid {
  box-shadow: none;
}
.mercados-cdmx-template progress {
  vertical-align: baseline;
}
.mercados-cdmx-template ::-webkit-inner-spin-button,
.mercados-cdmx-template ::-webkit-outer-spin-button {
  height: auto;
}
.mercados-cdmx-template [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.mercados-cdmx-template ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.mercados-cdmx-template ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.mercados-cdmx-template summary {
  display: list-item;
}
.mercados-cdmx-template blockquote,
.mercados-cdmx-template dl,
.mercados-cdmx-template dd,
.mercados-cdmx-template h1,
.mercados-cdmx-template h2,
.mercados-cdmx-template h3,
.mercados-cdmx-template h4,
.mercados-cdmx-template h5,
.mercados-cdmx-template h6,
.mercados-cdmx-template hr,
.mercados-cdmx-template figure,
.mercados-cdmx-template p,
.mercados-cdmx-template pre {
  margin: 0;
}
.mercados-cdmx-template fieldset {
  margin: 0;
  padding: 0;
}
.mercados-cdmx-template legend {
  padding: 0;
}
.mercados-cdmx-template ol,
.mercados-cdmx-template ul,
.mercados-cdmx-template menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mercados-cdmx-template dialog {
  padding: 0;
}
.mercados-cdmx-template textarea {
  resize: vertical;
}
.mercados-cdmx-template input::placeholder,
.mercados-cdmx-template textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
.mercados-cdmx-template button,
.mercados-cdmx-template [role="button"] {
  cursor: pointer;
}
.mercados-cdmx-template :disabled {
  cursor: default;
}
.mercados-cdmx-template img,
.mercados-cdmx-template svg,
.mercados-cdmx-template video,
.mercados-cdmx-template canvas,
.mercados-cdmx-template audio,
.mercados-cdmx-template iframe,
.mercados-cdmx-template embed,
.mercados-cdmx-template object {
  display: block;
  vertical-align: middle;
}
.mercados-cdmx-template img,
.mercados-cdmx-template video {
  max-width: 100%;
  height: auto;
}
.mercados-cdmx-template [hidden] {
  display: none;
}
.mercados-cdmx-template *, .mercados-cdmx-template ::before, .mercados-cdmx-template ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }

/* 3. ESTILOS GENERALES Y DE TIPOGRAFÍA */
.mercados-cdmx-template { 
  font-family: var(--mix-font-family-main);
  background-color: var(--mix-color-background); 
  color: var(--mix-color-text-secondary); 
  line-height: 1.6; 
  overflow-x: hidden; 
}
.mercados-cdmx-template h1,.mercados-cdmx-template h2,.mercados-cdmx-template h3,.mercados-cdmx-template p { 
  margin: 0; 
  padding: 0;
}
.mercados-cdmx-template h1 { 
  color: var(--mix-color-text-primary); 
  font-size: var(--mix-font-size-h1); 
}
.mercados-cdmx-template h2 { 
  color: var(--mix-color-text-primary); 
  font-size: var(--mix-font-size-h2); 
}
.mercados-cdmx-template h3 { 
  color: var(--mix-color-text-primary); 
  font-size: var(--mix-font-size-h3); 
}
.mercados-cdmx-template p { 
  font-size: var(--mix-font-size-p); 
}

/* 4. COMPONENTES Y SECCIONES */

/* Botones */
.mercados-cdmx-template .button-primary { 
  background-color: var(--mix-color-primary); 
  color: var(--mix-color-background); 
  font-weight: bold; 
  padding: 0.75rem 2rem; 
  border-radius: 9999px; 
  font-size: var(--mix-font-size-p); 
  transition: all 0.3s ease; 
  transform-origin: center; 
  display: inline-block; 
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); 
}
.mercados-cdmx-template .button-primary:hover { 
  transform: scale(1.05); 
  background-color: var(--mix-color-primary-light); 
  box-shadow: 0 10px 15px -3px rgba(56, 189, 248, 0.3), 0 4px 6px -4px rgba(56, 189, 248, 0.3); 
  color: var(--mix-color-background); 
}

/* Efectos y Fondos */
.mercados-cdmx-template .section-bg { 
  background-color: var(--mix-color-surface); 
}
.mercados-cdmx-template .mix-hero-gradient { 
  background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.15), transparent 40%), linear-gradient(180deg, var(--mix-color-background) 0%, var(--mix-color-background) 100%); 
}
.mercados-cdmx-template .mix-glass-effect { 
  background: rgba(var(--mix-color-surface-translucent-rgb), 0.6); 
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
  border-left: 4px solid var(--mix-color-primary); 
  border-right: 1px solid var(--mix-color-border); 
  border-top: 1px solid var(--mix-color-border); 
  border-bottom: 1px solid var(--mix-color-border); 
}
.mercados-cdmx-template .mix-text-gradient { 
  background: linear-gradient(90deg, var(--mix-color-primary), var(--mix-color-secondary)); 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  background-clip: text; 
  text-fill-color: transparent; 
}

/* Sección Historia */
.mercados-cdmx-template .mix-historia-parrafo { 
  opacity: 0; 
  max-height: 0; 
  overflow: hidden; 
  transition: opacity 0.6s ease-out, max-height 0.8s ease-in-out, margin-top 0.6s ease-in-out; 
  margin-top: 0 !important; 
  margin-bottom: 0 !important; 
}
.mercados-cdmx-template .mix-historia-parrafo.mix-parrafo-visible { 
  opacity: 1; 
  max-height: 1000px; 
  margin-top: 1.25rem !important; 
}
.mercados-cdmx-template .mix-historia-parrafo.mix-parrafo-visible:first-child { 
  margin-top: 0 !important; 
}

/* Sección Guía Comprador */
.mercados-cdmx-template #mix-guia-comprador .relative > .absolute.-top-6 {
    transform: translateX(-50%);
}

.mercados-cdmx-template .mix-lista-iconos {
  list-style: none;
  padding-left: 0;
}
.mercados-cdmx-template .mix-lista-iconos li {
  position: relative;
  padding-left: 1.75rem; /* Espacio para el icono */
}
.mercados-cdmx-template .mix-lista-iconos li::before {
  content: '\f00c'; /* Código Unicode para el icono de check (verificación) en Font Awesome 6 */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900; /* Para iconos sólidos */
  position: absolute;
  left: 0;
  top: 2px; /* Ajuste vertical fino */
  color: var(--mix-color-primary);
  font-size: 0.875rem; /* Tamaño del icono */
}


/* Sección Galería y Swiper */
.mercados-cdmx-template #mix-galeria .galeria-container { 
  width: calc(min(90rem, 90%)); 
  margin: 0 auto; 
  column-gap: 3rem; 
}
.mercados-cdmx-template #mix-galeria .galeria-texto span { 
  text-transform: uppercase; 
  letter-spacing: 1.5px; 
  font-size: var(--mix-font-size-small); 
  color: var(--mix-color-text-secondary); 
}
.mercados-cdmx-template #mix-galeria .galeria-texto h2 { 
  text-transform: capitalize; 
  letter-spacing: 0.8px; 
  font-family: var(--mix-font-family-accent); 
  font-weight: 900; 
  font-size: var(--mix-font-size-gallery-heading); 
  background-color: var(--mix-color-primary); 
  background-image: linear-gradient(45deg, var(--mix-color-primary), var(--mix-color-secondary)); 
  background-size: 100%; 
  background-repeat: repeat; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text; 
  -moz-text-fill-color: transparent; 
}
.mercados-cdmx-template #mix-galeria .galeria-texto hr { 
  display: block; 
  background: var(--mix-color-primary); 
  height: 0.25rem; 
  width: 6.25rem; 
  border: none; 
  margin: 1.125rem 0 1.875rem 0; 
}
.mercados-cdmx-template #mix-galeria .galeria-texto p { 
  line-height: 1.6; 
  color: var(--mix-color-text-secondary); 
}
.mercados-cdmx-template .swiper { 
  width: 100%; 
  padding-top: 3.125rem; 
}
.mercados-cdmx-template .swiper-pagination-bullet, .mercados-cdmx-template .swiper-pagination-bullet-active { 
  background: var(--mix-color-white); 
}
.mercados-cdmx-template .swiper-pagination { 
  bottom: 1.25rem !important; 
}
.mercados-cdmx-template .swiper-slide { 
  width: 18.75rem; 
  height: 28.125rem; 
  border-radius: 0.5rem; 
  display: flex; 
  flex-direction: column; 
  justify-content: end; 
  align-items: self-start; 
}
.mercados-cdmx-template .swiper-slide h2 { 
  color: var(--mix-color-white); 
  font-family: var(--mix-font-family-accent); 
  font-weight: 400; 
  font-size: var(--mix-font-size-swiper-heading); 
  line-height: 1.4; 
  margin-bottom: 0.625rem; 
  padding: 0 0 0 1.563rem; 
  text-transform: uppercase; 
}
.mercados-cdmx-template .swiper-slide p { 
  color: var(--mix-color-text-light-gray); 
  font-family: var(--mix-font-family-accent); 
  font-weight: 300; 
  padding: 0 1.563rem; 
  line-height: 1.6; 
  font-size: var(--mix-font-size-swiper-p); 
  display: -webkit-box; 
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical; 
  overflow: hidden; 
}
.mercados-cdmx-template .swiper-slide div { 
  display: none; 
  opacity: 0; 
  padding-bottom: 4.5rem; 
  transition: opacity 0.3s ease-in-out; 
}
.mercados-cdmx-template .swiper-slide-active div { 
  display: block; 
  opacity: 1; 
}
.mercados-cdmx-template .swiper-slide--1 { background: linear-gradient(to top, var(--mix-color-black-gradient-start), #203a4300, #2c536400), url("https://acuariosmexico.com.mx/wp-content/uploads/2024/09/acuario3-600x339.jpg") no-repeat 50% 50% / cover; }
.mercados-cdmx-template .swiper-slide--2 { background: linear-gradient(to top, var(--mix-color-black-gradient-start), #203a4300, #2c536400), url("https://acuariosmexico.com.mx/wp-content/uploads/2024/09/acuario14.jpg") no-repeat 50% 50% / cover; }
.mercados-cdmx-template .swiper-slide--3 { background: linear-gradient(to top, var(--mix-color-black-gradient-start), #203a4300, #2c536400), url("https://acuariosmexico.com.mx/wp-content/uploads/2024/09/acuario6.jpg") no-repeat 50% 50% / cover; }
.mercados-cdmx-template .swiper-slide--4 { background: linear-gradient(to top, var(--mix-color-black-gradient-start), #203a4300, #2c536400), url("https://acuariosmexico.com.mx/wp-content/uploads/2024/09/acuario8.jpg") no-repeat 50% 50% / cover; }
.mercados-cdmx-template .swiper-slide--5 { background: linear-gradient(to top, var(--mix-color-black-gradient-start), #203a4300, #2c536400), url("https://acuariosmexico.com.mx/wp-content/uploads/2024/09/acuario13.jpg") no-repeat 50% 50% / cover; }
.mercados-cdmx-template .swiper-slide--6 { background: linear-gradient(to top, var(--mix-color-black-gradient-start), #203a4300, #2c536400), url("https://acuariosmexico.com.mx/wp-content/uploads/2024/09/acuario22.jpg") no-repeat 50% 50% / cover; }

.mercados-cdmx-template .swiper-3d .swiper-slide-shadow-left, .mercados-cdmx-template .swiper-3d .swiper-slide-shadow-right { 
  background-image: none; 
}

/* Sección FAQ */
.mercados-cdmx-template .mix-faq-item .mix-faq-question i { 
  transition: transform 0.3s ease-in-out; 
}

/* Banners CTA */
.mercados-cdmx-template #banner-cta-1 { 
  background-image: url('https://aquanovaonline.com.mx/landing-img/angel-koi-cabeza-amarilla.webp'); 
  background-size: cover; 
  background-position: center center; 
}
.mercados-cdmx-template #banner-cta-2 { 
  background-image: url('https://acuariosmexico.com.mx/wp-content/uploads/2024/09/acuario13.jpg'); 
  background-size: cover; 
  background-position: center center; 
}


/* 5. CLASES DE UTILIDAD Y ANIMACIONES */
.mercados-cdmx-template .mix-reveal-on-scroll { 
  opacity: 0; 
  transform: translateY(30px); 
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; 
}
.mercados-cdmx-template .mix-reveal-on-scroll.is-visible { 
  opacity: 1; 
  transform: translateY(0); 
}


/* 6. MEDIA QUERIES */
@media screen and (min-width: 48rem) { 
  .mercados-cdmx-template #mix-galeria .galeria-container { 
    display: flex; 
    align-items: center; 
  } 
}
@media screen and (min-width: 93.75rem) { 
  .mercados-cdmx-template .swiper { 
    width: 85%; 
  } 
}


/* 7. CLASES DE UTILIDAD DE TAILWIND (Sin modificar para preservar el diseño) */
.mercados-cdmx-template .container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){.mercados-cdmx-template .container{max-width:640px}}@media (min-width:768px){.mercados-cdmx-template .container{max-width:768px}}@media (min-width:1024px){.mercados-cdmx-template .container{max-width:1024px}}@media (min-width:1280px){.mercados-cdmx-template .container{max-width:1280px}}@media (min-width:1536px){.mercados-cdmx-template .container{max-width:1536px}}.mercados-cdmx-template .absolute{position:absolute}.mercados-cdmx-template .relative{position:relative}.mercados-cdmx-template .-top-6{top:-1.5rem}.mercados-cdmx-template .inset-0{inset:0}.mercados-cdmx-template .left-1\/2{left:50%}.mercados-cdmx-template .z-10{z-index:10}.mercados-cdmx-template .-mt-20{margin-top:-5rem}.mercados-cdmx-template .mx-auto{margin-left:auto;margin-right:auto}.mercados-cdmx-template .mb-10{margin-bottom:2.5rem}.mercados-cdmx-template .mb-12{margin-bottom:3rem}.mercados-cdmx-template .mb-16{margin-bottom:4rem}.mercados-cdmx-template .mb-2{margin-bottom:.5rem}.mercados-cdmx-template .mb-24{margin-bottom:6rem}.mercados-cdmx-template .mb-4{margin-bottom:2.5rem}.mercados-cdmx-template .mb-6{margin-bottom:1.5rem}.mercados-cdmx-template .mb-8{margin-bottom:2rem}.mercados-cdmx-template .ml-2{margin-left:.5rem}.mercados-cdmx-template .ml-3{margin-left:.75rem}.mercados-cdmx-template .mr-2{margin-right:.5rem}.mercados-cdmx-template .mt-2{margin-top:.5rem}.mercados-cdmx-template .mt-4{margin-top:1rem}.mercados-cdmx-template .mt-8{margin-top:2rem}.mercados-cdmx-template .hidden{display:none}.mercados-cdmx-template .h-12{height:3rem}.mercados-cdmx-template .h-48{height:12rem}.mercados-cdmx-template .max-h-0{max-height:0px}.mercados-cdmx-template .w-12{width:3rem}.mercados-cdmx-template .w-48{width:12rem}.mercados-cdmx-template .w-6{width:1.5rem}.mercados-cdmx-template .w-full{width:100%}.mercados-cdmx-template .max-w-2xl{max-width:42rem}.mercados-cdmx-template .max-w-3xl{max-width:48rem}.mercados-cdmx-template .max-w-4xl{max-width:56rem}.mercados-cdmx-template .shrink-0{flex-shrink:0}.mercados-cdmx-template .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mercados-cdmx-template .translate-x-0{--tw-translate-x:0px}.mercados-cdmx-template .translate-y-0{--tw-translate-y:0px}.mercados-cdmx-template .-translate-x-1\/2{--tw-translate-x:-50%}.mercados-cdmx-template .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mercados-cdmx-template .list-outside{list-style-position:outside}.mercados-cdmx-template .grid{display:grid}.mercados-cdmx-template .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mercados-cdmx-template .flex{display:flex}.mercados-cdmx-template .inline-flex{display:inline-flex}.mercados-cdmx-template .items-start{align-items:flex-start}.mercados-cdmx-template .items-center{align-items:center}.mercados-cdmx-template .justify-center{justify-content:center}.mercados-cdmx-template .justify-between{justify-content:space-between}.mercados-cdmx-template .gap-12{gap:3rem}.mercados-cdmx-template .gap-3{gap:.75rem}.mercados-cdmx-template .gap-8{gap:2rem}.mercados-cdmx-template .gap-x-8{column-gap:2rem}.mercados-cdmx-template .gap-y-24{row-gap:6rem}.mercados-cdmx-template .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.mercados-cdmx-template .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.mercados-cdmx-template .overflow-hidden{overflow:hidden}.mercados-cdmx-template .rounded-full{border-radius:9999px}.mercados-cdmx-template .rounded-lg{border-radius:.5rem}.mercados-cdmx-template .rounded-xl{border-radius:.75rem}.mercados-cdmx-template .border-4{border-width:4px}.mercados-cdmx-template .bg-fixed{background-attachment:fixed}.mercados-cdmx-template .bg-slate-900\/80{background-color:rgb(19 28 51)}.mercados-cdmx-template .p-5{padding:1.25rem}.mercados-cdmx-template .p-6{padding:1.5rem}.mercados-cdmx-template .p-8{padding:2rem}.mercados-cdmx-template .pb-32{padding-bottom:8rem}.mercados-cdmx-template .pl-5{padding-left:1.25rem}.mercados-cdmx-template .pt-0{padding-top:0}.mercados-cdmx-template .pt-1{padding-top:.25rem}.mercados-cdmx-template .pt-12{padding-top:3rem}.mercados-cdmx-template .pt-24{padding-top:6rem}.mercados-cdmx-template .px-10{padding-left:2.5rem;padding-right:2.5rem}.mercados-cdmx-template .px-4{padding-left:1rem;padding-right:1rem}.mercados-cdmx-template .px-6{padding-left:1.5rem;padding-right:1.5rem}.mercados-cdmx-template .py-20{padding-top:5rem;padding-bottom:5rem}.mercados-cdmx-template .py-24{padding-top:6rem;padding-bottom:6rem}.mercados-cdmx-template .py-4{padding-top:1rem;padding-bottom:1rem}.mercados-cdmx-template .text-center{text-align:center}.mercados-cdmx-template .text-left{text-align:left}.mercados-cdmx-template .text-2xl{font-size:1.5rem;line-height:2rem}.mercados-cdmx-template .text-3xl{font-size:1.875rem;line-height:2.25rem}.mercados-cdmx-template .text-4xl{font-size:2.25rem;line-height:3rem}.mercados-cdmx-template .text-lg{font-size:1.125rem;line-height:1.75rem}.mercados-cdmx-template .text-sm{font-size:.875rem;line-height:1.25rem}.mercados-cdmx-template .text-xl{font-size:1.25rem;line-height:1.75rem}.mercados-cdmx-template .font-bold{font-weight:700}.mercados-cdmx-template .font-extrabold{font-weight:800}.mercados-cdmx-template .font-semibold{font-weight:600}.mercados-cdmx-template .leading-relaxed{line-height:1.625}.mercados-cdmx-template .leading-tight{line-height:1.25}.mercados-cdmx-template .text-green-400{color:#4ade80}.mercados-cdmx-template .text-orange-400{color:#fb923c}.mercados-cdmx-template .text-pink-400{color:#f472b6}.mercados-cdmx-template .text-purple-400{color:#c084fc}.mercados-cdmx-template .text-sky-400{color:#38bdf8}.mercados-cdmx-template .text-slate-300{color:#cbd5e1}.mercados-cdmx-template .text-slate-400{color:#94a3b8}.mercados-cdmx-template .text-white{color:#fff}.mercados-cdmx-template .text-yellow-400{color:#facc15}.mercados-cdmx-template .object-contain{-o-object-fit:contain;object-fit:contain}.mercados-cdmx-template .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mercados-cdmx-template .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mercados-cdmx-template .drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.mercados-cdmx-template .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mercados-cdmx-template .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mercados-cdmx-template .duration-300{transition-duration:.3s}.mercados-cdmx-template .duration-500{transition-duration:.5s}.mercados-cdmx-template .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mercados-cdmx-template .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}@media (min-width:640px){.mercados-cdmx-template .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.mercados-cdmx-template .md\:block{display:block}.mercados-cdmx-template .md\:inline{display:inline}.mercados-cdmx-template .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mercados-cdmx-template .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mercados-cdmx-template .md\:gap-8{gap:2rem}.mercados-cdmx-template .md\:p-10{padding:2.5rem}.mercados-cdmx-template .md\:text-4xl{font-size:2.25rem;line-height:3.5rem}.mercados-cdmx-template .md\:text-5xl{font-size:3rem;line-height:1}.mercados-cdmx-template .md\:text-6xl{font-size:3.75rem;line-height:1.3}.mercados-cdmx-template .md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.mercados-cdmx-template .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mercados-cdmx-template .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}