@import "./scss/common";
@import "./sections/add-contacts";
@import "./sections/agency-info";
@import "./sections/button-links";
@import "./sections/contact-form";
@import "./sections/contact-links";
@import "./sections/intro-bg";
@import "./sections/layout";
@import "./sections/logo";
@import "./sections/profile-picture";
@import "./sections/share-app";
@import "./sections/share-qr";
@import "./sections/user-info";
@import "./sections/variables";

// NOTE: hecho así para que funciones ciertas cosas
// TODO: descrubrir cuales son esas cosas xd
*[style*="gradient"][data-type="text"],
*[style*="gradient"][data-type="textData"],
*[style*="gradient"][data-type="icon"],
*[style*="gradient"][data-type="day_number"],
*[style*="gradient"][data-type="hour_number"],
*[style*="gradient"][data-type="minute_number"],
*[style*="gradient"][data-type="second_number"] {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: inherit !important;
  background-clip: text !important;
}

*[style*="background: "][data-type="text"],
*[style*="background: "][data-type="textData"],
*[style*="background: "][data-type="icon"],
*[style*="background: "][data-type="day_number"],
*[style*="background: "][data-type="hour_number"],
*[style*="background: "][data-type="minute_number"],
*[style*="background: "][data-type="second_number"] {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  color: inherit !important;
  background-clip: text !important;

  *[style*="background-color: "],
  *[style*="background: "] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: inherit !important;
    background-clip: text !important;
  }
}

*[data-type="text"],
*[data-type="textData"],
*[data-type="day_number"],
*[data-type="hour_number"],
*[data-type="minute_number"],
*[data-type="second_number"] {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  max-width: 420px;
  min-width: 30px;
}

*[data-dot="rotate"] {
  background-color: transparent !important;
  background-image: url("https://findicons.com/files/icons/1620/crystal_project/16/rotate_ccw.png") !important;
  background-repeat: no-repeat;
  border: none !important;
}

div[data-wrapper="true"] {
  -webkit-touch-callout: none !important;
  pointer-events: none;
  position: absolute;
  transform-origin: top left;
  user-select: none !important;

  * {
    pointer-events: all !important;
  }

  & > *:first-child {
    pointer-events: all !important;
    position: relative;
    transform: translate(-50%, -50%);
    user-select: none;
  }
}

.dv__slider[data-slides-per-view="1"]
  > .dv__slider__sliders
  > .dv__slider__sliders--slide {
  width: 100% !important;
}

.dv__slider[data-slides-per-view="2"]
  > .dv__slider__sliders
  > .dv__slider__sliders--slide {
  width: 50% !important;
}

.dv__slider[data-slides-per-view="3"]
  > .dv__slider__sliders
  > .dv__slider__sliders--slide {
  width: calc(100% / 3) !important;
}

[class^="ffi-"] {
  width: 100%;
}

[class^="ffi-send"] {
  width: fit-content;
}
// NOTE: hecho así para que funciones ciertas cosas
// TODO: descrubrir cuales son esas cosas xd