*{
font-family: 'Open Sans', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

.hover\:text-green-promt:hover {
  color: #336699;
}

.slide-home {
    height: 100vh;
    background-image: url("../images/PROMT-Home.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
}

h1.grande{
  font-size: 1.7rem !important;
  line-height: 2.3rem;
}
h1.mediano{
  font-size: 1.7rem !important;
  line-height: 2.3rem;
}
.gris-oscuro{
color:#383f41;
}
.gris-claro{
color:#747b7d;
}

.transparent{
  background:#00000000;
}
.swiper-slide {
    min-height: 320px;
    border-top: solid 2px #f2f2f2;
}
img.absolute.flecha-blanca {
    width: 30px;
    left: 45%;
    bottom: 100px;
}

html {
    scroll-behavior: smooth;
}
.fondo-gris-claro{
  background-color: #F1f1f1;
}
.fondo-gris{
  background-color: #EAEAEA;
}
.contenedor{
  max-height:850px;
}

.text-promt{
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.copete {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 2px;
}

.button.azul{
background: #336699;
}

.button.rosa{
background: #CD4B7F;
}
.button.naranja{
background: #F2A25F;
}
.negro{
background: #444444;
}
.verde{
  background: #6DB554;
}
.slide-interna {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
}
.slide-interna.trademarket {
    background-image: url(../images/trademarket2.jpg);
}
.slide-interna.research {
    background-image: url(../images/research-slide.jpg);
}


span.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px!important;
    background: #fff!important;
    border: solid 1px #282828!important;
    opacity: 1!important;
}
.azul {
  background: #336699;
}
.azul-claro{
  background: #4778A8;
}
.texto-celeste{
  color: #AAD3FB;
}
.rosa {
  background: #CD4B7F;
}
.rosa-claro{
  background: #D15D8C;
}
.texto-rosa{
  color: #F8B3CF;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #282828!important;
}

.swiper-button-next, .swiper-button-prev {
    bottom: 0px!important;
    top: auto!important;
    border: solid 1px #282828!important;
    border-radius: 70px!important;
    padding: 10px!important;
    width: 35px!important;
    height: 35px!important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    color: #282828!important;
    font-size: 15px!important;
}
.bg-opacity-50 {
    opacity: 50%;
}
.hamburguer{
  top:18px;
    position: absolute;
    right: 20px;
}
.fondo-gris-osc{
  width: 100%;
      height: 100%;
      background: #282828;
      opacity: 1;
}
#contacto input {
    background: #fff !important;
}

@media (max-width: 1008px) {
  .barra-nav{
      background: #282828 !important;
      height: 60px;
  }
  .logo{
      margin-top: -1px;
  }
  .mobile-menu {
      background: #282828;
      width: 100%;
      padding: 30px 40px;
      position: absolute;
      top: 60px;
      left: 0px;
      border-top: solid 2px #424141;
  }
  .second-nav{
    border-top: solid 2px #424141;
    margin: 10px -40px 0px;
    padding: 10px 40px 0px;
}
.cruz .barras{
    display: none;
}
.barras .st0 {
    fill: #fff;
    stroke: none;
    stroke-width: 0;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.cruz .cruz-oculta {
    display: block;
    width: 25px;
    margin-left: 2px;
}
.banner-servicios1{
  background-image: url("../images/servicios2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px;

}
.banner-servicios2{
  background-image: url("../images/research2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px;
}
#servicios .gris-oscuro,
#servicios-marketresearch .gris-oscuro,
#servicios-marketresearch .gris-oscuro{
color: #fff;
}
#servicios .button,
#servicios-marketresearch .button,
#contacto .button,
#equipo .button{
    width: 100%;
    display: block;
}
.fondo-mb {
background: #fff;
}
#equipo .contenedor {
    max-height: unset !important;
}
}
@media (min-width: 1009px) {
h1.grande {
    font-size: 2.7rem !important;
    line-height: 3.5rem;
}
h1.mediano {
    font-size: 2rem !important;
    line-height: 3rem;
}
.swiper-slide {
    min-height: 400px;

}
span.swiper-pagination-bullet {
    width: 20px !important;
    height: 20px!important;
}

.swiper-button-next, .swiper-button-prev {
    width: 45px!important;
    height: 45px!important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 17px!important;
}
}
@media (min-width: 1009px) and (max-width: 1200px) {
  .mobile-menu a,
  .second-nav a {
      font-size: 10px;
  }

}
@media (min-width: 768px) and (max-width: 1400px) {
  .md-width {
    width: 70%!important;
}
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .mobile-menu a,
  .second-nav a {
      font-size: 13px;
  }
}
@media (min-width: 1200px)  {
  img.absolute.flecha-blanca {
      width: 30px;
      left: 50%;
      bottom: 50px;
  }
  .min-h-75{
min-height:75vh;
  }
}