.elementor-kit-12{--e-global-color-primary:#1E6929;--e-global-color-secondary:#7DBC24;--e-global-color-text:#FFFFFF;--e-global-color-accent:#EEF407;--e-global-color-3d328d4:#020202;--e-global-color-ef1dc05:#7CBDCB;--e-global-color-8c4b96e:#EBBB97;--e-global-color-f35abb1:#2E2E2E;--e-global-color-5b7b218:#B3B3B3;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:48px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:36px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:28px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:24px;--e-global-typography-accent-letter-spacing:0.5px;--e-global-typography-accent-word-spacing:0px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:#EEF407;color:#020202;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.5);border-radius:8px 8px 8px 8px;padding:14px 14px 14px 14px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:#1E6929;color:var( --e-global-color-text );box-shadow:0px 6px 16px 0px rgba(0,0,0,0.5);}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:880px;}.e-con{--container-max-width:880px;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:480px;}.e-con{--container-max-width:480px;}}@media(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}
/* Start custom CSS *//* ================================
   APLICAR ESTILOS APENAS EM DESKTOP (TELAS >= 769px)
   ================================ */
@media (min-width: 769px) {

  /* ================================
     OVERFLOW VISÍVEL (APENAS NO CONTÊINER PRINCIPAL)
     ================================ */
  .vitrine-acopolo {
    overflow: visible !important;
    padding-left: 10px; /* Ajuste este valor conforme necessário para o "respiro" lateral */
    padding-right: 10px; /* Ajuste este valor conforme necessário para o "respiro" lateral */
  }

  /* ================================
     CARD EM REPOUSO: VERTICAL
     ================================ */
  .vitrine-acopolo .swiper-slide {
  width: 270px; /* REMOVIDO !important */
  min-width: 270px; /* REMOVIDO !important */
  max-width: 270px; /* REMOVIDO !important */
  height: 350px !important;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition:
    opacity 0.3s ease,
    transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    box-shadow 0.4s ease;
  z-index: 1;
  box-sizing: border-box;
}

/* Item interno acompanha tamanho */
.vitrine-acopolo .swiper-slide .e-loop-item,
.vitrine-acopolo .swiper-slide > div,
.vitrine-acopolo .swiper-slide .elementor-widget-wrap {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important; /* não força mais 320px */
  transition: width 0.45s ease;
}


  /* Gradiente escuro na base do card */
  .vitrine-acopolo .swiper-slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65%;
    background: linear-gradient(
      to top,
      rgba(0,0,0,0.92) 55%,
      transparent
    );
    z-index: 1;
    pointer-events: none;
  }

  /* ================================
     TÍTULO – MENOR E MAIS BAIXO
     ================================ */
  .vitrine-acopolo .swiper-slide .card-titulo {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 34px;
    color: #FFE600 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3;
    text-transform: uppercase;
    transition:
      font-size 0.3s ease,
      bottom 0.35s ease;
  }

  /* ================================
     RESUMO – colado no título
     (escondido no card pequeno)
     ================================ */
  .vitrine-acopolo .swiper-slide .card-descricao {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    color: #FFFFFF;
    font-size: 16px !important;
    line-height: 1.0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    z-index: 3;
    transition:
      opacity 0.35s ease,
      max-height 0.4s ease,
      bottom 0.35s ease;
  }

  /* ================================
     ÍCONE/BOTÃO VER PERFIL
     (escondido no card pequeno)
     ================================ */
  .vitrine-acopolo .swiper-slide .card-ver-perfil {
    position: absolute;
    left: 14px;
    bottom: 8px;
    opacity: 0 !important;
    transform: translateY(4px);
    z-index: 3;
    transition:
      opacity 0.3s ease,
      transform 0.3s ease,
      bottom 0.35s ease;
  }

  .vitrine-acopolo .swiper-slide .card-ver-perfil *,
  .vitrine-acopolo .swiper-slide .card-ver-perfil .elementor-button,
  .vitrine-acopolo .swiper-slide .card-ver-perfil .elementor-icon {
    opacity: 0 !important;
    transition: opacity 0.3s ease;
  }

  /* ================================
     FAIXA EM HOVER:
     outros cards escurecem
     ================================ */
  .vitrine-acopolo:hover .swiper-slide {
    opacity: 0.4;
    transform: scale(0.92);
  }

  /* ================================
     CARD EM HOVER: EXPANDE
     ================================ */
.vitrine-acopolo .swiper-slide:hover {
  width: 600px !important;
  min-width: 600px !important;
  max-width: 600px !important;
  opacity: 1 !important;
  transform: scale(1) !important;
  z-index: 999 !important;
  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.9),
    0 0 0 2px #FFE600;
  border-radius: 14px;
  overflow: visible !important;
  transform-origin: center center; /* ADICIONADO: Garante que a expansão seja do centro */
}

  .vitrine-acopolo .swiper-slide:hover .card-titulo {
    font-size: 12px !important;
    bottom: 25px;
  }

  .vitrine-acopolo .swiper-slide:hover .card-descricao {
    opacity: 1;
    max-height: 70px;
    bottom: 12px;
  }

  .vitrine-acopolo .swiper-slide:hover .card-ver-perfil {
    opacity: 1 !important;
    transform: translateY(0);
    bottom: 16px;
  }

  .vitrine-acopolo .swiper-slide:hover .card-ver-perfil *,
  .vitrine-acopolo .swiper-slide:hover .card-ver-perfil .elementor-button,
  .vitrine-acopolo .swiper-slide:hover .card-ver-perfil .elementor-icon {
    opacity: 1 !important;
  }

  /* ================================
     AJUSTE DO CONTAINER DE FUNDO
     ================================ */
  .vitrine-acopolo .swiper-slide .card-bg {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

} /* FIM DA MEDIA QUERY PARA DESKTOP */

/* ================================
   MOBILE: RESETAR ESTILOS PERSONALIZADOS (OPCIONAL: REMOVER SE QUISER APENAS O PADRÃO DO ELEMENTOR)
   ================================ */
/* Se você quiser que o mobile use APENAS os estilos padrão do Elementor para o carrossel,
   você pode REMOVER TODO ESTE BLOCO @media (max-width: 768px) { ... } */
/* Se você quiser manter alguns ajustes específicos para mobile, mantenha e ajuste este bloco. */
/*
@media (max-width: 768px) {

  .vitrine-acopolo .swiper-slide {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 260px !important;
    transform: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }

  .vitrine-acopolo:hover .swiper-slide,
  .vitrine-acopolo .swiper-slide:hover {
    opacity: 1 !important;
    transform: none !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    box-shadow: none !important;
  }

  .vitrine-acopolo .swiper-slide .card-titulo {
    font-size: 11px !important;
    bottom: 50px;
  }

  .vitrine-acopolo .swiper-slide .card-descricao {
    opacity: 1 !important;
    max-height: none !important;
    bottom: 30px;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .vitrine-acopolo .swiper-slide .card-ver-perfil,
  .vitrine-acopolo .swiper-slide .card-ver-perfil * {
    opacity: 1 !important;
    transform: none !important;
    bottom: 10px;
  }
}
*//* End custom CSS */