.fs-0 {
  font-size: 0 !important;
}
body{
    margin: 0px;
}

.leaflet-control-container{
    display: none;
}

h1,h2,h3,h4, .title{
    font-family: 'Jaldi', sans-serif;
}

p, label{
    font-family: 'Barlow', sans-serif;
    font-weight: 200;
}

a{
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}

.container{
    display: flex;
    margin-top: 80px;
}

#mySlider, #mySlider .main-content {
    height: 100%;
}

:focus-visible {
    outline: none;
}

#left, #jesuitas, #patagonia, #selva, #puna, #vino, #grande-rios, #oceanica, #map{
    width: 50vw;
    height: calc(100vh - 80px);
    position: relative;
    background-color: #a4cbe8;
}
#left, #jesuitas, #patagonia, #selva, #vino, #puna, #grande-rios, #oceanica, #right, #map{
    display: inline-block;
    vertical-align: top;
}

.button-container{
    position: absolute;
    top: 10%;
    left: 0px;
    display: flex;
    z-index: 1000;
    flex-direction: column;
    justify-content: space-evenly;
}

.button-container button{
    border: none!important;
    color: #ffffff;
    margin: 10% 20%;
    display: block;
    border-radius: 50px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    transition: all 0.5s ease;
}


/*---GT CSS shrink---*/
.gtranslate_wrapper {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.gtranslate_wrapper.shrink {
  height: 0px;
  opacity: 0;
}

/*---BOTON JESUITAS---*/
button#boton-jesuitas {
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Jesuitas_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 25px;
    position: relative;
    overflow: hidden; /* Ensures that anything outside the button's bounds is hidden */
}


button#boton-jesuitas::after {
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Jesuitas_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: center;
}

button#boton-jesuitas:hover::after {
    opacity: 1;
    transform: rotate(360deg);
}





/*---BOTON PATAGONIA---*/
button#boton-patagonia {
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Patagonia_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 25px;
    position: relative;
    overflow: hidden; /* Ensures that anything outside the button's bounds is hidden */
}


button#boton-patagonia::after {
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Patagonia_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: center;
}

button#boton-patagonia:hover::after {
    opacity: 1;
    transform: rotate(360deg);
}






/*---BOTON PUNA---*/
button#boton-puna {
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Puna_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 25px;
    position: relative;
    overflow: hidden;
}

button#boton-puna::after {
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Puna_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: center;
}

button#boton-puna:hover::after {
    opacity: 1;
    transform: rotate(360deg);
}







/*---BOTON VINO---*/
button#boton-vino {
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Vino_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 25px;
    position: relative;
    overflow: hidden;
}

button#boton-vino::after {
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Vino_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: center;
}

button#boton-vino:hover::after {
    opacity: 1;
    transform: rotate(360deg);
}


/*---BOTON SELVA---*/
button#boton-selva {
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Selva_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

button#boton-selva::after {
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Selva_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: center;
}

button#boton-selva:hover::after {
    opacity: 1;
    transform: rotate(360deg);
}


/*---BOTON GRANDES-RIOS---*/
button#boton-grande-rios {
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Rios.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

button#boton-grande-rios::after {
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Ruta\ de\ los\ Grandes\ Ríos-01.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: center;
}

button#boton-grande-rios:hover::after {
    opacity: 1;
    transform: rotate(360deg);
}

/*---BOTON OCEANICA---*/
button#boton-oceanica {
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Oceánica.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    position: relative;
    overflow: hidden;
}

button#boton-oceanica::after {
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(../img/rutas_iconos/Ruta\ Oceánica-01.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: center;
}

button#boton-oceanica:hover::after {
    opacity: 1;
    transform: rotate(360deg);
}
  

#right{
    width: 50vw;
    height: calc(100vh - 80px);
    overflow-y: auto;
    box-sizing: border-box;
    display: flex;
}

#right-container{
    width: 100%;
}

.selva #right-container{
    background-color: #0ea479;
    background-image: url(../img/selva_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: fit-content;
    min-height: 100%;
    flex-wrap: wrap;
}

.vino #right-container{
    background-color: #d91d18;
    background-image: url(../img/vino_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: fit-content;
    min-height: 100%;
    flex-wrap: wrap;
}

