/* ======================================================================== */
/* RESTAURA PHONE - ARQUIVO DE ESTILO FINAL (v4 - CORREÇÃO DE OVERFLOW) */
/* ======================================================================== */

/* --- 1. IMPORTAÇÕES E CONFIGURAÇÕES GLOBAIS --- */

@import "https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";

/* A "BOMBA ATÔMICA" ANTI-OVERFLOW */
body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}


/* ======================================================================== */
/* --- 2. CARROSSEL DE CELULARES: A SOLUÇÃO FINAL --- */
/* ======================================================================== */

.swiper-celulares .swiper-slide {
  height: auto !important;
}

.swiper-celulares .swiper-slide > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.swiper-celulares .swiper-slide .p-4 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.swiper-celulares .swiper-slide .p-4 > div:first-child {
  flex-grow: 1;
}


/* ======================================================================== */
/* --- 3. PAGINAÇÃO (BOLINHAS ) --- */
/* ======================================================================== */

.swiper-pagination-celulares {
  position: relative;
  margin-top: 1.5rem;
  bottom: auto !important;
}

.swiper-pagination-bullet {
  background-color: #CBD5E0;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #000000;
}


/* ======================================================================== */
/* --- 4. AJUSTES DE SEÇÕES --- */
/* ======================================================================== */

#servicos {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

#servicos > .container > p {
  margin-bottom: 2rem !important;
}


/* ======================================================================== */
/* --- 5. NOTIFICAÇÃO --- */
/* ======================================================================== */

#notification-container {
  z-index: 9999;
}