@font-face {
    font-family: 'PoppinsBold';
    src: url('https://www.betnow.eu/landing-pages/fonts/Poppins-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('https://www.betnow.eu/landing-pages/fonts/Poppins-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.login-form {
    gap: 3rem;
}
.btn-join {
    border: solid 1.8px #74fe92;
    background-color: #22d04e;
}
.btn-join:hover {
    background-color: #16ac3c;
    color: #fff !important;
}
.nav-link-txt {
    padding: 0px 18px;
}
.offcanvas-btn {
    right: 15px;
    left: auto;
}
.bg-sport-img {
    background: 
        linear-gradient(to bottom, transparent 85%, #000 100%),
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(https://www.betnow.eu/landing-pages/images/main/bg-sports.jpg) repeat;
    background-size: cover;
    background-position: 0% 50%;
}
.form-card {
    background: #fff; 
    border-radius: 12px;
    padding: 2rem 1.8rem;
    max-width: 575px;
    margin: 75px auto;
}
.togglePassword {
    position: absolute;
    top: 22px;
    right: 35px;
    display: block;
    z-index: 15;
}
.form-card h3,
.form-card h2,
.form-card h1 {
    font-family: 'PoppinsBold', sans-serif !important;
    font-weight: 700;
}
.text-green{
    color: #00B700;
}
.btn-oferta {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    background: #00B700;
    border: solid 1.8px #74fe92;
    color: #fff;
    width: 100%;
    letter-spacing: 1px;
}
.bg-dark-promo{
    background-color: rgb(20 19 19);
    border: solid 2.8px #f864004d;
}
.border-promo-item {
    border-right: solid 1.8px var(--bs-light-text-emphasis);
}
.btn-oferta:hover {
    background: #009900;
    border-color: #009900;
    color: #fff;
}
.min-vh-60{
    min-height: 60vh;
}
.bg-blue{
    background: #131B2E;
}
.title-promo {
    font-family: 'PoppinsBold', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
}
.text-min-height{
    min-height: 70px;
}
.border-orange {
    border-color: #eee !important;
    border-right-width: 1px !important;
}

.title-promo-lg {
    font-size: 1.55rem; /* fs-3 en desktop */
}

.title-promo-sm {
    font-size: 1.5rem; /* fs-4 en desktop */
}
.title-divider {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.title-divider::before,
.title-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #ff6b00);
}

.title-divider::after {
    background: linear-gradient(to left, transparent, #ff6b00);
}
@media (min-width: 1024px) {
    .min-vh-80{
        min-height: 72vh !important;
    }
    .bg-sport-img {
        background-position: 0% 25%;
    }
}
body{
    padding-top: 4rem;
}

/* Altura fija para las imágenes en desktop */
.why-betnow-icon {
    height: 65px;
    width: auto;
    display: block;
    margin: 0 auto 0.75rem;
    object-fit: contain;
}

/* Altura mínima para el texto — alinea los títulos y descripciones */
.text-min-height {
    min-height: 80px;
}
.bg-dark-promo .col:not(:last-child) {
    position: relative;
}
.bg-dark-promo .col:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 60%; /* ajustá este valor */
    width: 1px;
    background: var(--bs-gray-700);
}
/* Mobile — iconos más grandes y mejor espaciado */
@media (max-width: 768px) {
    .why-betnow-icon {
        height: 60px;
    }
    .text-min-height {
        min-height: auto;
    }
    .bg-dark-promo .col:not(:last-child)::after {
        /*display: none;*/
    }
}
/*-----------------------------------------------------------------------------------*/
/*  TABLET
/*-----------------------------------------------------------------------------------*/ 
@media (max-width: 991px) {
    .border-green{
        border: none !important;
    }
    body {
        padding-top: 4.1rem;
    }
    .no-border-promo-item{
        border: none;
    }

}
/*-----------------------------------------------------------------------------------*/
/*  PHONE
/*-----------------------------------------------------------------------------------*/ 
@media (max-width: 767px) { 
    .form-card{
        margin: 15px auto;;
    }
     .title-promo-lg {
        font-size: 1.3rem;
    }
    .title-promo-sm {
        font-size: 0.9rem;
    }
    .bg-sport-img {
        background-position: right;
    }
    .border-promo-item{
        border: none;
    }
    .title-divider {
        gap: 0.5rem;
    }
    .text-min-height{
        min-height: auto;
    }
    .bg-dark-promo .col:last-child{
        width: 100%;
    }
}

