/*
  To local developing,
  you should use the repositorie azion-web-kit and run:

  cd ./azion-web-kit/ ; npm i; npm link
  cd ../site; npm i; npm link @aziontech/azion-web-kit

*/
@layer tailwind-base, primevue;

@layer tailwind-base {
  @tailwind base;
}

@tailwind components;
@tailwind utilities;

body,
html {
  overflow-x: clip;
  scroll-behavior: smooth;
}

* {
  font-family: 'Sora', sans-serif;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  margin: 0;
  padding: 0;
}

/* MANUAL STYLE */
.p-card-header img {
  max-width: 100%;
}

.azion.azion-light .text-degrade {
  background-image: linear-gradient(to right, #f97316, #fb923c) !important;
}

.azion.azion-light .text-degrade-reverse {
  background-image: linear-gradient(to right, #fb923c, #f97316) !important;
}

.azion.azion-dark .text-degrade {
  background-image: linear-gradient(to right, #f97316, #fdba74) !important;
}

.azion.azion-dark .text-degrade-reverse {
  background-image: linear-gradient(to right, #fdba74, #f97316) !important;
}

.azion.azion-dark .hide-on-light {
  display: block;
}

.azion.azion-dark .hide-on-dark {
  display: none;
}

.azion.azion-light .hide-on-dark {
  display: block;
}

.azion.azion-light .hide-on-light {
  display: none;
}

.cms-embed * {
  max-width: 100%;
}

.cms-embed iframe {
  width: 100%;
}

.titillium-web * {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
.roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

.font-sora {
  font-family: 'Sora', sans-serif;
}

.font-proto-mono {
  font-family: 'Proto Mono', sans-serif;
}