.elms-sans- {
  font-family: "Elms Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body { background-color: #fff8e0;}
	
header {
	align-content: center;
	background-image: url(imgs/pat.jpg);
	width: 100%;
	height: 320px;
	margin-bottom: 50px;
    font-family: Chicle;
    color: #D60132;
    font-size: 100px;
    text-align: center;
    padding-bottom: 20px;
}
header img { width: 40%;
	align-content: center;
}
nav ul li {
	display: inline;
	margin-top: 100px;
		align: center;
		background-color: #FFA12D;
		font-family: "Chicle", serif;
		font-size: 35px;
		padding-top: 50px;
		padding-bottom: 10px;
	    padding-right: 20px;
	}
nav ul li img {
	width:1%;
	padding-right: 10px;
	
}
ul {text-align: center;
	font-family: "Chicle", serif;
font-size: 50px;}
a{list-style-type: none;
text-decoration: none;
}

footer {
	font-family: "Averia Libre", system-ui;
	font-size: 15px;
background-color: #FFC700;
margin-top: 20px;
	background-image: url(imgs/pat.jpg);
}
ul li#galeria a:link{
    background-image: url(imgs/galeria_b.png);
    margin-left: 100px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
     border-radius: 20px;
}

ul li#galeria a:hover{
    background-image: url(imgs/galeria_h.png);
    filter: drop-shadow(8px 8px 10px #1d0e01);
    border-radius: 20px;
}

ul li#acercadenosotros a:link{
    background-image: url(imgs/nosotros_b.png);
    margin-left: 100px;
   padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
     border-radius: 20px;
}


ul li#acercadenosotros a:hover{
    background-image: url(imgs/nosotros_h.png);
    filter: drop-shadow(8px 8px 10px #1d0e01);
    border-radius: 20px;
}


ul li#interactividad a:link{
    background-image: url(imgs/int_b.png);
    margin-left: 100px;
   padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
     border-radius: 20px;
}

ul li#interactividad a:hover{
    background-image: url(imgs/int_h.png);
    filter: drop-shadow(8px 8px 10px #1d0e01);
    border-radius: 20px;
}

ul li#ventas a:link{
    background-image: url(imgs/ventas_b.png);
    margin-left: 100px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
     border-radius: 20px;
}

ul li#ventas a:hover{
    background-image: url(imgs/ventas_h.png);
    filter: drop-shadow(8px 8px 10px #1d0e01);
    border-radius: 20px;
}
	.titulos{
	font-family:Chicle;
	font-size: 40px;
	color:#D60132;
    font-style: normal;
		margin: 30px;
	}
	
	.texto {
	font-family: "Elms Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 20px;
  color: rgb(53, 24, 7);
  margin: 30px;
}

.gslide{
    width: 100vw;
}
.slider {
  width: 100vw;
  overflow: hidden;
  margin: auto;
}

.slide-track {
  display: flex;
  animation: scroll 20s linear infinite;
  width: calc(550px * 10); 
  padding: 10px;
}

.slide {
  flex: 0 0 550px;   
  height: 500px;     
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; 
  display: block;
}

@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(calc(-550px * 5)); } 
}

.contenedor{

  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 200px;
  margin-right: 200px;
}

.contenedor-v{

  display: flex;
  justify-content: space-between;
}

/* CSS Document */