:root {
    --color-yellow-verde: #FFED00;
    --color-relleno-alpha: rgba(17,45,99, 0.55);
    --color-color-boton: rgb(7, 49, 99);
    --color-fuente: #fafafa;
    --color-fuente-alpha: #fafafa;
    --color-relleno-form: rgba(17,45,99, 1);
    --color-relleno-form_alpha: rgba(17,45,99, 1);
    --color-border-input:#95c8ed;
    --color-unchecked:rgba(235,235,235, 0.5);

}

/*17,45,99*/

.theme-construction {
    border: 1.5px solid var(--color-border-input);
    --radius: 0;
    --baseFg: rgba(255, 255, 255);
    --baseBg: var(--color-relleno-form);
    --accentFg: rgba(255, 255, 255);
    --accentBG: rgba(255, 255, 255, 0.8);
    --accentBg: var(--color-relleno-form);
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-family: 'Gotham-Black';
    color: var(--color-fuente);
}

/* body * {
    border: 1px solid red;
} */



@font-face {
    font-family: 'Gotham-Black';
    src: url('assets/fonts/Gotham-Black.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-SemiBold';
    src: url('assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'GothamBlackBold';
    src: url('assets/fonts/Gotham-Bold.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
}




.imagen {
    height: 100vh;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;

}

.terminos {
    font-size: 8px;
    font-family: 'Gilroy-SemiBold';
}


body {
    height: 100vh;
    width: 100%;
    background-image: url('assets/img/fondo_principal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #BCD5F0;

}

.container {
    max-width: 500px;
}

input,
select {
    width: 100%;
    margin: 6px 0;
}

.logo{
    width: 70px;
    
}



.titulo {
    margin-top: 2px;
    font-size: 35px;
    color: var(--color-fuente);
    font-weight: bolder;
    font-family: 'GothamCondensedBoldItalic';
    letter-spacing: 1px;

}

.logosorteo {
    width: 300px;
    margin-top: 5px;
}


input {
    background-color: var(--color-relleno-form_alpha);
    line-height: 1.8;
    font-size: 14px !important;
    color: var(--color-fuente) !important;
    text-align: center;
    margin-top: 2px !important;
    border: 1.5px solid var(--color-border-input); 

}

input::placeholder {
    text-align: center;
    color: var(--color-fuente-alpha) !important;
    font-weight: bold;
    font-size: 16px;
}

.botonenviar {
    background-color: var(--color-yellow-verde);
    width: 35%;
    height: 27px !important;
    position: relative;
    color: var(--color-color-boton) !important;
    font-size: 20px;
}

a {
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    color: var(--color-fuente)
}

a:hover,span:hover{
    color: var(--color-yellow-verde);
}


input[type="date"] {
    background-color: var(--color-relleno-form_alpha);
    color: rgba(255, 255, 255, 0.8);
    outline: none;

}

input[type="date"]::-webkit-clear-button {
    font-size: 15px;
    height: 30px;
    position: relative;
}

input[type="date"]::-webkit-inner-spin-button {
    height: 28px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    font-size: 15px;
    filter: invert(1)
}

/* input[type="date"]::before {
    
    content: attr(placeholder);
}

input[type="date"] {
    color: #ffffff;
}

input[type="date"]:focus,
input[type="date"]:valid {
    color: #666666;
}

input[type="date"]:focus::before,
input[type="date"]:valid::before {
    content: "" !important;
} */

select {

    font-size: 12px !important;
    -webkit-appearance: none;
    appearance: none;
    color: var(--color-fuente);
    line-height: 1.3;
    outline: 0;
    padding: 0.65em 2.5em 0.55em 0.75em;
    border-radius: var(--radius);
    background-color: var(--baseBg);
    background-image: linear-gradient(var(--baseFg), var(--baseFg)),
        linear-gradient(-135deg, transparent 50%, var(--accentBg) 50%),
        linear-gradient(-225deg, transparent 50%, var(--accentBg) 50%),
        linear-gradient(var(--accentBg) 42%, var(--accentFg) 42%);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 1px 100%, 20px 22px, 20px 22px, 20px 100%;
    background-position: right 20px center, right bottom, right bottom, right bottom;
}

.linkkamado {
    cursor: pointer;
    text-decoration: underline;
    font-family: 'GothamBlackBold';
}

/*  select:hover {
    background-image: linear-gradient(var(--accentFg), var(--accentFg)),
      linear-gradient(-135deg, transparent 50%, var(--accentFg) 50%),
      linear-gradient(-225deg, transparent 50%, var(--accentFg) 50%),
      linear-gradient(var(--accentFg) 42%, var(--accentBg) 42%);
      
  } */

select:active {
    background-image: linear-gradient(var(--accentFg), var(--accentFg)),
        linear-gradient(-135deg, transparent 50%, var(--accentFg) 50%),
        linear-gradient(-225deg, transparent 50%, var(--accentFg) 50%),
        linear-gradient(var(--accentFg) 42%, var(--accentBg) 42%);
    color: var(--accentBg);
    border-color: var(--accentFg);
    background-color: var(--accentFg);
}

.logo {
    width: 70px;

}

.icon {
    width: 23px;
}

.form-check {
    margin-bottom: 0px !important;
}

.form-check label {
    vertical-align: middle !important;
}

@media (min-width: 1400px) {
    /* .logo{
            width: 100px;
            height: 14.5px;
        } */

    .botonenviar {
        margin-top: 20px;
    }
}



@media (max-width: 600px) {

    .botonenviar {
        margin-top: 20px;
    }

    .imagen {
        height: 100%;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;

    }

    .logo {
        width: 55px;

    }

    .container {
        max-width: 380px;
        padding: 10px;
    }

    body {

        background-image: url('assets/img/fondo-de-landing-en-movil.jpg');
        background-size: auto;
        /* background-position: top; */

    }

    



    /*    .logo{
    width: 80px;
} */
    /*   .logosfooter div:nth-child(2) img{
        width: 200px !important;
    } */

}



.custom-tooltip.tooltip>.tooltip-inner {
    text-align: justify;
    max-width: 500px;
    font-size: 9px !important;
    height: 25px;
    line-height: 15px;
    letter-spacing: 2px;
}

input[type="radio"] {
    background-color: white;
}

input[type="radio"]+label {
    color: var(--color-unchecked);

}

input[type="radio"]:checked+label {
    color: var(--color-fuente);
}

.radios {
    background-color: var(--color-relleno-form_alpha);
    border: 1px solid var(--color-border-input);
}


.distribuidor {
    display: none;
}

.locales {
    display: none;
}