@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?p6pjll');
  src:  url('fonts/icomoon.eot?p6pjll#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?p6pjll') format('truetype'),
    url('fonts/icomoon.woff?p6pjll') format('woff'),
    url('fonts/icomoon.svg?p6pjll#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-link-2:before {
  content: "\e900";
}


/* Contenedor */
.cookie-container{
	border-radius: 0.25em;
	border: .125em solid var(--color-principal);
	background-color:#fff;
	margin:.3125em;
	z-index:5000;
	position:fixed;
	padding:1.5em;
	font-size: 16px;
	font-family:'Roboto',sans-serif;
	max-height: calc(100% - 1em);		
	width: calc(100% - 1em);
	overflow: hidden;
	overflow-y: scroll;
	top:-100%;
	left:50%;
	transform: translate(-50%,-50%);
	transition: all .5s ease;
    transition-property: width,max-width,top,bottom,left,opacity,height;
}
.cookie-container.politica{
	padding-top:.625em;
}
.cookie-container.politica h3{
	margin-top: 2.083333333em;
}
.cookie-container h3{
	margin-top: 0;
	margin:0 ;
}

.cerrar-cookie{
	font-size: 20px;
	float:right;
	cursor:pointer;
	height: 2.625em;
	width: 2.625em;
	text-align: right;
	position:relative;
	top:0;
	right: 0;
	color:var(--color-principal);
}
.cerrar-cookie:hover{
	color:#b2b2b2;
}
/*Tabs*/
.cookie-tabs{
	border-radius: 0.25em;
	padding: .3125em 0 !important;
    background: var(--color-principal);
    color: #fff !important;
    line-height: 2.625em;
    margin:0 ;
    display: none;
}
.cookie-container .tit-tab{
	font-weight: bold;
	font-family: 'din-b',sans-serif;
	text-align: center;
	color:#494949;
	width: 100%;
	padding: 0 .9375em;
	float:left;
	cursor:pointer;
	min-height: 2.625em;
	margin-bottom:.3125em;
	line-height: 2.625em;
	vertical-align: middle;
}
.cookie-container .tit-tab:hover,.cookie-container .tit-tab.active {
	color:#fff;
}
/* Tabs movil*/
.nav-cookies-movil{
	background-color: var(--color-principal);
	width: 100%;
	float: left;
	border-radius: 0.25em;
}
.cookie-container button{
	background-color:  var(--color-principal);
	margin-top: -.3125em;
}
.cookie-container button .icon-bar{
	background-color:#fff !important;
}
/* Botones configuración*/
.cookie-button{
	border-radius: 0.25em;
	border: .125em solid var(--color-principal);
	color: #494949;
	text-align: center;
	height: 2.625em;
	line-height: 2.625em;
	vertical-align: middle;
	padding:0;
	font-weight: bold;
	cursor: pointer;
	margin-bottom:.3125em;
}
.cookie-button.all{
	background-color:  var(--color-principal);
	color:#fff !important;
}
.cookie-button.all:hover{
	color:#494949 !important;
}
.cookie-button:hover{
	color:var(--color-principal);
}

/*Detalle*/
#tab-detalle button{
	display: block !important;
	height: 2.1875em;
	background-color: #fff !important;
	border:none;
	color:#494949;
	float:left;
	font-weight: bold;
}
/*Detalle- Categorias*/
.ul-categorias{
	padding-left:0;
	margin-left:-.9375em;
}
.categoria-cookie-div{
	width: 100%;
	display: inline-block;
	
}
.line-h1{
	line-height: 1;
}
.categoria-cookie{
	list-style: none;
	padding: .625em 0 ;
	border-bottom: .125em solid var(--color-principal);
	display: grid;
	margin-bottom: .625em;
	margin-left:.9375em;
}
.button-categoria{
	font-size: 19px;
}
.categoria-cookie.active .button-categoria,.categoria-cookie:hover .button-categoria{
	color:var(--color-principal) !important;
}
/*Detalle- Proveedores*/
.proveedor-div{
	width: 100%;
	float:left;
}
.button-proveedor{
	font-size: 17px;
	float: left;
	text-align: left;
	min-height: 2.47058824em;
	line-height:  2.47058824em;
}
.proveedor-div a{
	font-size: 16px;
	float:right;
	text-decoration: none;
}

