.modal2 {
      display: none; /* Ocultar el modal por defecto */
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
      z-index: 9999; /* Colocar el modal por encima de todo */
    }

    .modal2-content {
      position: absolute;
      top: 40%;
      left: 40%;
      transform: translate(-50%, -50%);
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      width: 600px;
      height: 600px;
    }

@font-face {
font-family: MYRIADPRO-BOLD;
src: url(fuentes/MYRIADPRO-BOLD.OTF);
}

@font-face {
font-family: MYRIADPRO-SEMIBOLD;
src: url(fuentes/MYRIADPRO-SEMIBOLD.OTF);
}

@font-face {
font-family: MYRIADPRO-BOLDIT;
src: url(fuentes/MYRIADPRO-BOLDIT.OTF);
}

.fontBoldGeneral {
    font-family: MYRIADPRO-SEMIBOLD;
    color:#878787;
}
.fontBoldNormal {
    font-family: 'MYRIADPRO-SEMIBOLD';
    color:#878787;
    text-align: center;
    font-size: 20px;
}
.fontBold {
    font-family: 'MYRIADPRO-SEMIBOLD';
    color:#878787;
    text-align: left;
    font-size: 16px;
}
.fontButton {
    font-family: 'MYRIADPRO-BOLD';
    background-color:#915BED;
    color:#E7E9F6;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}

.fontButtonSinSize {
    font-family: 'MYRIADPRO-BOLD';
    background-color:#915BED;
    color:#E7E9F6;
    text-transform: uppercase;
}

.fontBoldLila {
    font-family: 'MYRIADPRO-BOLD';
    color:#915BED;
    text-align: center;
}

ul li a { color: #915BED;}
ul li a:active { color: #915BED;}
ul li a:visited { color:  #915BED;}
ul li a:hover { color: #915BED;}

ul li a {
	font-family: 'MYRIADPRO-BOLD';
	color: #915BED;
	font-size: 15px;
	text-transform: uppercase;
}

input:disabled,
input[readonly] {
  background-color: #f2f2f2;
}