.slider {position: relative; top: 0; left: 0; width: 100%; height: 100vh; padding: 0; overflow: hidden; background: #000;}
.slider .slide {position: absolute; width: 100%; height: 100%; visibility: hidden; opacity: 0; animation: animacaoSlider 38s infinite;}
.slider .slide img {width: 100%; height: 100%; object-fit: cover;}
.slider .slide:nth-child(1) {animation-delay: 0s;} .slider .slide:nth-child(2) {animation-delay: 5s;} .slider .slide:nth-child(3) {animation-delay: 10s;} .slider .slide:nth-child(4) {animation-delay: 15s;} .slider .slide:nth-child(5) {animation-delay: 20s;} .slider .slide:nth-child(6) {animation-delay: 25s;} .slider .slide:nth-child(7) {animation-delay: 30s;}
@keyframes animacaoSlider {
0% {visibility: hidden; opacity: 0;} 5% {visibility: visible; opacity: 1;} 15% {visibility: visible; opacity: 1;} 20%,100% {visibility: visible; opacity: 0;}}
.slider .slide .content {position: absolute; left: 50px; bottom: 50px; z-index: 1; max-width: 300px; border-radius: 50px; padding: 1rem 3rem 3rem; background: var(--bg-gradient); box-shadow: var(--sombra-section);}
.slider .slide .content h3 {padding: 0; font-size: 4rem; text-align: center; margin-bottom: 1rem; text-shadow: 1px 1px 0 #cccccc00, 2px 2px 0 #333, 3px 3px 0 #555, 4px 4px 0 #eee, 10px 10px 0 rgb(0, 0, 0, 0.2);}
.slider .slide .content p {font-size: 1.5rem; text-align: center; margin-bottom: 1rem;}    
.santuario {background:var(--bg-azul-medio-meio);}    
.colonias {box-shadow: var(--sombra-section);}

@media (max-width: 800px) {.slider .slide .content {max-width: 260px; left: 25px;}}  
@media (max-width: 410px){.slider .slide .content {left: 11px;}}