/*Este # esta para que haya un espacio en la cabecera 
	en los moviles que tienen una camara en la parte superior 
	de forma que parte del navegador no se vea*/
#espacio {
	height:2.5rem; 
	display: block;
	background-color: var(--head-burua); 
}

/* CAJAS  
/***********************************************************/
* {
	box-sizing: border-box; /* Fuerza a que el padding y el borde se queden DENTRO del ancho */
}

#nagusia {
	background: var(--main);
	display: flex;
	flex-direction: column;
	margin: var(--margen);	
	width:var(--ancho); 	
}

img {
  max-width: 100%;
  display: block;
}

/*******************************************************
/*     @media  orokorrak
/*******************************************************/

@media (min-width: 592px)  { 
	#espacio {
		display: none; 
	}	
}





/*******************************************************
/*******************************************************
		CABECERA Y FOOTER
/******************************************************
/*****************************************************/
/**********************************
	1. nav.burua
**********************************/

.head   { 
	/*Estetica*/
	background: var(--head-burua);
}

/*ANCHO MÁS ESTRECHO 320px*/
.headzulo, 
nav 	{ 
	position: relative; 
}

#headzulo 	{ 	
	/*Posicionamiento*/
	display: grid;
	grid-template-columns: clamp(100px, 30%, 300px) clamp(150px, 50%, 300px);
 	grid-template-areas: "buru1 buru3";	
  	justify-items: center; 
  	align-items: center;  
  	align-content: center;               
	gap: .4vh;

	/*Tamaño*/
	height: clamp(100px, 15vh, 200px);

	/*Estetica*/
	background: var(--head);	
}


#zuloaga,  
#zuloaga img, 
#urteurrena, 
#urteurrena img,
#datuak, 
#headzulo .ordu {
	/*Tamaño*/	
	max-width: 100%; 
	height: clamp(90px, 13vh, 190px);
}

/* Logo de zuloaga */
#zuloaga  { 
	grid-area: buru1; 
}

/* Logo aniversario */
#urteurrena{ 
	grid-area: buru2;
	display:none;
}

/* Datos: direccion... */
#datuak { 
	/*Posicionamiento*/
	grid-area: buru3;	
} 

#datuak h2, #datuak p, #datuak a{
	font-size: 60%;
  	line-height: .2rem;
}

/*logo whatsapp*/
#datuak .imgico{  
	/*Posicionamiento*/
    display:inline;   

    /*Tamaño*/
    width: .8rem;
    margin-top: 0rem;
    margin-left: .3rem;  

    /*estetica*/
    border-radius:50%;  
}

#datuak > p, .ordu > p { 
	/*Textos*/
	text-align: center;
} 


/*******************************************************
/*     @media  BURUA
/*******************************************************/

@media (min-width: 592px)  { 
	#headzulo 	{ 	
	/*Posicionamiento*/
		display: grid;		
		grid-template-columns: clamp(100px, 30%, 300px) clamp(50px, 15%, 100px) clamp(150px, 50%, 300px);
	 	grid-template-areas: "buru1 buru2 buru3";	
	}
	
	/* Logo aniversario */
	#urteurrena{ 
		grid-area: buru2;
		display:revert; 
	}

	#datuak h2, #datuak p, #datuak a{
		font-size: 70%;
  	}
}	

@media (min-width: 960px)  {
	#headzulo{
		display: grid;
		/*grid-template-columns: clamp(100px, 20%, 250px) clamp(50px, 5%, 50px) clamp(140px, 15%, 300px) clamp(380px, 60%, 800px);*/
		grid-template-columns: clamp(100px, 20%, 250px) clamp(50px, 15%, 150px) clamp(140px, 15%, 300px) 1fr;	
		grid-template-areas: "buru1 buru2 buru3 buru45";	
		gap:1vw; 
	}			
}

