.elementor-2811 .elementor-element.elementor-element-c0ed97b{--display:flex;--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-2811 .elementor-element.elementor-element-46ebb5c{--display:flex;--min-height:427px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2811 .elementor-element.elementor-element-64bf422{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-64bf422 *//* ====== Reset local do contêiner ====== */
  .drmkt-swiper-wrap {
    width: 100%;
    max-width: 100%;   /* ajuste se quiser mais largo/estreito */
    margin: 0 auto;
  }

  /* ====== Swiper base ====== */
  .drmkt-swiper.swiper {
    width: 100%;
    height: 60vh;        /* altura geral do carrossel */
    min-height: 420px;   /* proteção em telas baixas */
    position: relative;
  }

  .drmkt-swiper .swiper-wrapper {
    align-items: center;
  }

  /* ====== Slide ====== */
  .drmkt-swiper .swiper-slide {
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    transition: 0.3s all ease;
    opacity: 0; /* some os que estão bem distantes */
  }

  /* Apenas o anterior e o próximo “sugerem” presença */
  .drmkt-swiper .swiper-slide-prev,
  .drmkt-swiper .swiper-slide-next {
    opacity: 0.35;
  }

  /* O ativo fica 100% visível */
  .drmkt-swiper .swiper-slide-active {
    opacity: 1;
  }

  /* ====== Conteúdo interno do slide ====== */
  .drmkt-slide-inner {
    width: 88%;
    max-width: 760px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    overflow: hidden;
    display: flex;
    flex-direction: column; /* empilha mídia em cima e texto embaixo */
    height: 100%;
  }

  /* Área “mídia” (troque por imagem, bg ou vídeo, se quiser) */
  .drmkt-slide-media {
    flex: 1;
    background: linear-gradient(135deg, #ffb24d, #ff8a00);
    /* exemplo com imagem:
       background: url('URL-DA-SUA-IMAGEM.jpg') center/cover no-repeat; */
  }

  /* Legenda: título e subtítulo embaixo e à esquerda */
  .drmkt-slide-caption {
    padding: 18px 20px 22px;
    text-align: left; /* esquerda */
    background: #fff;
  }

  .drmkt-slide-caption h3 {
    margin: 0 0 6px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    color: #111;
  }

  .drmkt-slide-caption p {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: #444;
  }

  /* ====== Paginação e setas ====== */
  .drmkt-swiper .swiper-pagination {
    bottom: 10px !important;
  }
  .drmkt-swiper .swiper-pagination-bullet {
    width: 8px; height: 8px;
    opacity: .4;
  }
  .drmkt-swiper .swiper-pagination-bullet-active {
    opacity: 1;
  }
  .drmkt-swiper .swiper-button-prev,
  .drmkt-swiper .swiper-button-next {
    color: #111; /* mude a cor das setas aqui */
  }

  /* ====== Responsividade ====== */
  @media (max-width: 1024px) {
    .drmkt-swiper.swiper { height: 56vh; }
    .drmkt-slide-inner { width: 92%; }
  }
  @media (max-width: 767px) {
    .drmkt-swiper.swiper { height: 52vh; min-height: 380px; }
    .drmkt-slide-inner { width: 96%; }
    .drmkt-slide-caption h3 { font-size: 18px; }
    .drmkt-slide-caption p  { font-size: 14px; }
  }/* End custom CSS */