/*CONFIGURACIONES GENERALES*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
}

/*PALETA DE COLORES*/
/*BACKGROUNDS*/
.bg-tech {
  background-image: url(../images/sobre-nosotros-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-dc {
  background-image: url(../images/bg-pasillo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  justify-content: center;
}

.bg-promo {
  background-image: url(../images/bg-datacenter.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  justify-content: center;
  padding-bottom: 1rem;
}

.bg-p--blue {
  background-color: #0b5ed7;
}

.bg-p--green {
  background-color: #01a23c;
}

.bg-p--orange {
  background-color: #f89101;
}

.bg-p--red {
  background-color: #ff3133;
}

.bg-white {
  background-color: #ffffff;
}

/*UTILIDADES*/
.mt-3r {
  margin-top: 3rem;
}

.mb-3r {
  margin-bottom: 3rem;
}

.mr-3r {
  margin-right: 3rem;
}

.ml-3r {
  margin-left: 3rem;
}

.mt-5r {
  margin-top: 5rem;
}

.pd-5r {
  padding: 5rem;
}

.pd-7r {
  padding: 7rem;
}

.pd-t {
  padding-top: 6rem;
}

.pd-l2 {
  padding-left: 2rem;
}

/*TEXTOS*/
.texto, .footer-a, .titulo-h2--grande, .titulo-h2, .header-a, .titulo-h1, .titulo-h1--promo, .texto-p, .texto-p--der, .texto-p--centro {
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  text-transform: none;
  color: #ffffff;
  text-align: center;
  list-style: none;
}

.texto--black {
  color: #000000;
}

.texto--gris {
  color: #777777;
}

.texto--white {
  color: #ffffff;
}

.texto--center {
  text-align: center;
  font-size: 50px;
  font-weight: 700;
}

.titulo-promo {
  font-size: 4rem;
  font-weight: 900;
}

.texto-a {
  text-transform: uppercase;
}

.texto-p, .texto-p--der, .texto-p--centro {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
}

.texto-p--centro {
  text-align: center;
}

.texto-p--der {
  text-align: right;
}

/*TITULOS*/
.titulo-h1, .titulo-h1--promo {
  font-size: 4rem;
  font-weight: 700;
  padding-top: 4rem;
  word-wrap: anywhere;
}

.titulo-h1--promo {
  padding-top: 13rem;
}

.titulo-h2, .header-a {
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}

.titulo-h2--grande {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 700;
}

.txt-izq {
  text-align: left;
}

.txt-der {
  text-align: right;
}

.txt-cen {
  text-align: center;
}

.mover {
  transform: translateY(100px);
}

/*COLORES ESTRUCTURAS*/
.primary-g {
  background-color: #01a23c;
}

.primary-b {
  background-color: #0083ff;
}

.primary-n {
  background-color: #f89101;
}

.primary-r {
  background-color: #ff3133;
}

/*ESTRUCTURAS PRINCIPALES*/
.header-nav {
  transition: 0.7s;
  background: #ffffff;
}
.header-nav .nav-container .nav-img {
  width: 84px;
}
.header-nav .nav-container .nav-boton {
  color: #000000;
  background-color: #000000;
}
.header-nav .nav-container .nav-a {
  transition: 0.7s;
  color: #000000;
}

.nav-animation {
  animation-name: nav_at;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
  animation-delay: 2s;
}

@keyframes nav_at {
  100% {
    background: #ffffff;
    color: #000000;
  }
}
.main, .sobre-nosotros-main, .servicios-main, .galeria-main, .contacto-main, .index-main {
  min-height: 600px;
  height: 70vh;
  background-position: center;
  background: no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

.footer-cont-img {
  display: flex;
  justify-content: center;
}
.footer-cont-img .footer-img {
  margin: 3rem 1rem 0 -2rem;
  height: 15vh;
}

.footer-a {
  text-align: right;
}

/*ESTRUCTURAS SECUNDARIAS*/
.card-b, .big-card {
  margin-top: 20px;
  border-radius: 1rem;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  cursor: default;
  transition: all 400ms ease;
}
.card-b:hover, .big-card:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
  transform: translateY(-3%);
  background-color: linear-gradient(to right, #EF6517, #FECF39);
}
.card-b .card-img, .big-card .card-img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.card--b {
  background-color: #121921;
}

.card--white {
  background-color: #fff;
}

.card--tech {
  background-image: url(../images/plan-promociones.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.big-card .big-card-img {
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.localidad {
  color: #f89101;
}

.barra-localidad {
  margin-top: -35px;
  background-color: #1C2233;
  color: #f89101;
}

.span-barra {
  font-weight: 700;
  color: #FFF;
}

.span-barra--org {
  font-weight: 700;
  color: #f89101;
}

.boton, .container-form .form-contacto .form-boton, .boton--red, .boton--orange, .boton--blue, .boton--green {
  border-radius: 1.5rem;
  background: #212529;
  border-color: transparent;
}
.boton:hover, .container-form .form-contacto .form-boton:hover, .boton--red:hover, .boton--orange:hover, .boton--blue:hover, .boton--green:hover {
  color: #fff;
  background-color: #0b5ed7;
}

.boton--green {
  background: #01a23c;
}
.boton--green:hover {
  color: #fff;
  background-color: #212529;
}

.boton--blue {
  background: #0b5ed7;
}
.boton--blue:hover {
  color: #fff;
  background-color: #212529;
}

.boton--orange {
  background: #f89101;
}
.boton--orange:hover {
  color: #fff;
  background-color: #212529;
}

.boton--red {
  background: #ff3133;
}
.boton--red:hover {
  color: #fff;
  background-color: #212529;
}

@media (min-width: 992px) {
  .titulo-h1, .titulo-h1--promo {
    font-size: 98px;
    line-height: 104px;
  }
}
.sub-barra {
  width: 100%;
}
.sub-barra .txt-barra {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.baner-num {
  list-style: none;
  padding: 0.3rem 1rem;
}
.baner-num li {
  display: inline-block;
}

/*---------------Btn Whatsapp----------------------------*/
.container-btn-wpp {
  background-color: transparent;
  position: fixed;
  z-index: 999;
  border-radius: 70%;
  bottom: 10%;
  right: 0.5%;
  padding: 10px;
  transition: ease 0.3s;
  animation: efecto 1.2s infinite;
}

.container-btn-wpp:hover {
  transform: scale(1.1);
  transition: 0.3s;
}

.btn-wpp {
  width: 50px;
  transition: ease 1s;
}

@keyframes efecto {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
  }
}
/*---------------Btn Whatsapp----------------------------*/
/*---------------Btn Instagram----------------------------*/
.container-btn-ig {
  background-color: transparent;
  position: fixed;
  z-index: 999;
  border-radius: 70%;
  bottom: 4%;
  right: -0.1%;
  padding: 10px;
}

.container-btn-ig:hover {
  transform: scale(1.1);
  transition: 0.3s;
}

.btn-ig {
  width: 40px;
}

@keyframes efecto {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
  }
}
/*---------------Btn Intagram----------------------------*/
/*---------------Btn Facebook----------------------------*/
.container-btn-fb {
  background-color: transparent;
  position: fixed;
  z-index: 999;
  border-radius: 70%;
  bottom: -1%;
  right: -0.1%;
  padding: 10px;
}

.container-btn-fb:hover {
  transform: scale(1.1);
  transition: 0.3s;
}

.btn-fb {
  width: 40px;
}

@keyframes efecto {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
  }
}
/*---------------Btn Facebook----------------------------*/
/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
  .btn + .btn {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .btn {
    padding: 15px 35px;
    font-size: 13px;
  }
  .btn--round {
    padding: 0;
  }
  .btn-small {
    padding: 14px 25px;
  }
}
@media (max-width: 460px) {
  .btn {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .titulo-promo {
    font-size: 3rem;
  }
}
@media (max-width: 350px) {
  .titulo-promo {
    font-size: 2rem;
  }
}
@media (max-width: 575px) {
  .txt-der {
    text-align: center;
  }
  .footer-a {
    text-align: center;
  }
}
.index-main {
  background-image: url(../images/bg24.jpg);
  background-position: center;
}

.negativo {
  position: relative;
  margin-top: -200px;
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 100px;
}

.contacto-main {
  background-image: url(../images/contacto-background-tech.jpg);
}

.container-form {
  display: flex;
  justify-content: center;
}
.container-form .form-contacto {
  background: bisque;
  border-radius: 4rem;
}
.container-form .form-contacto .form-input {
  border-radius: 1rem;
}
.container-form .form-contacto .form-boton {
  color: #ffffff;
  width: 9rem;
}

.galeria-main {
  background-image: url(../images/galeria-background.jpg);
}

.galeria-slider, .slider-img--big, .slider-img {
  margin-right: auto;
  margin-left: auto;
}

.slider-img {
  width: auto;
  height: 25rem;
}

.slider-img--big {
  width: auto;
  height: 25rem;
}

.slider-botones {
  background-color: #ff0000;
  border-radius: 0.5rem;
}

.slider-fondo-botones {
  background-color: #000000;
}

.servicios-main {
  background-image: url(../images/servicios-background.jpg);
}

.main-sub {
  border-radius: 1rem;
  margin-top: 3rem;
}

.sobre-nosotros-main {
  background-image: url(../images/sobre-nosotros-background.jpg);
}

.sn-img {
  border-radius: 1rem;
}

/*# sourceMappingURL=styles.css.map */