/* Pagina de entrega de la firma: tokens de la marca (rediseno.css) sin cargar el tema. */
:root {
	--teal: #00A38C;
	--petro: #15323B;
	--menta: #DCEDEA;
	--bg1: #EDF2F0;
}
* { box-sizing: border-box; }
body {
	margin: 0;
	font-family: Poppins, system-ui, -apple-system, sans-serif;
	color: var(--petro);
	background: linear-gradient(168deg, var(--bg1), #E4ECE9 72%);
	min-height: 100vh;
}
.firma-pagina { max-width: 680px; margin: 0 auto; padding: 48px 20px 80px; }
.eyebrow {
	font-size: .8rem; font-weight: 600; letter-spacing: .16em;
	text-transform: uppercase; color: var(--teal); margin: 0 0 6px;
}
h1 { font-size: clamp(1.5rem, 4vw, 2.1rem); margin: 0 0 8px; }
.lead { color: rgba(21, 50, 59, .68); margin: 0 0 24px; }
.firma-marco {
	background: #fff; padding: 20px; border-radius: 14px;
	box-shadow: 0 2px 10px rgba(21, 50, 59, .10);
	overflow-x: auto;                     /* la tabla mide 580: en movil se desplaza, no se rompe */
}
.acciones { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 20px 0 36px; }
.btn {
	display: inline-block; padding: 12px 22px; border: 0; border-radius: 999px;
	font: 600 .95rem Poppins, sans-serif; cursor: pointer; text-decoration: none;
	color: #04231f; background: linear-gradient(145deg, #1ad9b6, #00a38c);
}
.btn-ghost { color: var(--petro); background: var(--menta); }
#pyg-copiado { color: var(--teal); font-weight: 600; }
.pasos details { border-bottom: 1px solid rgba(21, 50, 59, .12); padding: 10px 0; }
.pasos summary { font-weight: 600; cursor: pointer; }
.pasos ol { margin: 10px 0 4px; padding-left: 22px; line-height: 1.7; }