/* 
    Created on : 2 ago 2025, 12:13:02 p. m.
    Author     : horacio
    Estilos para test-ride del 2025
*/

#scrollup{background-color: #1e5ca1}
.estilo-rojo .contact-for-purchase .btn-content a:hover{background-color: #1e5ca1!important}
.contact-for-purchase .btn-content{float: none}

.header-landing-animation-2025 {
    background: url("/imagenes/test-ride-2025/header.jpg") top center no-repeat;
    background-size: contain;
    /*
    width: 100%;
    height: auto;
    */
    height: 80vh;
}
        
@media (max-width:576px) {
    .header-landing-animation-2025 {
        background: url("/imagenes/test-ride-2025/m_Header.jpg") top center no-repeat;
        background-size: contain;
        height: 310px;
    }            
}

.xtz-logos-byn {
  max-width: 700px;
}

.octubre-c .ybr-header-moto {
  left: 70px;
  margin-left: 0;
  top: 130px;
  animation-delay: 1s;
  z-index: 1;
  width: 600px;
}

.octubre-c .ybr-header-titulo {
  top: 200px;
}

.octubre-c .ybr-header-marca {
  top: 425px;
  width: 280px;
  left: 730px;
}


@media (max-width: 1200px) {
  .octubre-c .ybr-header-marca {
    left: 600px;
  }
  
  .octubre-c .ybr-header-titulo {
    left: 510px;
  }
  
  .octubre-c .ybr-header-moto {
    left: 0;
  }
}

@media (max-width: 992px) {


  .octubre-c .ybr-header-marca {
    left: 220px;
    top: 780px;
  }

  .octubre-c .ybr-header-titulo {
    left: 40px;
    margin-left: 0;
    top: 200px;
    animation-delay: 1s;
    z-index: 1;
    width: 90%;
  }

  .octubre-c .ybr-header-moto {
    left: 50px;
    top: 400px;
  }
   .colores-financia {
    text-align: center!important;
}
}

@media (max-width: 756px) {
    .octubre-c .ybr-header-marca {
        left: 20%;
        top: 580px;
    }
}

@media (max-width: 576px) {
  .octubre-c .ybr-header-moto {
    top: 330px;
left: 10PX;

  }

  .octubre-c .ybr-header-marca {
    left: 50%;
    top: 695px;
  }
    .octubre-c .ybr-header-titulo {
    left: 50%;
  }

}