.barra-aceptacion-cookie{
  box-sizing: border-box;
  position: absolute;
  text-align: center;
  top: 0px;
  left: 0px;
  right: 0px;
  font-size: 14px;
  z-index: 999999;
  }
  p{
    color: #999999;
    background: #ffffff;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: normal;
  }

 



body {
  background: #ffffff;
    color: #777777;
font-family: 'Jost', sans-serif;
  margin: 0;
	padding:0;
font-size: 18px;
max-width: 1300px;
margin: 0 auto;
  width: 99vw;
  height: 100vh;
  animation: bugfix infinite 1s;
  -webkit-animation: bugfix infinite 1s;
}

a{
    text-decoration: none;
    color: #444444;
    transition: all 0.5s ease-in-out;
}
#overlay .nolink a{
    text-decoration: none;
    pointer-events: none; 
    cursor: default;
    color: #333332;
    border-bottom: 2px solid #cccccc;
}
a:hover {
    color: #cccccc;
}

@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
#overlay-button {
  position: fixed;
  left: 1em;
  top: 1em;
  padding: 26px 11px;
  z-index: 100;
  cursor: pointer;
  user-select: none;
  background: #ffffff;
border-radius:50px;
}
#overlay-button span {
  height: 4px;
  width: 35px;
  border-radius: 2px;
  background-color: #999999;
  position: relative;
  display: block;
  transition: all 0.2s ease-in-out;
}
#overlay-button span:before {
  top: -10px;
  visibility: visible;
}
#overlay-button span:after {
  top: 10px;
}
#overlay-button span:before, #overlay-button span:after {
  height: 4px;
  width: 35px;
  border-radius: 2px;
  background-color: #999999;
  position: absolute;
  content: "";
  transition: all 0.2s ease-in-out;
}
#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
  background: #666666;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked ~ #overlay {
  visibility: visible;
}
input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
  background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:before {
  transform: rotate(45deg) translate(7px, 7px);
  opacity: 1;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
  transform: rotate(-45deg) translate(7px, -7px);
}

#overlay {
  height: 100vh;
  width: 100vw;
  background: #ffffff;
  z-index: 99;
  visibility: hidden;
  position: fixed;
}
#overlay.active {
  visibility: visible;
}
#overlay ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 90vh;
  padding-left: 0;
  list-style-type: none;
    
}
#overlay ul li {
  padding: 5px;
    
}
#overlay ul li a {
  color: #999999;
  text-decoration: none;
  font-size: 1.5em;
  border-bottom: 2px solid #f9f9f9;
  padding: 0px 30px;
}
#overlay ul li a:hover {
  color: #333332;
  border-bottom: 2px solid #cccccc;
  transition: all 0.5s ease-in-out;
}

.image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 1300px;
  height: 550px;
  margin:0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  font-weight: 700;
  text-shadow: 3px 3px 0 rgba(255, 255,255);
}

.one {
  background-image: url("./imgtop.jpeg");
}
img{
    border-radius: 20px 20px 20px 20px;
}
section {
margin: 0 auto;
width: 100%;
    padding: 0;
position: relative;
display: block;
background: #ffffff;
text-align: center;
}
.sectioncero {
  font-family: 'Caveat', cursive;
    font-size: 40px;
}
.sectionuno {
margin: 20px 0px;
    font-size: 40px;
    border-bottom: 2px solid #f1f1f1;
    position: relative;
    display:inline-block;
    width: 300px;
    text-align: center;
    }

.sectiondos {
        height: 450px;
max-width: 1200px;
    width: 100%;
margin: 0 auto;
     overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
.sectiondos img {
height: 100%;
width: auto;
    margin-right: 20px;
}

.sectiontres {
        max-width: 500px;
    margin: 0 auto;
    text-align: justify;
    padding: 10px;
    }
.sectioncinco img {
max-width: 600px;
width: 98%;
margin: 0 auto;
border: 1px solid #cccccc;
vertical-align: top;
}
.map iframe{
max-width: 500px;
width: 100%;
height: 350px;
}
.map img{
    width: 50px;
    border-radius: 10px;
}
.redessociales{
    display: inline-block;
    margin: 10px;
}
.redessociales img{
    width: 50px;
    border-radius: 0px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.redessociales img:hover{
    width: 50px;
    border-radius: 0px;
    opacity: 0.5;
}



::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  background: #ebebeb;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #aaaaaa;
}
::-webkit-scrollbar-thumb:active {
  background: #ffffff;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
::-webkit-scrollbar-track:active {
  background: #ffffff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

footer{
    padding: 50px 0px;
    border-top: 2px solid #f1f1f1;
    margin: 0px 50px;
}