.configuration-cookie-icon {
  position: absolute;
  bottom: 15px;
  left: 15px;
  cursor: pointer;
}

/** Banner **/

.cookies-message {
  bottom: 2.8rem;
  left: 0;
  opacity: 0;
  position: fixed;
  width: 100%;
  z-index: -2;
  text-align:left;
}

.cookies-message a {
  text-decoration: none;
}

.cookies-message.is-visible {
  opacity: 1;
  z-index: 14;
}

.cookies-message.is-not-visible {
  opacity: 0;
  z-index: 14;
}

.cookies-wrapper {
  max-width: 1440px;
  margin:0 auto;
  padding: 42px;
  background: #2B488B;
  color: #FFF;
  display: flex;
  flex-flow:row wrap;
  align-items: center;
  gap: 3rem;
  border: 1px solid #2B488B;
}

.cookies-message p {
  font-size: 18px;
}

.cookies-message a{
  color:inherit;
}

.cookies-message p+p {
  margin-top: 0.7rem;
  margin-bottom:0;
}

.cookies-message .link--cta{
  border-bottom: 2px solid #2B488B;
}

.cookies-message .button-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .cookies-message .button-wrapper {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}

.cookies-message .button--secondary{
  display: inline-block;
  font-weight: 500;
  border-radius: 40px;
  font-size: 1.8rem;
  line-height: 1;
  padding: 14px 28px;
  text-align: center;
  color: #fff;
  min-width:200px;
  margin:0 auto;
}

.cookies-message .button-accept {
  background-color: #97C21E;
  color: #FFF;
  border: 1px solid #97C21E;
}

.cookies-message .button-deny {
  background-color: transparent;
  color: #FFF;
  border: 1px solid #FFF;
}

.cookies-message .button-accept:hover {
  background-color: #FFF;
  border: 1px solid #FFF;
  color: #2B488B;
}

.cookies-message .button-deny:hover {
  background-color: #97C21E;
  color: #FFF;
  border: 1px solid #97C21E;
}

@media screen and (min-width:769px){
  .cookies-wrapper {
    flex-flow:initial;
  }
}

/** Pàgina de configuració de cookies **/

.cookies-configuration .page__content {
  padding-top: 2.8rem;
  padding-bottom: 8.3rem;
  background: #FFF;
}

@media (min-width: 992px) {
  .cookies-configuration .page__content {
    padding-top: 130px;
  }
}


.body--cookie-configuration,
.cookies-configuration h1,
.cookies-configuration h2,
.cookies-configuration h3,
.cookies-configuration h4,
.cookies-configuration h5 {
  font-family: 'Raleway';
}

.cookies-configuration *, .cookies-configuration :after, .cookies-configuration :before {
  -webkit-font-smoothing: antialiased!important;
  font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility!important;
}

.cookies-configuration a, .cookies-configuration abbr, .cookies-configuration acronym, .cookies-configuration address, .cookies-configuration applet, .cookies-configuration article, .cookies-configuration aside, .cookies-configuration audio, .cookies-configuration b, .cookies-configuration big, .cookies-configuration blockquote, .cookies-configuration body, .cookies-configuration canvas, .cookies-configuration caption, .cookies-configuration center, .cookies-configuration cite, .cookies-configuration code, .cookies-configuration dd, .cookies-configuration del, .cookies-configuration details, .cookies-configuration dfn, .cookies-configuration div, .cookies-configuration dl, .cookies-configuration dt, .cookies-configuration em, .cookies-configuration embed, .cookies-configuration fieldset, .cookies-configuration figcaption, .cookies-configuration figure, .cookies-configuration footer, .cookies-configuration form, .cookies-configuration h1, .cookies-configuration h2, .cookies-configuration h3, .cookies-configuration h4, .cookies-configuration h5, .cookies-configuration h6, .cookies-configuration header, .cookies-configuration hgroup, .cookies-configuration html, .cookies-configuration i, .cookies-configuration iframe, .cookies-configuration img, .cookies-configuration ins, .cookies-configuration kbd, .cookies-configuration label, .cookies-configuration legend, .cookies-configuration li, .cookies-configuration mark, .cookies-configuration menu, .cookies-configuration nav, .cookies-configuration object, .cookies-configuration ol, .cookies-configuration output, .cookies-configuration p, .cookies-configuration pre, .cookies-configuration q, .cookies-configuration ruby, .cookies-configuration s, .cookies-configuration samp, .cookies-configuration section, .cookies-configuration small, .cookies-configuration span, .cookies-configuration strike, .cookies-configuration strong, .cookies-configuration sub, .cookies-configuration summary, .cookies-configuration sup, .cookies-configuration table, .cookies-configuration tbody, .cookies-configuration td, .cookies-configuration tfoot, .cookies-configuration th, .cookies-configuration thead, .cookies-configuration time, .cookies-configuration tr, .cookies-configuration tt, .cookies-configuration u, .cookies-configuration ul, .cookies-configuration var, .cookies-configuration video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.cookies-configuration p {
  font-weight: 400;
  line-height: 28px;
  font-size: 18px;
}

