/* ===================== */
/* SLIDER PRINCIPAL - meu-slider */
/* ===================== */
.swiper.meu-slider {
    visibility: hidden;
}
.swiper.meu-slider.swiper-initialized {
    visibility: visible;
}

.meu-slider.swiper{ 
  width: 100%; 
  height: 650px; 
  position: relative; 
  overflow: hidden; 
  margin:0 auto; 
}

/* SLIDE */
.meu-slider .swiper-slide { 
  position: relative; 
  height: 650px; 
  background-size: cover; 
  background-position: center; 
}

/* CAMADAS */
.meu-slider .swiper-slide::before { 
  content: ""; 
  position: absolute; 
  inset: 0; 
  z-index: 1; 
}

/* CONTEÚDO */
.meu-slider .slide-content { 
  position: relative; 
  z-index: 3; 
  width: 1360px; 
  max-width: 100%; 
  margin: 0 auto; 
  padding-left: 30px; 
  padding-right: 30px; 
  padding-top: 100px; 
  color: #fff; 
  transition: all 0.3s ease; 
}

/* TEXTOS */
.meu-slider .slide-title { 
  font-family: 'Roboto', sans-serif; 
  font-size: 55px; 
  font-weight: 700; 
  line-height: 55px; 
  letter-spacing: -0.5px; 
  margin-bottom: 40px; 
  max-width: 470px; 
    color: #fff !important;
}

.meu-slider .slide-text { 
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 20px; 
  line-height: 20px; 
  font-weight: 400; 
  max-width: 280px; 
  margin-bottom: 40px; 
}

/* AÇÕES */
.meu-slider .slide-actions { 
  display: flex; 
  align-items: center; 
  gap: 15px; 
}

.meu-slider .btn-primary { 
  display: inline-block; 
  background-color: #C75000; 
  color: #fff; 
  padding: 20px 30px; 
  border-radius: 6px; 
  text-decoration: none; 
  font-family: 'Roboto', sans-serif; 
  font-size: 16px; 
  font-weight: 500; 
  transition: all 0.3s ease; 
}

.meu-slider .btn-primary:hover { 
  background: #fff; 
  color: #000; 
}

/* BOTAO VIDEO */
.meu-slider .btn-video-wrapper { 
  display: flex; 
  align-items: center; 
  gap: 8px; 
  position: relative; 
}

.meu-slider .btn-video { 
  width: 52px; 
  height: 52px; 
  background: #fff; 
  border-radius: 50%; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  position: relative; 
  overflow: hidden; 
  cursor: pointer; 
  transition: all 0.3s ease; 
}

.meu-slider .btn-video i { 
  color: #000; 
  font-size: 18px; 
}

.meu-slider .btn-video::after { 
  content: ""; 
  position: absolute; 
  left: 50%; 
  top: 50%; 
  width: 0; 
  height: 0; 
  background: rgba(0,0,0,0.1); 
  border-radius: 50%; 
  transform: translate(-50%, -50%); 
  transition: width 0.4s ease, height 0.4s ease, opacity 0.4s ease; 
  z-index: 0; 
}

.meu-slider .btn-video:hover::after { 
  width: 300%; 
  height: 300%; 
  opacity: 0; 
}

.meu-slider .btn-assistir { 
  font-family: 'Roboto', sans-serif; 
  font-size: 16px; 
  color: #fff; 
  line-height: 16px; 
}

/* REMOVE LINHA DOS LINKS */
.meu-slider .btn-primary,
.meu-slider .btn-video,
.meu-slider .btn-assistir {
  text-decoration: none !important;
}

/* GARANTE QUE NO HOVER TAMBÉM NÃO APAREÇA */
.meu-slider .btn-primary:hover,
.meu-slider .btn-video:hover,
.meu-slider .btn-assistir:hover {
  text-decoration: none !important;
}

/* OBJETOS LATERAIS */
.meu-slider .bg-left, 
.meu-slider .bg-right { 
  position: absolute; 
  top: 0; 
  transform: none; 
  background-repeat: no-repeat; 
  background-position: center; 
  z-index: 2; 
}

.meu-slider .bg-left { 
  left: 0; 
  width: 942px; 
  height: 824px; 
  background-size: auto 100%; 
  background-image: url("https://ceramicasantanaba.com.br/otimiza/wp-content/uploads/2024/05/gr-object-1.webp"); 
}

.meu-slider .bg-right { 
  right: 0; 
  width: 332px; 
  height: 824px; 
  background-size: auto 100%; 
  background-image: url("https://ceramicasantanaba.com.br/otimiza/wp-content/uploads/2024/05/gr-object-2.webp"); 
}

