/* COOMER static site — tighten scene backgrounds & hero imagery */

body.elementor-page-54 {
  overflow-x: clip;
}

.elementor-54 .elementor-element.elementor-element-5248e04e,
.elementor-54 .elementor-element.elementor-element-4e18e78a,
.elementor-54 .elementor-element.elementor-element-7f72eb29 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* No forzar margin-inline: 0 en .e-con-inner (Elementor usa margin: auto para centrar boxed) */
.elementor-54 .elementor-element.elementor-element-5248e04e > .e-con-inner,
.elementor-54 .elementor-element.elementor-element-4e18e78a > .e-con-inner {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* How to buy — oculto (contenedor completo con fondo y pasos) */
.elementor-54 .elementor-element.elementor-element-69d49b76 {
  display: none !important;
}

/* COOMER'S BIN — carrusel (fotos en data/twitter-gallery.json) + redes */
.elementor-54 .elementor-element.elementor-element-774b37ac {
  width: 100% !important;
  margin-top: -10px !important;
  margin-bottom: 0 !important;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .elementor-main-swiper {
  height: clamp(14rem, 45vh, 28rem) !important;
}

/* Static export: Elementor entrance animations often never run (no WP editor) */
.elementor-54 .elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
}

/* Hero room: height = background art only (no extra brown band below) */
.elementor-54 .elementor-element.elementor-element-252a6bbe {
  --hero-bar-height: clamp(3.25rem, 7.5vw, 5.25rem);
  --hero-character-bottom: 0;
  /* Compensa ~28px transparentes al pie del PNG */
  --hero-character-nudge: clamp(2px, 0.45vw, 8px);
  --hero-character-scale: 1;
  --hero-character-max-w: 48%;
  --hero-character-max-h: 88%;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1458 / 1079;
  background-size: 100% auto !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  --row-gap: 0 !important;
  --column-gap: 0 !important;
}

/* Hero top bar: socials left, $COOMER centered, BUY right */
.elementor-54 .elementor-element.elementor-element-4f32d47a {
  flex: 0 0 auto !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem 0.65rem !important;
  width: 100% !important;
  min-height: var(--hero-bar-height, clamp(3.5rem, 8vw, 5.5rem)) !important;
  padding: 0.4rem clamp(1.5rem, 4.25vw, 3.5rem) 0.55rem clamp(1.15rem, 3.2vw, 2.5rem) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  max-width: 100% !important;
}

.elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-36d015a7,
.elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-5ec019e4,
.elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-46762144 {
  flex: 0 0 auto !important;
  width: auto !important;
  --width: auto !important;
}

.elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-7a7164aa {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  max-width: min(50%, 26rem) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-7a7164aa .coomer-hero-title {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

.elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-57986b78 {
  flex: 0 1 auto !important;
  margin-left: auto !important;
  margin-right: clamp(0.15rem, 0.6vw, 0.5rem) !important;
  width: auto !important;
  max-width: min(46vw, 24rem) !important;
  min-width: clamp(10.5rem, 16vw, 13.5rem) !important;
  --width: auto !important;
  z-index: 3 !important;
}

.elementor-54 .elementor-element.elementor-element-57986b78 .elementor-widget-container {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.elementor-54 .elementor-element.elementor-element-57986b78 .elementor-button-wrapper,
.elementor-54 .elementor-element.elementor-element-57986b78 .elementor-button {
  width: 100% !important;
  box-sizing: border-box !important;
}

.elementor-54 .elementor-element.elementor-element-57986b78 .elementor-button {
  max-width: 100% !important;
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  padding-left: clamp(1.15rem, 2.4vw, 2.35rem) !important;
  padding-right: clamp(1.15rem, 2.4vw, 2.35rem) !important;
  font-size: clamp(0.82rem, 1.3vw, 1.1rem) !important;
  white-space: nowrap !important;
}

.elementor-54 .elementor-element.elementor-element-7f72eb29 {
  overflow: visible !important;
  max-width: 100% !important;
}

/* Character: pegado al fondo de la sección hero (pies en el suelo del arte) */
.elementor-54 .elementor-element.elementor-element-380431be {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: var(--hero-character-bottom, 0) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  --align-items: flex-end !important;
  --justify-content: center !important;
  flex: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  --margin-top: 0rem !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.elementor-54 .elementor-element.elementor-element-380431be > .elementor-widget {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
}

.elementor-54 .elementor-element.elementor-element-4b0c99ae {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin: 0 !important;
  --margin-top: 0rem !important;
}

.elementor-54 .elementor-element.elementor-element-4b0c99ae .elementor-widget-container {
  height: 100% !important;
  max-height: 100% !important;
}

.elementor-54 .elementor-element.elementor-element-4b0c99ae .elementor-widget-container {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100% !important;
  line-height: 0 !important;
  overflow: visible !important;
}

/* Full-scene sections (mostly background art) */
.elementor-54 .elementor-element.elementor-element-2a42abaf,
.elementor-54 .elementor-element.elementor-element-5ec1cbfd {
  min-height: 0 !important;
  width: 100%;
  background-size: cover !important;
  background-position: center top !important;
}

.elementor-54 .elementor-element.elementor-element-2a42abaf {
  aspect-ratio: 1600 / 983;
}

.elementor-54 .elementor-element.elementor-element-5ec1cbfd {
  aspect-ratio: 1382 / 1138;
}

/* Footer basement: altura = arte (padding % evita que los botones estiren la caja y dejen franja marrón) */
.elementor-54 .elementor-element.elementor-element-685d1e79 {
  position: relative !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: calc(886 / 1775 * 100%) !important;
  aspect-ratio: unset !important;
  overflow: hidden !important;
  display: block !important;
  background-origin: padding-box !important;
  background-clip: padding-box !important;
  background-size: 100% 100% !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  --margin-bottom: 0px !important;
  margin-bottom: 0 !important;
}

.elementor-54 .elementor-element.elementor-element-685d1e79 > .elementor-element-1d0754ca {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
}

.elementor-54 .elementor-element.elementor-element-1d0754ca {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: stretch !important;
  margin-bottom: 0 !important;
  --margin-bottom: 0px !important;
  padding: clamp(0.5rem, 1.5vw, 1rem) 3% clamp(0.55rem, 1.6vw, 1.1rem) !important;
  box-sizing: border-box !important;
}

.elementor-54 .elementor-element.elementor-element-1d0754ca .coomer-footer-join-title {
  width: min(52%, 26rem) !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 0 clamp(0.3rem, 0.9vh, 0.5rem) !important;
  padding: 0 !important;
  text-align: center;
  font-family: var(--e-global-typography-secondary-font-family), "Wilden", sans-serif;
  font-size: clamp(1.35rem, 3.2vw, 2.15rem);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 0.03em;
  color: #ffffff;
  text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000;
}

/* Footer CTAs: single column, fill basement height */
.elementor-54 .elementor-element.elementor-element-19f63f6b {
  width: min(52%, 26rem) !important;
  --width: min(52%, 26rem) !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: clamp(0.35rem, 0.85vh, 0.65rem) !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b > .elementor-widget-button {
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(2.15rem, 5.2vh, 3.35rem) !important;
  max-width: 100% !important;
  display: flex !important;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-widget-container,
.elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-button-wrapper {
  width: 100%;
  height: 100%;
  display: flex !important;
  flex: 1 1 auto !important;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-button {
  width: 100%;
  height: 100% !important;
  min-height: 100% !important;
  font-size: clamp(0.72rem, 1.15vw, 1.05rem) !important;
  line-height: 1.2 !important;
  padding: 0.5em 0.65em !important;
  border-width: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-button-content-wrapper {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35em !important;
  width: 100% !important;
  text-align: center !important;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .coomer-footer-btn-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: clamp(1rem, 1.65vw, 1.35rem) !important;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .coomer-footer-icon-svg {
  width: 1.05em;
  height: 1.05em;
  display: block;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .coomer-footer-btn-logo {
  width: clamp(1.35rem, 2.2vw, 2.15rem) !important;
  height: clamp(1.35rem, 2.2vw, 2.15rem) !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* Dexscreener: PNG es cyan sobre negro → blanco como el resto del footer */
.elementor-54 .elementor-element.elementor-element-7d91a490 .coomer-footer-btn-logo {
  filter: brightness(0) invert(1);
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-button-text {
  white-space: nowrap;
}

.elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-widget-container {
  border-width: 3px !important;
}

/* Wood trim (storyboard + footer framing) */
.elementor-54 .elementor-element.elementor-element-40990c39,
.elementor-54 .elementor-element.elementor-element-1a1f9d11,
.elementor-54 .elementor-element.elementor-element-1a23084c,
.elementor-54 .elementor-element.elementor-element-7033c922,
.elementor-54 .elementor-element.elementor-element-670ac8ab {
  flex-shrink: 0 !important;
  min-height: 0 !important;
  height: clamp(2.5rem, 8vw, 6rem);
  position: relative;
  z-index: 2;
  background-image: url("../images/wood-2.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.elementor-54 .elementor-element.elementor-element-40990c39:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-40990c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-54 .elementor-element.elementor-element-1a1f9d11:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-1a1f9d11 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-54 .elementor-element.elementor-element-1a23084c:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-1a23084c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-54 .elementor-element.elementor-element-7033c922:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-7033c922 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-54 .elementor-element.elementor-element-670ac8ab:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-670ac8ab > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("../images/wood-2.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

/* Columnas de ladrillo: altura completa del contenido (desktop) */
@media (min-width: 768px) {
  .elementor-54 .elementor-element.elementor-element-5248e04e {
    --content-width: 1581px !important;
  }

  .elementor-54 .elementor-element.elementor-element-5248e04e > .e-con-inner {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: min(100%, var(--content-width, 1581px)) !important;
    width: 100% !important;
  }

  .elementor-54 .elementor-element.elementor-element-4e18e78a {
    --content-width: 1536px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-54 .elementor-element.elementor-element-4e18e78a > .e-con-inner {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  .elementor-54 .elementor-element.elementor-element-7f72eb29 {
    flex: 1 1 auto !important;
    width: auto !important;
    --width: auto !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }

  .elementor-54 .elementor-element.elementor-element-44b57d82,
  .elementor-54 .elementor-element.elementor-element-59ff0881 {
    --align-self: stretch !important;
    align-self: stretch !important;
    flex: 0 0 clamp(2rem, 3.2vw, 3.5rem) !important;
    width: clamp(2rem, 3.2vw, 3.5rem) !important;
    --width: clamp(2rem, 3.2vw, 3.5rem) !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 100% !important;
  }

  /* Sustituir tiras apiladas (altura fija) por patrón que cubre todo el scroll */
  .elementor-54 .elementor-element.elementor-element-44b57d82 .elementor-widget-image,
  .elementor-54 .elementor-element.elementor-element-59ff0881 .elementor-widget-image {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
  }

  .elementor-54 .elementor-element.elementor-element-44b57d82::after,
  .elementor-54 .elementor-element.elementor-element-59ff0881::after {
    content: "";
    position: absolute;
    inset: 0;
    min-height: 100%;
    background-image: url("../images/brick-l.png");
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
    pointer-events: none;
  }

  .elementor-54 .elementor-element.elementor-element-44b57d82::after {
    transform: scaleX(-1);
  }
}

.elementor-54 .elementor-element.elementor-element-7a7164aa .coomer-hero-title {
  margin: 0 auto;
  padding: 0;
  width: min(92%, 52rem);
  max-width: 100%;
  text-align: center;
  font-family: var(--e-global-typography-secondary-font-family), "Wilden", sans-serif;
  font-size: clamp(2.75rem, 9vw, 4.75rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #2eb8f5;
  -webkit-text-stroke: 2px #0a5f9e;
  paint-order: stroke fill;
  text-shadow:
    0 3px 0 #0b6db8,
    0 5px 0 #084f86,
    0 0 18px rgba(12, 168, 206, 0.45);
}

.elementor-54 .elementor-element.elementor-element-4b0c99ae .elementor-widget-container img {
  width: auto !important;
  max-width: var(--hero-character-max-w) !important;
  height: auto !important;
  max-height: var(--hero-character-max-h, 88%) !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  display: block;
  margin: 0 auto !important;
  vertical-align: bottom;
  transform: translateY(var(--hero-character-nudge)) scale(var(--hero-character-scale)) !important;
  transform-origin: bottom center !important;
}

.elementor-54 .elementor-widget-image .elementor-widget-container img {
  max-width: 100%;
  height: auto;
  display: block;
}

.elementor-54 .elementor-element.elementor-element-3e2fd86a .elementor-widget-image img {
  width: 100%;
  max-width: 14rem;
  margin-inline: auto;
  object-fit: contain;
}

.elementor-54 .elementor-element.elementor-element-20987110 .elementor-widget-image img,
.elementor-54 .elementor-element.elementor-element-40df2020 .elementor-widget-image img {
  width: auto;
  max-width: 100%;
  max-height: 22rem;
  object-fit: contain;
}

/* How to buy: icon below title inside each peach box */
.elementor-54 .elementor-element.elementor-element-5cf143bb,
.elementor-54 .elementor-element.elementor-element-46bfc3d9,
.elementor-54 .elementor-element.elementor-element-4f35cee3,
.elementor-54 .elementor-element.elementor-element-7bf90e5f {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.elementor-54 .elementor-element.elementor-element-5cf143bb .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-46bfc3d9 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-4f35cee3 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-7bf90e5f .elementor-widget-heading {
  width: 100% !important;
}

.elementor-54 .elementor-element.elementor-element-5cf143bb .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-46bfc3d9 .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-4f35cee3 .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-7bf90e5f .elementor-widget-image {
  flex: 0 0 auto !important;
  width: auto !important;
  --width: auto !important;
  margin: 0.15rem auto 0.35rem !important;
}

.elementor-54 .elementor-element.elementor-element-80ae921,
.elementor-54 .elementor-element.elementor-element-2463cd21,
.elementor-54 .elementor-element.elementor-element-66d36414,
.elementor-54 .elementor-element.elementor-element-16c8bb03 {
  flex: 0 0 auto !important;
  width: auto !important;
  --width: auto !important;
  align-self: center !important;
}

.elementor-54 .elementor-element.elementor-element-80ae921 img,
.elementor-54 .elementor-element.elementor-element-2463cd21 img,
.elementor-54 .elementor-element.elementor-element-66d36414 img,
.elementor-54 .elementor-element.elementor-element-16c8bb03 img {
  width: auto !important;
  max-width: min(6.5rem, 22vw) !important;
  min-width: 3rem !important;
  max-height: min(7rem, 18vh) !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  margin-inline: auto !important;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .elementor-carousel-image {
  background-size: cover !important;
  background-position: center !important;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .coomer-gallery-slide {
  background-image: none !important;
  overflow: hidden;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .coomer-gallery-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .coomer-gallery-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .coomer-gallery-slide-link:focus-visible {
  outline: 2px solid #2eb8f5;
  outline-offset: 2px;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .elementor-swiper {
  position: relative;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .elementor-main-swiper {
  overflow: hidden;
}

.elementor-54 .elementor-element.elementor-element-739b1199 .elementor-swiper-button {
  z-index: 6 !important;
  pointer-events: auto !important;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.95) !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.65));
}

.elementor-54 .elementor-element.elementor-element-739b1199 .elementor-swiper-button.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none !important;
}

.elementor-54 .elementor-element.elementor-element-727ba255 .elementor-heading-title {
  word-break: break-all;
  font-size: clamp(0.85rem, 2.2vw, 1.35rem) !important;
  line-height: 1.35 !important;
  text-align: center;
}

@media (max-width: 1024px) {
  /* Elementor export oculta los sociales del hero en tablet/móvil */
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-36d015a7,
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-5ec019e4,
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-46762144 {
    display: block !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a {
    flex-direction: row !important;
    --flex-direction: row !important;
  }

  .elementor-54 .elementor-element.elementor-element-252a6bbe {
    --hero-character-max-w: 54%;
    --hero-character-max-h: 90%;
    --hero-character-scale: 1.02;
  }

  .elementor-54 .elementor-element.elementor-element-4b0c99ae img {
    width: auto !important;
  }

  .elementor-54 .elementor-element.elementor-element-7f72eb29,
  .elementor-54 .elementor-element.elementor-element-4f32d47a {
    width: 100% !important;
    --width: 100% !important;
  }

  .elementor-54 .elementor-element.elementor-element-7a7164aa .coomer-hero-title {
    width: min(88%, 40rem);
    font-size: clamp(2.25rem, 10vw, 3.75rem);
  }

  .elementor-54 .elementor-element.elementor-element-102456f6,
  .elementor-54 .elementor-element.elementor-element-2cb56907 {
    margin-inline: 0.75rem !important;
    padding-inline: 1.25rem !important;
  }
}

@media (max-width: 767px) {
  /* Sin “boxed” ni franjas marrones (#4D2714) en los bordes */
  .elementor-54 .e-con-boxed > .e-con-inner {
    --content-width: 100% !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-54 .elementor-element.elementor-element-5248e04e,
  .elementor-54 .elementor-element.elementor-element-5248e04e > .e-con-inner,
  .elementor-54 .elementor-element.elementor-element-4e18e78a,
  .elementor-54 .elementor-element.elementor-element-4e18e78a > .e-con-inner,
  .elementor-54 .elementor-element.elementor-element-7f72eb29 {
    --content-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    --min-height: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    --row-gap: 0px !important;
    --column-gap: 0px !important;
  }

  .elementor-54 .elementor-element.elementor-element-7f72eb29 > .e-con,
  .elementor-54 .elementor-element.elementor-element-7f72eb29 > .elementor-element {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-54 .elementor-element.elementor-element-40990c39,
  .elementor-54 .elementor-element.elementor-element-1a1f9d11,
  .elementor-54 .elementor-element.elementor-element-1a23084c,
  .elementor-54 .elementor-element.elementor-element-7033c922,
  .elementor-54 .elementor-element.elementor-element-670ac8ab,
  .elementor-54 .elementor-element.elementor-element-774b37ac {
    margin-top: -10px !important;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 2;
  }

  /* Escenas y trims a ancho completo (borde a borde) */
  .elementor-54 .elementor-element.elementor-element-252a6bbe,
  .elementor-54 .elementor-element.elementor-element-40990c39,
  .elementor-54 .elementor-element.elementor-element-78704c0e,
  .elementor-54 .elementor-element.elementor-element-102456f6,
  .elementor-54 .elementor-element.elementor-element-2cb56907,
  .elementor-54 .elementor-element.elementor-element-1a1f9d11,
  .elementor-54 .elementor-element.elementor-element-2a42abaf,
  .elementor-54 .elementor-element.elementor-element-1a23084c,
  .elementor-54 .elementor-element.elementor-element-5ec1cbfd,
  .elementor-54 .elementor-element.elementor-element-7033c922,
  .elementor-54 .elementor-element.elementor-element-670ac8ab,
  .elementor-54 .elementor-element.elementor-element-774b37ac,
  .elementor-54 .elementor-element.elementor-element-685d1e79 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
  }

  /* Ancho completo: sin columnas de ladrillo a los lados */
  .elementor-54 .elementor-element.elementor-element-44b57d82,
  .elementor-54 .elementor-element.elementor-element-59ff0881 {
    display: none !important;
  }

  .elementor-54 .elementor-element.elementor-element-4e18e78a > .e-con-inner {
    padding-inline: 0 !important;
  }

  .elementor-54 .elementor-element.elementor-element-7f72eb29 {
    width: 100% !important;
    --width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
  }

  /* Hero móvil: columna (tools → $COOMER → personaje completo debajo) */
  .elementor-54 .elementor-element.elementor-element-252a6bbe {
    --min-height: 0 !important;
    aspect-ratio: auto !important;
    height: auto !important;
    /* ~35% más alto que el arte base para barra + PNG entero */
    min-height: calc(100vw * 1079 / 1458 * 1.38) !important;
    background-size: 100% auto !important;
    background-position: center top !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    --hero-character-max-w: 72%;
    --hero-character-max-h: 100%;
    --hero-character-scale: 1;
    --hero-character-nudge: 0;
  }

  .elementor-54 .elementor-element.elementor-element-252a6bbe:not(.elementor-motion-effects-element-type-background),
  .elementor-54 .elementor-element.elementor-element-252a6bbe > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: 100% 100% !important;
    background-position: center top !important;
  }

  /* Suelo del hero (evita franja marrón del body bajo el PNG estirado) */
  .elementor-54 .elementor-element.elementor-element-252a6bbe {
    background-color: #4a3428 !important;
    margin-bottom: 0 !important;
  }

  .elementor-54 .elementor-element.elementor-element-252a6bbe .elementor-motion-effects-container,
  .elementor-54 .elementor-element.elementor-element-252a6bbe .elementor-motion-effects-layer {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    min-height: 100% !important;
  }

  .elementor-54 .elementor-element.elementor-element-380431be {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 0.35rem !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    --padding-top: 0% !important;
    --padding-bottom: 0% !important;
    --padding-left: 0% !important;
    --padding-right: 0% !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    row-gap: 0.35rem !important;
    column-gap: 0.4rem !important;
    padding: 0.45rem 0.85rem 0.2rem !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-36d015a7,
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-5ec019e4,
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-46762144 {
    --icon-size: 1.15rem !important;
    flex: 0 0 auto !important;
    order: 1 !important;
    margin: 0 !important;
  }

  /* Sociales: un solo “sticker” por icono (sin doble offset raro) */
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-36d015a7 > .elementor-widget-container,
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-5ec019e4 > .elementor-widget-container,
  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-46762144 > .elementor-widget-container {
    padding: 0.18rem !important;
    margin: 0 !important;
    border-width: 3px !important;
    border-radius: 0.65rem !important;
    background-color: #0979ae !important;
    transform: translate(-3px, -3px) !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a .elementor-social-icons-wrapper {
    gap: 0 !important;
    line-height: 0 !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a .elementor-social-icon {
    width: 2rem !important;
    height: 2rem !important;
    font-size: 1rem !important;
    line-height: 2rem !important;
    border-width: 3px !important;
    border-radius: 0.55rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a .elementor-element-36d015a7 .elementor-icon,
  .elementor-54 .elementor-element.elementor-element-4f32d47a .elementor-element-5ec019e4 .elementor-icon,
  .elementor-54 .elementor-element.elementor-element-4f32d47a .elementor-element-46762144 .elementor-icon {
    transform: none !important;
    border-radius: 0.55rem !important;
    background-size: 100% !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a .elementor-social-icon svg {
    width: 0.95em !important;
    height: 0.95em !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-57986b78 {
    order: 2 !important;
    flex: 0 1 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    max-width: min(52%, 12rem) !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .elementor-54 .elementor-element.elementor-element-57986b78 > .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
    border-width: 3px !important;
    border-radius: 0.65rem !important;
    transform: translate(-3px, -3px) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .elementor-54 .elementor-element.elementor-element-4f32d47a > .elementor-element-7a7164aa {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    order: 10 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.15rem 0 0.25rem !important;
    pointer-events: auto !important;
    text-align: center !important;
    align-self: center !important;
    z-index: 2 !important;
  }

  .elementor-54 .elementor-element.elementor-element-4b0c99ae,
  .elementor-54 .elementor-element.elementor-element-4b0c99ae .elementor-widget-container {
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .elementor-54 .elementor-element.elementor-element-4b0c99ae img,
  .elementor-54 .elementor-element.elementor-element-4b0c99ae picture,
  .elementor-54 .elementor-element.elementor-element-4b0c99ae picture img {
    width: auto !important;
    max-width: var(--hero-character-max-w) !important;
    max-height: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: none !important;
  }

  .elementor-54 .elementor-element.elementor-element-7a7164aa > .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-54 .elementor-element.elementor-element-7a7164aa .coomer-hero-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(1.55rem, 8.2vw, 2.15rem);
    -webkit-text-stroke-width: 1.25px;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow:
      0 2px 0 #0b6db8,
      0 3px 0 #084f86,
      0 0 10px rgba(12, 168, 206, 0.35);
  }

  .elementor-54 .elementor-element.elementor-element-57986b78 .elementor-button {
    transform: none !important;
    font-size: clamp(0.68rem, 2.9vw, 0.82rem) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    padding: 0.5rem 0.7rem !important;
    white-space: nowrap !important;
    text-align: center !important;
    border-width: 3px !important;
    border-radius: 0.55rem !important;
    background-size: 100% 100% !important;
    min-height: 2.15rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .elementor-54 .elementor-element.elementor-element-57986b78 .elementor-button-content-wrapper {
    justify-content: center !important;
  }

  /* Coomenomics cards */
  .elementor-54 .elementor-element.elementor-element-3e2fd86a {
    padding-inline: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .elementor-54 .elementor-element.elementor-element-3e2fd86a .elementor-widget-image img {
    max-width: 10rem;
  }

  .elementor-54 .elementor-element.elementor-element-102456f6 {
    margin: 0 !important;
    padding: 1rem 0.65rem !important;
  }

  .elementor-54 .elementor-element.elementor-element-102456f6,
  .elementor-54 .elementor-element.elementor-element-2cb56907 {
    margin-inline: 0 !important;
    padding-inline: 0.65rem !important;
  }

  /* How to buy: shrink peach text boxes */
  .elementor-54 .elementor-element.elementor-element-5cf143bb,
  .elementor-54 .elementor-element.elementor-element-46bfc3d9,
  .elementor-54 .elementor-element.elementor-element-4f35cee3,
  .elementor-54 .elementor-element.elementor-element-7bf90e5f {
    --padding-top: 1.25rem !important;
    --padding-bottom: 1.25rem !important;
    --padding-left: 0.85rem !important;
    --padding-right: 0.85rem !important;
    margin-inline: 0.35rem !important;
  }

  .elementor-54 .elementor-element.elementor-element-20987110,
  .elementor-54 .elementor-element.elementor-element-40df2020 {
    padding-inline: 0.75rem !important;
  }

  .elementor-54 .elementor-element.elementor-element-20987110 .elementor-widget-image img,
  .elementor-54 .elementor-element.elementor-element-40df2020 .elementor-widget-image img {
    max-height: 14rem;
  }

  /* Carousel */
  .elementor-54 .elementor-element.elementor-element-739b1199 .elementor-main-swiper {
    height: min(42vh, 16rem) !important;
  }

  /* Footer: altura fija al arte (márgenes full-bleed en bloque de escenas arriba) */
  .elementor-54 .elementor-element.elementor-element-685d1e79 {
    position: relative !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 0 !important;
    padding-bottom: calc(100vw * 886 / 1775) !important;
    background-size: 100% 100% !important;
    background-position: center top !important;
  }

  .elementor-54 .elementor-element.elementor-element-685d1e79:not(.elementor-motion-effects-element-type-background),
  .elementor-54 .elementor-element.elementor-element-685d1e79 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: 100% 100% !important;
    background-position: center top !important;
  }

  .elementor-54 .elementor-element.elementor-element-1d0754ca {
    padding: 7.25% 3.5% 3.25% 4.25% !important;
    margin-bottom: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  .elementor-54 .elementor-element.elementor-element-1d0754ca .coomer-footer-join-title {
    width: min(56%, 13.5rem) !important;
    flex: 0 0 auto !important;
    font-size: clamp(0.92rem, 4.1vw, 1.28rem);
    line-height: 1 !important;
    margin-bottom: 0.12rem !important;
  }

  .elementor-54 .elementor-element.elementor-element-19f63f6b {
    width: min(56%, 13.5rem) !important;
    --width: min(56%, 13.5rem) !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: 100% !important;
    gap: clamp(0.1rem, 0.45vw, 0.22rem) !important;
    overflow: hidden !important;
    justify-content: space-between !important;
  }

  .elementor-54 .elementor-element.elementor-element-19f63f6b > .elementor-widget-button {
    width: 100% !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-button {
    transform: none !important;
    font-size: clamp(0.5rem, 2.35vw, 0.78rem) !important;
    line-height: 1.1 !important;
    padding: 0.22em 0.38em !important;
    border-width: 2px !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  .elementor-54 .elementor-element.elementor-element-19f63f6b .coomer-footer-btn-icon {
    font-size: clamp(0.72rem, 3.1vw, 0.95rem) !important;
  }

  .elementor-54 .elementor-element.elementor-element-19f63f6b .coomer-footer-btn-logo {
    width: clamp(0.85rem, 3.5vw, 1.25rem) !important;
    height: clamp(0.85rem, 3.5vw, 1.25rem) !important;
    max-width: 1.35rem !important;
    max-height: 1.35rem !important;
  }

  .elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-widget-container {
    border-width: 2px !important;
  }

  .elementor-54 .elementor-element.elementor-element-19f63f6b .elementor-button-text {
    font-size: 0.92em !important;
  }

  .elementor-54 .elementor-element.elementor-element-2a42abaf,
  .elementor-54 .elementor-element.elementor-element-5ec1cbfd {
    aspect-ratio: auto;
    min-height: 55vw !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-54 .elementor-element.elementor-element-252a6bbe {
    --hero-character-max-w: 50%;
    --hero-character-max-h: 89%;
    --hero-character-scale: 1.04;
  }
}

@media (min-width: 1025px) {
  .elementor-54 .elementor-element.elementor-element-252a6bbe {
    --hero-character-max-w: 44%;
    --hero-character-max-h: 88%;
    --hero-character-scale: 1.06;
  }
}

@media (min-width: 1200px) {
  .elementor-54 .elementor-element.elementor-element-252a6bbe {
    --hero-character-max-w: 42%;
    --hero-character-max-h: 87%;
    --hero-character-scale: 1.08;
  }
}

@media (min-width: 1400px) {
  .elementor-54 .elementor-element.elementor-element-252a6bbe {
    --hero-character-max-w: 36%;
    --hero-character-scale: 1.09;
  }
}

/* WebP scene backgrounds (PNG fallback, then image-set for modern browsers) */
.elementor-54 .elementor-element.elementor-element-252a6bbe:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-252a6bbe > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("../images/hero-background.png") !important;
  background-image: image-set(
    url("../images/hero-background.webp") type("image/webp"),
    url("../images/hero-background.png") type("image/png")
  ) !important;
}

.elementor-54 .elementor-element.elementor-element-2a42abaf:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-2a42abaf > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("../images/basement-1.png") !important;
  background-image: image-set(
    url("../images/basement-1.webp") type("image/webp"),
    url("../images/basement-1.png") type("image/png")
  ) !important;
}

.elementor-54 .elementor-element.elementor-element-5ec1cbfd:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-5ec1cbfd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("../images/storyboard.png") !important;
  background-image: image-set(
    url("../images/storyboard.webp") type("image/webp"),
    url("../images/storyboard.png") type("image/png")
  ) !important;
}

.elementor-54 .elementor-element.elementor-element-685d1e79:not(.elementor-motion-effects-element-type-background),
.elementor-54 .elementor-element.elementor-element-685d1e79 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("../images/footer.png") !important;
  background-image: image-set(
    url("../images/footer.webp") type("image/webp"),
    url("../images/footer.png") type("image/png")
  ) !important;
  background-size: 100% 100% !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

.elementor-element-4b0c99ae picture,
.elementor-element-4b0c99ae picture img {
  display: block;
  width: 100%;
  height: auto;
}