@charset "utf-8";
body
{
	background-color: white;
	font-family: 'Poppins', sans-serif;
}

    a {
      color: darkgreen;
      text-decoration: none; /* opcional: quita el subrayado */
    }
    
    a:hover {
      text-decoration: underline; /* opcional: subrayado al pasar el mouse */
    }

header
{
	background-color: white;
	color: black; /*Color de la tipografia*/
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin: 5px; /*Margen exterior*/
	padding: 20px; /*Margen interior*/
}

nav
{
	background-color: white;
	color: blue; /*Color de la tipografia*/
	margin: 5px; /*Margen exterior*/
	padding: 8px; /*Margen interior*/
	text-align: center;
}


#contenedor-principal
{
	background-color: white;
	font-color: grey; /*aquest color no es veu*/
	display: flex; /*Div es caja flexible*/
	flex-flow: row; /*Con orientación horizontal*/
}

#contenedor-secciones
{
	color: white; /*es el color de la lletra  de la secció d'articles tan en fila com en columna*/
	display: flex; /*Div es caja flexible*/
	flex-flow: column; /*Con orientación vertical*/
	width: 75%;
}

aside
{
	background-color: white;
	color: red;
	margin-rigt: 5px;
	width: 25%;
}

h1
{
	color: black; /*Color de la tipografia encapçalament pàgina principal */
	text-aling: center;
	font-size: 14px;
}

h2
{
	color: black;/*Color de la tipografia títol negre */
	text-aling: center;
	font-size: 25px;
}

h3
{
	color: #4472c4;/*Color de la tipografia títol blau */
	text-aling: center;
	font-size: 25px;
}


h5
{
	color: black;/*Color de la tipografia intermig negre */
	text-aling: center;
	font-size: 18px;
}
h6
{
	color: white;/*Color de la tipografia títol blanc */
	text-aling: center;
	font-size: 30px;
}
#seccion1
{
	background-color: #b4c7e7;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: column; /*Orientación vertical*/
	padding-left: 20px; /*Margen interior*/
}
#seccion_noticies
{
	background-color: #b4c7e7;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: column; /*Orientación vertical*/
	padding-left: 10px; /*Margen interior*/
}

#seccion2
{
	background-color: #4472C4;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: row; /*Orientación horizontal*/
}

#seccion_primera
{
	background-color: #4472C4;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: row; /*Orientación horizontal*/
}

#seccion_segona
{
	background-color: #4472C4;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: row; /*Orientación horizontal*/
}

#seccion_tercera
{
	background-color: #4472C4;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: row; /*Orientación horizontal*/
}

#seccion_contingut
{
	background-color: #4472C4;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: row; /*Orientación horizontal*/
}

#seccion_com_inici
{
	background-color: white;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: row; /*Orientación horizontal*/
}

#seccion_com
{
	background-color: white;
	color: #071E2E; /*Color de la tipografia*/
	display: flex; /*Seccion es caja flexible*/
	flex-flow: row; /*Orientación horizontal*/
	justify-content: center;  /* Centra horizontalmente */
}

.margenes /*si li trec el punt a això, se'n va a l'esquerra*/
{
	margin-left: 5px; /*Margen exterior izquierdo*/
	margin-bottom: 5px; /*Margen exterior abajo*/
	padding: 5px; /*Margen interior*/
	float: right;
}

article_news
{
	
	text-aling: justify;
}

article_explicacio
{
	
	color: black; /*Color de la tipografia*/
	text-aling: justify;
}

article_manuals_videos
{
      width: 60%;  /* Puedes ajustar el ancho del artículo */
      padding: 20px;
      background-color: antiquewhite;
      border: 10px solid #ccc;
    }


article
{
	 width: 50%;
      padding: 10px;
      box-sizing: border-box;
      background-color: white;
      border: 20px solid #4472c4;
}

footer
{
	background-color:#8A8A8A;
	color: white; /*Color de la tipografia*/
	margin-left: 1px;
	margin-right: 1px;
	padding: 1px;
}