/* Tribunal 11 — estilos de front-end (ligeros, neutros, sin dependencias) */

.t11-panel,
.t11-pre-registro,
.t11-tutor-consent,
.t11-enviar-obra,
.t11-profile {
	max-width: 760px;
	margin: 1.5rem auto;
	font-size: 1rem;
	line-height: 1.55;
}

/* Avisos */
.t11-notice { padding: .7rem .9rem; border-radius: 6px; background: #eef2ff; border: 1px solid #c7d2fe; }
.t11-notice--error { background: #fef2f2; border-color: #fecaca; }
.t11-notice--success { background: #f0fdf4; border-color: #bbf7d0; }
.t11-notice--info { background: #f8fafc; border-color: #e2e8f0; }

/* Badge de estado */
.t11-badge { display: inline-block; padding: .25rem .7rem; border-radius: 999px; font-size: .8rem; font-weight: 700; letter-spacing: .03em; }
.t11-badge--go { background: #dcfce7; color: #166534; }
.t11-badge--wait { background: #fef9c3; color: #854d0e; }

.t11-headline { font-size: 1.45rem; line-height: 1.3; margin: .6rem 0 1rem; }

/* Bloque de valor / CV */
.t11-cv { background: #f8fafc; border-left: 4px solid #4f46e5; padding: .9rem 1.1rem; border-radius: 0 6px 6px 0; margin: 1rem 0 1.4rem; }

/* Checklist de pasos */
.t11-steps { list-style: none; margin: 0 0 1.2rem; padding: 0; }
.t11-steps li { display: flex; align-items: baseline; gap: .55rem; padding: .45rem 0; border-bottom: 1px solid #eef0f3; }
.t11-step-mark { display: inline-flex; width: 1.4rem; height: 1.4rem; align-items: center; justify-content: center; border-radius: 999px; font-size: .8rem; font-weight: 700; flex: 0 0 auto; }
.t11-step--done .t11-step-mark { background: #dcfce7; color: #166534; }
.t11-step--todo .t11-step-mark { background: #f1f5f9; color: #94a3b8; }
.t11-step--done { color: #1a1a1a; }
.t11-step--todo { color: #475569; }

/* Métricas / tareas */
.t11-metrics { display: flex; gap: 1.2rem; flex-wrap: wrap; margin: 1.2rem 0; }
.t11-metric, .t11-task { min-width: 110px; padding: .9rem 1.1rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; text-decoration: none; color: inherit; }
.t11-task:hover { border-color: #4f46e5; }
.t11-metric-value { font-size: 1.7rem; font-weight: 700; }
.t11-metric-label { font-size: .8rem; color: #64748b; }

/* Botones y CTAs */
.t11-button { display: inline-block; padding: .6rem 1.1rem; background: #4f46e5; color: #fff !important; border-radius: 6px; text-decoration: none; font-weight: 600; }
.t11-button:hover { background: #4338ca; }
.t11-button--ghost { background: #fff; color: #4f46e5 !important; border: 1px solid #c7d2fe; }
.t11-cta { font-weight: 600; }

/* Formularios */
.t11-pre-registro input, .t11-pre-registro select,
.t11-enviar-obra input, .t11-enviar-obra select, .t11-enviar-obra textarea {
	width: 100%; max-width: 460px; padding: .5rem; border: 1px solid #cbd5e1; border-radius: 6px; margin-top: .25rem;
}
.t11-enviar-obra textarea { max-width: 100%; }
.t11-pre-registro button, .t11-tutor-consent button, .t11-enviar-obra button {
	padding: .6rem 1.2rem; background: #4f46e5; color: #fff; border: 0; border-radius: 6px; font-weight: 600; cursor: pointer;
}
.t11-consents { border: 1px solid #e2e8f0; border-radius: 8px; padding: .6rem 1rem; }
.t11-legal { color: #64748b; font-size: .9rem; }

/* Sello de certificación */
.t11-seal { margin-top: 1.5rem; padding: .8rem 1rem; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; font-size: .9rem; }

/* Bloque de valor en el alta (tarjeta + flujo) */
.t11-card, .t11-value {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 1.1rem 1.3rem;
	margin-bottom: 1.4rem;
}
.t11-kicker { letter-spacing: .12em; text-transform: uppercase; font-size: .75rem; color: #4f46e5; margin: 0 0 .3rem; }
.t11-value h2 { margin: .1rem 0 .5rem; font-size: 1.3rem; }
.t11-flow { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .6rem; }
.t11-flow span {
	background: #eef2ff; color: #3730a3;
	border-radius: 999px; padding: .2rem .7rem; font-size: .8rem;
}
.t11-flow span + span::before { content: "→ "; color: #94a3b8; }

/* Listas y secciones públicas */
.t11-works { padding-left: 1.1rem; }
.t11-works li { margin: .35rem 0; }
.t11-centro { margin-top: 1.6rem; }
.t11-blind-content { background: #fff; padding: 1em; border: 1px solid #ccd0d4; border-radius: 6px; }