@import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css";
@import url("https://nworkforce.com/librerias/css/fonts/fonts.css");

article { display: revert; } 
/* Fuentes */
.nvidiasansr { font-family: 'nvidiasans-regular' !important; }
.nvidiasansi { font-family: 'nvidiasans-italica' !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; }
.textsha { text-shadow: 5px 5px 50px black; }

/* Botones */
.pointer { cursor: pointer; }
.bgreen { font-weight: bolder; background-color: #76b900; border: 1px solid #76b900; color: #000; 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; }
.mt--6 { margin-top: -3rem; }
.hrwhite { background-color: #666; height: 1px; }
.nfooter .logos { max-height: 50px; max-width: 170px; }
.nfooter .logos.rtx { max-height: 120px; max-width: 190px; }
.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 .logos.rtx { max-height: 120px; max-width: 190px; }
.bhero.bhleft { background-size: contain; /*change to cover in other situacions*/ background-position: center right; background-repeat: no-repeat; }
.bhero.bhright { background-size: contain; background-position: center left; background-repeat: no-repeat; }
.bhero.bhcenter { background-size: cover; background-position: center center; 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 div.is-hidden-tablet { height: 6rem; }
.bbundle { background-image: url("../img/bundle.png"); }
.bvideo { background-image: url("../img/bvideo.jpg"); }
.bvideo2 { background-image: url("../img/bvideo2.jpg"); }
.bspecs { background-image: url("../img/bcspecs.jpg"); }

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

.red { background-image: linear-gradient(#93000e); }

/* 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: 150%; background-position: top left; background-repeat: no-repeat; padding-top: 78vw !important; }
    .bheader { background-image: url("../img/mheader.jpg"); padding-top: 70vw !important; }
    .bbundle { background-image: none; }
    .imgvidsec { max-width: 100%; }

    .red { background-image: linear-gradient(180deg, #93000e, #f30118 25%); }
}
/* 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; }
}