/* EL Método — Discord · widget de vinculación (front). Simple y oscuro, botón azul Discord. */
.emd-widget{
	--emd-blue:#5865F2; --emd-blue-h:#4752c4;
	--emd-bg:#16161d; --emd-line:#2a2a35; --emd-line2:#34343f;
	--emd-text:#f3f3f7; --emd-mut:#a2a2b0; --emd-tenue:#8b8f9a;
	--emd-warn:#ff8a1e; --emd-green:#3ecb8c;
	font-family:'GothamEMT','Gotham',system-ui,"Segoe UI",Roboto,Arial,sans-serif;
	color:var(--emd-text);
	background:var(--emd-bg);
	border:1px solid var(--emd-line);
	border-radius:14px;
	padding:18px 20px;
	width:100%;
}
.emd-widget *{box-sizing:border-box;}

.emd-title{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--emd-text);}
.emd-hint{margin:0;font-size:13px;line-height:1.5;color:var(--emd-mut);}
.emd-hint--warn{color:var(--emd-warn);}
.emd-hint--lead{margin-bottom:18px;} /* separa el subtítulo de lo que viene */

/* Conectado */
.emd-connected__head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.emd-avatar{border-radius:50%;display:block;border:2px solid var(--emd-blue);flex:0 0 auto;}
.emd-connected__meta{display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.emd-connected__label{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--emd-tenue);}
.emd-dot{width:8px;height:8px;border-radius:50%;background:var(--emd-green);box-shadow:0 0 0 3px rgba(62,203,140,.18);flex:0 0 auto;}
.emd-connected__name{font-size:16px;color:var(--emd-text);}
.emd-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;}

/* Botones */
.emd-btn{
	display:inline-block;text-decoration:none;cursor:pointer;
	font-weight:700;font-size:14px;line-height:1;border:0;white-space:nowrap;
	padding:11px 20px;border-radius:10px;
	transition:background .14s ease, transform .12s ease, box-shadow .14s ease;
}
.emd-btn--brand{background:var(--emd-blue);color:#fff !important;}
.emd-btn--brand:hover{background:var(--emd-blue-h);color:#fff !important;transform:translateY(-1px);box-shadow:0 6px 18px rgba(88,101,242,.35);}
.emd-btn--cta{margin-top:4px;}
.emd-btn--ghost{
	background:transparent;color:var(--emd-text) !important;
	border:1px solid var(--emd-line2);font-weight:600;padding:8px 16px;
}
.emd-btn--ghost:hover{border-color:var(--emd-mut);background:rgba(255,255,255,.03);}

/* Bloque de bloqueo (límite alcanzado) con icono de peligro */
.emd-locked{
	display:flex;gap:12px;align-items:flex-start;margin-top:16px;
	background:rgba(255,138,30,.08);border:1px solid rgba(255,138,30,.35);
	border-radius:12px;padding:14px 16px;
}
.emd-locked__icon{
	flex:0 0 auto;width:26px;height:26px;border-radius:7px;
	background:var(--emd-warn);color:#16161d;font-weight:800;font-size:17px;
	display:flex;align-items:center;justify-content:center;line-height:1;
}
.emd-locked__body{min-width:0;}
.emd-locked__text{margin:0;font-size:13px;line-height:1.5;color:#ffc48a;}
.emd-locked__text a{color:#ffd9a8;text-decoration:underline;}

/* Avisos de estado */
.emd-notice{
	margin:0 0 12px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.4;
	border:1px solid var(--emd-line2);
}
.emd-notice--ok{background:rgba(62,203,140,.10);border-color:rgba(62,203,140,.4);color:#8ff0c2;}
.emd-notice--warn{background:rgba(255,138,30,.10);border-color:rgba(255,138,30,.4);color:#ffc48a;}

/* Separación cuando va encima del progreso en "Mis cursos". */
.emt-ld-discord{margin-bottom:22px;}

/* Botón "Continuar con Discord" en el login/registro (fuera del widget). */
.emd-login-btn{
	display:flex;align-items:center;justify-content:center;gap:10px;
	width:100%;box-sizing:border-box;margin-top:10px;
	background:#5865F2;color:#fff !important;text-decoration:none;
	font-family:'GothamEMT','Gotham',system-ui,"Segoe UI",Roboto,Arial,sans-serif;
	font-weight:600;font-size:15px;line-height:1;
	padding:12px 18px;border-radius:30px;border:0;cursor:pointer;
	transition:background .14s ease, box-shadow .14s ease;
}
.emd-login-btn:hover{background:#4752c4;color:#fff !important;box-shadow:0 6px 18px rgba(88,101,242,.35);}
.emd-login-btn svg{color:#fff;}
.emd-login-btn span{color:#fff;}

@media (max-width:600px){
	.emd-widget{padding:16px;border-radius:12px;}
}