<div id="matricula-popup-overlay">
<div id="matricula-popup">
<span id="matricula-popup-close" aria-label="Cerrar">×</span>
<div id="matricula-popup-content">
<img src="http://www.ademaescuelauniversitaria.com/wp-content/uploads/2026/01/Prioridad-Matricula.jpg" alt="Prioridad matrícula" />
<div id="matricula-popup-text">
Inscripción pruebas de acceso del 2 al 20 de febrero.
</div>
<div id="matricula-popup-buttons">
<a class="matricula-popup-btn matricula-btn-odonto" href="https://www.ademaescuelauniversitaria.com/pruebas-de-admision-grado-en-odontologia/" target="_self">
Odontología
</a>
<a class="matricula-popup-btn matricula-btn-nutri" href="https://www.ademaescuelauniversitaria.com/pruebas-de-admision-nutricion/" target="_self">
Nutrición Humana y Dietética
</a>
<a class="matricula-popup-btn matricula-btn-bellas" href="https://www.ademaescuelauniversitaria.com/grado-en-bellas-artes/" target="_self">
Bellas Artes
</a>
</div>
</div>
</div>
</div>
<style>
#matricula-popup-overlay {
position: fixed;
bottom: 80px;
right: 10px;
width: 280px;
height: 378px;
z-index: 99999;
}
#matricula-popup {
position: relative;
width: 100%;
height: 100%;
font-family: 'Poppins', sans-serif;
transform: translateY(100%);
animation: matricula-popup-slide 0.4s forwards;
}
#matricula-popup-content {
width: 100%;
height: 100%;
position: relative;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0,0,0,0.4);
background-color: #77BC1F;
display: flex;
flex-direction: column;
}
#matricula-popup-content img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
#matricula-popup-text {
background-color: #003764;
color: #ffffff;
font-size: 15px;
text-align: center;
padding: 10px;
line-height: 1.2;
}
#matricula-popup-buttons {
padding: 0px;
background: #ffffff;
}
.matricula-popup-btn {
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
text-decoration: none;
color: #ffffff;
padding: 12px;
font-size: 14px;
line-height: 1.1;
border: 1px solid transparent;
transition: background-color 0.2s ease, color 0.2s ease;
}
.matricula-popup-btn + .matricula-popup-btn {
border-top: 0;
}
.matricula-popup-btn::before {
content: "›";
display: inline-block;
margin-right: 10px;
font-size: 18px;
vertical-align: middle;
}
.matricula-btn-odonto {
background: #e83181;
border-color: #e83181;
}
.matricula-btn-nutri {
background: #77bc1f;
border-color: #77bc1f;
}
.matricula-btn-bellas {
background: #3b3b3b;
border-color: #3b3b3b;
}
.matricula-popup-btn:hover {
background: #ffffff;
color: #003764;
}
#matricula-popup-close {
position: absolute;
top: 6px;
right: 10px;
font-size: 20px;
color: #ffffff;
cursor: pointer;
font-weight: bold;
z-index: 10;
background: rgba(0,0,0,0.25);
width: 26px;
height: 26px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
}
@keyframes matricula-popup-slide {
to { transform: translateY(0); }
}
</style>
<script>
document.getElementById('matricula-popup-close').addEventListener('click', function (event) {
event.stopPropagation();
document.getElementById('matricula-popup-overlay').style.display = 'none';
});
</script>
