:root{
    --oscuro:#151a30;
    --claro:#29cdf1;
    --liga:#01017B;
}

@font-face {
    font-family: Futura;
    src: url(../fonts/font_futura-book.woff2);
  }
  @font-face {
    font-family: Futura;
    src: url(../fonts/font_futura-bold.woff2);
    font-weight: bold;
  }
  @font-face {
    font-family: Bahnschrift;
    src: url(../fonts/font_bahnschrift.woff2);
  }


html{
    margin:0;
    padding:0;
    height: 100%;
    font-size: 14px; 
}
body{
    margin:0;
    padding:0;
    height: 100%;
    font-family:'Futura', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

   
    color:#333;
    /*
     background-color: #f4f4f4;
    background-color: #29cdf1;
    background-image: linear-gradient( #151a30 120px,#29cdf1);

    background-color: #ddd;
    background-image: linear-gradient( #888 80px,#ddd);
        background-repeat: no-repeat;
    */
    background-color: #e8ecef;
    
}

button, input[type='button'],input[type='submit'],.button{
    font-size:1.1rem;
    background-color: #ddd;
    color:#111133;
    border:#222 1px solid;
    border-radius:5px;
    padding:10px 20px;
    box-shadow: #ccc 1px 1px 6px;
    text-decoration: none;
    cursor:pointer;
    transition: box-shadow 300ms easeout;
    transition: background-color 300ms easeout;
}
button:hover, input[type='button']:hover,input[type='submit']:hover, .button:hover{
    box-shadow: #ccc 1px 1px 6px;
    background-color: #eee;
}


input[type='text'], input[type='password'],input[type='email'],
input[type='tel'],input[type='number'], select{
    font-size:1.1rem;
    background-color: #fff;
    font-size:1.1rem;
    color:#666;
    padding:.3rem 1rem;
    border-radius:4px;
    border:#8888bb 1px solid;
}


.Fullcenter{
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.FormaPar{
    display:inline-grid;
    grid-template-columns: 12rem 1fr;
    align-items: flex-start;
    column-gap: 1rem;
    row-gap:.5rem;
}
.FormaPar label{
    text-align:right;
}

.FormaButtons{
    padding:20px 0px 0px;
}

.Forma fieldset{
    margin:0px 0px 20px 0px;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 2vw;
    row-gap:1vw;
}

.Tira{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:1rem;
    flex-wrap: wrap;
}
.Tira.Center{
    justify-content: center;
}
.Tira.space-between{
    justify-content: space-between;
}

.AutoScroller{
    overflow-y: hidden;
    overflow-x: auto;
}

.Flex{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap:20px;
}



@media screen and (max-width:720px) {
    main{
        margin:0px 10px;
    }
}


@media screen and (max-width:560px) {
    
    main{
        margin:0px 5px;
        padding:5px 10px
    }

}