.elementor-338 .elementor-element.elementor-element-e43cf63{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-338 .elementor-element.elementor-element-e43cf63:not(.elementor-motion-effects-element-type-background), .elementor-338 .elementor-element.elementor-element-e43cf63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://debonierizzo.com/wp-content/uploads/2025/10/DEBONIRIZZO-20-scaled.jpg");background-size:cover;}.elementor-338 .elementor-element.elementor-element-362b00a{--display:flex;}.elementor-338 .elementor-element.elementor-element-bf21b28{width:100%;max-width:100%;}.elementor-338 .elementor-element.elementor-element-bf21b28.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-338 .elementor-element.elementor-element-f150769{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-338 .elementor-element.elementor-element-f150769:not(.elementor-motion-effects-element-type-background), .elementor-338 .elementor-element.elementor-element-f150769 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-338 .elementor-element.elementor-element-8e04f6f{margin:50px 200px calc(var(--kit-widget-spacing, 0px) + 50px) -100px;padding:0px 0px 0px 0px;text-align:left;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-338 .elementor-element.elementor-element-e43cf63{--content-width:1140px;}.elementor-338 .elementor-element.elementor-element-362b00a{--content-width:1600px;}}@media(max-width:1024px){.elementor-338 .elementor-element.elementor-element-e43cf63{--min-height:65vh;}.elementor-338 .elementor-element.elementor-element-8e04f6f{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;}}@media(max-width:767px){.elementor-338 .elementor-element.elementor-element-e43cf63{--min-height:55vh;}.elementor-338 .elementor-element.elementor-element-e43cf63:not(.elementor-motion-effects-element-type-background), .elementor-338 .elementor-element.elementor-element-e43cf63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-338 .elementor-element.elementor-element-8e04f6f{margin:35px 35px calc(var(--kit-widget-spacing, 0px) + 35px) 35px;}}/* Start custom CSS */<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

<style>
  /* Container Principal */
  .mySwiper {
    width: 100%;
    height: auto;
    background-color: #364647;
    padding: 50px 0;
    position: relative;
  }

  /* Estilo da Imagem */
  .mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.6s ease, filter 0.6s ease;
  }

  /* Efeito Escada */
  .mySwiper .swiper-slide {
    transform: scale(0.80);
    filter: brightness(0.40) opacity(0.7);
    transition: transform 0.6s ease, filter 0.6s ease;
  }

  .mySwiper .swiper-slide.swiper-slide-next,
  .mySwiper .swiper-slide.swiper-slide-prev {
    transform: scale(0.95);
    filter: brightness(0.75) opacity(0.9);
  }

  .mySwiper .swiper-slide-active {
    transform: scale(1.05);
    filter: brightness(1) opacity(1);
    z-index: 10;
  }

  /* Setas Personalizadas */
  .swiper-button-next,
  .swiper-button-prev {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    color: #364647 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    top: 50%;
    transform: translateY(-50%);
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 18px;
    font-weight: bold;
  }

  /* Paginação Bullets */
  .swiper-pagination {
    bottom: 10px !important;
  }

  .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.7;
  }

  .swiper-pagination-bullet-active {
    background: #ffcd00;
    opacity: 1;
  }

  /* Legendas sobre os Slides */
  .legenda {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(54,70,71,0.8);
    color: #fff;
    padding: 8px 16px;
    border-radius: 5px;
    font-family: 'IvyPresto Text', serif;
    font-size: 18px;
  }

  /* Responsividade */
  @media (max-width: 768px) {
    .mySwiper .swiper-slide img {
      height: 250px;
    }

    .mySwiper .swiper-slide-active {
      transform: scale(1);
    }

    .mySwiper .swiper-slide.swiper-slide-next,
    .mySwiper .swiper-slide.swiper-slide-prev {
      transform: scale(0.9);
    }
  }
</style>

<div class="swiper mySwiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="https://aquamarine-bison-865559.hostingersite.com/wp-content/uploads/2025/10/Rectangle-43-3.png" alt="Imagem 1"><div class="legenda">Direito Empresarial</div></div>
    <div class="swiper-slide"><img src="https://aquamarine-bison-865559.hostingersite.com/wp-content/uploads/2025/10/IMG_1069-1-2.png" alt="Imagem 2"><div class="legenda">Direito Tributário</div></div>
    <div class="swiper-slide"><img src="https://aquamarine-bison-865559.hostingersite.com/wp-content/uploads/2025/10/Rectangle-43-1.png" alt="Imagem 3"><div class="legenda">Direito Trabalhista</div></div>
    <div class="swiper-slide"><img src="https://aquamarine-bison-865559.hostingersite.com/wp-content/uploads/2025/10/Rectangle-43.png" alt="Imagem 4"><div class="legenda">Direito Civil</div></div>
    <div class="swiper-slide"><img src="https://aquamarine-bison-865559.hostingersite.com/wp-content/uploads/2025/10/Rectangle-43-2.png" alt="Imagem 5"><div class="legenda">Direito Penal</div></div>
  </div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
  <div class="swiper-pagination"></div>
</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<script>
  var swiper = new Swiper(".mySwiper", {
    slidesPerView: 5,
    centeredSlides: true,
    spaceBetween: 5,
    loop: true,
    speed: 600,
    autoplay: {
      delay: 5000,
      disableOnInteraction: false,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    breakpoints: {
      640: { slidesPerView: 1, spaceBetween: 5 },
      768: { slidesPerView: 3, spaceBetween: 5 },
      1024: { slidesPerView: 5, spaceBetween: 5 }
    }
  });
</script>/* End custom CSS */