.color-naranjo-face-btn {
background-color: rgb(255, 139, 66);
color: white;
}

.color-naranjo-face-txt {
color: rgb(255, 139, 66);
text-align: center;
}

.Imagen-fondo {
  background-image: url("../../imagenes/ImagenFondo.jpg");
}
.Imagen-fondo .text {
  display: flex;
  align-items: center;
}
.Imagen-fondo .mbr-section-subtitle {
  margin: 0 0 22px 0;
  letter-spacing: .13em;
  color: #FF4712;
}
.Imagen-fondo .mbr-section-title {
  margin: 0 0 33px 0;
  color: #ffffff;
  text-align: left;
}
.Imagen-fondo .btn {
  height: 55px;
  min-width: 170px;
  box-shadow: none;
}
.Imagen-fondo .btn:hover {
  box-shadow: none;
}
.Imagen-fondo .image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 992px) {
  .Imagen-fondo .image-wrapper {
    margin-top: 2rem;
  }
}
.Imagen-fondo .image-wrapper img {
  width: 372px;
  height: 427px;
  object-fit: cover;
  transform: rotate(5deg);
  transition: all .4s ease;
  border: 8px solid #ffffff;
}
@media (max-width: 992px) {
  .Imagen-fondo .image-wrapper img {
    transform: none;
  }
}
@media (max-width: 768px) {
  .Imagen-fondo .image-wrapper img {
    width: 240px;
    height: 275px;
  }
}
.Imagen-fondo .image-wrapper .image-absolute {
  position: absolute;
  top: 20px;
  right: 23%;
  width: 372px;
  height: 427px;
  object-fit: cover;
  transform: rotate(5deg);
  transition: all .4s ease;
  border: 8px solid #ffffff;
}
@media (max-width: 992px) {
  .Imagen-fondo .image-wrapper .image-absolute {
    transform: none;
  }
}
@media (max-width: 768px) {
  .Imagen-fondo .image-wrapper .image-absolute {
    width: 240px;
    height: 275px;
  }
}
@media (max-width: 425px) {
  .Imagen-fondo .image-wrapper .image-absolute {
    display: none;
  }
}
.Imagen-fondo .row:hover img {
  transform: rotate(0deg);
}

.divimgRedonda img {
    position:absolute;
    width:400px;
    height:400px; 
    border-radius:200px;    
    border: 4px solid;
    border-color: white;
    /*transition: transform 0.3s ease;*/ /* Agrega una transición suave */

}


.no-mobile-div{
    display: flex;
    width: 50%;
}

  .imagenatras{
    position:absolute;
    margin-top: 20px; margin-left: 20px;
  }

.imagenes-cursos img{
  width: 200px;
  height: 200px;
}


.custom-modal-size {
  max-height: 750px; 
}

.piz {
   width: 400px;
   height: 600px;

}


/* Aplicar estilos específicos para dispositivos móviles */
@media (max-width: 767px) {
    .mobilediv1 {
      /* display: block; */
      width: 100%;
      position:absolute;
    }

  .imagenfrentemobile{
    position:absolute;
    margin-top: 300px; margin-left: 0px;
  }
  .imagenatrasmobile{
    position:absolute;
    margin-top: 320px; margin-left: 10px;
  }
  .seccionmobile {
   display: block;
   align-items: center; /
    }

    .divimgRedondamobile img{
        width:350px;
        height:350px; 
        border-radius:175px;  
    }

    .pizarra img{
      width:350px;
      height:450px; 
  }

}