@media (min-width: 1600px) { 
	.menu_logo{
		width: 100%;
		margin: .25rem calc((100vw - 1550px)/2);
	}	

	/*A partir de esta medida tamaño fijo*/
	.menu_logo li { 
		width: 262px ;
		padding: 3px;
	} 
}	

/***********************************
/*              HORARIO ZULOAGA en todo lugar
/**********************************/
/* Horario, cuando la pagina es estrecha (moviles) */
#buru-ordua  { 
	display: none; 
}

#foot-ordua {
	display: block;
	margin-top:1em;	
}

#foot-ordua .ordu{
	height: clamp(150px, 13vh, 190px);
}

/*Horario en una linea*/
#dat21, #dat31 { 
	display: none; 
}	
/*Horario en dos linea*/
#dat22, #dat23, #dat32, #dat33 { 
	display: block; 
}
	
/*******************************************************
/*     @media  HORARIO ZULOAGA
/*******************************************************/
@media (min-width: 592px)  { 
	/*Horario en una linea*/
	#dat21, #dat31 { 
		display: block; 
	}	
	/*Horario en dos linea*/
	#dat22, #dat23, #dat32, #dat33 { 
		display: none; 
	}
}

@media (min-width: 960px)  {
	#buru-ordua{
		grid-area: buru45;
		display: inline-grid;
		/*grid-template-columns: clamp(140px, 60%, 350px) clamp(120px, 40%, 250px);*/
		grid-template-columns: 1fr 1fr;		
		grid-template-areas: "buru4 buru5";	
		gap:1vw; 		
	}

	#buru-ordua h2, #buru-ordua p{
		font-size: 12px;
    	line-height: 10px;
	  	margin: .5vw 0;
  	}	

	#ordutegia, #horario { 
		margin-top: .5vh;	
	}

	#ordutegia { 
		grid-area: buru4; 
	} 
		
	#horario { 
		grid-area: buru5; 
	}	

	/*Horario en una linea*/
	#dat21, #dat31 { 
		display: none; 
	}	

	/*Horario en dos linea*/
	#dat22, #dat23, #dat32, #dat33 { 
		display: block; 
	}	

	#foot-ordua{ 
		display: none;
	}	
}


/**********************************
	2.	nav.carrusel
**********************************/
#carrusel-contenido {
	/*Position*/
    margin: 0 auto;
    overflow: hidden;

    /*Tamaño*/
  	width: 100%;    
	/*height: clamp(100px,25vh, 450px);  */

    /*Textos*/
    /*text-align: left;  */

    /*Estetica*/
  	aspect-ratio: 16 / 5; /* Mantiene la proporción en cualquier pantalla */	    
}
#carrusel-caja {
	/*Position*/
	display:block;

	/*Tamaño*/
	/*cada imagen x 100*/
    width: 700%; 
    geight:100%; 

	/*Animaciones*/
    animation: automatizacion 25s infinite linear;
    transition: all 0.5s ease;     
}

.carrusel-elemento {
    float: left;
    
    width: 14.285%;    /*Con 6 imagenes 16.666*/
}
.carrusel-elemento .imagenes{
	display: block;
    width: 100%;
	height: 100%;
	object-fit: cover; /* Corta la imagen proporcionalmente para llenar el espacio */
	object-position: center; /* Centra la imagen al recortar */    
}

@keyframes automatizacion {
    0%  { margin-left: 0; }
    14.3% { margin-left: 0; }
    14.4% { margin-left: -100%; }
    28.6% { margin-left: -100%; }
    28.7% { margin-left: -200%; }
    43%   { margin-left: -200%; }
    43.1% { margin-left: -300%; }
    57.4% { margin-left: -300%; }
    57.5% { margin-left: -400%; }
    71.8% { margin-left: -400%; }
    71.9% { margin-left: -500%; }
    86.3% { margin-left: -500%; }
    86.4% { margin-left: -600%; }
    99.9% { margin-left: -600%; }
    100% { margin-left: 0; }
}
/*
@media (min-width: 672px)  {
	#carrusel-contenido {	
    	/*Estetica
  		aspect-ratio: 16 / 9; /* Mantiene la proporción en cualquier pantalla 	 
  	}
}
/**********************************
	3.	 nav.menu
**********************************/
/*CONTROLA QUE LOS LOGOS SE QUEDEN FIJOS EN EL TOP DE LA PAGINA*/
.fixed	{ 	
	/*Position*/
	position: fixed; 
	top: 0em; 
	/*Esto hace que se centre*/
	left: 50%; 
	transform: translateX(-50%);
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;	
	z-index: 2; 
}