.patagonia #right-container{
    background-color: #ffc900;
    background-image: url(../img/patagonia_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: fit-content;
    min-height: 100%;
    flex-wrap: wrap;
}

.jesuitas #right-container{
    background-color: #f49312;
    background-image: url(../img/jesuitas_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: fit-content;
    min-height: 100%;
    flex-wrap: wrap;
}

.puna #right-container{
    background-color: #addb78;
    background-image: url(../img/puna_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: fit-content;
    min-height: 100%;
    flex-wrap: wrap;
}

.grande-rios #right-container{
    background-color: #4B7A99;
    background-image: url(../img/grandes_rios_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: fit-content;
    min-height: 100%;
    flex-wrap: wrap;
}

.oceanica #right-container{
    background-color: #5babe0;
    background-image: url(../img/oceano_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
}

#titleh1{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#titleh1 h1{
    transform: rotate(270deg);
    white-space: nowrap;
}


.selva a.button-style:hover {
    border: 1px solid #0ea479;
    background-color: #0ea479;
    color: #ffffff!important;
}

.selva a.button-style{
    border: 1px solid #0ea479;
}

.vino a.button-style:hover {
    border: 1px solid #d91d18;
    background-color: #d91d18;
    color: #ffffff!important;
}

.vino a.button-style{
    border: 1px solid #d91d18;
}

.patagonia a.button-style:hover {
    border: 1px solid #ffc900;
    background-color: #ffc900;
    color: #ffffff!important;
}

.patagonia a.button-style {
    border: 1px solid #ffc900;
}

.jesuitas a.button-style:hover {
    border: 1px solid #f49312;
    background-color: #f49312;
    color: #ffffff!important;
}

.jesuitas a.button-style{
    border: 1px solid #f49312;
    margin-bottom: 1em;
}

.puna a.button-style:hover {
    border: 1px solid #addb78;
    background-color: #addb78;
    color: #ffffff!important;
}

.puna a.button-style{
    border: 1px solid #addb78;
}

.grande-rios a.button-style:hover {
    border: 1px solid #4B7A99;
    background-color: #4B7A99;
    color: #ffffff!important;
}

.grande-rios a.button-style{
    border: 1px solid #4B7A99;
}

.oceanica a.button-style:hover {
    border: 1px solid #5babe0;
    background-color: #5babe0;
    color: #ffffff!important;
}

.oceanica a.button-style{
    border: 1px solid #5babe0;
}

.selva .title {
    color: #0ea479;
}

.vino .title {
    color: #d91d18;
}

.patagonia .title {
    color: #ffc900;
}

.jesuitas .title {
    color: #f49312;
}

.puna .title {
    color: #addb78;
}

.grande-rios .title {
    color: #4B7A99;
}

.oceanica .title {
    color: #5babe0;
}







#right-container li{
    width: 100%;
    height: 50vh;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sidebar li{
    list-style: none;
    width: 100%;
}

li p{
    margin: 5px 0 20px 0;
}

a{
    text-decoration: none;
}

button, a.button-style{
    padding: 1% 3%;
    border: 1px solid #ffffff;
    background-color: #cacaca00;
    color: #ffffff!important;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    transition: all 0.5s ease;
    border-radius: 50px;
}

button:hover, a.button-style:hover{
    border: 1px solid #ffffff;
    background-color: #cacaca00;
    color: #ffffff!important;
}

#place-jesuita button:hover{
    background-color: #f49e36;
    border-color: #f49e36;
}

#place-patagonia button:hover{
    background-color: #ffc900;
    border-color: #ffc900;
}
#place-puna button:hover{
    background-color: #addb78;
    border-color: #addb78;
}
#place-vino button:hover{
    background-color: #d91d18;
    border-color: #d91d18;
}
#place-selva button:hover{
    background-color: #529067;
    border-color: #529067;
}
#place-grande-rios button:hover{
    background-color: #4B7A99;
    border-color: #4B7A99;
}
#place-oceanica button:hover{
    background-color: #5babe0;
    border-color: #5babe0;
}









