.width50 .section_inner .section_inner_margin .allwidth{
    width: 100%; 
}
/*.width50 .section_inner .section_inner_margin,*/
.width50 .section_inner .section_inner_margin .wpb_column{
    width: 50%;
    position: relative;
    float: left;
}


.ae-carousel.multiple-slides {
  margin: auto;
  overflow: hidden;
  position: relative;
  height: 50vh;
}

.ae-carousel.single-slide {
  margin: auto;
  background-size: cover;
  background-position: center;
}


.ae-carousel__track {
  display: flex;
  gap: 1%;            
  transition: transform 0.5s ease-in-out;
  height: 100%;
}

.ae-carousel__slide {
  flex: 0 0 calc(50% - 0.5%); 
  /*flex: 0 0 50%; */
  height: 100%;
  background-size: cover;
  background-position: center;
  aspect-ratio: 4 / 3; /* relación ancho/alto constante */
  background-size: cover;
  background-position: center;
}

/* Flechas adaptadas aos acabados pedidos */
.ae-carousel .arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 2;
}

.ae-carousel .arrow {
  cursor: pointer;
  background: transparent; 
  border: none;        
  color: #EA4F2F;       /* cor base */
  color: black;
  font-size: 1.4rem;       
  padding: 0.3em 0.6em;   
  border-radius: 50%;      
  transition: color 0.3s, background 0.3s;
}
/*
.ae-carousel .arrow:hover {
  color: #ffcc00; 
  background: #ea4f2f4f;  
}*/
.ae-carousel .arrow:hover{ 
	transform: scale(1.4);
}
.ae-carousel button.arrow.back-arrow::before{
	content: "\276C";
}
.ae-carousel button.arrow.forward-arrow::before{
	content: "\276D";
}


/* Flechas */
.ae-carousel .arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 2;
}

.ae-carousel .arrow {
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0.35em 0.55em;
  color: #000;
  color: #EA4F2F;
  color: black;
  font-size: 1.35rem;
  border-radius: 50%;
  transition: background 0.3s;
}

.ae-carousel .arrow {
  cursor: pointer;
  background: transparent; 
  border: none;            
  color: #fff;      
  color: #EA4F2F;   
  color: black;    
  font-size: 1.4rem;       
  padding: 0.3em 0.6em;   
  border-radius: 50%;      
  transition: color 0.3s;
}

.ae-carousel__track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}
.ae-carousel__slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .ae-carousel__slide {
    flex: 0 0 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
}