nav, .fixed{
	/*Tamaño*/	
	height: auto;
}


/* NAV LOGOS DEL NAVEGADOR CON 12 LOGOS */
nav { 
	/*Position*/	
	padding: 0.5em;

	display: flex;
	justify-content: space-between; /* Distribuye los logos y el menú */
	align-items: center;            /* Centra verticalmente los elementos */
	box-sizing: border-box;         /* Incluye el padding en el ancho total */	

	/*Estetica*/
	background-image: linear-gradient(to bottom, var(--main), var(--footer));
}

.menu_logo{
	/* Flexbox para alinear los logos en hileras automáticamente */
	display: flex;
	flex-wrap: wrap; 
	justify-content: center; /* Centra los logos si no llenan la hilera */
	align-items: center;
	gap: 0.5em; /* Espacio uniforme entre logos */
	margin: 0;	
}

.menu_logo li { 
	/*Position*/	
	list-style: none; /* Quita los puntos de la lista */		

	/*Tamaño*/		
	/*Esto marca la anchura para 5 logos en linea*/
	width: min(15%, 160px); 
	padding: 2px;
} 

/*Navegador con logos representadas*/
.menu_logo li .image{
	/*Tamaño*/		
	/* EL CAMBIO CLAVE: La imagen se adapta al 100% de su contenedor 'li' sin salirse */
	width: 98%;
	height: 98%;
	
	/* Object-fit evita que el logo se deforme o se estire feo */
	object-fit: contain; 
	object-position: center;    
}

.navafo, #navafo, #navafo2 { border: 2px solid blue; } 
.navhepyc, #navhepyc, #navhepyc2 {  border: 2px solid red; }
.navvirutex, #navvirutex, #navvirutex2 {  border: 2px solid #0174DF; }
.navstahlwille, #navstahlwille, #navstahlwille2 {  border: 2px solid #28a745; }
.navegana, #navegana, #navegana2 {  border: 2px solid black; }   
.navcofer, #navcofer, #navcofer2 {  border: 2px solid red; }
.navsparco, #navsparco, #navsparco2 {  border: 2px solid #354CC2; }
.navtiger, #navtiger, #navtiger2 {  border: 2px solid orange; }
.navnilfisk, #navnilfisk, #navnilfisk2 {  border: 2px solid #354CC2; } 


#navafo2, #navhepyc2, #navvirutex2, #navstahlwille2, #navegana2, 
#navcofer2, #navsparco2, #navtiger2, #navnilfisk2 { display: block; }

#navafo, #navhepyc, #navvirutex, #navstahlwille, #navegana, 
#navcofer, #navsparco, #navtiger, #navnilfisk { display: none; }	



/*******************************************************
/*     @media  nav menu logos
/*******************************************************/
@media (min-width: 672px)  {
	#navafo2, #navhepyc2, #navvirutex2, #navstahlwille2, 
	#navegana2, #navcofer2, #navsparco2, #navtiger2, 
	#navnilfisk2 { display: none; }

	#navafo, #navhepyc, #navvirutex, #navstahlwille, 
	#navegana, #navcofer, #navsparco, #navtiger, 
	#navnilfisk { display: block; }		
}	


/**********************************
		 FOOTER
**********************************/

/* Hace refencia a todo el footer */
#behekoZatia { 
	/*tamaño*/
	/*height: 50vh;*/
	bottom: 0em;

	/*Estetica*/
	background:var(--footer);
} 


