/* 2026/10/27 JAVI CLAUDE. AVISO DE COOKIES COMUN A TODAS LAS PLANTILLAS (ESTILO ONETRUST). cargador.php LO CARGA EL ULTIMO PARA QUE PREVALEZCA SOBRE LOS ESTILOS ANTIGUOS DE CADA PLANTILLA */
.aviso-gestion-cookies {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1rem;
	z-index: 1003;
	box-sizing: border-box;
	background-color: rgb(0 0 0 / 50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.aviso-gestion-cookies .contenedor {
	width: 100%;
	max-width: 650px;
	max-height: 100%;
	overflow-y: auto;
	padding: 1.5rem 1.875rem;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 18px rgb(0 0 0 / 20%);
	color: #222;
	text-align: left;
}
.aviso-gestion-cookies .logo {
	display: block;
	max-width: 160px;
	max-height: 48px;
	margin-bottom: 1.25rem;
}
.aviso-gestion-cookies h3 {
	margin: 0 0 .75rem;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	color: #222;
}
/* LOS ANCHOS ANTIGUOS DE sevilla (textos 72%, botones 25%, boton 32%) SE ANULAN */
.aviso-gestion-cookies .textos {
	width: auto;
	margin-bottom: 1.5rem;
}
.aviso-gestion-cookies .textos p {
	display: block;
	margin: 0;
	font-size: .8125rem;
	line-height: 1.5;
	color: #222;
}
.aviso-gestion-cookies .textos a {
	color: var(--main-color);
	font-weight: 700;
	text-decoration: underline;
}
.aviso-gestion-cookies .botones {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .75rem;
	float: none;
	width: auto;
	justify-content: flex-start;
}
.aviso-gestion-cookies .botones button {
	width: auto;
	min-width: 135px;
	margin: 0;
	padding: .75rem 1rem;
	font-family: inherit;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
	border: 1px solid var(--main-color);
	border-radius: 2px;
	box-shadow: none;
	background-color: var(--main-color);
	color: var(--text-button-color, #fff);
}
.aviso-gestion-cookies .botones button:hover {opacity: .85;}
.aviso-gestion-cookies .botones button:focus {background-color: var(--main-color);}
.aviso-gestion-cookies .botones button.secundario
, .aviso-gestion-cookies .botones button.secundario:focus {
	margin-right: auto;
	background-color: #fff;
	color: var(--main-color);
}
/* EL AVISO YA OSCURECE EL FONDO: SE OCULTA LA CAPA ANTIGUA DE editable Y cine PARA NO DUPLICARLA */
.blocknav-gestion-cookies {display: none;}
/* LA CONFIGURACION SE ABRE ENCIMA DEL AVISO (MATERIALIZE FIJA EL z-index EN LINEA) */
#preferencias-cookies {z-index: 1004 !important;}

@media only screen and (max-width: 600px) {
	.aviso-gestion-cookies .contenedor {padding: 1.25rem;}
	.aviso-gestion-cookies .botones {
		flex-direction: column-reverse;
		align-items: stretch;
	}
	.aviso-gestion-cookies .botones button {width: 100%;}
	.aviso-gestion-cookies .botones button.secundario {margin-right: 0;}
}

/* PANEL DE CONFIGURACION EN castillo: USA EL PANEL DE sevilla (abrirPopup) PERO NO CARGA SUS ESTILOS */
#castillo #preferencias-cookies.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 40%);
}
#castillo #preferencias-cookies .contenedor {
	position: relative;
	width: 90%;
	max-width: 650px;
	max-height: 80vh;
	margin: 10vh auto 0;
	overflow-y: auto;
	padding: 2.5rem 1.5rem 1.5rem;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 18px rgb(0 0 0 / 20%);
	color: #222;
}
#castillo #preferencias-cookies button.cerrar {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	padding: 3px;
	border: none;
	border-radius: 50%;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}
#castillo #preferencias-cookies h3 {
	margin: 0 0 .75rem;
	font-size: 1rem;
	font-weight: 600;
}
#castillo #preferencias-cookies p {
	margin: 0 0 1rem;
	font-size: .8125rem;
	line-height: 1.5;
}
#castillo #gestion-cookies .linea {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: .5rem;
}
#castillo #gestion-cookies .linea .textos {
	flex: 1;
	font-size: .875rem;
}
#castillo #gestion-cookies .linea .botones {
	display: flex;
	gap: .5rem;
	width: 50%;
}
#castillo #gestion-cookies .linea .botones button {
	flex: 1;
	padding: .6rem .5rem;
	font-family: inherit;
	font-size: .8125rem;
	font-weight: 600;
	cursor: pointer;
	border: 1px solid #909090;
	border-radius: 2px;
	background-color: #fff;
	color: #909090;
}
#castillo #gestion-cookies .linea .botones button.todas {
	border-color: var(--main-color);
	background-color: var(--main-color);
	color: var(--text-button-color, #fff);
}
#castillo #gestion-cookies .linea .botones button.aceptar.activo:not(.todas) {
	border-color: green;
	background-color: green;
	color: #fff;
}
#castillo #gestion-cookies .linea .botones button.rechazar.activo:not(.todas) {
	border-color: red;
	background-color: red;
	color: #fff;
}
#castillo #gestion-cookies .linea .botones button.guardar {
	flex: none;
	width: 100%;
	border-color: #eee;
	background-color: #eee;
	cursor: auto;
}
#castillo #gestion-cookies .linea .botones button.guardar.activo {
	border-color: var(--main-color);
	background-color: var(--main-color);
	color: var(--text-button-color, #fff);
	cursor: pointer;
}
@media only screen and (max-width: 600px) {
	#castillo #gestion-cookies .linea {flex-wrap: wrap;}
	#castillo #gestion-cookies .linea .botones {width: 100%;}
}

/* PANEL DE CONFIGURACION EN default: MISMO MODAL DE MATERIALIZE QUE editable Y cine, QUE LO ESTILAN EN SU materialize_min.tpl */
#default #preferencias-cookies .modal-content {position: relative;}
#default #preferencias-cookies .modal-content .modal-close {
	position: absolute;
	top: .5rem;
	right: .5rem;
}
#default #preferencias-cookies .modal-content > .row > * {margin-bottom: 1rem;}
#default #preferencias-cookies p.font-bold {font-size: 1.2rem;}
#default #preferencias-cookies #gestion-cookies > .row {margin-bottom: .4rem;}
#default #preferencias-cookies .botones {text-align: center;}
#default #preferencias-cookies button {
	font-size: 1rem;
	width: 100%;
	border: 2px solid #cbcad0;
	color: #cbcad0;
	background-color: transparent;
}
#default #preferencias-cookies button.activo.aceptar {
	background-color: #009640;
	border-color: #009640;
	color: #fff;
}
#default #preferencias-cookies button.activo.rechazar {
	background-color: #e30613;
	border-color: #e30613;
	color: #fff;
}
#default #preferencias-cookies button.todas
, #default #preferencias-cookies button.guardar.activo {
	color: #fff;
	background-color: #cbcad0;
	border-color: #cbcad0;
}
#default #preferencias-cookies button.guardar {
	color: #fff;
	background-color: #eee;
	border: 2px solid #eee;
}
/* */