/*Librerías*/
@import url("bulma/bulma.min.css");
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Fuentes*/
@font-face {
    font-family: 'Chevy Sans Bold';
    src: url('fonts/ChevySans-Bold.woff') format("woff");
}
p.bold { font-weight: bold; }
p { font-family: "Fira Sans", sans-serif; }
p.chevysb { font-family: 'Chevy Sans Bold'; }

/*Colores*/
.cWhite { color: white; }
.cBlack { color: black; }
.cRed { color: #cd010d; }
.cGrey { color: #585858; }
.cBlue { color: #2b5384; }
.cBlue2 { color: #295792; }
.cOrange { color: #fa5406; }

/*Estructura*/
.px-ctrl { max-width: 1150px; margin-left: auto; margin-right: auto; }

/*Header*/
.header .logo { height: 15vh; }
.principal { background-image: url('../assets/cabecera.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.principal .columns { min-height: 50vh; }
.principal .box { border: 3px solid #d2d2d2; margin-bottom: -100px; }


/*Racks*/
.racks { background-color: #1d4078; }
.racks > div > div.is-7-tablet { background-color: white; }
.racks .logo { width: 20vh; }
.racks .ilustracion {  background-image: url('../assets/racks-solutions-mexico.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/*Envia Guia*/
.envia { background-image: url('../assets/background-envia-guia.svg'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.envia > div > div.is-7-tablet { background-color: white; }
.envia .logo { width: 20vh; }
.envia .ilustracion {  background-image: url('../assets/envia-guia.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/*Nosotros*/
.nosotros { background-color: #c8c8c8; }
.nosotros .cabecera { background-color: black; padding-top: 50px; padding-bottom: 100px; }
.nosotros .cuerpo { margin-top: -50px; padding-bottom: 50px; }
.nosotros .box { border: 3px solid #d2d2d2; }

/*Pie de pagina*/
.pie { background-color: black; }
.pie .border { border-left: 3px solid #cd010d; }
.pie a:hover { color: #cd010d; }
.pie hr { background-color: #cd010d; height: 3px; }

/*  */
@media only screen and ( max-width: 1150px) {
    .px-ctrl { padding-left: 1rem; padding-right: 1rem; }
}

/*  */
@media only screen and (min-width: 769px) {
    .pie .is-narrow { padding-left: 3rem; padding-right: 3rem; }
}

/* Mobile */
@media only screen and ( max-width: 768px) {
    /**/
    .o1 { order: 1; }
    .o2 { order: 2; }

    .principal { background-position: 12% 0%; }
    .principal .column.is-7-tablet { height: 20vh; }

    .ilustracion { min-height: 95vw; }

    .pie .border { /*border-top: 3px solid #cd010d;*/ border-left: 0px; }
    .pie hr { background-color: #cd010d; height: 3px; }
    .pie .is-narrow { text-align: center; }

}
/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    
}
/* Desktop */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {
    
}
/* Widescreen */
@media only screen and (min-width: 1216px) and (max-width: 1407px) {

}
/* HD */
@media only screen and (min-width: 1408px) /*and (max-width: 1920px)*/ {

}
/* 2K
@media only screen and (min-width: 1921px) {

}*/