.cookies-configuration .u-wysiwyg *+p, .cookies-configuration .u-wysiwyg p+* {
  margin-top: 2.8rem;
}

.cookies-configuration .form input[type=date], .cookies-configuration .form input[type=email], .cookies-configuration .form input[type=number], .cookies-configuration .form input[type=password], .cookies-configuration .form input[type=search], .cookies-configuration .form input[type=tel], .cookies-configuration .form input[type=text], .cookies-configuration .form input[type=url], .cookies-configuration .form label.error, .cookies-configuration .form select, .cookies-configuration .form span.form__state--invalid, .cookies-configuration .form strong.form__state--invalid, .cookies-configuration .form textarea, .cookies-configuration .form__fieldset em, .cookies-configuration .p-small, .cookies-configuration .subtitle, .cookies-configuration .tag {
  font-size: 1.5rem;
  line-height: 2.1rem;
}

.cookies-header .header.cookies-configuration {
  background: none;
  background-image: linear-gradient(45deg,#c00069, #641c82);
  padding-top: 119px;
}

.cookies-configuration .u-wrapper {
  max-width: 1440px;
}

.cookies-configuration .u-wrapper--reading {
  max-width: 700px;
}

.cookies-configuration .u-wrapper, .cookies-configuration .u-wrapper--reading {
  height: 100%;
  margin: 0 auto;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}

.cookies-configuration .title2, .cookies-configuration h2 {
  font-size: 3.1rem;
  font-weight: 700;
  line-height: 4.2rem;
}

.cookies-configuration .u-wysiwyg *+h2, .cookies-configuration .u-wysiwyg .cookies-configuration .p-big+h2, .cookies-configuration .u-wysiwyg .p-big+h3, .cookies-configuration .u-wysiwyg .p-small+h2, .cookies-configuration .u-wysiwyg .p-small+h3 {
  margin-top: 7rem;
}

.cookies-configuration .form__element, .cookies-configuration .form__group {
  margin-bottom: 2.1rem;
  text-align: left;
}

.cookies-configuration .form__element {
  position: relative;
}

.cookies-configuration .form__element.is-checkbox {
  display: flex;
  flex-direction: column-reverse;
}

.cookies-configuration .form__element.is-checkbox:not(:last-child) {
  margin: 0 0 1.4rem;
}

.cookies-configuration .cookies__checkbox.form__element.is-checkbox:not(:last-child) {
  margin: 3.5rem 0 2.8rem;
}

.cookies-configuration .form__element.is-checkbox input:checked {
  background-color: #FFF;
}

.cookies-configuration .form__element.is-checkbox input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  z-index: 1;
}

.cookies-configuration .form label {
  display: block;
}

.cookies-configuration .form label, .cookies-configuration .form legend, .cookies-configuration .form__group-title {
  font-weight: 500;
  margin: 0 0 0.7rem;
}

