/* ===============================
   SLIDESHOW CONTAINER
================================ */
.slider{
    position: relative;
    width: 100%;
    overflow: hidden;
}
#slider{
	padding-left: 0px;
	padding-right: 0px;
}

/* ===============================
   TRACK (ONDE OS SLIDES DESLIZAM)
================================ */
.slider-track{
    display: flex;
    transition: transform var(--transition-speed) ease;
    will-change: transform;
}

/* ===============================
   SLIDE INDIVIDUAL
================================ */
.slide{
    min-width: 100%;
    height: 50vh;
    position: relative;
	margin-top: 1px;
    user-select: none;
}

/* IMAGEM DE FUNDO */
.slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

/* CONTEÚDO DO SLIDE (TEXTOS) */
.slide-content{
    position: relative;
    bottom: 70%;
    width: 78%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    pointer-events: none; /* NÃO CLICÁVEL */
}


.slide-content h1,
.slide-content h2{
    font-size: 4rem;
	color: #fff;
    margin: 0 0 10px;
}

.slide-content p{
    font-size: 1.2rem;
	color: #fff;
}

/* ===============================
   RESPONSIVO
================================ */
@media (max-width:768px){
    .slide-content h1,
	.slide-content h2{
		font-size: 1.8rem;
	}
    .slide-content p{ font-size: 1rem; }
}


/* OUTROS ESTILOS */
.slide-1,
.slide-2,
.slide-3{
  font-weight: bold;
  text-shadow:
    -2px -2px 0 #000,
     2px -2px 0 #000,
    -2px  2px 0 #000,
     2px  2px 0 #000,
     0   -2px 0 #000,
     0    2px 0 #000,
    -2px  0   0 #000,
     2px  0   0 #000;
}
.slide-1 p,
.slide-2 p,
.slide-3 p{
	letter-spacing: 1px;
}