/* =========================================================
   LANDING GASFITERÍA - MUNDOS
   Un solo CSS para todas las grillas.
   Imágenes desktop + mobile desde Contentstack.
========================================================= */

.gas-world-grid {
  --gas-gap: 16px;
  --gas-radius: 22px;
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  box-sizing: border-box;
}

.gas-world-card {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--gas-radius);
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}

a.gas-world-card {
  cursor: pointer;
}

@media (hover: hover) {
  a.gas-world-card {
    transition: transform .25s ease;
  }

  a.gas-world-card:hover {
    transform: scale(1.01);
  }
}

/* =========================================================
   DESKTOP - ALMACENA AGUA
========================================================= */

.gas-world-grid--almacena {
  display: grid;
  aspect-ratio: 930 / 548;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "main top"
    "main bottom";
  gap: var(--gas-gap);
}

.almacena-main {
  grid-area: main;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltd6016bb62acafbb7/6aa82e09f548686118813457/Land-dkp-almacenaagua-ver-todo.png");
}

.almacena-tanques {
  grid-area: top;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt285af07bae7efbd8/6aa82e0878424864f762b00c/Land-dkp-tanques-ver-todo.png");
}

.almacena-cisternas {
  grid-area: bottom;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt2a9f2593f2ce4ca6/6aa82e087c24e59026d4bab0/Land-dkp-cisterna-ver-todo.png");
}

/* =========================================================
   DESKTOP - BOMBEA AGUA
========================================================= */

