/* Librerías */
@import url("bulma/bulma.min.css");
@import url("AnimateCSS.css");

/* Funtes */
.nowrap { white-space: nowrap; }
.tl { font-weight: 700; color: var(--color-for-titles); }

/* Colores */
:root {
    --color-for-titles: #f8aa02;
    --color-for-buttons: #f8aa02;
    --color-for-images: #1b6ecd;
    --color-for-menu: rgb(0,84,181);
}
.cWhite { color: white; }

/* Estructura */
html { scroll-behavior: smooth }
.fixed { position: fixed; }
.px-ctrl { max-width: 1150px; margin-left: auto; margin-right: auto; }
.product .px-ctrl { max-width: 750px; margin-left: auto; margin-right: auto; }

/* Botones */
.pointer { cursor: pointer; }
.bt1 { background-color: var(--color-for-buttons); color: white; transition: 0.5s; font-weight: 500; }
.bt1:hover { opacity: 0.8; }
.bLink { color: var(--color-for-buttons); }
a.cWhite:hover { opacity: 0.9; color: white; }

/* Menu */
.menu { z-index: 5; width: 100%; transition: 0.5s; background-color: var(--color-for-menu); }
.menu > .nav { max-width: 1400px; margin-left: auto; margin-right: auto;  }
.menu .nav .bar a.link { color: white; font-weight: 500; }
.menu:not(.scroll) { padding-top: .5rem; padding-bottom: .5rem; }
.menu:not(.scroll) .nav .logo { max-width: 18vh; }
.menu.scroll { background-color: var(--color-for-menu); }
.menu.scroll .nav .logo { max-width: 15vh; }
.subMenu { position: relative; }
.subMenu > div { position: absolute; min-width: 12vw; left: 50%; top: 3rem; transform: translate(-50%, 0); background-color: #034587; box-shadow: 2px 2px 5px #111; }
.subMenu > div p { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.subMenu > div a.subLink { color: white; font-weight: 500; }
.subMenuMobile.has-open span.close { display: none; }
.subMenuMobile.has-close span.open { display: none; }
.menu .sMm a { color: rgba(255,255,255,0.8); font-weight: 500; }

/*Whatsapp*/
.fixed.whatsapp { right: 0; bottom: 0; z-index: 10; }
.fixed.whatsapp > div { background-color: white; border-radius: 99px; box-shadow: 2px 2px 5px; }
.fixed.whatsapp > div img { width: 4vh; }

/* Footer */
.footer { background-color: #034587; }

/* Formulario */
form .formContact label { font-weight: 400; }

/* heroColumns */
.heroColumns > .column { min-height: 65vh; }
.heroColumns > .bImage { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.heroColumns > .text { display: flex; align-items: center; padding-left: 3rem; padding-right: 3rem; position: relative; }
.heroColumns > .text > .down-arrow { position: absolute; bottom: 20px; }
.inicio .heroColumns > .bImage { background-image: url('../img/inicio/racks-solutions-mexico.avif'); }
.servicios .heroColumns > .bImage { background-image: url('../img/servicios/servicios.avif'); }
.consultoria .heroColumns > .bImage { background-image: url('../img/consultoria/consultoria.avif'); }
.contacto .heroColumns > .bImage { background-image: url('../img/contacto/contacto.jpg'); }

/* Inicio */
.bullets li::marker { color: var(--color-for-buttons); }

/* Product */
.product .images { background-color: var(--color-for-images); }


/* Mobile */
@media only screen and ( max-width: 768px) {
    /* Estructura */
    .has-text-centered-mobile { text-align: center; }
    .px-ctrl { margin-left: 0; margin-right: 0; padding-left: 1.5rem; padding-right: 1.5rem; }
    .product .px-ctrl { margin-left: 0; margin-right: 0; padding-left: 1.5rem; padding-right: 1.5rem; }
    

    /* Menu */
    .menu { padding: 0rem 0.5rem; }
    .menu.menu:not(.scroll) .nav .logo, .menu.scroll .nav .logo { max-width: 20vh; }
    .menu .options > div { max-height: 90vh; overflow-y: scroll; }

    /* heroColumns */
    /* .heroColumns > .column { min-height: 50vh; } */
    .heroColumns > .bImage { order: 1; min-height: 40vh; }
    .heroColumns > .text { order: 2; padding: 1rem 1.5rem 3rem 1.5rem; min-height: 45vh; }
    .heroColumns > .text > .down-arrow { position: absolute; bottom: 7px; }
}
/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    /* Inicio */
    .inicio .heroColumns > .text { padding-left: 6rem; }
}
/* Desktop */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {
    /* Inicio */
    .inicio .heroColumns > .text { padding-left: 6rem; }
}
/* Widescreen */
@media only screen and (min-width: 1216px) and (max-width: 1407px) {
    /* Menu */
    .menu { padding: 0rem 3rem; }

    /* Inicio */
    .inicio .heroColumns > .text { padding-left: 6rem; }
}
/* HD */
@media only screen and (min-width: 1408px) /*and (max-width: 1920px)*/ {
    /* Inicio */
    .inicio .heroColumns > .text { padding-left: 6rem; }
    .consultoria .heroColumns > .text { padding-right: 6rem; }
}
/* 2K
@media only screen and (min-width: 1921px) {

}*/