.cookies-configuration .form__element.is-checkbox label {
  cursor: pointer;
}

.cookies-configuration.form .confirm-remove>.button, .cookies-configuration .form .confirm-remove>button, .cookies-configuration .cookies-configuration .form .confirm-remove>input[type=submit]:not(.field-add-more-submit), .cookies-configuration .form .paragraphs-dropbutton-wrapper>.button, .cookies-configuration .form .paragraphs-dropbutton-wrapper>button, .cookies-configuration .form .paragraphs-dropbutton-wrapper>input[type=submit]:not(.field-add-more-submit), .cookies-configuration .form .restore>.button, .cookies-configuration .form .restore>button, .cookies-configuration .form .restore>input[type=submit]:not(.field-add-more-submit), .cookies-configuration .form__element.is-checkbox .input-checkbox {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.8rem;
}

.cookies-configuration .form__element.is-checkbox .input-checkbox {
  align-items: center;
  display: flex;
  width: 100%;
}

.cookies-configuration .form__element.is-checkbox input[disabled]+label {
  cursor: default;
}


.cookies-configuration .form__element.is-checkbox input[disabled]+label {
  cursor: default;
}

.cookies-configuration .form__element.is-checkbox .input-checkbox {
  align-items: center;
  display: flex;
  width: 100%;
}

.cookies-configuration .form__element.is-checkbox .checkmark {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  height: 25px;
  min-width: 24px;
  position: relative;
  width: 25px;
}

.cookies-configuration .form__element.is-checkbox input[disabled]~label .checkmark {
  background-color: hsla(0,0%,83%,.8);
  cursor: default;
}

.cookies-configuration .form__element.is-checkbox input[disabled]:checked~label .checkmark {
  background-color: #fff;
  border: 1px solid #999;
  cursor: default;
}

.cookies-configuration .form__element.is-checkbox .checkmark:after {
  border: solid #355586;
  border-width: 0 2px 2px 0;
  content: "";
  height: 16px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: rotate(45deg);
  transition: opacity .1s ease-out;
  width: 8px;
  will-change: opacity;
}

.cookies-configuration .form__element.is-checkbox input:checked~label .checkmark:after {
  opacity: 1;
}

.cookies-configuration .form__element, .form__group {
  margin-bottom: 2.1rem;
  text-align: left;
}

.cookies-configuration  .form__element.is-checkbox input[disabled]:checked~label .checkmark:after {
  border: solid #999;
  border-width: 0 2px 2px 0;
}

.cookies-configuration .form__element.is-checkbox .checkmark+span {
  margin-left: 1.4rem;
  line-height: 21px;
}

.cookies__checkbox .subtitle {
  font-size: inherit;
}

.cookies-configuration .form__element.is-checkbox input[disabled]~label .checkmark+.subtitle {
  color: #999;
}

.cookies-configuration table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cookies-configuration .u-wysiwyg ul {
  list-style: none;
}

.cookies-configuration .u-wysiwyg ul>li:before {
  background-color: #355586;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 5px;
}

.cookies-configuration .u-wysiwyg ol>li, .cookies-configuration .u-wysiwyg ul>li {
  padding: 0 0 0 2.8rem;
  position: relative;
  font-size: 18px;
}

.cookies-configuration .table td ul li, .cookies-configuration .u-wysiwyg table td ul li, .cookies-configuration table:not([class]) td ul li {
  text-align: left;
}

.cookies-configuration .table, .cookies-configuration .u-wysiwyg table, .cookies-configuration table:not([class]) {
  border-collapse: collapse;
  border-spacing: 0;
  float: none!important;
  padding: 0;
}

.cookies-configuration .table.table--responsive, .cookies-configuration .u-wysiwyg table.table--responsive, .cookies-configuration table:not([class]).table--responsive {
  width: 100%!important;
}

.cookies-configuration .table td, .cookies-configuration .u-wysiwyg table td, .cookies-configuration table:not([class]) td {
  border-bottom: 1px solid #d4d4d4;
  padding: 1.4rem;
  text-align: left;
  vertical-align: middle;
}