.gas-world-grid--bombea {
  display: grid;
  aspect-ratio: 930 / 548;
  grid-template-columns: minmax(0, 1fr) minmax(0, .5fr) minmax(0, .5fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "main top top"
    "main left right";
  gap: var(--gas-gap);
}

.bombea-main {
  grid-area: main;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt2b492fa871c08b76/6aa84fc00cac0dbb0c31609e/Land-dkp-bombea-ver-todo.jpg");
}

.bombea-centrifuga {
  grid-area: top;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt01e14771a6cd303c/6aa84fbf0cac0d136631609a/Land-dkp-centrifuga-ver-todo.png");
}

.bombea-periferica {
  grid-area: left;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt1580adc00817495a/6aa84fc08e00eb75675c93d0/Land-dkp-periferica-ver-todo.png");
}

.bombea-presurizadora {
  grid-area: right;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt94b37950b7f81db3/6aa84fbfbd0b84d2874df94d/Land-dkp-prezurisadora-ver-todo.png");
}

/* =========================================================
   DESKTOP - DRENA AGUA
========================================================= */

.gas-world-grid--drena {
  display: grid;
  aspect-ratio: 930 / 548;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "main top"
    "main bottom";
  gap: var(--gas-gap);
}

.drena-main {
  grid-area: main;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltc86bdcf8c64eb933/6aa85343bd0b84a7ee4df95e/Land-dkp-drena-ver-todo.png");
}

.drena-motobombas {
  grid-area: top;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt4f60f35981abf327/6aa8534314e3845b2f4e992c/Land-dkp-motobomba-ver-todo.png");
}

.drena-sumergibles {
  grid-area: bottom;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt8aaf93564d333c66/6aa8535b8e00eb9a1a5c93e8/Land-dkp-sumergible-ver-todo.png");
}

/* =========================================================
   DESKTOP - REPARA AGUA
========================================================= */

.gas-world-grid--repara {
  display: grid;
  aspect-ratio: 930 / 548;
  grid-template-columns: minmax(0, 1fr) minmax(0, .5fr) minmax(0, .5fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "main top-left top-right"
    "main bottom-left bottom-right";
  gap: var(--gas-gap);
}

.repara-main {
  grid-area: main;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt9bf493d6faa9856a/6aa856a4361ab33a60398fdc/Land-dkp-repara-ver-todo.jpg");
}

.repara-tubos {
  grid-area: top-left;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt01476635efc6ed86/6aa856a348a68a626e1d96f4/Land-dkp-tubos-ver-todo.png");
}

.repara-soldadura {
  grid-area: top-right;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltf946287a90f32c47/6aa856a3d1556f2c97727404/Land-dkp-soldadura-ver-todo.png");
}

.repara-wc {
  grid-area: bottom-left;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt716ad2d839670890/6aa856a30cac0d45bc3160cf/Land-dkp-wc-ver-todo.png");
}

.repara-llaves {
  grid-area: bottom-right;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltb579dc039cb0c577/6aa856a3f548687745813628/Land-dkp-llaves-ver-todo.png");
}

/* =========================================================
   DESKTOP - PURIFICA AGUA
========================================================= */

.gas-world-grid--purifica {
  display: grid;
  aspect-ratio: 930 / 548;
  grid-template-columns: minmax(0, 1fr) minmax(0, .5fr) minmax(0, .5fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "main top top"
    "main left right";
  gap: var(--gas-gap);
}

.purifica-main {
  grid-area: main;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt3e219aba1e86ab90/6aa8612366ee2e4224376a5c/Land-dkp-purifica-ver-todo.jpg");
}

.purifica-filtros {
  grid-area: top;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt543ecda34b925690/6aa861235ceda9fa32dae6b9/Land-dkp-filtro-ver-todo.png");
}

.purifica-osmosis {
  grid-area: left;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltbd783882fe41cc8f/6aa8612386010e269b09996f/Land-dkp-osmosis-ver-todo.png");
}

.purifica-cartuchos {
  grid-area: right;
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltd02070b4721a3f44/6aa853435ef72d2d09c941f2/Land-dkp-cartuchos-ver-todo.png");
}

/* =========================================================
   DESKTOP - BENEFICIOS ADICIONALES
========================================================= */

.gas-world-grid--beneficios {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.gas-world-grid--beneficios .gas-world-card {
  aspect-ratio: 1 / 1;
}

.beneficio-envio {
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltfcddedfa1be413b9/6aa863292433e2651dd7d888/DKP-ENVIO.png");
}

.beneficio-cuotas {
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt284f75dfe98c8bc9/6aa86329dcc13f7cab5270d9/DKP-6CSI.png");
}

.beneficio-garantia {
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt4d2287b2ee9257ab/6aa8632904494b00620d16b9/DKP-GARANTIA.png");
}

.beneficio-instalacion {
  background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltbfc74092e135ea55/6aa86329f54868d8ef81368b/DKP-INSTALACION.png");
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) and (min-width: 768px) {
  .gas-world-grid {
    max-width: calc(100% - 32px);
    --gas-gap: 14px;
  }

  .gas-world-grid--beneficios {
    gap: 16px;
  }
}

/* =========================================================
   MOBILE - TODAS LAS GRILLAS SE CONVIERTEN EN CARRUSEL
========================================================= */

@media (max-width: 767px) {
  .gas-world-grid {
    --gas-mobile-slide-width: 62%;
    --gas-radius: 20px;

    display: flex;
    width: 100%;
    max-width: none;
    aspect-ratio: auto;
    margin: 0;
    padding: 0 24px;
    gap: 16px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
    box-sizing: border-box;
  }

  .gas-world-grid::-webkit-scrollbar {
    display: none;
  }

  .gas-world-grid .gas-world-card {
    flex: 0 0 var(--gas-mobile-slide-width);
    width: var(--gas-mobile-slide-width);
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: var(--gas-radius);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: none;
  }

  .gas-world-grid--beneficios .gas-world-card {
    aspect-ratio: 1 / 1;
  }

  /* ---------- ALMACENA MOBILE ---------- */

  .almacena-main {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt634a7616976a06ad/6aa82e190cac0d48d6315fb3/Land-mb-almacenaagua-ver-todo.png");
  }

  .almacena-tanques {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltd3d6814e09f872a5/6aa82e1990bf5e310e5ab0f3/Land-mb-tanques-ver-todo.png");
  }

  .almacena-cisternas {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt180bfc075e7e50f9/6aa82e1a14e38436574e97ef/Land-mb-cisternas-ver-todo.png");
  }

  /* ---------- BOMBEA MOBILE ---------- */

  .bombea-main {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltb474ce24719bd550/6aa84fcfb15ff995a0cc54ad/Land-mb-bombea-ver-todo.png");
  }

  .bombea-centrifuga {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt0bf0e8e193365bba/6aa84fd0f548689b7e81358e/Land-mb-centrifuga-ver-todo.png");
  }

  .bombea-periferica {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt059f9abef435a59b/6aa84fcff08d251d4c99249a/Land-mb-periferica-ver-todo.png");
  }

  .bombea-presurizadora {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt619356c9a03010de/6aa84fcf48a68a343b1d96b3/Land-mb-presurizadora-ver-todo.png");
  }

  /* ---------- DRENA MOBILE ---------- */

  .drena-main {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt161784bb2be7516a/6aa85372a4ecdf53bcca80f4/Land-mb-drena-ver-todo.png");
  }

  .drena-motobombas {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt32bb53faf6529364/6aa85372361ab36725398fcf/Land-mb-motobomba-ver-todo.png");
  }

  .drena-sumergibles {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltd6aefc4ff51bd62a/6aa853729936f55fe98b8e88/Land-mb-sumergibles-ver-todo.png");
  }

  /* ---------- REPARA MOBILE ---------- */

  .repara-main {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltbf6d443e795ba2f0/6aa85d9535eddc85d411d670/Land-mb-repara-ver-todo.png");
  }

  .repara-tubos {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt47534a2e9d153d8e/6aa85d9604494b4d0c0d1682/Land-mb-tubos-ver-todo.png");
  }

  .repara-soldadura {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt5cd8ee85614f029e/6aa85d95361ab339b939901d/Land-mb-soldadura-ver-todo.png");
  }

  .repara-wc {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt5143bfdde98d8c35/6aa85d957c24e54847d4bc3f/Land-mb-wc-ver-todo.png");
  }

  .repara-llaves {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blta5d1e4d30c899f5c/6aa85d957d925ce963af89d0/Land-mb-llaves-ver-todo.png");
  }

  /* ---------- PURIFICA MOBILE ---------- */

  .purifica-main {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/bltffa45877d72ba6c3/6aa86142d909f862be6d7526/Land-mb-purifica-ver-todo.png");
  }

  .purifica-filtros {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt8fa2eb6033890197/6aa8614235eddc723a11d687/Land-mb-filtros-ver-todo.png");
  }

  .purifica-osmosis {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt93d54c98a76531cd/6aa861422a8ab6c73642716b/Land-mb-osmosis-ver-todo.png");
  }

  .purifica-cartuchos {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt9eae532b71e2bd05/6aa861427d925cfd0daf89ed/Land-mb-cartuchos-ver-todo.png");
  }

  /* ---------- BENEFICIOS MOBILE ---------- */

  .beneficio-envio {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt9a178d34314aa871/6aac09d28f2cd7ce93e53a19/MB-ENVIO.png");
  }

  .beneficio-cuotas {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt637c236bba94d105/6aac09d1f5486855828148d8/MB-6CSI.png");
  }

  .beneficio-garantia {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt06917551e421bc69/6aac09d266ee2efed2377e9b/MB-GARANTIA.png");
  }

  .beneficio-instalacion {
    background-image: url("https://images.contentstack.io/v3/assets/blt6a82e9c0570891fd/blt15a99bd171ce30bc/6aac09d1afd9a8b0e4122334/MB-INSTALACION.png");
  }
}

/* =========================================================
   DOTS DEL CARRUSEL MOBILE
========================================================= */

.gas-world-dots {
  display: none;
}

@media (max-width: 767px) {
  .gas-world-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 12px;
    margin-top: 24px;
  }

  .gas-world-dot {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #d9d9d9;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease;
  }

  .gas-world-dot.is-active {
    background: #707070;
    transform: scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gas-world-grid {
    scroll-behavior: auto;
  }

  a.gas-world-card,
  .gas-world-dot {
    transition: none;
  }
}