.textCookies {
	font-family: 'Montserrat', sans-serif !important;
	color: var(--blau);
	padding: 1rem;
}

.politicaTxTInferior{
	font-family: 'Montserrat', sans-serif;
	height:2rem;
	margin-left:2.8rem;
	padding-right:0.8rem;
	position:fixed;
	bottom:0;
	right:2rem;
	background: var(--vermell);
	z-index:101;
	border-radius:3px 3px 0 0;
}

.politicaTxTInferior a{
	padding: 4px 0px 0px 10px;  /* TOP RIGHT BOTTOM LEFT*/
	float:left;
	text-decoration:none;
	color:white;
}



/*  ================== C O N T E N I D O R S ===================== */
.contenidorPolitiques{
    position: fixed;
    top:0;
    left:0;
    z-index:1000;
  
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.divBottomPagePolitiques{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 0;
    width: 100%;
    z-index:100;
}

.contenidorTextPolitiques{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    
    color: #0C3840;
    font-size:0.8rem;
    text-align:center;
    background:white;
    
    max-height:calc(100vh - 2rem);
    overflow-y:auto;
    
    border-radius: 4px; /* Cantonades redondejades */ /* top-left corner, top-right corner, bottom-right corner, bottom-left corner */
}


/*  ==================== B O T O N S =========================== */

.buttonPolitiquesDivVermell{
    text-align:center;
    line-height: 1.5;
    width:calc(50% - 0.5rem);
    display:flex;
    align-items: center;
}
 
.buttonPolitiquesVermell{
    font-weight: 600;
    font-size:0.9rem;
	padding:0.4rem 1rem;
	text-decoration:none;
	border-radius:6px;
	border:1.5px solid var(--vermell);
	color:#FFF;
	width:12rem;
	background:var(--vermell);
    margin-left: auto;
	
	transition: 0.5s;
}

.buttonPolitiquesVermell:hover{
	background:rgba(192, 0, 0,0.9 );
	color:#FFF;
}

.buttonPolitiquesDiv{
    text-align:center;
    line-height: 1.5;
    width:calc(50% - 0.5rem);
    display:flex;
    align-items: center;
}
 
.buttonPolitiques{
    font-weight: 600;
    font-size:0.9rem;
	padding:0.4rem 1rem;
	text-decoration:none;
	border-radius:4px;
	border:2px solid var(--vermell);
	color:var(--vermell);
	width:12rem;
    margin-right: auto;
	
	transition: 0.5s;
}

.buttonPolitiques:hover{
	background:var(--vermell);
	color:#FFF;
}


/*  ==================== L I N K S =========================== */
.linkButtonPolitica{
    text-decoration:none;
    font-weight: 600;
    font-size:0.9rem;
    color: var(--vermell);
    
    transition: 0.5s;
}

.linkButtonPolitica:hover{
	color: var(--vermell);
}

.linkTextPolitica{
    text-decoration:none;
    color:var(--vermell);
    
    transition: 0.5s;
}

.linkTextPolitica:hover{
	color:var(--vermell);
}



/*  ==================== S W I T C H  ( S E L E C T O R ) =========================== */
.switchPolitiques {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 50px;
}

.switchPolitiques input {
  display:none;
}

.sliderPolitiques {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.sliderPolitiques:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 16px;
}

input:checked + .sliderPolitiques {
  background-color: var(--vermell);
}

input:checked + .sliderPolitiques:before {
  transform: translateX(25px);
}

.sliderPolitiques.round {
  border-radius: 24px;
}

.sliderPolitiques.round:before {
  border-radius: 50%;
}



.seleccioCookieDiv{
    width:33%;
    display:flex;
    justify-content:center;
    flex-wrap:nowrap;
    padding:0.5rem 0 0.5rem 2rem;
}

/*  ==================== S W I T C H  NO MODIFICABLE ( S E L E C T O R ) =========================== */
.switchPolitiquesVerd {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 50px;
}

.switchPolitiquesVerd input {
  display:none;
}

.switchPolitiquesVerd {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.switchPolitiquesVerd:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 16px;
}

input:checked + .switchPolitiquesVerd {
  background-color: #81C784;
}

input:checked + .switchPolitiquesVerd:before {
  transform: translateX(25px);
}

.switchPolitiquesVerd.round {
  border-radius: 24px;
}

.switchPolitiquesVerd.round:before {
  border-radius: 50%;
}

.sliderPolitiquesGrey {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.sliderPolitiquesGrey:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 16px;
}

input:checked + .sliderPolitiquesGrey {
  background-color: #81C784;
}

input:checked + .sliderPolitiquesGrey:before {
  transform: translateX(25px);
}

.sliderPolitiquesGrey.round {
  border-radius: 24px;
}

.sliderPolitiquesGrey.round:before {
  border-radius: 50%;
}



.textNoSeleccionable{
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}





/*========================================
	DISSENY MOBILS - RESPONSIVE 
  ========================================*/
  @media only screen and (max-width: 800px) {
 
    .seleccioCookieDiv{
        width:50%;
        justify-content:left;
    }
 
 }
 
 @media only screen and (max-width: 550px) {
 
    .seleccioCookieDiv{
        width:100%;
        padding:0.5rem 0.5rem 0.5rem 2rem;
    }
    
    .buttonPolitiquesDivVermell{width:100%}
    .buttonPolitiquesDiv{width:100%}
    .buttonPolitiquesVermell{margin:auto;}
    .buttonPolitiques{margin:auto;}
 }
 


