.contenedor {
  background-color: #252440;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg fill-opacity='0.82'%3E%3Crect fill='%23252440' width='11' height='11'/%3E%3Crect fill='%23252441' x='10' width='11' height='11'/%3E%3Crect fill='%23252443' y='10' width='11' height='11'/%3E%3Crect fill='%23262544' x='20' width='11' height='11'/%3E%3Crect fill='%23262546' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23262548' y='20' width='11' height='11'/%3E%3Crect fill='%23262549' x='30' width='11' height='11'/%3E%3Crect fill='%2326264b' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%2327264c' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%2327264e' y='30' width='11' height='11'/%3E%3Crect fill='%2327264f' x='40' width='11' height='11'/%3E%3Crect fill='%23272651' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%23272752' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%23272754' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%23272755' y='40' width='11' height='11'/%3E%3Crect fill='%23282757' x='50' width='11' height='11'/%3E%3Crect fill='%23282758' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%2328275a' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%2328285b' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%2328285d' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%2328285e' y='50' width='11' height='11'/%3E%3Crect fill='%23292860' x='60' width='11' height='11'/%3E%3Crect fill='%23292861' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%23292963' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23292965' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23292966' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23292968' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%23292969' x='70' width='11' height='11'/%3E%3Crect fill='%232a296b' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%232a296c' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%232a2a6e' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%232a2a6f' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%232a2a71' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%232a2a72' x='80' width='11' height='11'/%3E%3Crect fill='%232a2a74' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%232b2a76' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%232b2a77' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%232b2b79' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%232b2b7a' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%232b2b7c' x='90' width='11' height='11'/%3E%3Crect fill='%232b2b7d' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%232c2b7f' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%232c2b80' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%232c2b82' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%232c2b84' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%232c2b85' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%232d2b87' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%232d2c88' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%232d2c8a' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%232d2c8b' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%232d2c8d' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%232e2c8e' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%232e2c90' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%232e2c92' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%232e2c93' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%232f2c95' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%232f2c96' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%232f2c98' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23302c99' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23302C9B' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
 
}


/*Icono de Mano fijado para que vuelva al inicio*/
.mano-volver-inicio{
  position: fixed;
  top: 10px;
  right: 20px;
  width: 50px;
}

/*íconos del menú*/
li.nav-item span img {
  padding-right: 2px;
  max-width: 40px;
}
span #imgIcon {
  max-width: 80px;
}

li a.nav-link{
  transition: 1s;
}
li a.nav-link:hover {
  color: #1c0357;
  scale: 1.1;
}

/*carusel imágenes*/
#carouselExampleCaptions {
  padding-top: 10px;
}

.carousel-caption h3,
h4 {
  color: #ffffff;
  font-weight: bold;
}

/*Novedades*/
.novedades {
  color: #0c033a;
}

.transparent-card {
  background: rgba(
    255,
    255,
    255,
    0.017
  ); /* Ajusta la opacidad según lo necesites */
  border: none; /* Elimina el borde */
}
.color1 {
  color: rgb(244, 240, 240);
}

.card {
  background: none; /* Elimina el fondo por defecto de la tarjeta */
}

.card-img-overlay {
  padding: 0.5rem; /* Espaciado para el contenido superpuesto */
}

#botonPEI {
  border-radius: 5px;
  width: 5%;
}

.esp {
  color: black;
}
.ratio iframe {
  padding-top: 6px;
}
.card-body > p.card-text {
  font-size: 1rem;
  color: black;
}
/*especialidades*/
/*Currìcula*/
.texto {
  font-size: 1.5rem;
}
.contenido {
  color: #180c5c;
  font-weight: bold;
}
ul li {
  font-size: 1rem;
}
/*Currìcula*/

#modalBtn {
  width: 12rem;
  height: 2.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #0c033a;
  color: rgb(47, 129, 139);
  text-align: center;
  transition: background-color 0.3s;
}

#modalBtn:hover,
#btnJuego:hover {
  background-color: #3009dd;
  box-shadow: #222;
  color: #fff;
}

