:root {
	/* Medidas*/
	--ancho-minimo: 20rem;
	--ancho-maximo: 40rem;
	
	/* Colores (RGB) */
	--color-luz: 255, 255, 255;
	--color-sombra: 0, 0, 0;
	--color-primario: 4, 106, 56;
	--color-secundario: 198, 146, 20;
	
	/* Tipografía */
	--fuente: 'Lato', sans-serif;
	--fuente-normal: 300;
	--fuente-media: 400;
}

html, body {
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
}

body {
	background-color: rgb(var(--color-sombra));
	color: rgb(var(--color-luz));
	font-family: var(--fuente);
	font-weight: var(--fuente-normal);
	font-style: normal;
	font-size: 1.25rem;
	display: grid;
	place-items: center;
	text-align: center;
}

body > div {
	width: 100%;
	max-width: var(--ancho-maximo);
	padding: 2rem;
	box-sizing: border-box;
}

h1 { display: none; }

img { display: block; margin-right: auto; margin-left: auto; }

img.tsc { width: 60%; }

img.warning {
	width: 20%;
	margin-top: 5rem;
	margin-bottom: 2.5rem;
}

p {
	margin-top: 0;
	margin-bottom: 0.75rem;
}

p:first-of-type {
	font-size: 1.75rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	display: inline-block;
	margin-bottom: 2rem;
	border-bottom: 2px solid rgba(255, 255, 255, 0.25);
	padding-bottom: 2.5rem;
}

.rrss a {
	display: inline-block;
	height: 2.5rem;
	width: 2.5rem;
	margin-top: 2rem;
}

.rrss a span { display: none; }

.rrss a:nth-of-type(1) {
	background-image: url(../pix/tsc-linkedin.svg);
}

.rrss a:nth-of-type(2) {
	background-image: url(../pix/tsc-twitter.svg);
	margin-right: 2.5rem;
	margin-left: 2.5rem;
}

.rrss a:nth-of-type(3) {
	background-image: url(../pix/tsc-instagram.svg);
}

img.ss {
	width: 20%   ;
	margin-top: 3rem;
}