.elementor-824 .elementor-element.elementor-element-5f2b608c{--display:flex;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-824 .elementor-element.elementor-element-9caea7c{--display:flex;}.elementor-824 .elementor-element.elementor-element-87afcb7{--display:flex;}.elementor-824 .elementor-element.elementor-element-4cf6880{--display:flex;}@media(max-width:767px){.elementor-824 .elementor-element.elementor-element-9caea7c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-824 .elementor-element.elementor-element-eca03cf > .elementor-widget-container{margin:0px 0px 0px -22px;padding:0px 0px 0px 0px;}.elementor-824 .elementor-element.elementor-element-87afcb7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-824 .elementor-element.elementor-element-cba0e2b > .elementor-widget-container{margin:0px 0px 0px -22px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-57654eb8 */@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* HERO */
.hero-banner {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: url('https://kebabali.es/wp-content/uploads/2025/04/banner.jpg') center center / cover no-repeat;
  padding: 60px 20px;
}

.hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.hero-banner h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 38px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

.hero-banner .highlight {
  color: #d2691e;
  background: none !important;
}

.hero-banner p {
  color: #ccc;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  margin-top: 10px;
}

/* SECCIÓN CATEGORÍAS */
.category-section {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #000;
  padding: 0;
  overflow: hidden;
}

.category-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}

.category-box {
  flex: 1;
  min-height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.category-box:hover {
  transform: scale(1.02);
}

.category-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 30px;
  box-sizing: border-box;
  z-index: 2;
}

.category-overlay span {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 48px;
  color: white;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  z-index: 3;
}

/* RESPONSIVE */
@media screen and (max-width: 1024px) {
  .category-container {
    flex-direction: column;
  }

  .category-box {
    width: 100%;
    min-height: 250px;
    aspect-ratio: unset;
  }

  .category-overlay {
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .category-overlay span {
    font-size: 32px;
    text-align: center;
  }
}/* End custom CSS */