.cookies-configuration .table td:first-child, .cookies-configuration .u-wysiwyg table td:first-child, .cookies-configuration table:not([class]) td:first-child {
  padding-left: 0;
  text-align: left;
}

.cookies-configuration .table.table--responsive td, .cookies-configuration .u-wysiwyg table.table--responsive td, .cookies-configuration table:not([class]).table--responsive td {
  align-items: left;
  display: flex;
  padding: 1.4rem 1.4rem 1.4rem 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 100%!important;
}

.cookies-configuration .table thead, .cookies-configuration .u-wysiwyg table thead, .cookies-configuration table:not([class]) thead {
  border-bottom: 1px solid #d4d4d4;
  border-top: 3px solid #a7b5c9;
  display: table-header-group;
}

.cookies-configuration .table.table--responsive thead, .cookies-configuration .u-wysiwyg table.table--responsive thead, .cookies-configuration table:not([class]).table--responsive thead {
  display: none;
}

.cookies-configuration .table thead tr, .cookies-configuration .u-wysiwyg table thead tr, .cookies-configuration table:not([class]) thead tr {
  border-top: 0!important;
}

.cookies-configuration .table.table--responsive tr, .cookies-configuration .u-wysiwyg table.table--responsive tr, .cookies-configuration table:not([class]).table--responsive tr {
  border-top: 3px solid #a7b5c9;
  display: block;
  text-align: left;
}

.cookies-configuration .table thead th:first-child, .cookies-configuration .u-wysiwyg table thead th:first-child, .cookies-configuration table:not([class]) thead th:first-child {
  padding-left: 0;
  text-align: left;
}

.cookies-configuration .table thead th, .cookies-configuration .u-wysiwyg table thead th, .cookies-configuration table:not([class]) thead th {
  font-weight: 700;
  padding: 1.4rem;
  text-align: left;
  vertical-align: middle;
  font-size: 18px;
}

.cookies-configuration .cookies__table td, .cookies-configuration .cookies__table th {
  text-align: left;
}

.cookies-configuration .cookies__table td ul > li:not(:last-child) {
  margin-bottom: 1.4rem;
}

.cookies-configuration .wysiwyg ol > li, .cookies-configuration .u-wysiwyg ul > li {
  padding: 0 0 0 2.8rem;
  position: relative;
}

.cookies-configuration .cookies__table.table--responsive th {
  padding-left: 0;
  text-align: left;
}

.cookies-configuration .table.table--responsive th, .cookies-configuration .u-wysiwyg table.table--responsive th, .cookies-configuration table:not([class]).table--responsive th {
  text-align: left;
}

.cookies-configuration .button, .cookies-configuration .button[role=button], .cookies-configuration .form button, .cookies-configuration .form input[type=submit]:not(.field-add-more-submit), .cookies-configuration button.button, .cookies-configuration input.button[type=button], .cookies-configuration input.button[type=reset], .cookies-configuration input.button[type=submit] {
  background-color: #efc96e;
  border: 0;
  border-radius: 40px;
  color: #191919;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  padding: 1.4rem 2.8rem;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.cookies-configuration .button.button--hollow, .cookies-configuration .button.button--hollow-white, .cookies-configuration .button.button--secondary {
  background-color: #2B488B;
  color: #FFF;
  border: 1px solid #2B488B;
  font-size: 18px;
}

.cookies-configuration .button.button--hollow:hover, .cookies-configuration .button.button--hollow-white:hover, .cookies-configuration .button.button--secondary:hover {
  background-color: #97C21E;
  border: 1px solid #97C21E;
}

.cookies-configuration .cookies__success {
  color: #488f69;
  margin-top: 2.8rem;
}

.cookies-configuration .u-hide {
  display: none!important;
}



@media screen and (min-width: 480px) {
  .cookies-configuration .button, .cookies-configuration .button[role=button], .cookies-configuration .form button, .cookies-configuration .form input[type=submit]:not(.field-add-more-submit), .cookies-configuration button.button, .cookies-configuration input.button[type=button], .cookies-configuration input.button[type=reset], .cookies-configuration input.button[type=submit] {
      width: auto;
  }
}

