/**********************************
			 .root
**********************************/
:root {

  	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  	--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;


   	--title:#8B0000; /*darkred*/   
   	--main-rep-title:#354CC2; /*blue-dark*/  	
  	--text:#120708; /*black*/  	
  	--a:#007bff; /*azul*/
  	--boton:#ffc107; /*yellow*/
  	--boton-border:#28a745; /*hierba*/
  	--head-burua:#fff; /*white*/
  	--main:#f6f4f1; /*dirty-white*/
   	--main-pag-active:#fd7e14;  /*orange*/	
	--menu-rep: #f3f4f5; /*gray-light*/	 
	--berrik: #f8f9fa; /**gray-white*/		 	
  	--footer:#898e97; /*gray-med*/
  	--footer-legal:#120708; /*black*/		


  	--ancho: min(100vw, 1600px); /*Maximo de la pantalla 1600px*/
  	--margen: 0 max(1vw, calc((100vw - 1600px)/2)); 
}

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; 
	padding: 0; 
	background: transparent; 
	vertical-align: baseline; 
	outline: 0; 
	font-size: 16px; 
} 
ol, ul { list-style: none; }
:focus { outline: 0; }
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins { 
	text-decoration: none; 
}
del { 
	text-decoration: line-through; 
}
/* En el código HTML es necesario añadir cellspacing="0" */
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/********************************
	 .lan v24.07 
********************************/

.lan{
	width:100vw;
	height: 100vh;
	background-color: var(--head-burua);
}
.lan img {
	width: 50%;
	max-width: 500px;
	margin: 25% 0 0 25%;
}
@media (min-width: 960px)  { 
	.lan img { 
		margin: 5% 0 0 35%;
	}	
}

/**********************************
		 ..nagusia v24.11 
**********************************/
/* RESPONSIVE
/***********************************/
#responsive {
	/*Este # es para que en la fase de pruebas 
	vaya cambiando el color a medida 
	que va cambiando el ancho visible*/
	height:1.5rem; 
	background-color: #F0FFFF; 
}

@media screen and (min-width: 320px)  { #responsive { background-color: #E0FFFF;} }
@media screen and (min-width: 480px)  { #responsive { background-color: #B0E0E6;} }
@media screen and (min-width: 592px)  {	#responsive { background-color: #87CEEB;} }
@media screen and (min-width: 672px)  {	#responsive { background-color: #1E90FF;} }
@media screen and (min-width: 768px)  { #responsive { background-color: #4168E1;} }
@media screen and (min-width: 960px)  { #responsive { background-color: #000080;} }
@media screen and (min-width: 1200px) { #responsive { background-color: #000000;} }
@media screen and (min-width: 1600px) { #responsive { background-color: var(--main-pag-active);} }