:root {
  --colorPrincipal: #0c5adb;
  --colorSecundario: #2d4977;
  --colorBotonSecundario: #034778;
  --grosor: 600;
  --tituloPrincipal: 42px;
  --tituloSecundario: 36px;
  --colorPleca: white;
  --textoPleca: 40px;

}



/*empieza seccion 2*/
#divisor{
    background-image:url(vistas/img/inicio/Division.webp); background-size: cover; background-position: center;
    color: var(--colorPleca);
    font-size: var(--textoPleca);
    font-weight: var(--grosor);
    
}
#divisor h2{
    font-size: var(--tituloSecundario);  
    text-align: center;
}
/*termina seccion 2*/

/*empieza seccion 5*/
img.medicoMkt{
    width: 420px;
}


/*termina seccion 5*/


.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@media (max-width:991px){
    .about_area{
        padding-top: 30px!important;
    }
    .row.flex-column-reverse{
        justify-content: center;
    }
    .rotativaMkt{
        display: none;
    }
    .rotativaMkt, .rotativaAnaliticos{
        display: none;
    }
    img.medicoMkt{
        margin-bottom: 40px;
    }
}

@media (max-width:991px){
    .seccionMarketing{
        padding-top: 0px!important;
    }
    .seccionAnaliticos{
        padding-top: 0px!important;
    }
    .imagenMuestra{
        width: 250px;
    }
}

.botonSecundario{
    background-color: var(--colorBotonSecundario);
    padding: 14px 35px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #fff;
    margin-top: 25px;
}
.botonSecundario:hover{
    background-color: var(--colorSecundario);
    transition-duration: .9s;
    z-index: -1;
    -webkit-transition: all 0.9s ease-out 0s;
    transition: all 0.9s ease-out 0s;
    color: white;
}