/*
 * v18 · Instalación como aplicación.
 *
 * En Android el navegador ofrece instalar solo. En iPhone y iPad no existe
 * ese aviso, así que el sistema lo explica una vez con esta banda.
 */

.install-hint{
	position:fixed;
	left:50%;
	bottom:calc(16px + env(safe-area-inset-bottom,0px));
	transform:translateX(-50%);
	z-index:118;
	display:flex;
	align-items:flex-start;
	gap:12px;
	width:calc(100% - 24px);
	max-width:470px;
	padding:13px 14px;
	border:1px solid var(--line);
	border-left:5px solid var(--cyan,#08adc6);
	border-radius:13px;
	background:var(--surface,#fff);
	box-shadow:0 12px 32px rgba(6,38,92,.24);
	color:var(--ink);
	font-size:13px;
	line-height:1.45;
}
.install-hint b{font-weight:800}
.install-hint span{flex:1;min-width:0}
.install-hint button{
	flex:none;
	margin:-3px -3px 0 0;
	padding:0 6px;
	border:0;
	border-radius:7px;
	background:transparent;
	color:var(--muted,#6d818b);
	font-size:19px;
	line-height:1.2;
	cursor:pointer;
}
.install-hint button:hover{background:rgba(6,38,92,.08);color:var(--ink)}

/* En teléfono la banda no debe taparse con la barra inferior de módulos. */
@media(max-width:900px){
	.app-shell~.install-hint,
	.app-shell .install-hint{bottom:calc(74px + env(safe-area-inset-bottom,0px))}
}

/* La constancia del último borrado, con su botón para quitarla. */
.reset-log{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.reset-log-clear{display:inline}
.reset-log-clear button{
	padding:5px 10px;
	border:1px solid var(--line);
	border-radius:8px;
	background:transparent;
	color:var(--muted,#6d818b);
	font-size:11px;
	font-weight:750;
	cursor:pointer;
}
.reset-log-clear button:hover{border-color:#b3261e;color:#b3261e}