/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/
header.site-header{
      position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
body {
  width: 100%;
    padding-top: 130px;
}
.contenedor-horizontal {
  width: 100vw !important;
  height: auto;
  min-height: 50%;
  align-self: center !important;
  padding: 1%;
  background-size: cover;       /* cubre todo el contenedor sin deformarse */
  background-position: center;
  background-attachment: fixed;
}
.contenedor-horizontal > div {
  width: 100vw !important;
}
.footer {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center
}
.footer-mapa {
  width: 40%;
}
body > div.qlwapp > div{
  margin-right: 5%;
}

.ast-separate-container .site-content .ast-single-post-featured-section + article{
  padding: 2%;
  margin-top: -10px;
}
.carrusel-entradas .anwp-pg-post-teaser__title {
	display: none !important;
}

nav.navigation.post-navigation{
	display:none !important;
}

/*carrusel dentro de las entradas*/
.custom-carousel-wrapper {
  position: relative;
}

.custom-carousel {
  display: flex;
  overflow-x: hidden; /* barra oculta */
  gap: 20px;
  scroll-behavior: smooth;
}

.carousel-item {
  flex: 0 0 auto; /* no se encogen */
  width: 250px; /* ancho fijo de cada slide */
  height: 140px;
  overflow-y: hidden;
}
.carousel-item img {
  width: 100%; /* se adapta al ancho del div */
  height: 100%; /* se adapta al alto del div */
  object-fit: cover; /* mantiene proporción y recorta exceso */
  object-position: center center; /* centra vertical y horizontalmente */
  display: block; /* elimina espacios blancos debajo de img */
}

/* Flechas */
.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}

.carousel-prev { left: 0; }
.carousel-next { right: 0; }

.caja-moto img{
  width: 65% !important;
  height: auto !important;
}

@media only screen and (max-width: 850px){
	.footer {
			flex-direction: column;
	}
	.footer-mapa {
			width: 100%;
	}
	.footer-texto{
		text-align: center;
	}
  article.page > div > div > div > div > div > div.sobre-nosotros.e-flex.e-con.e-child {
    flex-direction: column !important;
  }
  article.page > div > div > div > div > div > div.sobre-nosotros.e-flex.e-con.e-child > div {
    width: 100%;
  }
  body > div.qlwapp > div{
    margin-right: 15%;
  }
  .contenedor-horizontal {
    width: 100% !important;
  }
  .contenedor-horizontal > div {
    width: 100% !important;
  }
}