/*   5.1			LOGOS en el FOOTER
/*****************************************/
/*   					LOGOS en el FOOTER
/***************************************************/
/*El apartado donde se ven los otros logos*/
#menu_oinak{
	display: flex;
	flex-wrap: wrap; 
	justify-content: center; /* Centra los logos si no llenan la hilera */
	align-items: center;
	gap: 0.5em; /* Espacio uniforme entre logos */
	margin: 0;	
}

#menu_oinak li{
	/*Position*/	
	list-style: none; /* Quita los puntos de la lista */		
	display: flex;	
	justify-content: center;
	align-items: center;	

	/*Tamaño*/		
	/*Esto marca la anchura para 5 logos en linea*/
	width: min(35%, 160px); 
	padding: 2px;

}


#foot-titulo{
	/*Position*/
	margin: 2vh Auto;
	width: var(--ancho); 
}

.foot-esp_mark{  
	margin: 0.5vh .8vh;
}

/*Imagen de logos en faldon*/
.imagemk{
	/*Tamaño*/		
	width: 98%;
	height: 98%;


	/* Object-fit evita que el logo se deforme o se estire feo */
	object-fit: contain; 
	object-position: center; 
}


/*   5.3			ENLACES A LEGAL en el FOOTER
/***************************************************/
#lege, #datos, #cook, #web {
	/*Position*/
	float:left;

	/*Tamaño*/
	padding: .8vh 3vw;
}

#foot_legea {  
	/*Position*/
	overflow-wrap: break-word;

	/*Textos*/
	text-align: center; 

	/*Estetica*/
	background: var(--footer); 
}

#foot_legea a { 
	/*Position*/
	margin-top: .85vh; 

	/*Textos*/
	color: var(--head-burua); 
	font-size: 1rem;
}

#foot_legea a:hover  { 
	/*textos*/
	font-weight: bold; 
	font-size: 1.3rem;
}

/*******************************************************
/*     @media   FOOTER
/*******************************************************/
@media(max-height: 672px)  { 
	#foot_legea a { 
		margin-top: .2vh; 
	}	
}

/*   						BANNER DE COOKIES
/***********************************************************/

#cookie-banner {
	/*Position*/
    display: none; 
    position: fixed; 
    bottom: 0; 
    z-index: 9999;

    /*Tamaño*/
    width: 100%; 
    height: 70%;
    padding: 20% 20px; 

    /*Textos*/
    text-align: center; 
	color: #ffffff; /* Texto blanco totalmente opaco */
	font-size: 130%; 
	line-height: 3em; 

    /*Estetica*/
    background: #222;  
	/* FONDO TRANSPARENTE: Negro al 75% de opacidad */
	background-color: rgba(0, 0, 0, 0.75); 
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); 
}

#panel-cookies{
	/*Tamaño*/
	height: 15%;

    /*Textos*/
    text-align: center; 
	color: #ffffff; /* Texto blanco totalmente opaco */
	font-size: 130%; 
	line-height: 3em; 		
}

#confi-cookies p {
	color: var(--text);
}



/***********************************************************
/***********************************************************
/*   4.					ZONA CENTRAL
/***********************************************************
/**********************************************************/

#erdikoa { 
	background-color: var(--head-burua); 
}


/*************************************************************
/*  PRESENTACIÓN DE PAGINAS LEGALES
/***********************************************************/

.erdikoa-legal{
	min-height: 10em;
    word-break: break-word;   /* Rompe las palabras largas si es necesario */
    overflow-wrap: break-word;/* Alternativa moderna para asegurar el corte */
    white-space: normal;      /* Asegura que el texto use múltiples líneas */	
}

.aviso {
	width:var(--ancho); 
	padding: 20px;	
}

.aviso br + p:first-letter { 
	font-size: 130%; 
	line-height: 1.5em; 
}



