a {
    color: #FC5200 !important;
    text-decoration: none;
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #FFF !important;
}

@font-face {
    font-family: 'Mabry Black';
    src: url('/public/fonts/Mabry-Pro-Black.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Mabry Medium';
    src: url('/public/fonts/Mabry-Pro-Medium.ttf') format('truetype');
    font-weight: 500; /* Peso Medium */
    font-style: normal;
}
/* Reset básico */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}
a{
    text-decoration:none;
}
input:focus, textarea:focus, select:focus {
    outline: none;
}

.page {
    background-image: url('/public/img/fondo.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding:7% 5%;
}

/* Header */
.header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.header__logo {
    width: 40%;
}

.header__text{
    width: 31%;
    margin-top: 30px;
    margin-bottom: 40px;
}

.header__title {
    font-size: 24px;
    font-weight: bold;
}

.header__subtitle {
    background-color: #01a0e1;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 18px;
    color: white;
}

/* Sección de premios */
.prizes {
    margin: 20px 0;
}

.prizes__image {
    width: 100%;
}

.prizes__title{
    display: block;
    text-align:center;
}
.prizes__title--q {
    background-color: #FFF;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    padding: 5px 20px 3px 20px;
    font-size: 14px;
    font-family: 'Mabry medium';
    font-weight: 700;
    color: #666;
    margin-top: 10px;
    border-radius: 100px;
}
.prizes__title--w {
    background-color: #CE3509;
    /*background-image: url(forma-de-50.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    /*padding: 2px 32px 16px;*/
    padding: 16px 32px;
    border-radius: 5px;
    font-size: 55px;
    font-family: 'Mabry medium';
    font-weight: 100;
    color: #fff;
    margin-top: 20px;
    border-radius: 100px;
}
.prizes__title--w b{
    font-weight:900;
}

/* Formulario */
.form-section {
    /*background: linear-gradient(to bottom, #01a0e1, #032f3c);
    padding: 20px;*/
    border-radius: 10px;
    width: 80%;
    margin: auto;
    /*margin-top: 80px;*/
    margin-top: 0;
}


.form {
    background: white;
    padding: 55px 55px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 100px;
}

.form .container{
    width:100%;
}

.form h1, .form .container>h2, .form .panel h2, .form .panel h4{
    font-size: 56px;
    color: #CE3509;
    font-family: 'Mabry Black';
    margin-bottom: 30px;
    font-weight: 900;
}

.form__label , .control-label, .form-label{
    font-family: 'Archivo Black';
    text-transform: uppercase;
    color: #FC5200;
    text-align: left;
    font-size: 29px;
    letter-spacing: -2px;
}

/* .form-label{
    font-family: 'Archivo Black';
    text-transform: uppercase;
    color: #002d39;
    text-align: left;
    font-size: 29px;
    letter-spacing: -2px;
} */

.form__input, .panel .form-control {
    padding: 10px;
    font-size: 26px;
    font-family: 'Archivo Black';
    font-weight: 900;
    border: 0 !important;
    border-bottom: 3px solid #CE3509 !important;
    border-radius: 0;
    color: #CE3509;
    margin-bottom: 5px;
    margin-top: -18px;
    width: 60%;
    text-transform: uppercase;
    height:auto !important;
    box-shadow: none !important;
}

.form__input::placeholder, .panel .form-control:placeholder {
    color: #fff !important;
}
.form__input:focus , .panel .form-control:focus{
    outline: none !important;
}

.form__submit{
    text-align: right;
    margin-right:20px;
}

.form__button, .panel .btn {
    background-color: #CE3509;
    color: white;
    padding: 16px 30px;
    margin-top: 25px;
    border: none;
    border-radius: 60px;
    font-size: 29px;
    font-family: 'Archivo Black';
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s;
}

.form__button:hover , .panel .btn:hover {
    background-color: #FC524B;
    color:#fff;
}

.form__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    
}

.form__checkbox input {
    width: 16px;
    height: 16px;
}

.form__submit--flex {
    display: flex;
    justify-content: space-between;
}

.form .stepwizard-step button{
    font-size: 17px;
    border-radius: 20px;
    font-weight: 800;
    padding: 6px 20px;
    border: none;
}

.form .stepwizard-step .btn-primary{
    background: #004a98;
}

.form .panel h2, .form .panel h4{
    /*font-size:40px;*/
    font-size:50px;
}

/* Sección del código QR */
.qr-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 auto;
    margin-top: 60px;
    width: 40%;
}

.qr-section__image {
    width: 120px;
}

.qr-section__text {
    color: white;
}

.qr-section__text p{
    font-size: 25px;
    font-family: 'Mabry Medium';
}

.qr-section__text p b{
    font-weight:900;
}

.qr-section__text a:hover{
    opacity: .8;
}

.qr-section__icon {
    width: 30px;
    display: inline-block;
    margin-top:5px;
}

.footer{
    color:#fff;
}

@media screen and (max-width:769px){
    .header__logo, .qr-section{
        width: 50%;
    }
    .header__text{
        width: 40%;
    }
    .prizes__title--q{
        font-size:12px;
    }
    .prizes__title--w{
        font-size:46px;
    }
    .form-section{
        width: 90%;
    }
    .form h1, .form .container>h2, .form .panel h2, .form .panel h4{
        font-size:46px;
    }
    .form__label, .control-label, .form-label{
        font-size:27px;
    }
    .form__input, .panel .form-control{
        font-size:24px;
        width: 100%;
    }
    
    .form .panel h2, .form .panel h4{
        font-size:32px;
    }

}

@media screen and (max-width:520px){
    .page{
        padding:10% 5%;
    }
    .header__logo{
        width: 80%;
    }
    .header__text{
        width: 70%;
    }
    .prizes__title--q{
        font-size:12px;
        padding:8px 32px 12px;

    }
    .prizes__title--w{
        font-size:29px;
        padding:8px 32px 12px;

    }
    .form-section{
        /*margin-top:40px;*/
        margin-top:20px;
    }
    .form{
        padding:45px 30px;
        border-radius:50px;
    }
    .form h1, .form .container>h2, .form .panel h2, .form .panel h4{
        font-size:38px;
    }
    .form__label, .control-label, .form-label {
        font-size: 24px;
    }
    .form__input, .panel .form-control{
        font-size:21px;
    }
    .form__submit {
        text-align: center;
        margin-right: 0;
    }
    .form__button, .panel .btn{
        padding:14px 30px;
        font-size:22px;
    }
     .qr-section {
        width: 90%;
    }
    .form-section {
        width: 100%;
    }
    .form__submit--flex{
        flex-direction:column;
    }
    .stepwizard-step{
        display:block !important;
    }
    .pull-right, .pull-left{
        float:none !important;
    }
    .form .panel h2, .form .panel h4{
        font-size:32px;
    }

}

@media screen and (max-width:320px){
    .prizes__title--q{
        background-size: cover;
        border-radius:14px;
    }
    .prizes__title--w{
        background-size: cover;
        border-radius:25px;
    }
    .form__button, .panel .btn{
        font-size:16px;
    }
    .form h1, .form .container>h2, .form .panel h2, .form .panel h4{
        font-size:32px;
    }
}