@tailwind base;
@tailwind components;
@tailwind utilities;

[x-cloak] {
  display: none;
}

@font-face {
  font-family: Avenir;
  src: url(@/Fonts/AvenirRegular.ttf);
}

@font-face {
  font-family: AvenirBold;
  src: url(@/Fonts/Avenir-Heavy.ttf);
}

@font-face {
  font-family: AvenirRoman;
  src: url(@/Fonts/Avenir-Roman.ttf);
}

@font-face {
  font-family: AvenirHeavy;
  src: url(@/Fonts/Avenir-Heavy.ttf);
}

* {
  font-family: AvenirRoman, sans-serif;
}

h1, h2, h3, h4, h5, h6, b {
  font-family: AvenirBold, sans-serif;
}

p, span {
  white-space: pre-line;
}

/* resources/css/app.css */
@media (max-width: 768px) {
  .sidebar-open {
    width: 100%;
    height: 100vh;
  }
}


.contenedor-principal-universal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contenedor-secundario-universal {
  max-width: 1900px;
}

:root {
  --cdmx: linear-gradient(90deg, #03547E 0%, #01558C 51%, #0699D6 100%);
  --gdl: linear-gradient(90deg, #00A490 0%, #1DB9FA 100%);
}