/* Mis Links PR — "Reportar esta página" (small and discreet) and its dialog (clean, high contrast). */
.mlrp { display: flex; justify-content: center; padding: 6px 16px 22px; }
.mlrp__open {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 32px;
	padding: 4px 10px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--mislinks-color-text, #fff);
	font: inherit;
	font-size: 12px;
	opacity: .6;
	cursor: pointer;
}
.mlrp__open:hover, .mlrp__open:focus-visible { opacity: 1; text-decoration: underline; }
.mlrp__open:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.mlrp-dialog {
	width: min(480px, calc(100vw - 24px));
	max-height: calc(100dvh - 24px);
	padding: 0;
	border: 0;
	border-radius: 18px;
	background: #fff;
	color: #070707;
	font-family: var(--mislinks-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	box-shadow: 0 20px 60px rgba(7, 7, 7, .35);
	overflow: auto;
	overscroll-behavior: contain;
}
.mlrp-dialog::backdrop { background: rgba(10, 8, 30, .6); }
.mlrp-form, .mlrp-done { padding: 20px; }
.mlrp-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mlrp-dialog h2 { margin: 0 0 6px; font-size: 21px; line-height: 1.2; }
.mlrp-close { flex: none; width: 40px; height: 40px; margin: -6px -6px 0 0; border: 0; border-radius: 50%; background: #f3f3f3; color: #070707; font-size: 26px; line-height: 1; cursor: pointer; }
.mlrp-intro { margin: 0 0 14px; color: #3d3d3d; font-size: 14px; line-height: 1.45; }
.mlrp-reasons { margin: 0 0 14px; padding: 0; border: 0; }
.mlrp-reasons legend { margin-bottom: 8px; font-size: 15px; font-weight: 700; }
.mlrp-reason { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; border: 1.5px solid #e4e4e4; border-radius: 12px; font-size: 15px; cursor: pointer; }
.mlrp-reason + .mlrp-reason { margin-top: 6px; }
.mlrp-reason:has(input:checked) { border-color: #7642f4; background: #f5f0ff; }
.mlrp-reason input { width: 18px; height: 18px; margin: 0; accent-color: #7642f4; }
.mlrp-field { display: block; margin: 0 0 12px; font-size: 14px; font-weight: 600; }
.mlrp-field span { display: block; margin-bottom: 5px; }
.mlrp-field textarea, .mlrp-field input { display: block; width: 100%; padding: 10px 12px; border: 1.5px solid #dcdcdc; border-radius: 12px; color: #070707; font: inherit; font-size: 16px; font-weight: 400; box-sizing: border-box; }
.mlrp-field textarea:focus, .mlrp-field input:focus { border-color: #7642f4; outline: none; box-shadow: 0 0 0 3px rgba(118, 66, 244, .18); }
.mlrp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mlrp-error { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #fdecee; color: #a4172b; font-size: 14px; }
.mlrp-error[hidden], .mlrp-done[hidden], .mlrp-form[hidden] { display: none; }
.mlrp-submit { width: 100%; min-height: 48px; border: 0; border-radius: 999px; background: #7642f4; color: #fff; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.mlrp-submit:disabled { opacity: .7; cursor: progress; }
.mlrp-close:focus-visible, .mlrp-submit:focus-visible { outline: 3px solid #7642f4; outline-offset: 2px; }
.mlrp-911 { margin: 12px 0 0; color: #5f5f5f; font-size: 12px; text-align: center; }
.mlrp-done p { margin: 0 0 16px; font-size: 15px; }
@media (prefers-reduced-motion: no-preference) {
	.mlrp-dialog[open] { animation: mlrp-in .16s ease-out; }
	@keyframes mlrp-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}
