@charset "UTF-8";
/* RECURSOS BÁSICOS - BOOTSTRAP */
/* extras */
.shadow:is([class*="basic-"], [class*="basic-"] *) {
  box-shadow: 0 0 15px -5px color-mix(in srgb, var(--mg-negro, #333333) 20%, transparent) !important;
}

.background-1 {
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 5%, transparent) !important;
}
.background-1 > .header .icon-container {
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 10%, transparent) !important;
}
.background-1 .basic-unordered-list-1 > li:before {
  background-color: var(--mg-negro, #333333) !important;
}
.background-2 {
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 10%, transparent) !important;
}
.background-3 {
  background-color: color-mix(in srgb, var(--mg-color-restringido, #f7741d) 10%, transparent) !important;
}
.background-3 > .header .icon-container {
  background-color: color-mix(in srgb, var(--mg-color-restringido, #f7741d) 10%, transparent) !important;
}
.background-3 a {
  color: color-mix(in srgb, var(--mg-color-restringido, #f7741d) 100%, transparent) !important;
}
.background-3 .basic-unordered-list-1 > li:before {
  background-color: var(--mg-color-restringido, #f7741d) !important;
}
.background-3 .basic-ordered-list-1 > li:before {
  background-color: var(--mg-color-restringido, #f7741d) !important;
}
.background-3 .basic-check-list > li:before {
  color: var(--mg-color-restringido, #f7741d) !important;
}
.background-4 {
  background-color: color-mix(in srgb, var(--mg-color-correcto, #01cb79) 10%, transparent) !important;
}
.background-4 > .header .icon-container {
  background-color: color-mix(in srgb, var(--mg-color-correcto, #01cb79) 10%, transparent) !important;
}
.background-4 .basic-unordered-list-1 > li:before {
  background-color: var(--mg-color-correcto, #01cb79) !important;
}
.background-5 {
  background-color: color-mix(in srgb, var(--mg-color-incorrecto, #f12256) 10%, transparent) !important;
}
.background-5 > .header .icon-container {
  background-color: color-mix(in srgb, var(--mg-color-incorrecto, #f12256) 10%, transparent) !important;
}
.background-5 .basic-unordered-list-1 > li:before {
  background-color: var(--mg-color-incorrecto, #f12256) !important;
}

/* fin extras */
/* basic statement 1 */
.basic-statement-1 {
  padding: 30px 40px;
  border-top: 1px solid color-mix(in srgb, var(--mg-negro, #333333) 10%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--mg-negro, #333333) 10%, transparent);
  text-align: center;
}
/* END basic statement 1 */
/* basic statement 2 */
.basic-statement-2 {
  padding: 30px 40px;
  position: relative;
  text-align: center;
}
.basic-statement-2:before {
  content: "";
  width: 100px;
  height: 2px;
  background-color: var(--mg-color-principal, #01cbba);
  left: calc(50% - 50px);
  position: absolute;
  top: 0;
}
/* END basic statement 2 */
/* basic statement 3 */
.basic-statement-3 {
  padding: 30px 40px;
  border-radius: var(--mg-radius, 10px);
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 5%, transparent);
  font-size: 18px;
  font-weight: 400;
}
/* END basic statement 3 */
/* basic statement 4 */
.basic-statement-4 {
  position: relative;
  padding: 40px 30px;
  border-radius: var(--mg-radius, 10px);
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 5%, transparent);
  font-weight: 400;
}
.basic-statement-4:before {
  content: "";
  width: 60px;
  height: 3px;
  background-color: var(--mg-color-principal, #01cbba);
  top: 20px;
  left: 30px;
  position: absolute;
}

/* END basic statement 4 */
/* basic timeline */
.cont-timeline .basic-box {
  margin-bottom: 60px;
  position: relative;
  overflow: visible;
}
.cont-timeline .basic-box .header .box-title h3 {
  color: var(--mg-color-principal, #01cbba) !important;
  font-weight: 600 !important;
  margin-bottom: 0;
}
.cont-timeline .basic-box:before {
  content: "";
  width: 2px;
  height: 60px;
  position: absolute;
  bottom: -60px;
  left: 50%;
  background-color: var(--mg-color-principal, #01cbba);
}
.cont-timeline .col-12:last-child .basic-box:before {
  content: unset !important;
}

/* END basic timeline */
.basic-box-simplified {
  border-radius: var(--mg-radius, 10px);
  margin-bottom: 30px;
  border: 2px solid #ff952f;
}
.basic-box-simplified .icon-container {
  position: absolute;
  left: -10px;
  top: 20px;
  width: 50px;
  height: 50px;
  padding: 5px 0;
  background-color: white;
}
.basic-box-simplified .icon-container img {
  width: 100%;
  height: 100%;
}
.basic-box-simplified .title-box {
  position: absolute;
  top: -15px;
  left: 50px;
  background-color: white;
  padding: 0 10px;
}
.basic-box-simplified .title-box h3 {
  color: #ff952f !important;
}
.basic-box-simplified .text-container {
  padding: 20px 0 0 20px;
}
@media (max-width: 767px) {
  .basic-box-simplified .text-container {
    padding: 0px;
  }
}
.basic-box-simplified.recuerda .icon-container {
  height: 70px;
}
.basic-box-simplified.recuerda .icon-container img {
  animation: recuerda-notas 3s infinite;
}
@keyframes recuerda-notas {
  0% {
    transform: rotate(-5deg);
  }
  10% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-5deg);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
.basic-box-simplified.recuerda .icon-container:after {
  content: var(--mg-icon-recuerda-1-pin, url("https://static.aificc.cat/iconos/recuerda-1-pin"));
  position: absolute;
  top: 0;
  width: 100%;
  height: 70px;
  left: 0;
  display: inline-block;
  animation: recuerda-pin 3s infinite;
}
@keyframes recuerda-pin {
  0% {
    transform: translate(0px, 15px) scale(1.2);
  }
  10% {
    transform: translate(5px, 5px) scale(1.2);
  }
  20% {
    transform: translate(0px, 15px) scale(1.2);
  }
  30% {
    transform: translate(5px, 5px) scale(1.2);
  }
  40% {
    transform: translate(0px, 15px) scale(1.2);
  }
  100% {
    transform: translate(0px, 15px) scale(1.2);
  }
}
.basic-box-simplified.definicion {
  border-color: #f0ce75;
}
.basic-box-simplified.definicion .title-box h3 {
  color: #f0ce75 !important;
}
.basic-box-simplified.nota {
  border-color: #55d394;
}
.basic-box-simplified.nota .icon-container {
  height: 70px;
}
.basic-box-simplified.nota .icon-container:after {
  content: var(--mg-icon-nota-2, url("https://static.aificc.cat/html-bootstrap/nota-2"));
  width: 50px;
  height: 70px;
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  transform-origin: 100% 50%;
  animation: nota-2 2s infinite;
}
@keyframes nota-2 {
  0% {
    transform: rotate(0deg) translatex(0px) translatey(0px);
  }
  20% {
    transform: rotate(-5deg) translatex(2px) translatey(2px);
  }
  30% {
    transform: rotate(2deg) translatex(4px) translatey(-1px);
  }
  40% {
    transform: rotate(-3deg) translatex(6px) translatey(2px);
  }
  50% {
    transform: rotate(1deg) translatex(8px) translatey(-1px);
  }
  60% {
    transform: rotate(-8deg) translatex(10px) translatey(2px);
  }
}
.basic-box-simplified.nota .title-box h3 {
  color: #55d394 !important;
}
.basic-box-simplified.interactiva {
  border-color: #3e82d3;
}
.basic-box-simplified.interactiva .title-box h3 {
  color: #3e82d3 !important;
}
.basic-box-simplified.consejo {
  border-color: #d93577;
}
.basic-box-simplified.consejo .title-box h3 {
  color: #d93577 !important;
}
.basic-box-simplified.ejemplo {
  border-color: var(--mg-negro, #333333);
}
.basic-box-simplified.ejemplo .icon-container img {
  filter: saturate(0);
}
.basic-box-simplified.ejemplo .title-box h3 {
  color: var(--mg-negro, #333333) !important;
}
.basic-box-simplified.importante {
  border-color: #FF2F2F;
}
.basic-box-simplified.importante .icon-container {
  height: 70px;
}
.basic-box-simplified.importante .icon-container:after {
  content: var(--mg-icon-importante-2, url("https://static.aificc.cat/html-bootstrap/importante-2"));
  width: 50px;
  height: 70px;
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  animation: importante-2 2s infinite;
}
@keyframes importante-2 {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.4);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.4);
  }
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  60% {
    transform: scale(1);
  }
}
.basic-box-simplified.importante .title-box h3 {
  color: #FF2F2F !important;
}
.basic-box-simplified.saber-mas {
  border-color: #8ddb67;
}
.basic-box-simplified.saber-mas .title-box h3 {
  color: #8ddb67 !important;
}
.basic-box-simplified.saber-mas .icon-container {
  height: 70px;
}
.basic-box-simplified.saber-mas .icon-container img {
  animation: saber-mas-1 3s infinite;
}
@keyframes saber-mas-1 {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(0px);
  }
}
.basic-box-simplified.saber-mas .icon-container:after {
  content: var(--mg-icon-saber-mas-2, url("https://static.aificc.cat/html-bootstrap/saber-mas-2"));
  width: 50px;
  height: 70px;
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  animation: saber-mas-2 3s infinite;
  animation-delay: 0.1s;
}
@keyframes saber-mas-2 {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(0px);
  }
}
.basic-box-simplified.sabias-que-2 {
  border-color: #20C8E2;
}
.basic-box-simplified.sabias-que-2 .title-box h3 {
  color: #20C8E2 !important;
}
.basic-box-simplified.sabias-que {
  border-color: #20C8E2;
}
.basic-box-simplified.sabias-que .icon-container {
  height: 70px;
}
.basic-box-simplified.sabias-que .icon-container img {
  height: 40px;
  margin-top: 5px;
  animation: sabias-que 3s infinite;
}
@keyframes sabias-que {
  0% {
    transform: translatey(0px);
  }
  15% {
    transform: translatey(-5px);
  }
  40% {
    transform: translatey(0px);
  }
  45% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
  }
  55% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(10deg);
  }
  65% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(10deg);
  }
  85% {
    transform: rotate(-10deg);
  }
  90% {
    transform: rotate(10deg);
  }
}
.basic-box-simplified.sabias-que .icon-container:after {
  content: var(--mg-icon-sabias-que-mano, url("https://static.aificc.cat/iconos/sabias-que-mano"));
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  transform: translatey(20px) rotate(0deg);
  transform-origin: 0 100%;
  animation: sabias-que-mano 3s infinite;
}
@keyframes sabias-que-mano {
  0% {
    transform: translatey(20px) rotate(0deg);
  }
  10% {
    transform: translatey(20px) rotate(8deg);
  }
  20% {
    transform: translatey(20px) rotate(0deg);
  }
  30% {
    transform: translatey(20px) rotate(8deg);
  }
  50% {
    transform: translatey(20px) rotate(0deg);
  }
}
.basic-box-simplified.sabias-que .title-box h3 {
  color: #20C8E2 !important;
}

.basic-box {
  border-radius: var(--mg-radius, 10px);
  container-type: inline-size !important;
  overflow: auto;
  margin-bottom: 0;
  background-color: white;
}
@media (max-width: 776px) {
  .basic-box {
    margin-bottom: 40px !important;
  }
}
.basic-box .header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@container (min-width:400px) {
  .basic-box .header {
    flex-direction: row;
  }
}
.basic-box .header .icon-container {
  width: 60px;
  min-width: 60px;
  height: 60px;
  padding: 13px;
  margin-bottom: 10px;
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 10%, transparent);
  border-radius: var(--mg-radius-100, 100px);
  margin-right: 0;
}
.basic-box .header .icon-container img {
  width: 100%;
}
@container (min-width: 400px) {
  .basic-box .header .icon-container {
    width: 60px;
    min-width: 60px;
    height: 60px;
    padding: 13px;
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.basic-box .header .title {
  margin-bottom: 0 !important;
  text-align: left;
}
@container (min-width:700px) {
  .basic-box > .text-container {
    margin-left: 80px;
  }
}
.basic-box.recuerda .header .icon-container {
  background-color: #ffe9e9;
}
.basic-box.saber-mas .header .icon-container {
  background-color: #e9f4ff;
}
.basic-box.sabias-que .header .icon-container {
  background-color: #e9fff5;
}
.basic-box.no-title .text-container {
  margin-left: 0;
}
.basic-box.no-title .text-container:has(.icon-container) {
  display: flex;
}
.basic-box.no-title .text-container .icon-container {
  width: 60px;
  min-width: 60px;
  height: 60px;
  padding: 13px;
  margin-bottom: 10px;
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 10%, transparent);
  border-radius: var(--mg-radius-100, 100px);
  margin-right: 0;
}
.basic-box.no-title .text-container .icon-container img {
  width: 100%;
}
@media (max-width: 767px) {
  .basic-box.no-title .text-container .icon-container {
    margin: auto;
  }
}
@container (min-width: 400px) {
  .basic-box.no-title .text-container .icon-container {
    width: 60px;
    min-width: 60px;
    height: 60px;
    padding: 13px;
    margin-bottom: 0;
    margin-right: 20px;
  }
}

/* basic quote 1 */
.basic-quote-1 {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: var(--mg-radius, 10px);
}
.basic-quote-1 .image-container {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}
.basic-quote-1 .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid white;
}
.basic-quote-1 .text-container {
  text-align: center;
}
.basic-quote-1 .text-container .signature {
  text-align: right;
  font-weight: bold;
}
.basic-quote-1.background {
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 5%, transparent);
}
/* END basic quote 1 */
/* basic quote 2 */
.basic-quote-2 {
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  position: relative;
}
.basic-quote-2:before {
  content: var(--mg-icon-quote, url("https://static.magnore.com/Iconos/quote.svg"));
  position: absolute;
  opacity: 0.03;
  transform: rotate(180deg) translate(230px, 55px) scale(1.3);
}
.basic-quote-2 .image-container {
  width: 150px;
  min-width: 150px;
  height: 150px;
}
.basic-quote-2 .image-container img {
  width: 100%;
  height: 100%;
  border-radius: var(--mg-radius, 10px);
  border: 2px solid white;
}
.basic-quote-2 .text-container {
  text-align: left;
  padding: 0 30px;
}
.basic-quote-2 .text-container .signature {
  text-align: right;
  font-weight: bold;
}
/* END basic quote 2 */
/* basic quote 3 */
.basic-quote-3 {
  flex-direction: column;
  position: relative;
  border-radius: var(--mg-radius, 10px);
  padding: 30px 50px !important;
}
.basic-quote-3 .image-container {
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin-bottom: 30px;
}
.basic-quote-3 .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid white;
}
.basic-quote-3 .text-container {
  text-align: left;
  position: relative;
}
.basic-quote-3 .text-container:before {
  content: var(--mg-icon-quote, url("https://static.magnore.com/Iconos/quote.svg"));
  opacity: 0.6;
  position: absolute;
  top: -42px;
  left: -70px;
  transform: translate(0px, 0px) scale(0.2) rotate(180deg);
}
.basic-quote-3 .text-container .signature {
  text-align: left;
  font-weight: bold;
}
.basic-quote-3.background {
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 5%, transparent);
}

@charset "UTF-8";
/* END basic quote 3 */
/* basic unordered list */
.basic-unordered-list-1 {
  margin-left: 0;
  padding-left: 30px;
  padding-top: 0;
  padding-bottom: 0;
  list-style: none;
  position: relative;
}
.basic-unordered-list-1 > li {
  margin-bottom: 20px;
}
.basic-unordered-list-1 > li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--mg-color-principal, #01cbba);
  border-radius: 100%;
  left: calc(15px - 2.5px);
  margin-top: 10px;
}
.basic-unordered-list-1 > li .basic-unordered-list-1 > li:before {
  background-color: transparent;
  border: 1px solid var(--mg-color-principal, #01cbba);
}
.basic-unordered-list-1 > li .basic-unordered-list-1 > li .basic-unordered-list-1 > li:before {
  background-color: transparent;
  border: 1px solid var(--mg-color-principal, #01cbba);
  width: 7px;
  border-radius: var(--mg-radius, 10px);
  height: 2px;
}
/* END basic unordered list */
/* lista cruz */
.basic-x-list {
  list-style: none;
  padding: 0;
}
.basic-x-list > li {
  margin: 20px 10px;
}
.basic-x-list > li strong {
  color: var(--mg-negro, #333333);
}
.basic-x-list > li:before {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--mg-color-principal, #01cbba);
  margin-left: 0;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 0;
}
.basic-x-list.color-correcto > li:before {
  color: var(--mg-color-correcto, #01cb79);
}
.basic-x-list.color-incorrecto > li:before {
  color: var(--mg-color-incorrecto, #f12256);
}
.basic-x-list.color-restringido > li:before {
  color: var(--mg-color-restringido, #f7741d);
}
/* FIN lista cruz */
/* lista check */
.basic-check-list {
  list-style: none;
  padding: 0;
  /*ol li:before {
        content: unset !important;
    }*/
}
.basic-check-list > li {
  margin: 20px 10px;
}
.basic-check-list > li strong {
  color: var(--mg-negro, #333333);
}
.basic-check-list > li:before {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--mg-color-principal, #01cbba);
  margin-left: 0;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 0;
}
/* FIN lista check */
/* basic ordered list */
.basic-ordered-list-1 {
  counter-reset: item;
  padding-left: 60px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 767px) {
  .basic-ordered-list-1 {
    margin-left: 0;
    padding-left: 45px;
  }
}
.basic-ordered-list-1 > li {
  list-style: none;
  margin-bottom: 20px;
}
.basic-ordered-list-1 > li:before {
  content: counter(item) " ";
  counter-increment: item;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  background-color: var(--mg-color-principal, #01cbba);
  color: #fff;
  border-radius: 100%;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}
/* END basic ordered list */
/* basic ordered list */
.basic-ordered-list-2 {
  counter-reset: item;
  padding-left: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.basic-ordered-list-2 li {
  list-style: none;
  margin-bottom: 20px;
  width: calc(100% / 3 - 20px);
  position: relative;
  padding: 20px;
  margin: 0 10px 30px;
  border-radius: var(--mg-radius, 10px);
}
@media (max-width: 767px) {
  .basic-ordered-list-2 li {
    margin: 0 0 30px;
    width: 100%;
  }
}
.basic-ordered-list-2 li:before {
  content: counter(item) " ";
  counter-increment: item;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 15px;
  top: -15px;
  background-color: var(--mg-color-principal, #01cbba);
  color: #fff;
  border-radius: var(--mg-radius, 10px);
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  font-weight: bold;
  font-size: 19px;
}
/* lista abc mayusculas */
.lista-upper-abc {
  list-style: upper-alpha;
  margin-bottom: 15px;
}
.lista-upper-abc li::marker {
  font-weight: bold !important;
  color: var(--mg-color-principal, #01cbba);
}
.lista-upper-abc li {
  margin-bottom: 10px;
}
/* FIN lista abc mayuscula */
/* lista abc minuscula */
.lista-lower-abc {
  list-style: lower-alpha;
  margin-bottom: 15px;
}
.lista-lower-abc li::marker {
  font-weight: bold !important;
  color: var(--mg-color-principal, #01cbba);
}
.lista-lower-abc li {
  margin-bottom: 10px;
}

/* END basic ordered list */
/* basic numbered horizontal rule */
.basic-numbered-horizontal-rule {
  border-bottom: 2px solid var(--mg-color-principal, #01cbba);
  height: 30px;
}
.basic-numbered-horizontal-rule .number {
  background-color: var(--mg-color-principal, #01cbba);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 15px;
  border-radius: var(--mg-radius, 10px);
  left: calc(50% - 15px);
}
.basic-numbered-horizontal-rule .number p {
  margin-bottom: 0;
  font-size: 18px;
  color: white;
}

/* END basic numbered horizontal rule */
/* image container */
.image-container {
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .image-container {
    margin: 0px 0;
  }
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--mg-radius, 10px);
  position: absolute;
  max-width: 100% !important;
}
@media (max-width: 767px) {
  .image-container img {
    position: relative;
    margin: 0px 0;
  }
}
@media (max-width: 767px) {
  .row .col-md-6.pr-0.pr-md-3.pl-0:has(.image-container), .row .col-md-4.pr-0.pr-md-3.pl-0:has(.image-container) {
    margin-bottom: 20px;
    max-height: 200px;
  }
}
@media (max-width: 767px) {
  .row .col-md-6.pl-0.pl-md-3.pr-0:has(.basic-box) .basic-box, .row .col-md-8.pl-0.pl-md-3.pr-0:has(.basic-box) .basic-box {
    margin-bottom: 0 !important;
  }
}

@charset "UTF-8";
/* END image container */
/* thumbnail */
.basic-thumbnail-1 {
  border-radius: var(--mg-radius, 10px);
  margin-bottom: 20px;
  display: block;
  position: relative;
  padding: 10px;
}
.basic-thumbnail-1 img {
  width: 100%;
  border-radius: var(--mg-radius, 10px);
  aspect-ratio: 1.3333333333;
  object-fit: cover;
  position: relative;
}
.basic-thumbnail-1:before {
  content: "";
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 600;
  color: var(--mg-negro, #333333);
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  bottom: 0;
  right: 0;
  border-top-left-radius: var(--mg-radius, 10px);
  border-bottom-right-radius: var(--mg-radius, 10px);
  font-size: 23px;
  backdrop-filter: blur(1px);
}
/* end basic link box */
.leyenda-tabla, .basic-thumbnail-1 + p {
  font-size: 15px;
  opacity: 0.7;
  font-style: italic;
  text-align: center;
}

/* END thumbnail */
/*vimeo video embed */
.basic-vimeo-video {
  width: 100%;
}
.basic-vimeo-video .box-vimeo-video {
  width: 100%;
}
.basic-vimeo-video .box-vimeo-video .video-vimeo {
  object-fit: cover;
  display: block !important;
  border-radius: var(--mg-radius, 10px);
  height: 100%;
  width: 100%;
  aspect-ratio: 1.7777777778;
  margin-bottom: 20px !important;
  box-shadow: var(--mg-sombra, 0 0 15px 0 rgba(51, 51, 51, 0.15));
}

/* END vimeo video embed */
/* tabs */
.basic-cont-tabs {
  width: 100%;
}
.basic-cont-tabs nav .nav-tabs {
  border-bottom: unset !important;
}
.basic-cont-tabs nav .nav-link {
  border-radius: 0;
  background-color: white;
  border: 1px solid color-mix(in srgb, var(--mg-negro, #333333) 10%, transparent);
  color: var(--mg-color-principal, #01cbba);
  padding: 10px 15px;
}
.basic-cont-tabs nav .nav-link:hover {
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 5%, transparent);
}
.basic-cont-tabs nav .nav-link:focus {
  background-color: white;
  color: var(--mg-color-principal, #01cbba) !important;
}
.basic-cont-tabs nav .nav-link.active {
  border-bottom: 0;
  border: unset !important;
  color: white !important;
  background-color: var(--mg-color-principal, #01cbba) !important;
}
.basic-cont-tabs .tab-content {
  border: 1px solid color-mix(in srgb, var(--mg-negro, #333333) 10%, transparent);
  background-color: white;
  padding: 10px 15px;
}
.basic-cont-tabs .tab-content .tab-pane {
  padding: 0;
}

@charset "UTF-8";
/* END tabs */
/* collapsibles */
.basic-cont-general-collapsibles {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles {
  padding: 0;
  margin: 0;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible {
  box-shadow: var(--mg-sombra, 0 0 15px 0 rgba(51, 51, 51, 0.15));
  outline: none !important;
  border: unset !important;
  padding: 0;
  margin: 0;
  border-radius: var(--mg-radius, 10px);
  overflow: hidden;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card {
  border-radius: var(--mg-radius, 10px);
  margin: 0 !important;
  box-shadow: unset;
  position: relative;
  padding: 0;
  margin: 0;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header {
  border-radius: var(--mg-radius, 10px);
  background-color: unset !important;
  border-bottom: unset;
  padding: 0;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link {
  position: relative;
  border-radius: var(--mg-radius, 10px);
  padding: 20px;
  margin: 0;
  color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 100%, transparent);
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 110%;
  transition: all 0.3s;
  background-color: white;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link:not(.collapsed) {
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 10%, transparent) !important;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link:hover {
  text-decoration: unset !important;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link:after {
  padding-top: 2px;
  content: "";
  font-family: "Font Awesome 6 Free", sans-serif;
  position: absolute;
  top: calc(50% - 20px);
  right: 20px;
  font-weight: 600;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--mg-radius, 10px);
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 10%, transparent);
}
@media (max-width: 767px) {
  .basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link:after {
    right: 0px !important;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link {
    padding: 15px 25px 15px 15px;
  }
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link .numero {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 10%, transparent) !important;
  border-radius: var(--mg-radius, 10px);
  margin-right: 15px;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link.collapsed {
  color: color-mix(in srgb, var(--mg-negro, #333333) 100%, transparent) !important;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link.collapsed:after {
  content: "";
  font-family: "Font Awesome 6 Free", sans-serif;
  position: absolute;
  right: 20px;
  font-weight: 600;
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 7%, transparent);
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link .cont-icono {
  width: 50px;
  height: 50px;
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 0%, transparent);
  border-radius: var(--mg-radius-100, 100px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link .cont-icono {
    margin-right: 10px;
    width: 40px;
    height: 40px;
  }
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link .cont-icono .icono {
  width: 100%;
  height: 100%;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link .cont-hotspot {
  right: 90px;
  top: 25px;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link:has(> .numero) .cont-hotspot {
  top: 28px !important;
}
.basic-cont-general-collapsibles .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-body {
  padding-left: 30px;
  background-color: white !important;
}
.basic-cont-general-collapsibles.background-1 .basic-cont-collapsibles .basic-card .card-header .basic-card-link {
  background: color-mix(in srgb, var(--mg-negro, #333333) 5%, transparent) !important;
  color: color-mix(in srgb, var(--mg-negro, #333333) 100%, transparent) !important;
}
.basic-cont-general-collapsibles.background-1 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed) {
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-1 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed):after {
  background-color: color-mix(in srgb, var(--mg-negro, #333333) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-2 .basic-cont-collapsibles .basic-card .card-header .basic-card-link {
  background: color-mix(in srgb, var(--mg-color-principal, #01cbba) 5%, transparent) !important;
  color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 100%, transparent) !important;
}
.basic-cont-general-collapsibles.background-2 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed) {
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-2 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed):after {
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-3 .basic-cont-collapsibles .basic-card .card-header .basic-card-link {
  background: color-mix(in srgb, var(--mg-color-restringido, #f7741d) 5%, transparent) !important;
  color: color-mix(in srgb, var(--mg-color-restringido, #f7741d) 100%, transparent) !important;
}
.basic-cont-general-collapsibles.background-3 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed) {
  background-color: color-mix(in srgb, var(--mg-color-restringido, #f7741d) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-3 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed):after {
  background-color: color-mix(in srgb, var(--mg-color-restringido, #f7741d) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-4 .basic-cont-collapsibles .basic-card .card-header .basic-card-link {
  background: color-mix(in srgb, var(--mg-color-correcto, #01cb79) 10%, transparent) !important;
  color: color-mix(in srgb, var(--mg-color-correcto, #01cb79) 100%, transparent) !important;
}
.basic-cont-general-collapsibles.background-4 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed) {
  background-color: color-mix(in srgb, var(--mg-color-correcto, #01cb79) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-4 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed):after {
  background-color: color-mix(in srgb, var(--mg-color-correcto, #01cb79) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-5 .basic-cont-collapsibles .basic-card .card-header .basic-card-link {
  background: color-mix(in srgb, var(--mg-color-incorrecto, #f12256) 10%, transparent) !important;
  color: color-mix(in srgb, var(--mg-color-incorrecto, #f12256) 100%, transparent) !important;
}
.basic-cont-general-collapsibles.background-5 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed) {
  background-color: color-mix(in srgb, var(--mg-color-incorrecto, #f12256) 20%, transparent) !important;
}
.basic-cont-general-collapsibles.background-5 .basic-cont-collapsibles .basic-card .card-header .basic-card-link:not(.collapsed):after {
  background-color: color-mix(in srgb, var(--mg-color-incorrecto, #f12256) 20%, transparent) !important;
}
.basic-cont-general-collapsibles:has(img[src*="reflexiona"]) .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link .cont-icono .icono {
  opacity: 0.7;
  position: relative;
  animation: reflexiona 3s infinite;
}
@keyframes reflexiona {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-7px);
  }
  100% {
    transform: translatey(0px);
  }
}
.basic-cont-general-collapsibles:has(img[src*="reflexiona"]) .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link .cont-icono:after {
  content: "";
  background-image: url("https://static.aificc.cat/iconos/reflexiona-2");
  position: absolute;
  width: 50px;
  height: 50px;
  opacity: 0;
  display: inline-block;
  transition: opacity 0.2s;
  animation: reflexiona 3s infinite;
}
@keyframes reflexiona {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-7px);
  }
  100% {
    transform: translatey(0px);
  }
}
.basic-cont-general-collapsibles:has(img[src*="reflexiona"]) .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link:not(.collapsed) .cont-icono .icono {
  opacity: 0;
}
.basic-cont-general-collapsibles:has(img[src*="reflexiona"]) .basic-cont-collapsibles .basic-caja-collapsible .basic-card .card-header .basic-card-link:not(.collapsed) .cont-icono:after {
  opacity: 1 !important;
}

/* END collapsibles */
.title:has(.cont-icon) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.title .cont-icon, .title .cont-number {
  width: 65px;
  min-width: 65px;
  height: 65px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 10%, transparent);
  border-radius: var(--mg-radius-100, 100px);
  padding: 10px;
}
.title .cont-icon.contrast, .title .cont-number.contrast {
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 100%, transparent);
}
.title .cont-icon.contrast img, .title .cont-number.contrast img {
  filter: invert(1);
}
.title .cont-icon .number, .title .cont-number .number {
  font-size: 28px;
  font-weight: bold;
}
.title .cont-icon img, .title .cont-number img {
  margin: 0;
  width: 100%;
  height: 100%;
  max-width: unset;
  max-height: unset;
}

@charset "UTF-8";
/* FIN lista abc minuscula */
/* basic link box */
.basic-link-box {
  box-shadow: var(--mg-sombra, 0 0 15px 0 rgba(51, 51, 51, 0.15));
  display: flex;
  width: 100%;
  padding: 10px 15px;
  transition: all 0.3s;
  position: relative;
  background-color: white !important;
}
.basic-link-box:after {
  content: "";
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 600;
  color: var(--mg-negro, #333333);
  position: absolute;
  right: 70px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s;
  font-size: 20px;
}
.basic-link-box:hover {
  text-decoration: unset;
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 10%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mg-color-principal, #01cbba) 20%, transparent);
}
.basic-link-box:hover:after {
  opacity: 1;
  transform: translateX(0px);
}
.basic-link-box .cont-icon {
  width: 45px;
  height: 45px;
  padding: 5px;
  margin-right: 10px;
  background-color: color-mix(in srgb, var(--mg-color-principal, #01cbba) 0%, transparent);
  border-radius: var(--mg-radius, 10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.basic-link-box .cont-icon img {
  width: 100%;
  height: 100%;
}
.basic-link-box .cont-text {
  display: flex;
  align-items: center;
}
.basic-link-box .cont-text .title {
  margin-bottom: 0;
  color: var(--mg-negro, #333333);
}

.leyenda-tabla {
  width: 100%;
}

@charset "UTF-8";
.enlace-externo:after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 14px;
  margin-left: 4px;
  display: inline-block;
  animation: enlace-animation 2s infinite;
}
@keyframes enlace-animation {
  0% {
    transform: scaleX(1) scaley(1);
  }
  7% {
    transform: scaleX(1.1) scaley(0.8);
  }
  14% {
    transform: scaleX(0.9) scaley(1.1);
  }
  22% {
    transform: scaleX(1.1) scaley(0.8);
  }
  30% {
    transform: scaleX(0.9) scaley(1.1);
  }
  35% {
    transform: scaleX(1) scaley(1);
  }
}

.cabecera-imagen {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cabecera-imagen img {
  width: 100%;
}