@import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css";

/* Fuentes */
@import url("https://nworkforce.com/librerias/css/fonts/fonts.css");
.nvidiasansr { font-family: 'nvidiasans-regular' !important; }
.nvidiasansm { font-family: 'nvidiasans-mid' !important; font-weight: normal; }
.nvidiasansmi { font-family: 'nvidiasans-midit' !important; }
.nvidiasansb { font-family: 'nvidiasans-bold' !important; }
.nvidiasansbi { font-family: 'nvidiasans-bold-italic' !important; }
.nvidiasansl { font-family: 'nvidiasans-lig' !important; }
.nvidiasansli { font-family: 'nvidiasans-ligit' !important; }

/* Colores */
.cwhite { color: white; }
.cgreen { color: #76b900; }
.clegal { color: rgba(255, 255, 255, 0.5); }
.bcnblack { background-color: #1e1e1e !important; }

/* Texto */
sup { font-size: 0.5em !important; vertical-align: super; top: -0.5px; }
sup.ast { font-size: 0.75em !important; vertical-align: super; top: -1px !important; }
.nowrap { white-space: nowrap !important; }

/* Botones */
.bgreen { font-weight: bolder; background-color: #76b900; border: 1px solid #76b900; color: #fff; border-radius: 0px;}
.bgreen:visited { color: #fff; background-color: #76b900; }
.bgreen:hover { color: #76b900; background-color: transparent; border-color: #76b900; }
.button:active, .bgreen:focus { color: #fff; background-color: #76b900; border-color: #76b900; }
.linkgreen { color: #76b900; }
.linkgreen:hover { color: white; }
.linkgreen:active { color: white; }

/* Estructura */
body { background-color: #000; }
#nvidia { margin: 0 auto; max-width: 1300px; background-color: #000; }
.hrwhite { background-color: #666; height: 1px; }
.nfooter .logos { max-height: 50px; max-width: 170px; }
.nfooter .logose { max-height: 50px; max-width: 300px; }
.px-ctrl { padding-left: 3rem; padding-right: 3rem; }
.hcolumn { height: 2rem; }

/* Hero */
.bhero .logos { max-height: 50px; max-width: 170px; }
.bhero.bhleft { background-size: cover; background-position: center right; background-repeat: no-repeat; }
.bhero.bhright { background-size: cover; background-position: center left; background-repeat: no-repeat; }

.bheader { background-image: url("../img/header.jpg"); }
.bheader p { text-shadow: 0.1em 0.1em 1em rgba(0 0 0); }
.bheader div .is-hidden-tablet { height: 6rem; }
.bbundle { background-image: url("../img/bundle.jpg"); }
.bbundle div .is-hidden-tablet { height: 4rem; }

/**/
.imgvidsec { max-width: 90%; }

/* Responsivo */

/* Mobile */
@media only screen and ( max-width: 768px) {
    .px-ctrl { padding-left: 0.5rem; padding-right: 0.5rem; }
    .bhero.bhleft { background-size: 100%; background-position: top center; background-repeat: no-repeat; padding-top: 70vw !important; }
    .bhero.bhright { background-size: 100%; background-position: top center; background-repeat: no-repeat; padding-top: 70vw !important; }
    .bheader { background-image: url("../img/mheader.jpg"); }
    .bbundle { background-image: url("../img/mbundle.jpg"); }
}
/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .tyc .tycwbor { border-right: 1px solid #666; }
} 
/* Desktop */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {
    .tyc .tycwbor { border-right: 1px solid #666; }
} 
/* Widescreen */
@media only screen and (min-width: 1216px) and (max-width: 1407px) {
    .tyc .tycwbor { border-right: 1px solid #666; }
}
/* FullHD */
@media only screen and (min-width: 1408px) {
    .tyc .tycwbor { border-right: 1px solid #666; }
}