/* 
-- nom: initT.css --
-- autor: A.Moseguí / TT22 --
-- versió: 2504 --
*/
/*  
-- normes: --
-- mesures de pantalles: 
-- desktopfull > 1.200px-60rem >= desktop > 960px-60rem >= tableth > 720px-45rem >= tabletv > 480px-30rem >= mobile --
*/
:root {
	--widthVW-total: 100vw;
	--heightVW-total: 100vh;
	--widthPC-total: 100%;
	--min-wdh: 360px;
	--max-wdh: 100vw;
	--min-hgt: 320px;
}
:root {
	--Black-color: 0, 0, 0; /* #000 - Negre */
	--DeepBlack-color: 10 ,10 , 10; /* #0a - Negre Intens */
	--SignalBlack-color: 43, 43, 44; /* #2b - Negre Senyals. RAL 9004 */
	--SlateGray-color: 79, 83, 88;/* #4f5358 - Pissarra. RAL 7015 */
	--BasaltGray-color: 87, 93, 94; /* #575d5e - Basalt. RAL 7012 */
	--WhiteAluminum-color: 161, 161, 160; /* #a1a1a0 - Alumini Blanc. RAL 9006 */
	--SignalWhite-color: 236, 236, 231; /* #ecece7 - Blanc Senyals. RAL 9003 */
	--SilkWhite-color: 244, 244, 244; /* #f4f4f4 - Blanc Seda */
	--SnowWhite-color: 251, 251, 251; /* #fbfbfb - Blanc Neu */
	--White-color: 255, 255, 255; /* #ff - Blanc */
	--BlackShadow-color: 191, 175, 178; /* #bfafb2 - Ombra */
	--IvoryGM-color: 255, 255, 240;/* #fffff0 - Vori GM*/
	--IvoryRal-color: 230, 210, 181; /* #e6d2b5 - Vori RAL. RAL 1015 */
	--PearlWhite-color: 227, 217, 198; /* #e3d9c6 - Blanc Perla. RAL 1003 */
	--PearlBeige-color: 144, 131, 112; /* #908370 - Beix Perla. RAL 1035 */
	--PearlGold-color: 128, 100, 63; /* #80643f - Or Perla. RAL 1036 */
	--OliveYellow-color: 71, 64, 46; /* #47402E - Groc Oliva */
	--OliveBlack-color: 59, 60, 54; /* #3B3C36 - Oliva negra  CANVIAR-LO */ 
	--BrownBlack-color: 26, 23, 24; /* #1a1718 - Marró negròs. RAL 8022 */
	--Maroon-color: 128, 0, 0; /* #800000 - Granat */
	--Coral-color: 255, 127, 80; /* #ff7f50 - Corall */
	--Gold-color: 255, 215, 0; /* #ffd700 - Or */
	--BlueUltramarine-color: 0, 56, 123; /* #00387b - Blau Ultramar */
	--SignalGreen-color: 35, 127, 82; /* #237f52 - Verd Senyals */
	--GreenLuminous-color: 0, 181, 26; /* #00b51a - Verd Lluminòs */
	--FlameRed-color: 167, 41, 32; /* #a72920 - Roig flama */
	--OpacityHigh-color: 0.8;
	--OpacityMedium-color: 0.5;
	--OpacityLow-color: 0.2;

	--body-background-color: rgb(var(--SnowWhite-color));
	--body-color-color: rgb(var(--SignalBlack-color));
	--selection-blackground-color: rgb(var(--SignalBlack-color));
	--selection-color-color: rgb(var(--SnowWhite-color));
	--hr-color: rgb(var(--BasaltGray-color));
	--hr-clr-color: rgb(var(--SignalWhite-color));
}
/* fonts GM */
@font-face {
	font-family: 'Roboto-Regular'; /* Licensed under the Apache License v2.0 */
	src: url("../fonts/Roboto-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
         url("../fonts/Roboto-Regular.woff") format("woff"), /* Modern Browsers */
         url("../fonts/Roboto-Regular.woff2") format("woff2"); /* Super Modern Browsers */
}
@font-face {
	font-family: 'Roboto-Italic'; /* Licensed under the Apache License v2.0 */
	src: url("../fonts/Roboto-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
         url("../fonts/Roboto-Italic.woff") format("woff"), /* Modern Browsers */
         url("../fonts/Roboto-Italic.woff2") format("woff2"); /* Super Modern Browsers */
}
@font-face {
	font-family: 'Roboto-Medium'; /* Licensed under the Apache License v2.0 */
	src: url("../fonts/Roboto-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
         url("../fonts/Roboto-Medium.woff") format("woff"), /* Modern Browsers */
         url("../fonts/Roboto-Medium.woff2") format("woff2"); /* Super Modern Browsers */
}
@font-face {
	font-family: 'Tangerine-Regular';
	src: url('../fonts/Tangerine-Regular.ttf') format('woff'), /* Safari, Android, iOS */
		 url('../fonts/Tangerine-Regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/Tangerine-Regular.woff2') format('woff2'); /* Super Modern Browsers */
}
@font-face {
	font-family: 'Tangerine-Bold';
	src: url('../fonts/Tangerine-Bold.ttf') format('woff'), /* Safari, Android, iOS */
		 url('../fonts/Tangerine-Bold.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/Tangerine-Bold.woff2') format('woff2'); /* Super Modern Browsers */
}
@font-face {
	font-family: 'Nasa';
	src: url('../fonts/nasa.ttf') format('woff'),
		/* Safari, Android, iOS */
		url('../fonts/nasa.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/nasa.woff2') format('woff2');
	/* Super Modern Browsers */
}
/* reset - En general barreja de Eduardo Fierro, John Mircha, Meyer i Normalize i quelcom GM */
html {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth; /* Eduardo Fierro - Desplaçaments suaus */
}
*, *:before, *:after {
	-ms-box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
*{
	padding: 0; 
	margin: 0;
	border: 0;
	vertical-align: baseline;
}
/* 1. De la pàg. https://jeffhuang.com/designed_to_last */
body {
	margin: 0;
	width: 100%;
	min-height: 100vh;
    background-color: rgb(var(--body-background-color));
	color: rgb(var(--body-color-color));
    font-size: 1rem;
	font-family: Roboto-Regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Tahoma,"Helvetica Neue",sans-serif; /* 1 */
	line-height: 1.4; 
	overflow-x: hidden;
	overflow-y: auto;
}
/** normalize.css
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 les altres son de GM.
 */
/* Eduardo Fierro - Per tal que els enllaços funcionin com caixes */
a {
	display: block;
	text-decoration: none;
	font-size: inherit;
}
/* Eduardo Fierro - ... excepte els de paràgrafs */
p a {
	display: inline;
}
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
	margin: 1rem 0;
	width: 100%;
	border: thin solid var(--hr-color);
}
/* Eduardo Fierro - Nivellem problemes de tipografies i colocació en formularis */
form,
button,
input,
label,
select,
textarea {
	display: block;
	font-family: inherit;
	font-size: inherit;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	background-color: transparent;
	color: inherit;
}