/* Botón premium de promo (10% + cuenta atrás). Marca María Español: oro sobre verde
   profundo, timer en píldora oscura. Reversible al botón amarillo normal por servidor. */
.mae-promo-btn{
	position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;
	padding:19px 18px;border-radius:16px;text-decoration:none;
	background:linear-gradient(135deg,#1f7d72,#4fb8ab);
	border:2px solid #f3ce3e;
	box-shadow:0 8px 24px rgba(18,45,40,.22),0 0 0 3px rgba(243,206,62,.18),inset 0 0 0 1px rgba(255,255,255,.06);
	transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease;
}
.mae-promo-btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(18,45,40,.32),0 0 0 3px rgba(243,206,62,.32),inset 0 0 0 1px rgba(255,255,255,.06)}
.mae-promo-btn__glow{position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(243,206,62,.28),transparent);transform:translateX(-120%) skewX(-16deg);animation:mae-promo-sheen 4.4s ease-in-out 1s infinite}
.mae-promo-btn__main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;z-index:1}
.mae-promo-btn__title{font-weight:800;font-size:16px;color:#fff;line-height:1.15}
.mae-promo-btn__sub{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.92);line-height:1.25}
.mae-promo-btn__timer{display:flex;gap:6px;z-index:1;flex:0 0 auto}
.mae-promo-btn__seg{display:flex;flex-direction:column;align-items:center;min-width:38px;padding:6px 4px;border-radius:10px;background:rgba(10,30,26,.42);border:2px solid rgba(243,206,62,.72)}
.mae-promo-btn__seg b{font-size:18px;font-weight:800;color:#f3ce3e;line-height:1;font-variant-numeric:tabular-nums}
.mae-promo-btn__seg i{font-style:normal;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:3px}
.mae-promo-btn.mae-promo-btn--ended .mae-promo-btn__timer{display:none}
@keyframes mae-promo-sheen{0%{transform:translateX(-120%) skewX(-16deg)}45%,100%{transform:translateX(320%) skewX(-16deg)}}

/* Panel del Aula (barra lateral estrecha ~180px): apila el botón en vertical y reparte
   las 4 cajas del contador a lo ancho, para que no se descuadre. */
.mae-promo-btn.mp-rev{flex-direction:column;align-items:stretch;text-align:center;gap:12px;padding:20px 14px}
.mae-promo-btn.mp-rev .mae-promo-btn__title{font-size:15px}
.mae-promo-btn.mp-rev .mae-promo-btn__timer{justify-content:space-between;gap:5px}
.mae-promo-btn.mp-rev .mae-promo-btn__seg{flex:1;min-width:0;padding:6px 2px}
.mae-promo-btn.mp-rev .mae-promo-btn__seg b{font-size:16px}

@media (max-width:520px){
	.mae-promo-btn{flex-direction:column;align-items:stretch;text-align:center}
	.mae-promo-btn__timer{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
	.mae-promo-btn{transition:none}
	.mae-promo-btn__glow{display:none}
}