<> :root { --color-primario: #fd9133; --color-secundario: #7c29d7; --color-terciario: #6b676f; --color-naranja-1: #F7C6A3; --color-naranja-2: #F4A261; --color-naranja-3: #F75E1D; --color-morado-suave: #B57EDC; --color-morado-oscuro: #8E7CC3; --color-rosa-pastel: #EFC3E6; --color-gris-claro: #fffdfd; --color-gris-oscuro: #4b4848; --color-negro: black; --color-azul-oscuro: #091E3E; --color-rojito-lindo: #ff5757; } .color-primario { background: #fd9133e1; color: white; width: 100%; border: 2px solid white; transition: all 0.5s ease; } .color-primario:hover { background: #ce7a31e8; width: 102%; border: 2px solid rgb(255255255); color: rgb(255255255); } /* Barra superior */ .barra-contacto { font-size: 14px; position: fixed; top: 0; width: 100%; z-index: 99; } /* Ajuste de la navbar principal debajo de la barra superior */ .navbar { z-index: 100; position: fixed; left: 0; width: 100%; transition: top .6s ease; background-color: var(--color-gris-claro); box-shadow: 0 0.125rem 0.25rem rgba(0000.075) !important } /* Estilos para el dropdown y otros elementos */ .dropdown-menu { min-width: 100%; } .nav-item.dropdown .dropdown-menu { left: 0; right: auto; } .tituloinicioycontacto { color: var(--color-gris-oscuro); font-weight: 600; font-family: 'Open Sans'sans-serif; } .hover-fill { position: relative; color: var(--color-gris-oscuro); transition: color 0.4s ease-in-out; overflow: hidden; } .hover-fill::before { content: ""; position: absolute; width: 300%; height: 300%; top: 50%; left: 50%; background: var(--primary-color); z-index: -1; transition: transform 0.4s ease-in-out; transform: translate(-50%-50%) scale(0); border-radius: 50%; } .hover-fill:hover::before { transform: translate(-50%-50%) scale(1); } .hover-fill:hover { color: white; } .titulosuperior { color: var(--color-gris-oscuro); font-weight: 600; font-family: 'Open Sans'sans-serif; } .titulosuperior:hover { color: #07105b; } .dropdown-menu .dropsito { color: var(--color-negro); font-family: 'Open Sans'sans-serif; } .dropdown-menu .dropsito:hover { color: var(--color-gris-claro); background: linear-gradient(135degvar(--primary-color) 30%var(--ga-color) 100%); } .nav-link.dropdown-toggle:focus, .nav-link.dropdown-toggle:hover { color: var(--primary-color) !important; text-shadow: 0 0 1px var(--primary-color) !important; } @media (max-width: 768px) { #barraContacto { display: none; /* Oculta la barra en pantallas menores a 768px */ } } <> @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .animated-image { width: 100px; /* Tamaño inicial de la imagen */ height: auto; animation: pulse 2s infinite; /* Aplicamos la animación */ } .logo-navbar { /* Mantener proporciones */ max-height: 105px; /* Limitar la altura máxima a 50px */ object-fit: contain; /* Asegura que la imagen se ajuste dentro del espacio */ } <> .barritas-redesociales { position: fixed; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.5rem; display: flex; flex-direction: column; align-items: center; z-index: 100; padding: 0.5rem; } /* Estilos para los íconos de redes sociales con fondo específico */ .a1 { background: #3e64ff; } .a2 { background: #339DC5; } .a3 { background: #E83028; } .a4 { background: #d6249f; background: radial-gradient(circle at 30% 107%#fdf497 0%#fdf497 5%#fd5949 45%#d6249f 60%#285AEB 90%); box-shadow: 0px 3px 10px rgba(000.25); } /* Estilos para los íconos de redes sociales */ .barritas-redesociales .icon2 { margin-bottom: 0.5rem; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: white; text-decoration: none; font-size: 1.2rem; transition: transform 0.3s ease; /* Transición suave para la transformación */ } /* Clase que se aplicará cuando el ratón pase sobre el ícono */ .icon2.stretched { transform: translateX(-10px); /* Mueve el ícono hacia la izquierda */ } .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-displayinline-block); font-: normal; font-variant: normal; line-height: 1; text-rendering: auto; } /* Media query para pantallas más pequeñas */ @media (max-width: 767px) { .barritas-redesociales { font-size: 1.2rem; } .barritas-redesociales .icon2 { width: 2rem; height: 2rem; font-size: 1rem; } }

Programas de Estudios

4+

Experiencia Educativa

42+

Estudiantes

680+

Conoce Nuestros PROGRAMAS DE ESTUDIO

school Programa

Gestion Administrativa

ACCEDER arrow_forward

school Programa

Gestión de Recursos Humanos

ACCEDER arrow_forward

school Programa

Enfermería Técnica

ACCEDER arrow_forward

school Programa

Contabilidad

ACCEDER arrow_forward

<> #planaCarousel .carousel-indicators { margin-bottom: -1rem; }

IESPP – PUNO

NUESTROS SERVICIOS

Servicios diseñados para acompañarte durante toda tu formación académica.

Biblioteca Virtual

VER SERVICIO arrow_forward

Correo Institucional

VER SERVICIO arrow_forward

Bolsa de Trabajo

VER SERVICIO arrow_forward

CONOCE A NUESTROS

COORDINADORES

Calizaya ZevallosDavid Moises

DIRECTOR GENERAL

Gómez SalazarAndrés

JERÁRQUICO

Torres ValdiviaCamila

JERÁRQUICO

Ramírez DelgadoJosé

JERÁRQUICO

Chávez RíosMariana

COORDINADOR

Morales EstradaRicardo

COORDINADOR

Previous Next

Explora NUESTRAS NOTICIAS

Noticia 8

2024-10-31

INSCRIPCIONES PARA IDIOMAS REQUISITO PARA TITULACION 2024

Noticia de último momento…

Leer Más…

Noticia 7

2024-09-23

COMUNICADO: RESULTADOS PARA PROCESO DE INVITACIÓN A DOCENTES PARA CUBRIR PLAZAS DESIERTAS Y/O VACANTES PARA GESTORES PEDAGOGICOS DEL IESPP PUNO PARA EL AÑO 2025

Noticia de último momento…

Leer Más…

Noticia 5

2024-05-11

AMPLIACION DE METAS P.E ENFERMERIA TECNICA TURNO TARDE

Noticia de último momento…

Leer Más…

¿Qué opinan nuestros estudiantes de nosotros?

IESPP – PUNO

EXPLORAR arrow_forward

verified Testimonio star ★★★★★

Camila Hernández

Gestion Administrativa

LEER article PROGRAMA arrow_forward

verified Testimonio star ★★★★★

Ana Rodriguez

Gestión de Recursos Humanos

LEER article PROGRAMA arrow_forward

verified Testimonio star ★★★★★

Carlos Montalvan

Enfermería Técnica

LEER article PROGRAMA arrow_forward

<> /* Arrow styling */ .arrow { position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; background: url('https://iespp.edu.pe/images/institucion/Flecha.png') no-repeat center center; background-size: contain; cursor: pointer; animation: moveUpDown 1.5s infinite; opacity: 1; z-index: 100; transition: opacity 0.5s ease; } .whatsapp-icon { position: fixed; bottom: 20px; left: 20px; width: 50px; height: 50px; background: url('https://upload.wikimedia.org/wikipedia/commons/5/5e/WhatsApp_icon.png') no-repeat center center; background-size: contain; cursor: pointer; animation: moveUpDown 1.5s infinite; opacity: 1; z-index: 100; transition: opacity 0.5s ease; } /* Arrow move up and down animation */ @keyframes moveUpDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* Arrow hidden state */ .arrow.hidden { opacity: 0; } /* Responsive styling */ @media (max-width: 768px) { .arrow { width: 30px; height: 30px; bottom: 15px; right: 15px; } } @media (max-width: 480px) { .arrow { width: 25px; height: 25px; bottom: 10px; right: 10px; } } /* Aseguramos que el iframe tenga una altura mínima de 20rem y sea responsivo */ .mapita { min-height: 20rem; /* Establece una altura mínima de 20rem */ } /* Hace que el iframe sea responsivo en pantallas más pequeñas */ @media (max-width: 768px) { .mapita { min-height: 15rem; /* Ajusta la altura mínima en pantallas pequeñas */ } } @media (max-width: 480px) { .mapita { min-height: 12rem; /* Ajusta la altura mínima en pantallas muy pequeñas */ } }