08 de marzo 2026

EL MUNDO NECESITA

tu mejor

versión

Admission test

Business

Engineering

Humanities

Health

Theology

Business

Engineering

Humanities

Health

Theology

.facultades-wrapper{ position:relative; overflow:hidden; } .facultades-swiper{ display:flex; background:#003b71; overflow-x:auto; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .facultades-swiper::-webkit-scrollbar{ display:none; } .facultad-card{ flex:0 0 20%; text-align:center; padding:26px 10px; border-right:4px solid rgba(255,255,255,.4); box-sizing:border-box; } .facultad-card:last-child{ border-right:none; } /* CIRCULO */ .icon-circle{ width:80px; height:80px; background:#ffffff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 18px auto; } /* ICONO */ .icon-circle img{ width:40px; height:40px; object-fit:contain; } /* TITULO */ .facultad-card h3{ color:#ffffff; font-size:18px; font-weight:700; margin:0; } /* FLECHAS */ .facultad-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; border:none; border-radius:50%; background:#ffffff; color:#003b71; font-size:22px; font-weight:bold; cursor:pointer; z-index:10; box-shadow:0 4px 15px rgba(0,0,0,.2); transition:.3s; } .facultad-arrow:hover{ background:#ffcc00; } .facultad-arrow.prev{ left:10px; } .facultad-arrow.next{ right:10px; } /* MOBILE */ @media only screen and (max-width:767px){ .facultad-card{ flex:0 0 50%; padding:22px 10px; } .icon-circle{ width:95px; height:95px; } .icon-circle img{ width:48px; height:48px; } .facultad-card h4{ font-size:16px; } .facultad-arrow{ width:36px; height:36px; font-size:18px; } } document.addEventListener("DOMContentLoaded", function(){ const slider = document.querySelector('.facultades-swiper'); const nextBtn = document.querySelector('.facultad-arrow.next'); const prevBtn = document.querySelector('.facultad-arrow.prev'); const cardWidth = () => slider.querySelector('.facultad-card').offsetWidth; // AUTO SLIDE let autoSlide = setInterval(() => { if(slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 5){ slider.scrollTo({ left:0, behavior:'smooth' }); }else{ slider.scrollBy({ left:cardWidth(), behavior:'smooth' }); } }, 2500); // SIGUIENTE nextBtn.addEventListener('click', () => { slider.scrollBy({ left:cardWidth(), behavior:'smooth' }); }); // ATRÁS prevBtn.addEventListener('click', () => { slider.scrollBy({ left:-cardWidth(), behavior:'smooth' }); }); });

Miles de estudiantes ya hacen realidad sus sueños en la UPeU