/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Miniver&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
*{ transition:all 0.7s; }

h4{ font-family: "Great Vibes", cursive; font-weight: 400; font-style: normal; color: white; font-size: 2.5rem; }
h3{ font-family: "Josefin Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color:#CAAC81; text-transform: uppercase; font-size:2.5rem; }
.s4 h4{ color:#CAAC81; }
.s6 h4{ color:black; }
h5{ font-family: "Great Vibes", cursive; font-weight: 400; font-style: normal; color: white; font-size: 2.5rem; margin-bottom: 0;}
p{ font-family: "Josefin Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size:1.5rem;} 
.s1 p{ color:#CAAC81; text-transform: uppercase; } 
.s2 p, .s3 p, .s4 p{  color:white; } 
.s6 p{ color:black; } 
.s7 p{ color:white; margin-bottom: 20px; } .s7 p:last-child{ margin-bottom: 0px; } 
footer p{ color:white; font-size:14px;}

a:hover{ scale:0.8; }
a img:hover{ scale:0.8; }

.s1{ background-image:url(4x/car-001.jpg); background-size:cover; background-position:center; /*background: rgb(0,17,31); background: linear-gradient(0deg, rgba(0,17,31,1) 15%, rgba(0,26,47,1) 65%);*/ min-height: 100vh; padding:10vh 0; }
.s1 .centrado { min-height:80vh; }
.s1 .arriba { z-index: 5; }
.centro{ min-height:100%; border-right:solid 1px white; border-left:solid 1px white; display:flex; flex-direction:column; justify-content:space-between;}
.logo{ width:100%; max-width:400px; }
.redes{ display:flex; flex-direction:column; justify-content:center; align-items: center; }
.redes img{ width:30px; margin:25px; }
.s2 .r1{ background-image:url(4x/bg02.jpg); background-size:cover; background-position:center bottom; min-height: 100vh; padding:10vh 0; }
.s2 .r2{ background-color:#001a2f; }
.s3{ background-image:url(4x/bg03.jpg); background-size:cover; background-position:center; }
.s4{ background-color: #715B3E; background-image:url(4x/trama-marron.png); background-size:cover; background-position: center;}
.s4 img{ width:40px; }
.s5{ overflow-x: hidden; }
.s6 .delivery img { width:80px; } 
.s6 .takeaway img { width:50px; } 	
.sreviews { background-color:#001a2f; }
.s7 { background-color: #CAAC81; } 
.s7 iframe { margin-bottom: -6px; }
footer { background: rgb(0,17,31); background: linear-gradient(0deg, rgba(0,17,31,1) 15%, rgba(0,26,47,1) 65%); }
footer .logo { max-width:220px;}
footer .redes{ width:50px; margin:5px; }


.btn-menu-cont{ position: absolute; top:0px; width: 100%; padding-top: 4vh; text-align: center;}
.btn-menu { width:40px; height: auto; }
.btn-menu:hover { scale:0.8; }
.cuadrado{  aspect-ratio: 1/1; backdrop-filter: saturate(50%) blur(10px); background-color: #001a2fab; }
.logos{fill:#FFFFFF;}

#menu{ background: rgb(0,17,31); background: linear-gradient(0deg, rgba(0,17,31,1) 15%, rgba(0,26,47,1) 65%); }
#menu .logo { width:30%;}
.btn-cerrar { width:40px; }
.btn-cerrar:hover { scale:0.8; }
#menu nav{ color:white; }
#menu nav ul{ padding-left:0;}
#menu nav li{ list-style: none; font-family: "Josefin Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: 1.5rem; }
#menu nav li a { text-decoration: none; color:white; }
#menu nav li a:hover { color:#CAAC81; scale:1;}

#shapo-widget-e477e0f2a076f56df339 iframe{height: 560px!important; } 


.slidebg { position: absolute; width: 100%; height: 100vh; /* Ajusta la altura según tus necesidades */
    overflow: hidden; margin-top: -10vh; }
.blackcover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #001a2f; opacity: 0.7; z-index: 2!important; }
.back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; opacity: 0; 
    animation: fade 20s infinite;
}

.back:nth-child(1) { animation-delay: 0s; }
.back:nth-child(2) { animation-delay: 5s; }
.back:nth-child(3) { animation-delay: 10s; }
.back:nth-child(4) { animation-delay: 15s; }

@keyframes fade {
    0% { opacity: 0; }
    30% { opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
}



@media screen and (max-width:992px){
	
	.centro{  border:none; }
	.centrado { align-items: flex-end; }
	.redes{ flex-direction:row; height: max-content; }
	.btn-menu-cont{ padding-top:0; text-align: right; }
	
}

@media screen and (max-width:768px){
	
	h4{ font-size: 1.7rem; }
	h3{ font-size: 1.8rem; }
	h5{ font-size: 1.5rem; }
	p{ font-size:1rem;} 
	footer .logo { max-width:130px;}
	footer p{ font-size:12px;}
	
	.logo{ max-width:220px; }
	.centro{  border:none; }
	.centrado { align-items: flex-end; }
	.redes{ flex-direction:row; height: max-content; }
	.redes img{ width:25px; margin:15px; padding: 0; }
	footer .redes{ width:20px; margin:15px; padding: 0; }
	footer .redes img{ margin:0px; }
}