.fondo {
  text-shadow: #0d064b;
  background-color: #6161f54f;
}
.fondo > .titulo {
  color: rgb(22, 8, 71);
  font-weight: bold;
  text-shadow: #3009dd;
}
.modal-body .elec > li {
  list-style-image: url(Recursos/iconos/electricidad1.png);
}
.modal-body li {
  list-style-image: url(Recursos/iconos/code1.png);
}
.modal-footer {
  grid-column: 1/5;
}
div > #imgEP{
  width: 100%;
}


/*Galería*/
.contenImag{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
figure{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items:last center;
  gap: 20px;
  width: 95%;
  height:75vh;
  border: 2px solid black;
  border-radius: 10px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 20px 0;
  -webkit-box-shadow: 15px 17px 32px 3px rgba(0,0,0,0.75);
  -moz-box-shadow: 15px 17px 32px 3px rgba(0,0,0,0.75);
  box-shadow: 15px 17px 32px 3px rgba(0,0,0,0.75);
  background-color: #030724;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23C8ACBD' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: contain;
}
figure::-webkit-scrollbar{
  border-radius: 10px;
}
figure::-webkit-scrollbar-thumb{
  background-color: rgb(27, 30, 36);
  border-radius: 10px;
}

img{
  position: relative;
  width: 200px;
  height: auto;
  transition: 1s;
  &:hover{
      scale: 1.05;
      border-radius: 10px;
  }
}
.showImg{
  view-timeline-name: --scroll;
  view-timeline-axis: block;
  animation-timeline: --scroll;
  animation-name: showImg;
  animation-timing-function: ease-in-out;;
  animation-range: entry 25% cover 30%;
  /*animation-fill-mode: both;*/
  animation-duration:1s;
}

@keyframes showImg {
  from{
      opacity: 0;
      scale: 10%;
  }
  to{
      opacity: 1;
      scale: 100%;
  }
}

/*Gestión Directiva Administrativa*/
.gestion {
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.h3 {
  margin-bottom: 20px;
}
.h3,
.col > .fuente {
  font-weight: bold;
  color: #ffffff;
}
.imagen-profesores{
  width: auto;
  height: 180px;
  border-radius: 50%;
}
/*Historia*/
.tituloN {
  font-size: 2em;
  color: #1c0357;
  font-weight: bold;
}
p.historia {
  text-align: justify;
  padding: 2%;
}
#ccolor {
  background-color: #7b63f1;
}
/*Contacto*/
.mapa {
  padding-top: 3em;
}
form label{
  color: black;
}
.a-gmail{
  color: black;
}
.a-gmail:hover{
  color: #222;
}
#iconRS{
  max-width: 55px;
}
/*footer*/
.ffinal {
  padding-top: 3em;
}
.footer {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.promos {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
/*Novedades PEI*/
.div-mision-vision{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 400px;
}

@media (max-width: 996px) {
  .textoOb {
    display: none;
  }
  .textot {
    text-shadow: #1c0357;
  }
}
@media (max-width: 991px) {
  .texto {
    display: none;
  }
  .textot {
    text-shadow: #1c0357;
  }
}
@media (max-width: 767px) {
  #imag {
    max-width: 50%;
  }
  .imag {
    max-width: 50%;
    height: auto;
  }
  .textoti {
    text-align: center;
  }
  .cardContenido h4 {
    text-shadow: #1c0357;
    font-size: 1.2rem;
  }
  .textoOb,
  .texto {
    display: none;
  }
}
@media (max-width: 575px) {
  #imag {
    width: 50%;
  }
  .imag img {
    padding-top: 1%;
    max-width: 50%;
  }
  .textoti {
    text-align: center;
    font-size: 1.1rem;
  }
  .cardContenido h4 {
    text-shadow: #1c0357;
    font-size: 0.9rem;
  }
  .textoOb,
  .texto {
    display: none;
  }
}
@media (max-width: 481px) {
  #imag {
    width: 25%;
  }
  .imag img {
    padding-top: 2%;
    max-width: 25%;
  }
  .textoti {
    text-align: center;
    font-size: 1.1rem;
  }
  .cardContenido h4 {
    display: none;
  }
  .textoOb,
  .texto {
    display: none;
  }
  .botonPEI {
    position: relative;
    top: -25px;
  }
  .boton {
    font-size: 0.5rem;
    max-width: 100%;
  }
}