/*---Rutas Right Container---*/   
.place-intro p{
    color: #ffffff;
    text-align: left;
    line-height: 1.3em;
    font-weight: 100;
    font-size: 1em;
}

.place-intro h3{
    color: #ffffff;
    text-align: left;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 0px!important;
    margin-top: 50px;
}

#right-container h1{
    color: #ffffff;
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
}

#right-container h2{
    color: #ffffff;
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 10px;
    margin-top: 0px;
}

#right-container button {
    margin-left: 0;
    height: 35px;
    min-width: 100px;
}

#place-patagonia p, #place-patagonia h2 {
  color: #000;
}





/* Fondo ruta JESIUTAS */
.contenedorRutas li.jesuitas{
    background-image: url(../img/jesuitas-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}


/* Fondo ruta VINO */
.contenedorRutas li.vino{
    background-image: url(../img/vino-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}


/* Fondo ruta SELVA */
.contenedorRutas li.selva{
    background-image: url(../img/selva-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}


/* Fondo ruta PATAGONIA */
.contenedorRutas li.patagonia{
    background-image: url(../img/patagonia-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}


/* Fondo ruta PUNA */
.contenedorRutas li.puna {
    position: relative;
    background-image: url(../img/puna-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}


/* Fondo ruta GRANDES RIOS */
.contenedorRutas li.grande-rios {
    position: relative;
    background-image: url(../img/grande-rios-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}


/* Fondo ruta OCEANICA */
.contenedorRutas li.oceanica {
    position: relative;
    background-image: url(../img/oceanica-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%;
}


/* Fondo rutas oscuro */
/* Existing styles */
.contenedorRutas li.patagonia::before,
.contenedorRutas li.selva::before,
.contenedorRutas li.vino::before,
.contenedorRutas li.jesuitas::before,
.contenedorRutas li.puna::before,
.contenedorRutas li.grande-rios::before,
.contenedorRutas li.oceanica::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: all 0.5s ease;
}

.contenedorRutas li.patagonia, .contenedorRutas li.selva, .contenedorRutas li.vino, .contenedorRutas li.jesuitas, .contenedorRutas li.puna, .contenedorRutas li.grande-rios, .contenedorRutas li.oceanica{
    position: relative;
    z-index: 2;
}

/* Hover state changes */
.contenedorRutas li.patagonia:hover::before {
    background: #ffc80080;
}

.contenedorRutas li.selva:hover::before {
    background: #0ea4797d;
}

.contenedorRutas li.vino:hover::before {
    background: #d91f1875; 
}

.contenedorRutas li.jesuitas:hover::before {
    background: #f4921275;
}

.contenedorRutas li.puna:hover::before {
    background: #1eb06475;
}

.contenedorRutas li.grande-rios:hover::before {
    background: #4B7A9975;
}

.contenedorRutas li.oceanica:hover::before {
    background: #5babe075;
}






.contenedorRutas{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.contenedorRutas h1{
    color: #ffffff;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}

.contenedorRutas p{
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.contenedorRutas a.button-style{
    position: relative;
    z-index: 1;
}    

body img.leaflet-marker-icon{
    margin-top: -85px;
    object-fit: contain;
}



/*---Places---*/  
#place-jesuita, #place-patagonia, #place-puna, #place-selva, #place-vino, #place-grande-rios, #place-oceanica{
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    width: 80%;
    padding: 0;
}

.place, .place-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: fadeIn 0.5s ease-in-out;
    padding: 0 10%;
}

.place p{
    color: #ffffff;
    font-size: 14px;
}

.place .placelocation{
    font-style: italic;
    width: 100%;
    color: white;
    font-weight: 100;
    margin: 0;
}

.place h2{
    width: 100%;
    text-align: left!important;
}    


.place-image img{
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
    box-shadow: 10px 10px 20px #00000038;
}






/*---Header---*/   
.header{
    width: 80%;
    padding: 10px 10vw;
    display: flex;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 1000;
    overflow: hidden;
    height: 60px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.header.shrink {
    height: 0px;
    opacity: 0;
}


.header h1{
    margin: 0;
    font-size: 2em;
}
.header p{
    margin: 0;
    font-size: 1.2em;
}
.header-left img{
    width: 8vw;
}
.header-left{
    padding: 0px 20px;
    display: flex;
}
.header-right{
    padding: 0px 20px;
}
.header-right button{
    margin:0 5%;
}
.header-left .fa-brands{
    color: #ffc467;
}





/*--- Navigation Buttons ---*/
.navigation-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}

#prev-button-jesuita, #prev-button-patagonia, #prev-button-puna, #prev-button-selva, #prev-button-vino, #prev-button-grande-rios, #prev-button-oceanica {
  display: none;
}

.navigation-buttons #prev-button, .navigation-buttons #next-button, #prev-button-patagonia, #next-button-patagonia, #prev-button-puna, #next-button-puna, #prev-button-selva,  #next-button-selva, #prev-button-vino,  #next-button-vino, #prev-button-grande-rios,  #next-button-grande-rios, #prev-button-oceanica,  #next-button-oceanica    {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 5px;
} 

/*--- Buttons Jesuitas ---*/
body.jesuitas .navigation-buttons #prev-button, body.jesuitas .navigation-buttons #next-button{
    background-color: #fcfcfd;
    color: #000!important;
}   
body.jesuitas #prev-button:hover, body.jesuitas #next-button:hover {
    background-color: #ffc467;
}

/*--- Buttons Patagonia ---*/
body.patagonia .navigation-buttons #prev-button-patagonia, body.patagonia .navigation-buttons #next-button-patagonia{
    background-color: #fcfcfd;
    color: #000!important;
}   
body.patagonia #prev-button-patagonia:hover, body.patagonia #next-button-patagonia:hover {
    background-color: #fde170;
}

/*--- Buttons Selva ---*/
body.selva .navigation-buttons #prev-button-selva, body.selva .navigation-buttons #next-button-selva{
    background-color: #fcfcfd;
    color: #000!important;
}   
body.selva #prev-button-selva:hover, body.selva #next-button-selva:hover {
    background-color: #7fd29f;
}

