:root{
	--bg: #08111f;
	--bg-2: #0c1730;
	--bg-3: #111d39;
	--bg-4: #171f3b;

	--panel: rgba(255,255,255,.05);
	--panel-2: rgba(255,255,255,.07);
	--panel-3: rgba(255,255,255,.10);
	--panel-soft: rgba(255,255,255,.03);

	--stroke: rgba(255,255,255,.09);
	--stroke-strong: rgba(255,255,255,.16);

	--text: rgba(255,255,255,.94);
	--text-soft: rgba(255,255,255,.72);
	--text-muted: rgba(255,255,255,.48);

	--brand-pink: #123a73;
	--brand-purple: #355f96;
	--blue-1: #4f7bb8;
	--blue-2: #7ea1c9;
	--green-1: #b9c2cc;
	--orange-1: #c89b2d;
	--yellow-1: #d4af37;
	--yellow-2: #e0bf57;

	--soft-pink: #d7deea;
	--soft-purple: #c5ced8;
	--soft-blue: #8eb2db;
	--soft-green: #d9dee5;

	--success: #5f8f72;
	--warning: #d4af37;
	--danger: #b86b4b;
	--info: #355f96;
	--review: #5676a8;

	--shadow-1: 0 12px 35px rgba(0,0,0,.24);
	--shadow-2: 0 20px 60px rgba(0,0,0,.36);
	--shadow-3: 0 28px 90px rgba(0,0,0,.48);

	--radius-xs: 10px;
	--radius-sm: 14px;
	--radius-md: 18px;
	--radius-lg: 24px;
	--radius-xl: 26px;

	--space-1: 8px;
	--space-2: 12px;
	--space-3: 16px;
	--space-4: 20px;
	--space-5: 24px;
	--space-6: 28px;

	--sidebar-w: 230px;
	--sidebar-collapsed: 84px;
	--topbar-h: 88px;

	--panel-pad-x: 20px;
	--panel-pad-y: 20px;
	--modal-pad-x: 22px;
	--modal-pad-y: 22px;

	--transition: .22s ease;
}

*,
*::before,
*::after{ box-sizing:border-box; }

html,body{
	margin:0;
	min-height:100%;
}

html{ scroll-behavior:smooth; }

body{
	font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color:var(--text);
	background:var(--bg);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
	overflow-x:hidden;
	position:relative;
}

body::before{
	content:"";
	position:fixed;
	inset:0;
	z-index:-1;
	pointer-events:none;
	background:
		radial-gradient(1000px 540px at 12% -5%, rgba(52,120,199,.22), transparent 55%),
		radial-gradient(860px 520px at 88% 6%, rgba(10,38,84,.34), transparent 52%),
		radial-gradient(760px 460px at 70% 96%, rgba(24,76,145,.12), transparent 55%),
		linear-gradient(180deg, var(--bg), var(--bg-2) 45%, var(--bg-3));
	background-repeat:no-repeat;
}

img,
svg{
	display:block;
	max-width:100%;
}

.custom-logo-link,
.brand-logo .custom-logo-link{
	display:block;
	line-height:0;
}

.custom-logo{
	width:100%;
	height:100%;
	object-fit:contain;
}

button,
input,
select,
textarea{
	font:inherit;
	color:inherit;
}

a{
	color:inherit;
	text-decoration:none;
}

button{
	border:0;
	background:none;
	padding:0;
	cursor:pointer;
}

input,
select,
textarea{
	width:100%;
	border:1px solid var(--stroke);
	background:rgba(255,255,255,.045);
	color:var(--text);
	outline:none;
	border-radius:16px;
	transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);
}

input:focus,
select:focus,
textarea:focus{
	border-color:rgba(24,76,145,.34);
	box-shadow:0 0 0 4px rgba(24,76,145,.10);
	background:rgba(255,255,255,.065);
}

::placeholder{ color:var(--text-muted); }

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	color:var(--text);
}

p{ margin:0; }

.content-shell{
	display:flex;
	flex-direction:column;
	gap:22px;
}

.u-text-soft{ color:var(--text-soft); }
.u-text-muted{ color:var(--text-muted); }
.u-full{ width:100%; }
.u-nowrap{ white-space:nowrap; }
.u-prewrap{ white-space:pre-wrap; }
.u-hidden{ display:none !important; }

.filter-grid{ padding-bottom:8px; }
.modal-form{ display:grid; gap:18px; }
.modal-body--flush-top,
#templo-modal .modal-body,
#pastor-modal .modal-body,
#caso-modal .modal-body,
#atencion-modal .modal-body,
#cierre-modal .modal-body{ padding-top:18px; }

.textarea-lg,
#caso_descripcion,
#atencion_notas,
#cierre_observaciones{
	min-height:132px;
	padding:14px 16px;
	border-radius:16px;
	border:1px solid rgba(255,255,255,.08);
	background:rgba(255,255,255,.03);
	color:var(--text);
	line-height:1.5;
	resize:vertical;
	outline:none;
	transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);
}

.textarea-lg::placeholder,
#caso_descripcion::placeholder,
#atencion_notas::placeholder,
#cierre_observaciones::placeholder{
	color:var(--text-soft);
}

.textarea-lg:focus,
#caso_descripcion:focus,
#atencion_notas:focus,
#cierre_observaciones:focus{
	border-color:rgba(255,255,255,.16);
	background:rgba(255,255,255,.05);
	box-shadow:0 0 0 3px rgba(255,255,255,.04);
}

.alert,
.cuidados-alert{
	margin:0 var(--panel-pad-x) 12px;
	padding:14px 16px;
	border-radius:16px;
	border:1px solid var(--stroke);
	font-size:14px;
	line-height:1.45;
}

.alert-success,
.cuidados-alert-success{ color:#dbffef; background:rgba(69,142,99,.18); border-color:rgba(69,142,99,.28); }
.alert-warning,
.cuidados-alert-warning{ color:#fff1c8; background:rgba(212,175,55,.16); border-color:rgba(212,175,55,.28); }
.alert-danger,
.cuidados-alert-danger{ color:#ffe1db; background:rgba(184,107,75,.18); border-color:rgba(184,107,75,.28); }
.alert-info{ color:#d8ebff; background:rgba(52,120,199,.18); border-color:rgba(52,120,199,.30); }

.checkbox-field{ align-items:flex-start; }
.checkbox-ui{
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--text-soft);
	font-weight:600;
}

.checkbox-ui input{
	width:18px;
	height:18px;
	accent-color:var(--brand-pink);
}

html.sidebar-precollapsed #appShell,
html.sidebar-precollapsed #appShell .sidebar,
html.sidebar-precollapsed #appShell .main-content{ transition:none !important; }

html.theme-prelight *,
html.theme-prelight *::before,
html.theme-prelight *::after{ transition:none !important; }