section.slider-container div.slider{position:relative}section.slider-container nav{display:flex;justify-content:center}section.slider-container nav button{background:transparent;border:none;color:#96ca8a;cursor:pointer;font-size:25px;outline:none;padding:1rem}section.slider-container nav .activo{font-weight:bolder}section.slider-container div.slider img{height:90vh;min-height:380px;object-fit:cover;width:100%}section.slider-container img.fade{animation:fadeId .5s ease forwards;animation-delay:.5s;opacity:0}span.caption{background-color:#ccc;color:#7a7a7a;display:inline-block;margin:0;padding:1rem;text-align:center;width:calc(100% - 2rem)}section.slider-container div.slider button{align-items:center;background:#0077bd;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:30px;justify-content:center;line-height:1;margin:1rem;position:absolute;top:50%;transform:translateY(-50%)}section.slider-container div.slider button.prev{left:0}section.slider-container div.slider button.next{right:0}@keyframes fadeId{0%{opacity:0}to{opacity:1}}@media (max-width:768px){section.slider-container div.slider button{transform:translateY(calc(50% - 50px))}}@media (max-width:476px){section.slider-container div.slider img{height:100%;min-height:300px}}