@import "./bulma.css";

/* Fuentes */
@import url("https://nworkforce.com/librerias/css/fonts/fonts.css");

.landing .nvidiasansr {
  font-family: "nvidiasans-regular" !important;
}

.landing .nvidiasansm {
  font-family: "nvidiasans-mid" !important;
  font-weight: normal;
}

.landing .nvidiasansmi {
  font-family: "nvidiasans-midit" !important;
}

.landing .nvidiasansb {
  font-family: "nvidiasans-bold" !important;
}

.landing .nvidiasansbi {
  font-family: "nvidiasans-bold-italic" !important;
}

.landing .nvidiasansl {
  font-family: "nvidiasans-lig" !important;
}

.landing .nvidiasansli {
  font-family: "nvidiasans-ligit" !important;
}

.landing .cwhite {
  color: white;
}

.landing .cgreen {
  color: #76b900;
}

.landing .clegal {
  color: rgba(255, 255, 255, 0.5);
}

.landing .bcnblack {
  background-color: #1e1e1e !important;
}

.landing sup {
  font-size: 0.5em !important;
  vertical-align: super;
  top: -0.5px;
}

.landing sup.ast {
  font-size: 0.75em !important;
  vertical-align: super;
  top: -1px !important;
}

.landing .nowrap {
  white-space: nowrap !important;
}

.landing .bgreen {
  font-weight: bolder;
  background-color: #76b900;
  border: 1px solid #76b900;
  color: #fff;
  border-radius: 0px;
}

.landing .bgreen:visited {
  color: #fff;
  background-color: #76b900;
}

.landing .bgreen:hover {
  color: #76b900;
  background-color: transparent;
  border-color: #76b900;
}

.landing .button:active,
.landing .bgreen:focus {
  color: #fff;
  background-color: #76b900;
  border-color: #76b900;
}

.landing .linkgreen {
  color: #76b900 !important;
}

.landing .linkgreen:hover {
  color: white;
}

.landing .linkgreen:active {
  color: white;
}

.landing .body {
  background-color: #000;
}

.landing #nvidia {
  margin: 0 auto;
  max-width: 1300px;
  background-color: #000;
}

.landing .hrwhite {
  background-color: #666;
  height: 1px;
}

.landing .nfooter .logos {
  max-height: 50px;
  max-width: 170px;
}

.landing .nfooter .logose {
  max-height: 50px;
  max-width: 300px;
}

.landing .px-ctrl {
  padding-left: 3rem;
  padding-right: 3rem;
}

.landing .hcolumn {
  height: 2rem;
}

.landing .bhero .logos {
  max-height: 50px;
  max-width: 170px;
}

.landing .bhero.bhleft {
  background-size: contain;
  /*change to cover in other situacions*/
  background-position: center right;
  background-repeat: no-repeat;
}

.landing .bhero.bhright {
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
}

.landing .bheader {
  background-image: url("../img/header_ow.jpg");
}

.landing .bheader p {
  text-shadow: 0.1em 0.1em 1em #000;
}

.landing .bheader div .is-hidden-tablet {
  height: 6rem;
}

.landing .bbundle {
  background-image: url("../img/bundle_ow.jpg");
}

.landing .bbundle div .is-hidden-tablet {
  height: 4rem;
}

.landing .imgvidsec {
  max-width: 90%;
}

@media only screen and (max-width: 768px) {
  .landing .px-ctrl {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .landing .bhero.bhleft {
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 70vw !important;
  }

  .landing .bhero.bhright {
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 70vw !important;
  }

  .landing .bheader {
    background-image: url("../img/mheader_ow.jpg");
  }

  .landing .bbundle {
    background-image: url("../img/mbundle_ow.jpg");
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .landing .tyc .tycwbor {
    border-right: 1px solid #666;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1215px) {
  .landing .tyc .tycwbor {
    border-right: 1px solid #666;
  }
}

@media only screen and (min-width: 1216px) and (max-width: 1407px) {
  .landing .tyc .tycwbor {
    border-right: 1px solid #666;
  }
}

@media only screen and (min-width: 1408px) {
  .landing .tyc .tycwbor {
    border-right: 1px solid #666;
  }
}