/*--- Buttons Vino ---*/
body.vino .navigation-buttons #prev-button-vino, body.vino .navigation-buttons #next-button-vino{
    background-color: #fcfcfd;
    color: #000!important;
}   
body.vino #prev-button-vino:hover, body.vino #next-button-vino:hover {
    background-color: #f43f46;
}

/*--- Buttons Puna ---*/
body.puna .navigation-buttons #prev-button-puna, body.puna .navigation-buttons #next-button-puna{
    background-color: #fcfcfd;
    color: #000!important;
}   
body.puna #prev-button-puna:hover, body.puna #next-button-puna:hover {
    background-color: #a0f96b;
}

/*--- Buttons Grandes Rios ---*/
body.grande-rios .navigation-buttons #prev-button-grande-rios, body.grande-rios .navigation-buttons #next-button-grande-rios{
    background-color: #fcfcfd;
    color: #000!important;
}   
body.grande-rios #prev-button-grande-rios:hover, body.grande-rios #next-button-grande-rios:hover {
    background-color: #4B7A99;
}

/*--- Buttons Oceanica ---*/
body.oceanica .navigation-buttons #prev-button-oceanica, body.oceanica .navigation-buttons #next-button-oceanica{
    background-color: #fcfcfd;
    color: #000!important;
}   
body.oceanica #prev-button-oceanica:hover, body.oceanica #next-button-oceanica:hover {
    background-color: #5babe0;
}





/*--- Contenedor Right ---*/
#rutas-container h2, #rutas-container p{
    margin:0;
}

#rutas-container li{
    margin: 0% 0% 5% 0;
}





/*---Burguer menu / Sidebar---*/
.burger-menu {
    cursor: pointer;
    width: 80px;
    height: 40px;
    position: relative;
    display: block;
}

.sidebar.open .burger-menu {
    float: right;
    width: 40px;
}    

.line {
    width: 40px;
    height: 4px;
    background-color: #fec90a;
    border-radius: 2px;
    margin: 3px 0;
    transition: all 0.3s;
    position: absolute;
    left: 0;
}

.burger-menu .line:nth-child(1){
    top: 0;
}

.burger-menu .line:nth-child(2){
    top: 15px;
}

.burger-menu .line:nth-child(3){
    top: 30px;
}

