/* Barón Core · Modal nativo */
.baron-modal{
	width:min(720px,calc(100% - 2rem));
	max-height:calc(100dvh - 2rem);
	margin:auto;
	padding:0;
	border:0;
	border-radius:14px;
	background:#fff;
	color:inherit;
	box-shadow:0 24px 80px rgba(0,0,0,.22);
	overflow:auto;
}

.baron-modal::backdrop{
	background:rgba(8,24,43,.58);
}

.baron-modal__panel{
	padding:0;
}

.baron-modal__header{
	position:sticky;
	top:0;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	padding:1rem 1.25rem;
	border-bottom:1px solid #e3e8ee;
	background:#fff;
}

.baron-modal__title{
	margin:0;
	color:var(--baron-blue-dark,#073462);
	font-size:clamp(1.25rem,2.5vw,1.65rem);
	line-height:1.2;
}

.baron-modal__close{
	flex:0 0 44px;
	width:44px;
	height:44px;
	padding:0;
	border:0;
	border-radius:50%;
	background:#f2f6fa;
	color:#073462;
	font:700 28px/1 system-ui,sans-serif;
	cursor:pointer;
}

.baron-modal__close:hover{
	background:#e8eff6;
}

.baron-modal__close:focus-visible{
	outline:3px solid #5d94c7;
	outline-offset:2px;
}

.baron-modal__body{
	padding:1.25rem;
}

html.baron-modal-open{
	overflow:hidden;
}

@media(max-width:640px){
	.baron-modal{
		width:calc(100% - 1rem);
		max-height:calc(100dvh - 1rem);
		border-radius:10px;
	}
	.baron-modal__header,
	.baron-modal__body{
		padding:1rem;
	}
}
