@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: "DM Sans", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: normal;
  	font-style: normal;
	font-size: 20px;
	color: rgb(255,255,255);
}

.dm-sans-bi {
	font-weight: 1000;
	font-style: italic;
	font-size: 45px;
}
.dm-sans-ri {
	font-weight: normal;
	font-style: italic;
	font-size: 16px;
	/*color: rgb(24,50,157);*/
}
.schibsted-grotesk{
	font-family: "Schibsted Grotesk", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: italic;
	font-size: 45px;
	letter-spacing: 3px;
	display: inline-block; /* Necesario para aplicar transform */
    transform: skewX(-10deg); /* Ajusta el ángulo a tu gusto */
	/*color: rgb(24,50,157);*/


}
.color-azul{
	color: rgb(24,50,157);
}
.titulo{
	width: auto; background-color: rgb(10,10,10); padding: 15px 25px 15px 25px; color: white; 
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.resaltar{
	color: white; font-weight: bold;
}

html {width:100%; height:100%; scroll-behavior: smooth;}
body {
	margin: 0px; width:100%; height:100%; background-color: rgb(0,0,0);
}
h1 {font-size:42px; font-weight: 900; text-decoration:none; margin: 0;}	
h2 {font-size:26px; font-weight: 500; text-decoration:none; margin: 0;}
h3 {font-size:20px; font-weight: 500; text-decoration:none; margin: 0;}
h4 {font-size:14px; font-weight: 200; text-decoration:none; margin: 0;}

a:link {
	color: rgb(41,41,41);
	text-decoration: none;
}

a:visited {
	color: rgb(41,41,41);
	text-decoration: none;
}

a:focus {
	color: rgb(41,41,41);
	text-decoration: none;
}

a:hover {
	color: rgb(41,41,41); cursor: pointer;
	text-decoration: underline;
}

a:active {
	color: rgb(41,41,41); 
	text-decoration: none;
}

main{
	position:relative; width:100%; margin: 0px; min-height: 100vh; text-align:center; background-color: rgb(0,0,0);
	display: -webkit-flex; 
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	}

.item-forma .material-symbols-outlined {
    font-size: 60px; /* Tamaño */
    color: grey;
    /* Grosor o "peso" del icono: 700 es el más grueso */
    font-variation-settings: 
      'wght' 500, 
      'FILL' 0; /* 1=relleno, 0=contorno */
    /* Alineación si están junto a texto */
    margin-top: 30px; margin-bottom: 30px; 
}