/*   					Mapa web
/***********************************************************/
#mapaWeb .tab0{ margin: .5vh 3vw; }
#mapaWeb .tab1{ margin: .5vh 6vw; }
#mapaWeb .tab2{ margin: .5vh 9vw; }

/*******************************************************
/*     @media
/*******************************************************/

@media (min-width: 672px)  {
	#aviso p{ 
		font-size: 1rem; 
	}	

	#avisotx p{ 
		font-size: 1rem; 
	}	
}

/*************************************************************
/*  4.1  PRESENTACIÓN DE LAS NOTICIAS 
/***********************************************************/
#rep{
	/*Tamaño*/
	width: var(--ancho);
	/*min-height: 40em;*/
}

/**********************************************
/*   					PAGINACIÓN
/**********************************************/
.paginacion { 
	/*Position*/
	grid-area: pag; 	
	display: inline-grid;
	margin: 1.5em 10%;
}
.paginacion ul { 
	list-style:none; 
}	

.paginacion li { 
	/*Position*/
	display:inline-block; 
	margin: 0em .8% ; 	
	border-radius: 50%;
	justify-content: center;	

	/*Tamaño*/
	width: .4em;	
	height: .4em;

	/*Estetica*/
	background:var(--a); 
}

.paginacion li a { 
	display:block; 
	padding:.3em; 
}

.paginacion li a:hover { 
	background:var(--main-pag-active); 
}

.paginacion .active{ 
	/*Tamaño*/
	width: .3em; 
	height: .3em; 

	/*Estetica*/
	background:var(--head-burua);	
	border-radius: 50%;	
	border: solid 2px var(--main-pag-active);	
}

/*********************************************
/*   							FLECHA
/*********************************************/
/*Flechas laterales de la noticia*/
.flecha {
	/*Position*/
	margin-top: 30vh;
	display:block;

	/*Tamaño*/
	padding: .2em;			
	height: 10vw;
}
.fli { 
	grid-area: fli; 
}
.fld { 
	grid-area: fld; 
}

/*******************************************************
/*     @media
/*******************************************************/

@media (min-width: 592px)  {
	#rep{
		display: flex;
		flex-direction: row;
	}
}

@media (min-width: 672px)  {
	.flecha { 
		margin-top: 20vh; 
		display: inline; 
	}
}	

@media (min-width: 960px)  {	
	.paginacion { 
		margin-left: 20%;
		width: calc(var(--ancho)-40%); /*El doble de lo que tiene de margen se lo quitamos al ancho para que no se desborde*/
	}
}	


/*************************************************************
/*  ESPACIO INFORMACIÓN DE REPRESENTADA
/***********************************************************/
.rep_menu, .menu-representada-noticia { 
	/*Position*/
	margin-top: 0em;
	display: flex;
	flex-direction: column;
	gap: 10px; /* Controla la separación interna de los bloques */

	/*Tamaño*/	
	width:var(--ancho);
	padding: 5px;

	/*Textos*/
	text-align: center;	

	/*Estetica*/
	background: var(--menu-rep);	
	border: 1px solid var(--main-pag-active); 	
}

.rep_menu a,
.menu-representada-noticia a { 
	text-align: center; 
	line-height: 1.3em;
}

#rep_logos .image, .logo-representada-noticia .image {  
	/*Position*/
	margin: .5em 22%;

	/*Tamaño*/
	width: 50%;

    /*Estetica*/
  	aspect-ratio: 16 / 9; /* Mantiene la proporción en cualquier pantalla */
}
.rep_mapa, .mapa-representada-noticia {
	margin: 0 auto;

	width: 100%;	
}
.rep_menu .mapa img, .mapa-representada-noticia img { 
	/*Position
	float:left;
	margin-left:10%;
	
	/*Tamaño
	max-width: 30%;
	/*height:3.5em;	*/	
}  

.ordulekua-representada-noticia {
	min-height: 100px;
}


