/*Art2Fly Check In  | www.art2fly.com | Copyright 2024 --*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Space+Grotesk:wght@300..700&display=swap');
/* TIPOGRAFIA CLIENTE */
    html, body {font: 15px/20px 'Open sans',arial, sans-serif;}

/* COLOR CLIENTE */
    body {background-image: url(https://www.vallenevado.com/wp-content/uploads/2024/01/pases-de-temporada.webp);background-size: cover;background-position: top;background-repeat: no-repeat;} 
    main {background: white;color: #111;min-height: 450px;}
    main h2 {font-family: 'Space Grotesk';font-weight: bold;padding-bottom: 0;line-height: 1;margin: 2em 0 1em 0;}
    main h3 {font-family: 'Space Grotesk';font-weight: bolder;}
    main h3 label {font-size: 1.2em;margin: 0;}
    main ul a, .color-cliente, .font-cliente, .accordion-ancillary h3.ui-accordion-header small, .accordion-hotel h3.ui-state-active, h3.ui-accordion-header.ui-state-active, .tarjado, del {color: #011dea;}
    a:hover {color: #c5ff00;}
    a:active {color:initial;}
    del.tarjado {text-decoration: line-through; color: #c5ff00;}
    #logo {background: transparent;}
    #logo a {border: none;}
    #logo a img {max-width: 100px;}
    header h1 {font-family: 'Space Grotesk';font-size: 3em;font-weight: bold;line-height: 1.5;}
    .content {padding: 0 50px;}
    #login table {border-radius: 25px;margin: 40px auto;}
    #login table td {border: 2px solid white;background: #eee;}
    #login table td.dato, #login table tr:first-child td {border-color: #eee;}
    #login table tr:last-child td {padding: 20px 10px 40px 10px;border-color: #eee;}
    a.language {font-family: 'Space Grotesk';text-transform: uppercase;font-size: .8em;padding: 0 10px;text-decoration: underline;color: #161dea;}
	a.language:hover {color: #c5ff00;}
    footer {background: #111111;}
    div#powered_by {margin: 0;padding: 10px 0;background: white;}
    div#powered_by img {width: 100px;}
    .button, form button, input.button,input.button[type="submit"] {background-color: #011dea;color: white;border: none;font-size: 1em;line-height: 2.6em;padding: 5px 20px;height: auto;border-radius:0;font-family: 'Space Grotesk';width: auto;}
    .button:hover, form button:hover, input.button:hover, input.button[type="submit"]:hover {background-color: #c5ff00;color:#111111;}
    .button:active, form button:active, input.button:active,input.button[type="submit"]:active {color:white;}
    #info-login {color: white;}
    #login table td.etiqueta {font-family: 'Space Grotesk';letter-spacing: -0.5px;color: #111;font-size: 1.15em;padding-right: 0;border-color: #eee;}
    #login table td.dato input {width: 80%;font-size: 1em;padding: 22px 10px;border-radius: 0;color: #000;}
    #login table td.submit button {width: auto;font-size: 1.25em;padding: 6px 27px;}
    span.error {background: #111111;color: white;margin-bottom: 10px;width: auto;max-width: 80%;border-radius: 30px;}
    .modal-webcheckin {background: rgba(0, 0, 0, 0.5) url(/images/ajax-loader.gif) 50% 50% no-repeat;box-shadow: #3a3a30 2px 2px 12px;}

    #reserva table td, #contacto table td {border-color: white;background: #eee;}
    table.datos-checkin {border: none;padding-left: 0;}
    .seccion-form {background: #eee;border-color:white;}
    table.datos-checkin td label {height: 2.25em;line-height: 2.25em;font-size: .95em;letter-spacing: normal;background: #8b99aa;}
    table.datos-checkin td input {background: #eee;border-color: transparent;height: 3em;}
    table.datos-checkin td select {background: white;border-color: transparent;height: calc(3em - 2px);margin: 3px;}

    table.datos-checkin td label.pais,
    table.datos-checkin td label.adjuntar-doc,
    table.datos-checkin td label.rut {line-height: 1.4;}

    table.datos-checkin td {padding-left: 0;padding-top: 0;}
    table.datos-checkin td label.adjuntar-doc + input {}
    .condiciones {margin-top: 50px;}
    .condiciones h4 {font-family: 'Space Grotesk';color: #111;font-size: 1.25em;}
    .condiciones h4 + h4 {border: none;font-size: 15px;text-transform: none;font-family: 'Open Sans';font-weight: normal;}


/*----- RESPONSIVE ------*/

@media only screen and (max-width: 1080px) {
#logo a img {max-height: initial;}
}
/*----- ANCHO MAX 699px ------*/
@media only screen and (max-width:699px) {

#login table td.etiqueta {display: block;width: calc(100% - 20px);padding: 20px 10px 0 10px;text-align: center;}
#login table td.dato {display: block;width: calc(100% - 20px);padding: 0px 10px 0 10px;text-align: center;}
#login table tr:first-child td {display: block;width: calc(100% - 20px);padding: 20px 10px 0 10px;text-align: center;}
#login table td.dato input {text-align: center;width:80%}
#login table td.submit button {width:80%;max-width: 300px;padding-right: 0;padding-left: 0;}
}

/*----- ANCHO MAX 640px ------*/
@media only screen and (max-width:640px) {
.content {padding: 0px;}

}
 
/*----- ANCHO MAX 540px ------*/
@media only screen and (max-width:540px) {
main {min-height: 350px;}
}
 
/*----- ANCHO MAX 480px ------*/
@media only screen and (max-width:480px) {
    
}