@media screen and (max-width: 767px) {
  .cookies-configuration .table.table--responsive td:last-child, .cookies-configuration .u-wysiwyg table.table--responsive td:last-child, .cookies-configuration table:not([class]).table--responsive td:last-child {
    margin-bottom: 4.2rem;
  }
}

@media screen and (min-width: 768px) {
  .cookies-configuration .table, .cookies-configuration .table:not(.table--responsive), .cookies-configuration .u-wysiwyg table, .cookies-configuration .u-wysiwyg table:not(.table--responsive), .cookies-configuration table:not([class]), .cookies-configuration table:not([class]):not(.table--responsive) {
    display: table;
    overflow-x: auto;
    table-layout: fixed;
    width: 100%!important;
  }

  .cookies-configuration .table.table--responsive th, .cookies-configuration .u-wysiwyg table.table--responsive th, .cookies-configuration table:not([class]).table--responsive th {
    text-align: left;
  }
  .cookies-configuration .table.table--responsive thead, .cookies-configuration .table.table--responsive thead:first-child, .cookies-configuration .u-wysiwyg table.table--responsive thead, .cookies-configuration .u-wysiwyg table.table--responsive thead:first-child, .cookies-configuration table:not([class]).table--responsive thead, .cookies-configuration table:not([class]).table--responsive thead:first-child {
    text-align: left;
  }
  .cookies-configuration .table.table--responsive thead, .cookies-configuration .u-wysiwyg table.table--responsive thead, .cookies-configuration table:not([class]).table--responsive thead {
    display: table-header-group;
  }
  .cookies-configuration .table.table--responsive tr, .cookies-configuration .u-wysiwyg table.table--responsive tr, .cookies-configuration table:not([class]).table--responsive tr {
    border-top: none;
  }
  .cookies-configuration .table.table--responsive tr, .cookies-configuration .u-wysiwyg table.table--responsive tr, .cookies-configuration table:not([class]).table--responsive tr {
    display: table-row;
    margin: 0;
  }
  .cookies-configuration .table.table--responsive td, .cookies-configuration .u-wysiwyg table.table--responsive td, .cookies-configuration  table:not([class]).table--responsive td {
    align-items: flex-start;
    padding: 1.4rem;
    text-align: left;
  }
  .cookies-configuration .table.table--responsive td, .cookies-configuration .u-wysiwyg table.table--responsive td, .cookies-configuration table:not([class]).table--responsive td {
    display: table-cell;
    position: relative;
  }
  .cookies-configuration .table.table--responsive td:first-child, .cookies-configuration .u-wysiwyg table.table--responsive td:first-child, .cookies-configuration table:not([class]).table--responsive td:first-child {
    padding-left: 0;
    text-align: left;
  }
}

@media screen and (min-width: 812px) {
  .cookies-configuration .u-wrapper--reading {
      padding-left: 0;
      padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  
  .header.cookies-configuration {
    display: none;
  }

  .cookies-configuration .u-wrapper, .cookies-configuration .u-wrapper--reading {
    padding-top: 119px;
  }

  .cookies-header #nav-mobile {
    background-image: linear-gradient(45deg,#c00069, #641c82);
  }

  header.cookies-header > nav #hamburguesa .menu-lines .lines {
    background: #FFF;
  }

  .cookies-configuration .table.table--responsive td::before, .cookies-configuration .u-wysiwyg table.table--responsive td::before, .cookies-configuration table:not([class]).table--responsive td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    max-width: 50%;
    padding-right: 2.8rem;
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .cookies-configuration .title2, .cookies-configuration h2 {
      font-size: 3.7rem;
      line-height: 4.2rem;
  }
  .cookies-configuration .title2, .cookies-configuration h2 {
      font-size: 3.7rem;
      line-height: 4.2rem;
  }
}