.burger-menu.active .line:nth-child(1) {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -2.5px;
}

.burger-menu.active .line:nth-child(2) {
    opacity: 0;
}

.burger-menu.active .line:nth-child(3) {
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -2.5px;
}

.sidebar {
    top: 0;
    left: -26vw;
    width: 20vw;
    height: 100vh;
    background-color: #2fa579;
    background-image: url(/img/fondoColors.jpg);
    background-size: cover;
    transition: 0.3s;
    z-index: 1001;
    position: fixed;
    padding: 1% 2%;
    overflow: scroll;
    scrollbar-width: none;
}

.sidebar.open {
    left: 0;
}

.sidebar ul {
    list-style-type: none;
    padding: 0;
    margin-top: 15%;
}

.sidebar ul li {
    margin: 10px 0 10px 0;
    cursor: pointer;
}

.sidebar ul li:hover{
    background-color: #fec90a;
    border-radius: 5px;
    transition: all 0.3s;
}   

.sidebar ul li:hover a{
    color: #2fa579;
    font-weight: 500;
}

.sidebar ul li a {
    font-size: 1.1em;
    color: white;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
}

#total-imago img {
    width: 35vw;
    z-index: -1;
}

#close-side{
    float: right;
    position: absolute;
    top: 20px;
    right: 20px;
}

#close-side img{
    width: 30px;
}

#close-side a{
    color: #ffffff;
}
#close-side a:hover{
    color: #fec90a;
}

.sidebar.open h4{
    color: #ffffff!important;
    font-size: 1.2em;
    margin-bottom: 0px;
}


.footer{
    background-color: #000000;
    color: white;
    display: flex;
    justify-content: space-between;
    padding: 10px 10vw;
    position: relative;
    z-index: 2;
    align-items: center;
}

.footer-right ul{
    list-style: none;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.footer-right ul li a{
    margin: 0 5%;
    color: #ffffff;
}

.footer-right ul li{
    white-space: nowrap;
    margin: 0 10px 0 10px;
    display: grid;
}

.footer-left, .footer-right{
    width: 50%;
}

.footer-left img{
    width: 8vw;
}

.button-shrink {
    color: #65b5f6;
    background-color: transparent;
    border: 1px solid #65b5f6;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
  
.button-shrink:hover {
    transform: scale(0.8);
}




/*--- Styles Home ---*/
.box{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}  

.box .text{
    margin: 0 auto;
    width: 30vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
}

body#contacto .box .text {
    margin: 0 auto;
    width: 30vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    padding: 0 10%;
    flex-direction: column;
}

.box.reverse{
    flex-direction: row-reverse;
}  

.box .image{
    width: 50vw;
}

.box .image img{
    width: 50vw;
}
  


/*--- Carousel ---*/
.carousel {
    width: 100%;
    overflow: hidden;
    margin: 5% 0;
}

.carousel .carousel-inner {
    display: flex;
    width: 200%; 
    animation: scroll 20s linear infinite; 
}

.carousel a {
    width: 30%;
    filter: grayscale(100%);
    margin: 0 3%;
    transition: all 0.5s ease;
}

.carousel a:hover {
    filter: grayscale(0%);
}

#intro, #Acerca, #nuestra-logo{   
    padding: 5% 20%;
    text-align: left;
}

#intro p, #Acerca p, #nuestra-logo p{ 
    color: #000000;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 200;
}

#intro h1, #Acerca h1, #nuestra-logo h1{
    font-size: 3em;
    line-height: 1em;
    font-weight: 800;
    margin-bottom: 0px!important;
}

.box p{
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 200;
}

.box h1{
    font-size: 3em;
    line-height: 1em;
    font-weight: 800;
    margin-bottom: 0px!important;
}

#intro h1, #Acerca h1{
    color: #449ad3;
}

.box h1, #nuestra-logo h1{
    color: #f49513;
    
}

.box.selvabox h1{
    color: #2fa579!important;
}

.box.reverse h1{
   color: #ffc900;    
}

.box.vinobox h1{
    color: #d91f1e;
}

.box.punabox h1{
    color: #addb78;
}

.box.grande-riosbox h1{
    color: #4B7A99;
}

