html,
body,
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  font-family: var(--text-regular);
}
.sv-container-portal {
  display: grid;
  min-height: 100vh;
  grid-template-rows: auto 1fr auto;

  overflow: hidden;
}
:root {
  /* Colores */
  --first: #611232;
  --titles: #595959;
  --second: #be955b;
  --third: #575756;
  --four: #ba5462;
  --five: #255b4d;
  --background: #f2eada;
  --backitem: #3c9987;
  --backcarousel: #008168;
  --backbtn: #dfc8aa;
  --backmod: #333333;
  --owl: #ff6700;
  --backowl: #132436;
  --card: #fefdfc;
  --cardtext: #939393;
  --satlogo: #4a89c8;
  --tab: #f2f4f4;
  --black: #000;
  --white: #fff;
  /*Colores agregados */
  --active: #cba97b;
  --inactive: #85bfb4;
  --inactive2: #d9949a;
  --gold: #bc955c;
  --darktext: #f2e8dc;
  --backgroundlight: #e6d3bb;
  --backgroundblack: #333333;
  --backgroundgray: #4d4d4d;
  --graylight: #666666;
  /*Cielo*/
  --first-cloud: #f3f9f8;
  --second-cloud: #84c0b4;
  --third-cloud: #b6d9d2;
  --four-cloud: #53a596;

  /* Texto */
  --title: NotoSans-Bold, sans-serif;
  --text-regular: NotoSans-Regular, sans-serif;
  --text-black: NotoSans-Black, sans-serif;
  --text-bold: NotoSans-Bold, sans-serif;
  --texto-extra-bold: NotoSans-ExtraBold, sans-serif;
  --text-book: NotoSans-Thin, sans-serif;
  --text-extra-light: NotoSans-ExtraLight, sans-serif;
  --text-light: NotoSans-Light, sans-serif;
  --text-medium: NotoSans-Medium, sans-serif;
  --text-italic: NotoSans-Regular-Italic, sans-serif;
  --text-bold-italic: NotoSans-BoldItalic, sans-serif;
  --text-thin: NotoSans-Thin, sans-serif;
  --text-medium: NotoSans-Medium, sans-serif;
}

::-webkit-scrollbar {
  width: 5px;
  height: auto;
}

a {
  text-decoration: none;
}
p {
  margin: 0;
  padding: 0;
}
button,
button:focus {
  outline: none;
}
@media (hover: none) {
  button:focus {
    outline: none;
  }
}

.portal-container {
  width: 85vw;
  margin-inline: auto;
  z-index: 99;
}
.materials-container {
  width: 100%;
  padding: 1em 0;
  z-index: 98;
}
.carousel-container {
  width: 1360px;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .portal-container {
    width: 90vw;
  }
}

@media (min-width: 1500px) {
  .portal-container {
    width: 60vw;
    max-width: 1500px;
  }
}