/* NAVEGAÇÃO */
.meu-slider .swiper-navigation-container { 
  position: relative; 
  width: 1360px; 
  max-width: 100%; 
  margin: 0 auto; 
  height: 60px; 
  z-index: 1000; 
}

/* RESET FORTE */
.meu-slider .swiper-button-prev, 
.meu-slider .swiper-button-next { 
  position: absolute !important;
  top: -80px !important;
  left: 30px !important;
  right: auto !important; 
  transform: none !important; 
  width: 60px; 
  height: 60px; 
  background: #fff; 
  display: flex !important; 
  align-items: center; 
  justify-content: center; 
  transition: all 0.3s ease; 
}

.meu-slider .swiper-button-next { 
  left: 94px !important; 
}

.meu-slider .swiper-button-next:hover, 
.meu-slider .swiper-button-prev:hover { 
  background: rgba(255,255,255,0.75); 
}

.meu-slider .swiper-button-prev::after, 
.meu-slider .swiper-button-next::after { 
  content: ""; 
}

.meu-slider .swiper-button-prev::before, 
.meu-slider .swiper-button-next::before { 
  content: ""; 
  width: 8px; 
  height: 8px; 
  border-top: 1px solid #000; 
  border-right: 1px solid #000; 
  display: block; 
  transform-origin: center; 
  transition: all 0.3s ease; 
}

.meu-slider .swiper-button-prev::before { 
  transform: rotate(-135deg); 
}

.meu-slider .swiper-button-next::before { 
  transform: rotate(45deg); 
}

.meu-slider .swiper-button-next:hover::before { 
  transform: rotate(45deg) scale(1.4); 
}

.meu-slider .swiper-button-prev:hover::before { 
  transform: rotate(-135deg) scale(1.4); 
}

/* ===================== */
/* RESPONSIVO */
/* ===================== */

/* Desktop */
@media (min-width:1024px){
  .meu-slider,
  .meu-slider .swiper-slide{
    height:650px;
  }
}

/* Tablet */
@media (max-width:1023px){
  .meu-slider,
  .meu-slider .swiper-slide{
    height:620px;
  }

  .meu-slider .slide-content{
    width:1024px;
    max-width:100%;
    padding-top:80px;
  }

  .meu-slider .slide-title{
    font-size:48px;
    line-height:52px;
  }

  .meu-slider .slide-text{
    font-size:18px;
    line-height:20px;
  }
}

/* Tablet menor */
@media (max-width:777px){
  .meu-slider,
  .meu-slider .swiper-slide{
    height:824px;
  }

  .meu-slider .slide-content{
    width:778px;
    max-width:100%;
    padding-top:60px;
  }

  .meu-slider .slide-title{
    font-size:40px;
    line-height:44px;
  }

  .meu-slider .slide-text{
    font-size:16px;
  }

  .meu-slider .swiper-navigation-container{
    width:778px;
    max-width:100%;
  }
}

/* Mobile */
@media (max-width:480px){

  .meu-slider,
  .meu-slider .swiper-slide{
    height:450px !important; /* força altura correta */
    min-height:450px !important; /* garante que não expanda */
    overflow:hidden; /* evita faixa branca */
  }

  .meu-slider .slide-content{
    width:100%;
    padding:80px 20px 20px 20px; 
    box-sizing:border-box;
  }

  .meu-slider .slide-title{
    font-size:30px;
    line-height:34px;
    max-width:240px;
    margin-bottom:20px;
  }

  .meu-slider .slide-text{
    font-size:17px;
    line-height:22px;
    max-width:250px;
    margin-bottom:30px;
  }

  .meu-slider .slide-actions{
    flex-direction:row;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
  }

  .meu-slider .btn-primary{
    padding:14px 22px;
    font-size:15px;
  }

  .meu-slider .btn-video{
    width:46px;
    height:46px;
  }

  .meu-slider .btn-assistir{
    font-size:14px;
  }

  .meu-slider .swiper-navigation-container{
    position:absolute;
    bottom:10px; 
    right:20px;
    width:auto;
    display:flex;
    gap:4px;
    z-index:1000;
  }

  .meu-slider .swiper-button-prev,
  .meu-slider .swiper-button-next{
    position:relative !important;
    top:0 !important;
    left:0 !important;
    transform:none !important;
  }

  .meu-slider .bg-left,
  .meu-slider .bg-right{
    display:none;
  }
}
/* iPad Ajuste Navegação */
@media (min-width:768px) and (max-width:1023px){
  .meu-slider .swiper-navigation-container{
    position:absolute;
    bottom: 10px;
    right: 20px;
    width:auto;
    display:flex;
    gap:4px;
  }

  .meu-slider .swiper-button-prev,
  .meu-slider .swiper-button-next{
    position:relative !important;
    top:0 !important;
    left:0 !important;
    transform:none !important;
  }
}