@font-face {
    font-family: 'n27regular';
    src: url('fonts/n27-regular-webfont.eot');
    src: url('fonts/n27-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/n27-regular-webfont.woff2') format('woff2'),
        url('fonts/n27-regular-webfont.woff') format('woff'),
        url('fonts/n27-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: 'n27regular';
    max-width:1920px;
    margin:0 auto
}
.v-label {
    font-family: n27regular !important;
  }

  input {
    font-family: n27regular !important;
  }
.bidheader {
    padding: 0 15px 0 15px;
}

.bidheader .logo {
    width: 220px;
}

.hero-banner {
    height: 50rem;
    background-image: url('../img/cabecera_home.jpg');
    background-size: cover;
    background-position: bottom; 
    margin: 0;
    background-repeat: no-repeat;
}

.hero-aboutbanner {
    height: 55rem;
    width:100%;
    background-image: url('../img/cabecera_quienes-somos.jpg');
    background-size: cover; /* Ajuste para mostrar la imagen completa */
    background-position: bottom; 
    margin: 0;
    background-repeat: no-repeat;
}


.hero-about2banner {
    height: 55rem;
    width:100%;
    background: url('../img/banner_quienes-somos.jpg');
    background-position: top; 
    background-size: cover;
    margin: 0;
    background-repeat: no-repeat;
}

.hero-profbanner {
    height: 50rem;
    background: url('../img/cabecera_para-profesionales.jpg');

    background-size: cover;
    margin: 0;
    background-repeat: no-repeat;
}

.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .admintable tr.v-data-table__mobile-table-row{
    flex-basis: 100% !important;
    max-width: 100% !important;
    display: flex !important;
  }
  .admintable td{
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

@media(max-width:900px)and (orientation: landscape) {
    .rowbanner {
        padding: 18% 50% 0% 10%;
        display: flex;
        align-items: center;
    }

    .bannerTitle {
        font-size: 28pt;
    }
}

@media(max-width:900px) and (orientation: portrait) {
    .rowbanner {
        padding: 0% 40% 80% 5%;

    }

    .bannerTitle {
        font-size: 20pt;
    }
}

@media(max-width:768px) {

    .hero-banner,
    .hero-aboutbanner,
    .hero-profbanner {
        height: 35vh;
        background-position: center;
    }

    .hero-about2banner {
        height: 30vh;
        padding: 10vh;
        background-size: cover;
    }

}

@media(max-width:768px) and (orientation: landscape) {

    .hero-banner,
    .hero-aboutbanner,
    .hero-profbanner {
        height: 100vh;
        background-position: center;
    }
    .hero-about2banner {
        height: 30vh;
        padding: 60vh;
        background-size: cover;
    }
}

.footcard {
    background: url('../img//bidbike_footer.jpg');
    background-size: cover;
}


.footcard h2 {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #2fb08c;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.footer h3 {
    font-size: 16px
}

.v-chip:hover::before {
    opacity: 0 !important;
}

@media(max-width:768px) {
    .bidheader {
        padding: 0px 15px 0 0;
    }
}