.proveedor-cookie.active .button-proveedor, .proveedor-cookie:hover .button-proveedor{
	color:var(--color-principal) !important;
}
.ul-proveedor{
	padding:0 .3125em;
	display: none;
}

.proveedor-cookie{
	list-style: none;
	font-weight: bold;
	border-top: .125em solid #b2b2b2;
	display: grid;
	padding: .625em 0 ;
}
.link-proveedor{
	height: 1.5em;
	width: 2.1em;
}
/*.categoria-cookie.active .ul-proveedor{
	display: block;
}*/

/* cookies*/
.ul-cookie{
	padding:0 1.25em;
	display: none;
	font-weight: normal;
}
.ul-cookie li{
	list-style: none;
}
.ul-cookie li.green{
	background-color: var(--color-principal);
}
.main-div-cookie{
	padding:.625em;
	margin:.1875em 0;
	border-radius: 0.25em;
}
.main-div-cookie.bg{
	background-color: var(--color-principal);
}
.main-div-cookie.bg1{
	background-color: #ebf1d2;
}
.div-cookie{
	width: 100%;
}
.duracion-cookie{
	width: 100%;
	float:left;
	text-align: left;
}
.nombre-cookie{
	width: 100%;
	float: left;
}
.mb{
	height: 3.4375em;
    border-bottom: .0625em solid #c1c1c1;
    margin-bottom: .3125em;
}
/*.proveedor-cookie.active .ul-cookie{
	display: block;
}*/
/* checkbox*/
/* El switch Contenedor alrededor del slider */
.switch {
  position: relative;
  display: inline-block;
  width: 3.75em;
  height: 2.125em;
  margin-bottom: 0;
}

/* Oculta checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* El slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.625em;
  width:  1.625em;
  left: .25em;
  bottom: .25em;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--color-principal);
}
input:checked + .slider.disabled {
  background-color: #ccc;
}
input:focus + .slider {
  box-shadow: 0 0 .0625em var(--color-principal);
}

input:checked + .slider:before {
  -webkit-transform: translateX(1.625em);
  -ms-transform: translateX(1.625em);
  transform: translateX(1.625em);
}

/* Sliders redondos */
.slider.round {
  border-radius: 2.125em;
}

.slider.round:before {
  border-radius: 50%;
}
.checkbox-div{
	float: right;
}
/*Home*/
#aviso-marketing{
	background-color:#7f7f7f;
	/*border-radius: 0.25em;
	border: .125em solid #fff;*/
	z-index:5000;
	position:absolute;
	top:0;
	width: 100%;
	color:#fff;
	padding :5px;
	line-height: 30px;
	text-align: center;

}
#aviso-marketing .switch{
	margin-left: 10px;
}
#aviso-marketing a{
	color:#fff !important;
	font-weight: bold;
}
#aviso-marketing a:hover{
	color:#fff !important;
}
/* Media*/
@media(min-width: 600px){
	.cookie-tabs{
		margin-top: 1.25em;
		display: block;
		height: 2.1875em;
		line-height: 2.1875em;
		padding:0 !important;
	}
	.cookie-container .tit-tab{
		width: 33.333333%;
		margin-bottom: 0;
		height: 2.1875em;
		line-height: 2.4em;
	}
	.nav-cookies-movil,.cookie-container button{
		display: none;
	}
	.cookie-button{
		margin-bottom: 0;
	}
	.duracion-cookie{
		width: 50%;
		float:right;
		text-align:right;
	}
	.nombre-cookie{
		width: 50%;
	}
	.mb{
		height: 1.875em;
	}
	.cookie-container.politica{
	padding-top:1.5em;
}
	.cookie-container.politica h3{
		margin-top: 0;
	}

}
@media(min-width: 601px){
	.cookie-container{
	max-width: 56.25em;
	}
}
@media(min-width: 1280px){
	.cookie-container{
		max-height: 80vh;
	}
}