.rep_menu .zutabeordu h2, .ordulekua-representada-noticia h2 { 
	/*Textos*/	
	font-size: .9em; 
	line-height: 1.3em;	
	color: var(--main-rep-title); 	
}
.rep_menu .zutabeordu h3, .ordulekua-representada-noticia h3 {
	/*Textos*/	
	font-size: .8em; 
	line-height: 1.3em;		
}

.rep_menu .ordu { 
}

.rep_menu .euskara, .ordutegia-representada-noticia, .horario-representada-noticia { 
}

.rep_menu .tfno img, .tfno-representada-noticia img { 
	width: 20%; 
	margin-left: 38%;
}

.batzuk, .batzuk-representada-noticia{ 
	width: 60%; 
	margin-left: 18%;	
} 


/*******************************************************
/*     @media
/*******************************************************/

@media (min-width: 592px)  { 
	.rep_menu, 
	.menu-representada-noticia { 
		width:calc((var(--ancho)/3) - 10px); 
	}

	#rep_mapa .mapa,
	.mapa-representada-noticia img { 
		max-width: 40%; 
	}
}	

@media (min-width: 672px)  {
}	 

@media (min-width: 960px)  {	
	.zutabeordu h2,
	.ordua-representada-noticia h2 { 
		font-size: 1.2em !important;
	}

	#rep_mapa .mapa,
	.mapa-representada-noticia img { 
		max-width: 30%; 
	}
}	

@media (min-width: 1200px)  {	
	.rep_menu, 
	.menu-representada-noticia { 
		max-width: 36em; 
	}

	.rep_menu .tfno img,
	.tfno-representada-noticia img{ 
	 	max-width: 12%; 
	}
}


/*************************************************************
/*  4.1  PRESENTACIÓN DE LAS NOTICIAS SIN EMPRESA
/***********************************************************/

.rep_berriak, .espacio-carrusel-noticias-sinrep {
	/*grid-area: berri;	*/
	display: grid;
	grid-template-columns: 10% 80% 10%; 
	/*grid-template-rows: 3em 2em minmax(50em, auto);		*/
	grid-template-areas: 
						"berHd berHd berHd"
						 "pag pag pag"
						 "fli ber fld";		 
}	
	
.berk.titulo, .cabecera-titulo-noticias{ 
	/*Position*/
	grid-area: berHd; 
	margin-top: .8em;

	/*Textos*/
	font-size: 1.2em;
	line-height: 1.5em; 
}

.noticias, .carrusel-noticias {
	grid-area: ber;
	margin-top: 3em;
	display: grid;
	grid-template-columns: repeat(2, 49.5%);
	/*grid-template-rows: repeat(2, minmax(28em, auto));	*/
}

/*************************************************************
/*  4.2 PRESENTACIÓN DE LAS NOTICIAS CON EMPRESA
/***********************************************************/
.rep_berriak_crep, .espacio-carrusel-noticias-conrep {
	/*grid-area: berri;	*/
	display: grid;
	grid-template-columns: 10% 40% 40% 10%; 
	/*grid-template-rows: 3em 2em minmax(28em, auto) minmax(28em, auto);*/	
	/*grid-template-rows: 3em 2em 28em 28em;	*/	
	grid-template-areas: 
						"berHd berHd berHd berHd"
						 "pag pag pag pag"
						 "fli ber ber fld"	
						 "fli ber ber fld";	
	width:var(--ancho);					 		 
}	

/****************************************
/*   	BERRIA BAKARRA
/**************************************/
.rep_berria_bak, .espacio-noticia{
	/*Position*/
	margin-top: 0em;
	float:left;

	/*Tamaño*/
	width:var(--ancho);	
	min-height: 10em;
	padding: 5px 30px 5px 5px;


	/*Estetica*/
	background-color:var(--main);
}

