/* chambermetrics.co · página del dominio de envío de los asistentes de IA de Avisea.
   Misma paleta y tipografía que avisea.es (landing/src/assets/css/estilos.css). Sin JS, sin terceros. */

@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fuentes/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
}
@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/fuentes/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");
}

:root {
	--fondo: #f7f5f0;
	--texto: #17191d;
	--texto-2: #474c55;
	--linea: #d3cdc1;
	--tinta: #1e3a5f;
	--tinta-oscura: #132842;
	--radio: 4px;
	color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background: var(--fondo);
	color: var(--texto);
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.0625rem;
	line-height: 1.6;
}
@media (min-width: 48rem) { body { font-size: 1.125rem; } }

.contenedor { width: 100%; max-width: calc(42rem + 2rem); margin: 0 auto; padding-left: 1rem; padding-right: 1rem; }
main { flex: 1; padding-top: 2.5rem; padding-bottom: 3rem; }
@media (min-width: 48rem) { main { padding-top: 5rem; } }

.logo { margin: 0 0 2.5rem; }
.logo img { height: 1.8rem; width: auto; display: block; }

h1 {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.015em;
	margin: 0 0 1.25rem;
	text-wrap: balance;
}
h1::before {
	content: "";
	display: block;
	width: 2.5rem;
	height: 3px;
	background: var(--tinta);
	margin-bottom: 1rem;
}
p { margin: 0 0 1rem; max-width: 65ch; }

a { color: var(--tinta); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--tinta-oscura); text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--tinta); outline-offset: 2px; }

.accion { margin: 1.75rem 0 2rem; }
.boton {
	display: inline-block;
	background: var(--tinta);
	color: #fff;
	border: 2px solid var(--tinta);
	border-radius: var(--radio);
	padding: 0.85rem 1.3rem;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
}
.boton:hover { background: var(--tinta-oscura); border-color: var(--tinta-oscura); color: #fff; }

.baja { color: var(--texto-2); border-top: 1px solid var(--linea); padding-top: 1.25rem; }

.pie { border-top: 1px solid var(--linea); padding: 1.5rem 0 2rem; font-size: 0.95rem; color: var(--texto-2); }
.pie p { margin: 0; }
.pie a { display: inline-block; padding: 0.3rem 0; }