.elementor-1404 .elementor-element.elementor-element-4596db80:not(.elementor-motion-effects-element-type-background), .elementor-1404 .elementor-element.elementor-element-4596db80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ie.iestpcab.edu.pe/wp-content/uploads/2025/08/student-girl-asking-to-professor-in-college-corridor.jpg");background-position:50% 30%;background-repeat:no-repeat;background-size:cover;}.elementor-1404 .elementor-element.elementor-element-4596db80{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8em 1em 6em 1em;}.elementor-1404 .elementor-element.elementor-element-4596db80 > .elementor-background-overlay{opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1404 .elementor-element.elementor-element-18f0245d{padding:0% 50% 0% 0%;}.elementor-1404 .elementor-element.elementor-element-3705bed7{width:auto;max-width:auto;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-1404 .elementor-element.elementor-element-3705bed7 > .elementor-widget-container{padding:5px 8px 5px 8px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF73;}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(12px/2);}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(12px/2);}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(12px/2);margin-left:calc(12px/2);}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-12px/2);margin-left:calc(-12px/2);}body.rtl .elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-12px/2);}body:not(.rtl) .elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-12px/2);}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1404 .elementor-element.elementor-element-3705bed7 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1404 .elementor-element.elementor-element-97d090e{--display:flex;}.elementor-1404 .elementor-element.elementor-element-72d6611{--spacer-size:7em;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-1404 .elementor-element.elementor-element-4596db80:not(.elementor-motion-effects-element-type-background), .elementor-1404 .elementor-element.elementor-element-4596db80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1404 .elementor-element.elementor-element-4596db80:not(.elementor-motion-effects-element-type-background), .elementor-1404 .elementor-element.elementor-element-4596db80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 30%;}.elementor-1404 .elementor-element.elementor-element-4596db80{padding:6em 1em 3.5em 1em;}.elementor-1404 .elementor-element.elementor-element-18f0245d{padding:0% 50% 0% 0%;}.elementor-1404 .elementor-element.elementor-element-3705bed7{--e-icon-list-icon-size:11px;--icon-vertical-offset:0px;}}@media(max-width:767px){.elementor-1404 .elementor-element.elementor-element-4596db80:not(.elementor-motion-effects-element-type-background), .elementor-1404 .elementor-element.elementor-element-4596db80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1404 .elementor-element.elementor-element-4596db80{padding:5em 0.5em 2em 0.5em;}.elementor-1404 .elementor-element.elementor-element-18f0245d{padding:0% 0% 0% 0%;}.elementor-1404 .elementor-element.elementor-element-3705bed7{--e-icon-list-icon-size:10px;--icon-vertical-offset:1px;}}/* Start custom CSS for html, class: .elementor-element-2b7b1ab *//* ===== SECCIONES ===== */
.seccion {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  padding: 40px;
  margin: 60px auto;
  width: 90%;
  max-width: 1100px;
}
.titulo-seccion {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #042E78;
  margin-bottom: 20px;
}
.titulo-seccion i { font-size: 1.8rem; }
.titulo-seccion h2 {
  font-size: 1.7rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.seccion p {
  line-height: 1.8;
  text-align: justify;
  font-family: 'Montserrat', sans-serif;
}

/* ===== PRESENTACIÓN ===== */
.presentacion {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}
.presentacion .texto { flex: 1; }
.presentacion .imagen {
  flex: 1;
  text-align: center;
}
.presentacion img {
  width: 280px;
  border-radius: 14px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
.coordinador { color: #042E78; font-weight: 600; }
.cargo { color: #1165D9; font-family: 'Lato', sans-serif; }

/* ===== MISIÓN Y VISIÓN ===== */
.contenedor-mv {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.tarjeta {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  padding: 30px;
  width: 320px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}
.tarjeta i {
  font-size: 2rem;
  color: #1165D9;
  margin-bottom: 10px;
}
.tarjeta:hover {
  background-color: #1165D9;
  color: #fff;
  transform: translateY(-5px);
}
.tarjeta:hover i {
  color: #fff;
}
.ver-mas {
  display: block;
  margin-top: 10px;
  color: #1165D9;
  font-weight: 600;
}

/* ===== MODALES ===== */
.modal {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(6px);
}
.modal-contenido {
  background: #fff;
  margin: 8% auto;
  padding: 40px;
  border-radius: 14px;
  width: 90%;
  max-width: 650px;
  animation: fadeZoomIn 0.5s ease;
}
.modal-contenido h2 {
  color: #0a4fa3;
  display: flex;
  align-items: center;
  gap: 10px;
}
.cerrar {
  float: right;
  font-size: 1.8rem;
  cursor: pointer;
  color: #0a4fa3;
}

/* ===== ANIMACIÓN ===== */
.fade-up {
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  transition: all 0.8s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@keyframes fadeZoomIn {
  from { opacity: 0; transform: scale(0.9) translateY(30px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .presentacion { flex-direction: column-reverse; text-align: center; }
}/* End custom CSS */