/*****************************************
/*     PRESENTACIÓN NOTICIA 
/***************************************/
.berriaR{
	/*Position*/
	float:left; 		
	margin: .5em 2%;

	/*Tamaño*/
	width: 92%;		
	/*min-height: 20em;*/
	padding: 5px; 

	/*Estetica*/
	background-color: var(--head-burua);
}
.berriCat{
	/*Position*/
 	overflow: hidden;	

	/*Estetica*/
	background-color: var(--gray-light);	
}
.imgCat{
  /*width:40%;
  height:80%;*/
  rotate: 325deg;
  margin: 10px 30%;
  box-shadow: -15px 15px 12px 0 var(--footer-legal);

  	aspect-ratio: 5/7;
}

/*Imagen de noticias*/
.berriaR .berrimg{
	width: 100%;		
	/*min-height: 16em;	 /*11em*/ 	

	aspect-ratio: 5/7;
}
.berriaR h1{
	/*height: 3em;*/
	margin-top: 0.5em;	
	font-size: .8em;	
	line-height: 1.2em ;
}
.berriaR p { 
	font-size: .9em; 
	line-height: 1.2em; 
}


/*****************************************
/*     NOTICIA EXTENDIDA
/***************************************/

.berria .berrimg{ 
	width: 70%;	 /*60%*/
	margin: .5em 10%;	
	float:left;

	aspect-ratio: 5/7;
}	
.berria .berrimg.berrihaundia{
	width: 80%;	
	margin: .5em 10%;	
}

#nl440r .berrimg{ /*height: 11em;*/}

.berria h1  { 
	margin-top: 0.5em;	
	font-size: 1.6em;	
	line-height: 1.9em ;
}

.berria p{
	font-size: 1.1em; 
	line-height: 1.4em; 
}

.berria br + p:first-letter { 
	font-size: 120%; 
}

/*****************************************
/*     FORMULARIO NOTICIA EXTENDIDA
/***************************************/

.modal{
	display: none;
}

.modal-content{
	max-width: 500px; 
	margin: auto; 
	padding: 20px;
}

#infoForm{
	gap: 15px;
}

#infoform, .campo{
	display: flex; 
	flex-direction: column;
}

#infoform label{
	font-weight: bold; 
	margin: 5px;
}

#nombre, #empresa, #correo{
	padding: 8px; 
	width: 100%; 
	margin: 8px 0;	
	box-sizing: border-box
}

.error{
	color: red; 
	font-size: 16px; 
	margin-top: 8px 0;
}

.checkbox-container {
    display: flex !important;
    align-items: flex-start !important; /* Lo alinea arriba con la primera línea de texto */
    justify-content: flex-start !important; /* Lo pega a la izquierda */
    gap: 8px;
    margin-top: 5px;
}

/*******************************************************
/*     @media
/*******************************************************/

@media (min-width: 592px)  { 
	.rep_berria_bak, 
	.espacio-noticia, 
	.rep_berriak_crep,
	.espacio-carrusel-noticias-conrep{ 
		width:calc(var(--ancho)*2/3); 
	}		
	
	.berriaR .berrimg{ /*max-height: 16em;*/ }   /*12em*/	
}	
 
@media (min-width: 672px)  {

	.noticias, .carrusel-noticias { 
		display: inline-grid;	
		grid-template-columns: repeat(4, 25%) ; 
	}
	.berriaR{ 
		width: 95%; 
		/*min-height: 24em; */
		margin: .5em .5%;	
	}
	.berriaR .berrimg{ 
		width:90%; 
	}
	.berria .berrimg{ 
		margin: .5em 2% 0 6%;
	}		
}

@media (min-width: 960px)  {	
	.berria .berrimg{ 
		width: 35%; 
	}		
}

@media (min-width: 1200px)  {	
	.rep_berriak_crep, .espacio-carrusel-noticias-conrep { 
		width: calc(var(--ancho) - 36em); 
	}		

	.berriaR .berrimg{ 
		margin-left: 10%;
	}
}


/*  Para pruebas donde da color a todos los divs
* {
    outline: 2px solid red !important;
}*/