.box.oceanicabox h1{
    color: #5babe0;
}





/*--- Weglot ---*/
body .wg-default .wg-list {
    margin-bottom: 20px;
}
body .wg-list.country-selector a {
    padding: 0 0 0 10px;
}

body .wg-flags a img.wg-flag {
    height: 35px;
    width: 35px;
}






/*--- Parallax ---*/
.parallax#img1{
    background-image: url(../img/jesuitas-back.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position-x: 0px!important;
    background-position-y: -240px!important;
}

.parallax#img2{
    background-image: url(../img/home2.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 500px!important;
    background-position-y: 0px!important;
}

.parallax#img3{
    background-image: url(../img/home3.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: -500px!important;
    background-position-y: 0px!important;
}

.parallax#img4{
    background-image: url(../img/vino-back.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 500px!important;
    background-position-y: -200px!important;
}

.parallax#img5{
    background-image: url(../img/fotos_puna/no-image.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: -500px!important;
    background-position-y: 0px!important;
}

.parallax#img6{
    background-image: url(../img/fotos_grandes-rios/grandes_rios_1.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 500px!important;
    background-position-y: 0px!important;
}

.parallax#img7{
    background-image: url(../img/fotos_oceanica/oceanica_1.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: -300px!important;
    background-position-y: 0px!important;
}

.box a{
    padding: 10px 30px;
    border-radius: 5px;
    color: #ffffff;
    border: 1px solid transparent;
    margin-top: 5%;
    display: block;
    max-width: 90px;
    text-align: center;
}

.box.vinobox a{
    background-color: #d91f1e;
    transition: all 0.5s ease;
}

.box.jesuitabox a{
    background-color: #f49513;
    transition: all 0.5s ease;
}

.box.selvabox a{
    background-color: #2fa579;
    transition: all 0.5s ease;

}

.box.patagoniabox a{
    background-color: #ffc900;
    transition: all 0.5s ease;
}

.box.punabox a{
    background-color: #addb78;
    transition: all 0.5s ease;
}

.box.grande-riosbox a{
    background-color: #4B7A99;
    transition: all 0.5s ease;
}

.box.oceanicabox a{
    background-color: #5babe0;
    transition: all 0.5s ease;
}





.box.vinobox a:hover{
    border:1px solid #d91f1e;
    color:#d91f1e;
    background-color: #00000000;
}

.box.jesuitabox a:hover{
    border:1px solid #f49513;
    color:#f49513;
    background-color: #00000000;
}

.box.selvabox a:hover{
    border:1px solid #2fa579;
    color:#2fa579;
    background-color: #00000000;
}

.box.patagoniabox a:hover{
    border:1px solid #ffc900;
    color:#ffc900;
    background-color: #00000000;
}

.box.punabox a:hover{
    border:1px solid #addb78;
    color:#addb78;
    background-color: #00000000;
}

.box.grande-riosbox a:hover{
    border:1px solid #4B7A99;
    color:#4B7A99;
    background-color: #00000000;
}

.box.oceanicabox a:hover{
    border:1px solid #5babe0;
    color:#5babe0;
    background-color: #00000000;
}












/*--- Contacto ---*/
#contactForm {
    width: 100%;
}

#contactForm label {
    display: block;
    margin-bottom: 5px;
}

#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm select,
#contactForm textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#contactForm textarea {
    height: 100px;
    resize: vertical;
}

#contactForm input[type="submit"] {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    background-color: #029d68!important;
    color: #ffffff;
}

body#contacto h1{
    color: #029d68!important;
}

body#contacto .box .image img{
    display: block;
}

body#contacto .box .image img {
    width: 50vw;
    height: 100vh;
    object-fit: cover;
}

body#contacto .container {
    height: 100vh;
}



#buttonslanguage{
    display: flex;
}

button.language-switch img{
    height: 30px;
    width: 30px;
    margin-right: 5px;
    pointer-events: none;
}

#buttonslanguage button{
    margin: 0px;
    border: none;
}

#buttonslanguage button:hover{
    border: none;
}

p#yesok{
    border: 1px solid #5ea579;
    padding: 5px 30px;
    width: 100%;
    color: #5ea579;
    text-align: center;
}

p#notok{
    border: 1px solid #7f1c0f;
    padding: 5px 30px;
    width: 100%;
    color: #7f1c0f;
    text-align: center;
}

input:-internal-autofill-selected {
    background-color: -internal-light-dark(rgb(255, 255, 255), rgba(255, 255, 255, 0.4)) !important;
}




@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); 
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}







@media screen and (max-width: 768px) {
    .wg-default, .wg-default .country-selector {
        display: none;
    }    
    .weglot_switcher{
        display: none;
    }
    body#contacto .box .image img {
        width: 100vw;
        height: 30vh;
        object-fit: cover;
    }
    body#contacto .container {
        height: auto;
    }
    body#contacto .box .image {
        width: 100vw;
    }
    body#contacto .box .text {
        width: 80vw;
        padding: 0 10vw!important;
    }    
    .box .text {
        height: auto;
        padding: 5vh 10vw!important;
    } 
    button#boton-jesuitas, button#boton-patagonia, button#boton-puna, button#boton-vino, button#boton-selva, button#boton-grande-rios, button#boton-oceanica{
        width: 70px;
        height: 70px;
    } 
    .button-shrink:hover {
        width: 70px!important;
        height: 70px!important;
    }
    button#boton-jesuitas::after, button#boton-patagonia::after, button#boton-puna::after,button#boton-vino::after,button#boton-selva::after,button#boton-grande-rios::after,button#boton-oceanica::after{
        width: 70px!important;
        height: 70px!important;
    }
    .footer {
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer-left, .footer-right {
        width: 100%;
        text-align: center;
    }
    .carousel-inner a img{
        width: 120px;
    }
    .box {
        flex-direction: column;
    }
    .box.reverse {
        flex-direction: column;
    }
    .box .text {
        width: 80vw;
        padding: 0 10vw;
    }
    .image.parallax#img1, .image.parallax#img2, .image.parallax#img3, .image.parallax#img4, .image.parallax#img5, .image.parallax#img6, .image.parallax#img7 {
        width: 100vw!important;
        background-size: auto!important;
        height: 500px!important;
        background-position-y: 100%!important;
        background-position-x: 45%!important;
    }
    #intro {
        width: 80vw;
        padding: 5vh 10vw;
    }
    .place-intro p {
        color: #ffffff;
        text-align: left;
        line-height: 1em;
        font-weight: 100;
        font-size: 0.9em;
    }
    .button-container {
        position: fixed;
        z-index: 2;
        width: 100%;
        display: flex;
        flex-direction: row;
        top: auto;
        bottom: 0px!important;
        justify-content: space-evenly;
        height: 120px;
        align-items: center;
    }    
    .button-container button {
        margin: 0 auto;
    }     
    .header-right {
        padding: 0px;
    }
    .burger-menu {
        width: 40px;
    }
    #map {
        width: 100vw;
    }    
    .sidebar {
        left: -100vw;
        width: 80vw;
        padding: 5% 10%;
    }
    .header-left {
        padding: 0;
    }
    .header-left img {
        width: 30vw;
    }
    .header-left {
        padding: 0;
    }
    .container {
        display: flex;
        flex-direction: column-reverse;
    }    
    #left, #jesuitas, #patagonia, #selva, #puna, #vino, #grande-rios, #oceanica {
        width: 100vw!important;
    }    
    #right {
        width: 100vw;
    }
    #mySlider .slideshow {
        width: 100vw;
    }    
    #right-container {
        background-size: cover!important;
    }    
    #mySlider .slideshow .slide .title {
        font-size: 3em;
    }    
    #mySlider .slideshow .arrows .prev {
        left: 0px;
    }
    #mySlider .slideshow .arrows .next {
        right: 0px;
    }
    #mySlider .slideshow .slide .text {
        font-size: 14px;
        margin: 0 15vw;
        width: 70vw;
    }    
    .footer-left img {
        width: 30vw;
    }   
    #place-jesuita, #place-patagonia, #place-puna, #place-selva, #place-vino, #place-grande-rios, #place-oceanica {
        padding: 0;
    }
    .place {
      padding: 0 5%;
    }
    #right-container h1 {
        font-size: 2.5rem;
    }    
}