:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Black"), local("Raleway-Black"), url(/fonts/Raleway-Black.woff?65f6036b5d84f61ec81831041987bd62) format("woff"), url(/fonts/Raleway-Black.ttf?2d692f42427da1898d77318a0611bf64) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Bold"), local("Raleway-Bold"), url(/fonts/Raleway-Bold.woff?22dc6dbebdf664b2cfd843ce9e86bf30) format("woff"), url(/fonts/Raleway-Bold.ttf?c6c6feb67d4ed27f93e14a6a71370597) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Black Italic"), local("Raleway-BlackItalic"), url(/fonts/Raleway-BlackItalic.woff?57d86bd69594853e2fa51a311c7238ca) format("woff"), url(/fonts/Raleway-BlackItalic.ttf?3fb6bfbc2cf2a3ac0a458a27ba53222b) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Bold Italic"), local("Raleway-BoldItalic"), url(/fonts/Raleway-BoldItalic.woff?4a32c2bde32e33fdc925fd2feddcdcd4) format("woff"), url(/fonts/Raleway-BoldItalic.ttf?39f14d2c56a20783c637d29f869b5125) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway ExtraBold"), local("Raleway-ExtraBold"), url(/fonts/Raleway-ExtraBold.woff?b710a2702af755cc702c659f32ac4525) format("woff"), url(/fonts/Raleway-ExtraBold.ttf?32e2afda9c7214633a781a5a0543c227) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"), url(/fonts/Raleway-ExtraLight.woff?86186331d8808d011c6e2b5f5e7c47df) format("woff"), url(/fonts/Raleway-ExtraLight.ttf?a53ca750386a762c7290a85f55a38872) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway ExtraBold Italic"), local("Raleway-ExtraBoldItalic"), url(/fonts/Raleway-ExtraBoldItalic.woff?ce3718c59f2ecbbc17af61ec72b374ab) format("woff"), url(/fonts/Raleway-ExtraBoldItalic.ttf?729a8e884d03bf85ea27615e65665696) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Light Italic"), local("Raleway-LightItalic"), url(/fonts/Raleway-LightItalic.woff?45ee41fc1870829d491b9ba598d2439f) format("woff"), url(/fonts/Raleway-LightItalic.ttf?c7775727cb0f058c053c868c7754e9a8) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway ExtraLight Italic"), local("Raleway-ExtraLightItalic"), url(/fonts/Raleway-ExtraLightItalic.woff?6b97f6475e8903c92bf1bff09e14daba) format("woff"), url(/fonts/Raleway-ExtraLightItalic.ttf?4ad0ddb3cd7d9f1eb2f64c6349379d84) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Light"), local("Raleway-Light"), url(/fonts/Raleway-Light.woff?0e89a10ecb0143817363830741fb864e) format("woff"), url(/fonts/Raleway-Light.ttf?5c5f24c0dbb93248ee41fc25f7eaffaf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Italic"), local("Raleway-Italic"), url(/fonts/Raleway-Italic.woff?8e962dddf2a5c087543016790bd8a5b1) format("woff"), url(/fonts/Raleway-Italic.ttf?7e30a8206316d261733f88dc8f071f85) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Medium Italic"), local("Raleway-MediumItalic"), url(/fonts/Raleway-MediumItalic.woff?5d56c8ac70a96e3427a7c8ae2a357cea) format("woff"), url(/fonts/Raleway-MediumItalic.ttf?b31a83f9a95a5dd8728f358b61a441f1) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway"), local("Raleway-Regular"), url(/fonts/Raleway-Regular.woff?4f0b9ca96d8e64c4d8638e77f4364d70) format("woff"), url(/fonts/Raleway-Regular.ttf?5f5517057d06f99f81bc716aaadfe98a) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Medium"), local("Raleway-Medium"), url(/fonts/Raleway-Medium.woff?9900426f87bd00c01af488463ef97913) format("woff"), url(/fonts/Raleway-Medium.ttf?8833fafe75504dc832e7551f1be6c4c8) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Thin"), local("Raleway-Thin"), url(/fonts/Raleway-Thin.woff?fd2f8064dd99e065e02a0e4995170100) format("woff"), url(/fonts/Raleway-Thin.ttf?12370dbd1deb63a3a3fb7169e56430d0) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway SemiBold Italic"), local("Raleway-SemiBoldItalic"), url(/fonts/Raleway-SemiBoldItalic.woff?c4d159aa943bb08e878a568b8eba063e) format("woff"), url(/fonts/Raleway-SemiBoldItalic.ttf?be11793d2e4867b31d99e7c42de78cef) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url(/fonts/Raleway-SemiBold.woff?47b88faf8c00206552154c6088781e7c) format("woff"), url(/fonts/Raleway-SemiBold.ttf?0c07756db9c4709a23242f8e62cf7d89) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: local("Raleway Thin Italic"), local("Raleway-ThinItalic"), url(/fonts/Raleway-ThinItalic.woff?0581053882bcdf2e24a25785764c4455) format("woff"), url(/fonts/Raleway-ThinItalic.ttf?93ab816b2570564bf1317d0364e56094) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/fonts/OpenSans-Bold.woff?759ea19bccf8a5ca50a58e474aced157) format("woff"), url(/fonts/OpenSans-Bold.ttf?ab38fda09644c992dc09754c3cc78201) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(/fonts/OpenSans-BoldItalic.woff?0a96d2322aa76287314064b8f9b55466) format("woff"), url(/fonts/OpenSans-BoldItalic.ttf?ad5795be528d8256833a01e9b7a0f5b6) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans Light"), local("OpenSans-Light"), url(/fonts/OpenSans-Light.woff?c002a58fc48427af4884fcce2d5c03ee) format("woff"), url(/fonts/OpenSans-Light.ttf?b270c40ae5ed0192f44df55ad6f1ea25) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(/fonts/OpenSans-ExtraBold.woff?3f760f718edb65cd95c6da14d6ab1bb8) format("woff"), url(/fonts/OpenSans-ExtraBold.ttf?c9e437c181cb1c201188c2793fbc496f) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url(/fonts/OpenSans-ExtraBoldItalic.woff?edbbf5335fcb1e037d0ed16c17364c16) format("woff"), url(/fonts/OpenSans-ExtraBoldItalic.ttf?f093928db8789603f7913b5647fddddb) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(/fonts/OpenSans-LightItalic.woff?f98d42be17e95311f1f82823fb3b6a77) format("woff"), url(/fonts/OpenSans-LightItalic.ttf?5a3ac4d0297da9f2b75c4fe965e004cb) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(/fonts/OpenSans-Italic.woff?052b69c9c418c621fbd978d33e975b92) format("woff"), url(/fonts/OpenSans-Italic.ttf?a709ab6006407a103054d8a64459594b) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(/fonts/OpenSans-SemiBold.woff?fe241c6c4f5a190e821b7c03e337d756) format("woff"), url(/fonts/OpenSans-SemiBold.ttf?f28ed2e40f2a6955ddc5dd3f5088a5a2) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/fonts/OpenSans-Regular.woff?6fde2eb6728eb97fd914dcd0641d332b) format("woff"), url(/fonts/OpenSans-Regular.ttf?8df00d6176ddae387d9431d3307b3e62) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url(/fonts/OpenSans-SemiBoldItalic.woff?02669c88881b1577a54e9e2d76f25566) format("woff"), url(/fonts/OpenSans-SemiBoldItalic.ttf?3dc654f4cee24692f6441cab8c155df0) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(/fonts/Montserrat-ExtraBold.woff?6bf17403f884285592f77a335b827914) format("woff"), url(/fonts/Montserrat-ExtraBold.ttf?e5897b0cf1ba50154fd095e66a4fc62c) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/fonts/Montserrat-Bold.woff?137a9f5f920bcccad63c115397dc1532) format("woff"), url(/fonts/Montserrat-Bold.ttf?38a49c5d1b18bfb6a0b2379ec8c4354b) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-size: 100%;
}

body {
  margin: 0;
  background-color: var(--color__greyscale--100);
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

a {
  background-color: transparent;
  text-decoration: none;
}

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

p {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.page {
  width: 100%;
}

.page--flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-margin {
  width: 100%;
  max-width: 867px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.23s ease-out;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

@-webkit-keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@-webkit-keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@-webkit-keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.page-404 {
  padding: 3rem 0;
}

.page-404,
.page-404__container,
.page-404__title,
.page-404__subtitle,
.page-404__text,
.page-404__image-container,
.page-404__content {
  width: 100%;
}

.page-404,
.page-404__container,
.page-404__image-container,
.page-404__content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-404__content {
  flex-wrap: wrap;
}

.page-404__container {
  max-width: 1023px;
  padding: 0 1.5rem;
  flex-direction: column-reverse;
}

.page-404__image {
  width: 100%;
  height: auto;
  max-width: 500px;
  max-height: 300px;
}

.page-404__title,
.page-404__subtitle,
.page-404__text {
  text-align: center;
}

.page-404__title {
  font-family: "Raleway";
  font-size: 52px;
  line-height: 60px;
  font-weight: bold;
  color: var(--color__title--secondary);
}

.page-404__subtitle {
  font-family: "Open Sans";
  font-size: 21px;
  line-height: 27px;
  font-weight: bold;
  color: var(--color__greyscale--600);
}

.page-404__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  margin: 1.5rem 0;
}

.page-404__text--secondary {
  color: var(--color__title--secondary);
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .page-404__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 700px) {
  .page-404__title {
    font-size: 120px;
    line-height: 141px;
  }

  .page-404__subtitle {
    font-size: 45px;
    line-height: 65px;
  }

  .page-404__text {
    font-size: 22.5px;
    line-height: 32.5px;
  }
}

@media screen and (min-width: 1023px) {
  .page-404__image-container,
  .page-404__content {
    width: 50%;
  }

  .page-404__title {
    font-size: 120px;
    line-height: 141px;
  }

  .page-404__subtitle {
    font-size: 45px;
    line-height: 65px;
  }

  .page-404__text {
    font-size: 22.5px;
    line-height: 32.5px;
  }

  .page-404__container {
    flex-direction: row;
  }

  .page-404__image {
    max-width: 100%;
    max-height: 100%;
  }
}

.coordinaciones__content,
.coordinaciones__column {
  display: flex;
  justify-content: center;
  width: 100%;
}

.coordinaciones__content {
  align-items: flex-start;
  margin-bottom: 3.25rem;
}

.coordinaciones__column {
  flex-wrap: wrap;
  max-width: 310px;
  margin: 0 1.125rem;
}

.coordinaciones__column--invisible {
  display: none;
}

.coordinadores,
.coordinadores__column {
  width: 100%;
  display: flex;
  justify-content: center;
}

.coordinadores__column {
  flex-wrap: wrap;
  max-width: 510px;
  align-self: flex-start;
}

.coordinadores__column--invisible {
  display: none;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.banner-delegaciones {
  display: none;
  background-color: var(--color__greyscale--500);
}

.banner-delegaciones,
.banner-delegaciones__container {
  justify-content: center;
  align-items: center;
}

.banner-delegaciones__container {
  display: flex;
  max-width: 1300px;
}

.banner-delegaciones__image {
  width: 100%;
  height: auto;
  max-width: 433.33333333px;
  max-height: 240px;
}

.banner-delegaciones__image:last-child {
  display: none;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .banner-delegaciones__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 1023px) {
  .banner-delegaciones {
    display: flex;
  }
}

@media screen and (min-width: 1600px) {
  .banner-delegaciones__image:last-child {
    display: inline-block;
  }
}

.delegaciones {
  padding: 3rem 0;
}

.delegaciones,
.delegaciones__container,
.delegaciones__title,
.delegaciones__text,
.delegaciones__content {
  width: 100%;
}

.delegaciones,
.delegaciones__container,
.delegaciones__content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.delegaciones__container,
.delegaciones__content {
  flex-wrap: wrap;
}

.delegaciones__container {
  flex-direction: column-reverse;
  padding: 0 1.5rem;
}

.delegaciones__content {
  max-width: 595px;
}

.delegaciones__image {
  width: 100%;
  height: auto;
  max-width: 362px;
  max-height: 322px;
}

.delegaciones__image.not-loaded {
  width: 100%;
  height: 100vh;
  border-radius: 16px;
  background-image: linear-gradient(90deg, var(--color__greyscale--500) 0px, var(--color__greyscale--100) 40px, var(--color__greyscale--500) 80px);
  background-color: var(--color__greyscale--400);
  -webkit-animation: participar-skeleton 1s infinite linear;
          animation: participar-skeleton 1s infinite linear;
}

.delegaciones__text,
.delegaciones__title {
  text-align: center;
}

.delegaciones__title {
  font-family: "Raleway";
  font-size: 35px;
  line-height: 41px;
  font-weight: bold;
  color: var(--color__title--main);
  margin-bottom: 2rem;
}

.delegaciones__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
}

.delegaciones__text--secondary {
  color: var(--color__title--main);
}

@media screen and (min-width: 700px) {
  .delegaciones__text {
    font-size: 18px;
    line-height: 26px;
  }

  .delegaciones__title {
    font-size: 55px;
    line-height: 65px;
  }
}

@media screen and (min-width: 1023px) {
  .delegaciones {
    padding: 5rem 0;
  }

  .delegaciones__title {
    margin-bottom: 1rem;
  }

  .delegaciones__content {
    margin-left: 1rem;
  }

  .delegaciones__container {
    flex-direction: row;
  }
}

.continentes__container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.libros__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  width: auto;
  max-width: 1023px;
}

.quieres-participar {
  margin-top: 7.0625rem;
  margin-bottom: 2.5rem;
}

.quieres-participar,
.quieres-participar__container,
.quieres-participar__content,
.quieres-participar__title,
.quieres-participar__text,
.quieres-participar__image-container {
  width: 100%;
}

.quieres-participar,
.quieres-participar__container,
.quieres-participar__content,
.quieres-participar__image-container {
  display: flex;
  justify-content: center;
}

.quieres-participar,
.quieres-participar__container,
.quieres-participar__content {
  align-items: center;
}

.quieres-participar__container {
  max-width: 1000px;
  align-items: flex-end;
  flex-direction: column-reverse;
  padding: 0 1.5rem;
}

.quieres-participar__content {
  flex-wrap: wrap;
}

.quieres-participar__image {
  width: 100%;
  height: auto;
  max-width: 341px;
  max-height: 211px;
}

.quieres-participar__image.not-loaded {
  width: 100%;
  height: 100vh;
  border-radius: 16px;
  background-image: linear-gradient(90deg, var(--color__greyscale--500) 0px, var(--color__greyscale--100) 40px, var(--color__greyscale--500) 80px);
  background-color: var(--color__greyscale--400);
  -webkit-animation: participar-skeleton 1s infinite linear;
          animation: participar-skeleton 1s infinite linear;
}

.quieres-participar__title {
  font-family: "Raleway";
  font-size: 60px;
  line-height: 90px;
  font-weight: bold;
  color: var(--color__text);
  margin: 1.5rem 0rem;
  display: none;
  text-align: center;
}

.quieres-participar__title--mobile {
  font-size: 40px;
  line-height: 50px;
  display: block;
}

.quieres-participar__title--secondary {
  font-size: 80px;
  color: var(--color__title--main);
}

.quieres-participar__title--secondary--mobile {
  font-size: 40px;
}

.quieres-participar__text {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 26px;
  font-weight: inherit;
  color: var(--color__text);
  text-align: center;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .quieres-participar__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 700px) {
  .quieres-participar__text {
    font-size: 24px;
    line-height: 32px;
  }

  .quieres-participar__content {
    padding: 0 1.5em;
  }
}

@media screen and (min-width: 1023px) {
  .quieres-participar {
    margin-bottom: 8.625rem;
  }

  .quieres-participar__container {
    flex-direction: row;
  }

  .quieres-participar__content {
    margin-right: 4.25rem;
    padding: 0;
  }

  .quieres-participar__title {
    display: block;
    text-align: left;
    margin-top: 0;
  }

  .quieres-participar__title--mobile {
    display: none;
  }

  .quieres-participar__text {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.de-que-trata {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4.5rem;
  padding-bottom: 5rem;
  background-color: var(--color__greyscale--200);
  order: 3;
}

.de-que-trata__container,
.de-que-trata__text,
.de-que-trata__title,
.de-que-trata__text--first,
.de-que-trata__image-list {
  width: 100%;
}

.de-que-trata__container,
.de-que-trata__text,
.de-que-trata__image-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.de-que-trata__container,
.de-que-trata__text {
  flex-direction: column;
}

.de-que-trata__container {
  padding: 0rem 1.75rem;
}

.de-que-trata__title {
  color: var(--color__title--main);
  font-family: "Raleway";
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 2rem;
}

.de-que-trata__text {
  color: var(--color__text);
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  max-width: 696px;
}

.de-que-trata__image {
  width: 100%;
  height: auto;
}

.de-que-trata__image-container {
  width: 100%;
  height: auto;
  max-width: 57px;
  max-height: 57px;
  margin: 0rem 0.5rem;
}

.de-que-trata__image-list {
  margin-top: 3rem;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .de-que-trata__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .de-que-trata__title {
    font-size: 40px;
    line-height: 47px;
  }

  .de-que-trata__text {
    font-size: 18px;
    line-height: 26px;
  }

  .de-que-trata__image-container {
    margin: 0rem 1rem;
    max-width: 98px;
    max-height: 80px;
  }
}

.significa {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 4.375rem 0;
  order: 4;
}

.significa__container,
.significa__title,
.significa__list,
.significa__content {
  width: 100%;
}

.significa__container,
.significa__list,
.significa__content,
.significa__list-element {
  display: flex;
  align-items: center;
}

.significa__container {
  padding: 0rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.significa__title {
  font-family: "Raleway";
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  color: var(--color__title--support-1);
}

.significa__title--secondary {
  color: var(--color__title--main);
}

.significa__content {
  margin-top: 2.5rem;
  max-width: 900px;
  overflow: hidden;
  position: relative;
}

.significa__list {
  transition: margin .5s ease-out;
}

.significa__list-element {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__title--support-1);
  justify-content: center;
  overflow: hidden;
}

.significa__previous,
.significa__next {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
  color: var(--color__greyscale--100);
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.significa__icon {
  font-size: 3em;
}

.significa__previous {
  left: 0em;
}

.significa__next {
  right: 0em;
}

@media only screen and (min-width: 700px) {
  .significa__container {
    padding: 0rem 3rem;
  }

  .significa__title {
    font-size: 40px;
    line-height: 47px;
  }

  .significa__list-element {
    font-size: 18px;
    line-height: 26px;
    width: 866px;
    padding: 0 3rem;
  }

  .significa__content {
    margin-top: 3.75rem;
  }
}

@media only screen and (min-width: 1300px) {
  .significa__previous,
  .significa__next {
    opacity: 0.5;
  }

  .significa__previous:hover,
  .significa__previous:active,
  .significa__next:hover,
  .significa__next:active {
    opacity: 0.9;
  }
}

.proposito {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5.625em;
  margin-bottom: 3.5em;
  order: 5;
}

.proposito__background {
  width: 100%;
  background: var(--color__greyscale--500);
  padding: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}

.proposito__container,
.proposito__image-container,
.proposito__text-container,
.proposito__text-container--mobile {
  align-items: center;
}

.proposito__container,
.proposito__image-container,
.proposito__text-container--mobile {
  display: flex;
}

.proposito__text-container,
.proposito__text-container--mobile,
.proposito__image-container {
  justify-content: center;
}

.proposito__container,
.proposito__image-container,
.proposito__title,
.proposito__text,
.proposito__text-container--mobile {
  width: 100%;
}

.proposito__container {
  justify-content: flex-end;
}

.proposito__text {
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
}

.proposito__text-container {
  width: 100%;
  flex-direction: column;
  display: none;
}

.proposito__text-container--mobile {
  width: 100%;
  flex-direction: column;
  padding: 0rem 1.5rem;
}

.proposito__title {
  text-align: center;
  margin-bottom: 1rem;
  font-family: "Raleway";
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
  color: var(--color__text);
}

.proposito__title--secondary {
  color: var(--color__title--main);
}

.proposito__image {
  position: absolute;
  width: 60%;
  height: 140px;
  max-width: 60%;
  max-height: 140px;
}

.proposito__image-container {
  width: 100%;
}

@media only screen and (min-width: 700px) {
  .proposito__image {
    width: 60%;
    height: 160px;
    max-width: 60%;
    max-height: 160px;
  }

  .proposito__text {
    font-size: 18px;
    line-height: 26px;
  }

  .proposito__title {
    font-size: 45px;
    line-height: 53px;
  }

  .proposito__background {
    margin-bottom: 5em;
  }
}

@media only screen and (min-width: 992px) {
  .proposito__image {
    width: 50%;
    height: 200px;
    max-width: 50%;
    max-height: 200px;
  }

  .proposito__text {
    max-width: 60%;
  }

  .proposito__background {
    margin-bottom: 6em;
  }
}

@media only screen and (min-width: 1023px) {
  .proposito {
    margin-top: 7.5em;
    margin-bottom: 0em;
    order: 6;
  }

  .proposito__container {
    max-width: 1023px;
  }

  .proposito__background {
    margin-bottom: 9.5em;
  }

  .proposito__image {
    width: 40%;
    height: 312px;
    max-width: 600px;
    max-height: 312px;
  }

  .proposito__image-container {
    width: 50%;
  }

  .proposito__text {
    max-width: 450px;
  }

  .proposito__text-container {
    width: 50%;
    display: flex;
  }

  .proposito__text-container--mobile {
    display: none;
  }
}

@media only screen and (min-width: 1300px) {
  .proposito__container {
    max-width: 1300px;
  }
}

.que-es__container,
.que-es__content,
.que-es__text,
.que-es__title,
.que-es__text--first,
.que-es__text--second,
.que-es__image-container {
  width: 100%;
}

.que-es__container,
.que-es__content,
.que-es__text,
.que-es__image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.que-es__container {
  padding: 6rem 2rem 0rem 2rem;
  background-color: var(--color__greyscale--200);
  order: 2;
}

.que-es__content {
  padding-bottom: 1rem;
  align-items: flex-end;
  flex-wrap: wrap;
}

.que-es__text {
  max-width: 600px;
  flex-direction: column;
}

.que-es__text--first,
.que-es__text--second {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  color: var(--color__text);
  max-width: 501px;
}

.que-es__text--first {
  margin-bottom: 1.5rem;
}

.que-es__title {
  font-family: "Raleway";
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
  color: var(--color__text);
  margin-bottom: 2rem;
  text-align: center;
}

.que-es__title--secondary {
  color: var(--color__title--main);
}

.que-es__image {
  width: 100%;
  height: auto;
}

.que-es__image-container {
  width: 100%;
  height: auto;
  max-width: 472px;
  max-height: 408px;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .que-es__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .que-es__title {
    font-size: 45px;
    line-height: 53px;
  }

  .que-es__text--first,
  .que-es__text--second {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1023px) {
  .que-es__container {
    padding-top: 2rem;
  }

  .que-es__content {
    flex-wrap: nowrap;
  }

  .que-es__title {
    text-align: left;
  }
}

.integrarte {
  background-color: var(--color__greyscale--800);
  padding: 5em 0em;
  order: 8;
}

.integrarte,
.integrarte__container,
.integrarte__title,
.integrarte__text {
  width: 100%;
}

.integrarte,
.integrarte__container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.integrarte__container {
  flex-wrap: wrap;
  padding: 0em 1.5em;
}

.integrarte__title,
.integrarte__text {
  text-align: center;
}

.integrarte__title {
  font-family: "Raleway";
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  color: var(--color__title--support-1);
}

.integrarte__title--secondary {
  color: var(--color__title--secondary);
}

.integrarte__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__title--support-1);
  margin-top: 2.75em;
  margin-bottom: 1.75em;
}

@media only screen and (min-width: 700px) {
  .integrarte__title {
    font-size: 40px;
    line-height: 47px;
  }

  .integrarte__text {
    font-size: 18px;
    line-height: 26px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.mision {
  justify-content: center;
  align-items: center;
  padding-top: 3.125em;
  display: flex;
  flex-wrap: wrap;
}

.mision,
.mision__container,
.mision__image-container,
.mision__text {
  width: 100%;
}

.mision__container {
  justify-content: flex-end;
  align-items: center;
  position: relative;
  display: flex;
}

.mision__container--center {
  justify-content: center;
}

.mision__image {
  width: 100%;
  height: auto;
  max-width: 570px;
  max-height: 417px;
}

.mision__image-container {
  background-color: var(--color__greyscale--300);
  align-items: center;
  justify-content: center;
  max-width: 603px;
  max-height: 449px;
  padding: 1em;
  display: none;
}

.mision__image.not-loaded {
  width: 100%;
  height: 100vh;
  border-radius: 16px;
  background-image: linear-gradient(90deg, var(--color__greyscale--500) 0px, var(--color__greyscale--100) 40px, var(--color__greyscale--500) 80px);
  background-color: var(--color__greyscale--400);
  -webkit-animation: mision-skeleton 1s infinite linear;
          animation: mision-skeleton 1s infinite linear;
}

.mision__content {
  width: 100%;
}

.mision__title {
  text-align: center;
  font-family: "Raleway";
  font-size: 35px;
  line-height: 41px;
  font-weight: bold;
  color: var(--color__text);
  margin-bottom: 2.375rem;
}

.mision__title--secondary {
  color: var(--color__title--main);
}

.mision__title--third {
  color: var(--color__greyscale--100);
}

.mision__text {
  padding: 1.5rem;
  background-color: var(--color__title--main);
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__title--support-1);
}

.vision__container {
  justify-content: flex-start;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .mision__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .mision__text {
    font-size: 18px;
    line-height: 26px;
  }

  .mision__title {
    font-size: 75px;
    line-height: 89px;
  }
}

@media only screen and (min-width: 1023px) {
  .mision {
    flex-direction: column;
    padding-top: 4.5em;
  }

  .mision__container {
    max-width: 945px;
  }

  .mision__image-container {
    display: flex;
  }

  .mision__content {
    position: absolute;
    left: 0;
    top: 2em;
    max-width: 681px;
  }

  .mision__title {
    text-align: right;
    margin-bottom: 0.5rem;
  }

  .mision__text {
    padding: 1.3em 3.8em;
  }

  .vision {
    flex-direction: column;
  }

  .vision__title {
    text-align: left;
  }

  .vision__content {
    position: absolute;
    right: 0;
    top: 2em;
    max-width: 681px;
  }
}

.objetivo-general {
  margin-top: 5rem;
  padding: 4.625rem 0;
}

.objetivo-general,
.objetivo-general__container,
.objetivo-general__title,
.objetivo-general__text {
  width: 100%;
}

.objetivo-general,
.objetivo-general__container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.objetivo-general__container {
  flex-wrap: wrap;
  padding: 0 1.5rem;
}

.objetivo-general__title {
  text-align: center;
  font-family: "Raleway";
  font-size: 35px;
  line-height: 41px;
  font-weight: bold;
  color: var(--color__title--support-1);
  margin-bottom: 1.6875rem;
}

.objetivo-general__title--secondary {
  color: var(--color__title--main);
}

.objetivo-general__text {
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__title--support-1);
  max-width: 544px;
}

@media screen and (min-width: 700px) {
  .objetivo-general {
    margin-top: 8.3125rem;
  }

  .objetivo-general__title {
    font-size: 40px;
    line-height: 47px;
  }

  .objetivo-general__text {
    font-size: 18px;
    line-height: 26px;
  }
}

.objetivos-particulares {
  margin-top: 5rem;
}

.objetivos-particulares,
.objetivos-particulares__container,
.objetivos-particulares__list,
.objetivos-particulares__list-element,
.objetivos-particulares__element-buttons {
  display: flex;
  justify-content: center;
}

.objetivos-particulares,
.objetivos-particulares__container,
.objetivos-particulares__list,
.objetivos-particulares__element-buttons {
  align-items: center;
  flex-wrap: wrap;
}

.objetivos-particulares,
.objetivos-particulares__container,
.objetivos-particulares__list,
.objetivos-particulares__list-element,
.objetivos-particulares__title,
.objetivos-particulares__text,
.objetivos-particulares__footer,
.objetivos-particulares__element-buttons {
  width: 100%;
}

.objetivos-particulares__container {
  padding: 0 1.5rem;
  max-width: 834px;
}

.objetivos-particulares__title {
  font-family: "Raleway";
  font-size: 35px;
  line-height: 41px;
  font-weight: bold;
  color: var(--color__text);
  margin-bottom: 1rem;
}

.objetivos-particulares__title--secondary {
  color: var(--color__title--main);
}

.objetivos-particulares__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 20px;
  font-weight: inherit;
  color: var(--color__text);
}

.objetivos-particulares__text--secondary {
  color: var(--color__title--main);
}

.objetivos-particulares__text--center {
  text-align: center;
}

.objetivos-particulares__list-element {
  align-items: flex-start;
  margin: 1rem 0;
}

.objetivos-particulares__number {
  font-family: "Raleway";
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  color: var(--color__title--secondary);
  margin-right: 0.875rem;
}

.objetivos-particulares__footer {
  margin-top: 4rem;
}

.objetivos-particulares__element-buttons {
  margin-bottom: 1rem;
}

.objetivos-particulares__element-buttons * {
  margin: 0.5rem;
}

@media screen and (min-width: 700px) {
  .objetivos-particulares__title {
    font-size: 40px;
    line-height: 47px;
  }

  .objetivos-particulares__text {
    font-size: 18px;
    line-height: 26px;
  }

  .objetivos-particulares__list {
    max-width: 577px;
  }
}

@media screen and (min-width: 1023px) {
  .objetivos-particulares {
    margin-top: 8.3125rem;
  }

  .objetivos-particulares__container--add {
    margin-top: -4rem;
  }

  .objetivos-particulares__list-element {
    align-items: center;
  }

  .objetivos-particulares__title {
    margin-bottom: 5.25rem;
  }

  .objetivos-particulares__number {
    margin-right: 2.625rem;
  }
}

.valores,
.valores__container,
.valores__content,
.valores__image-container,
.valores__list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.valores,
.valores__container,
.valores__content,
.valores__image-container,
.valores__list,
.valores__title,
.valores__text,
.valores__list-element,
.valores__element-buttons {
  width: 100%;
}

.valores__container,
.valores__content,
.valores__list {
  flex-wrap: wrap;
}

.valores__container {
  padding: 0 1.5rem;
  flex-direction: column;
}

.valores__image {
  width: 100%;
  height: auto;
  max-width: 68px;
  max-height: 66px;
  margin: 0 0.375rem;
}

.valores__image-container {
  margin-top: 3.4375rem;
}

.valores__title {
  font-family: "Raleway";
  font-size: 35px;
  line-height: 41px;
  font-weight: bold;
  color: var(--color__title--main);
  margin-top: 3.3125rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.valores__list-element,
.valores__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  text-align: center;
}

.valores__list {
  margin-top: 1.25rem;
}

.valores__list-element {
  line-height: 22px;
  font-weight: bold;
  text-align: center;
}

.valores__element-buttons {
  margin-bottom: 1rem;
}

.valores__element-buttons * {
  margin: 0.5rem;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .valores__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .valores__text,
  .valores__title {
    text-align: center;
  }

  .valores__text,
  .valores__list-element {
    font-size: 18px;
    line-height: 26px;
  }

  .valores__title {
    font-size: 50px;
    line-height: 59px;
  }

  .valores__image {
    max-width: 107px;
    max-height: 95px;
  }
}

@media only screen and (min-width: 1023px) {
  .valores {
    padding-top: 5rem;
  }

  .valores__container {
    max-width: 955px;
    justify-content: center;
  }

  .valores__content,
  .valores__image-container,
  .valores__list {
    width: 50%;
  }

  .valores__text,
  .valores__title {
    text-align: center;
  }

  .valores__content {
    order: 1;
  }

  .valores__image-container {
    order: 2;
    justify-content: flex-end;
  }

  .valores__list {
    order: 3;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.users {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #182337 url("/img/banners/la_red/textura_2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4rem 1.5rem;
}

.users,
.users__container,
.users__title,
.users__content,
.users__separator {
  width: 100%;
}

.users__container,
.users__content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.users__container {
  max-width: 640px;
  max-height: 640px;
  background-color: var(--color__greyscale--100);
  padding: 2rem 1rem;
  border-radius: 1rem;
}

.users__title {
  text-align: center;
  font-family: "Raleway";
  font-size: 26px;
  line-height: 18px;
  font-weight: bold;
  color: var(--color__title--main);
}

.users__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  transition: all 0.25s ease-in;
}

.users__text--link:hover {
  cursor: pointer;
  color: var(--color__title--main);
}

.users__text--lg {
  font-size: 18px;
  line-height: 26px;
}

.users__separator {
  border: 1px solid var(--color__greyscale--500);
  margin: 1.5rem 0;
  background: var(--color__greyscale--500);
}

@media only screen and (min-width: 700px) {
  .users {
    padding: 4rem 2.5rem;
  }

  .users__title {
    font-size: 40px;
    line-height: 26px;
  }

  .users__container {
    padding: 2rem;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.areas {
  margin-top: 3.875rem;
}

.areas,
.areas__container,
.areas__content,
.areas__element {
  display: flex;
  justify-content: center;
  align-items: center;
}

.areas,
.areas__container,
.areas__content,
.areas__text,
.areas__element {
  width: 100%;
}

.areas__container,
.areas__content,
.areas__element {
  flex-wrap: wrap;
}

.areas__image {
  width: 100%;
  height: auto;
  max-width: 85px;
  max-height: 94px;
  margin-top: 1rem;
}

.areas__image.not-loaded {
  width: 100%;
  height: 100vh;
  border-radius: 16px;
  background-image: linear-gradient(90deg, var(--color__greyscale--500) 0px, var(--color__greyscale--100) 40px, var(--color__greyscale--500) 80px);
  background-color: var(--color__greyscale--400);
  -webkit-animation: areas-skeleton 1s infinite linear;
          animation: areas-skeleton 1s infinite linear;
}

.areas__content {
  margin-top: 2rem;
}

.areas__container {
  max-width: 834px;
  padding: 0 1.75rem;
}

.areas__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  text-align: center;
}

.areas__text--secondary {
  color: var(--color__title--main);
}

.areas__element {
  max-width: 150px;
  margin: 0.5rem 2rem;
  align-self: baseline;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .areas__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 700px) {
  .areas__text {
    font-size: 18px;
    line-height: 26px;
  }
}

.tipos-membresia {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 3.5rem 0;
}

.tipos-membresia,
.tipos-membresia__text {
  width: 100%;
}

.tipos-membresia__text {
  text-align: center;
  padding: 0 1.5rem;
  font-family: "Open Sans";
  font-size: 23px;
  line-height: 32px;
  font-weight: inherit;
  color: var(--color__text);
}

.tipos-membresia__text--secondary,
.tipos-membresia__text--accent {
  font-weight: bold;
}

.tipos-membresia__text--secondary {
  color: var(--color__title--main);
}

.tipos-membresia__text--accent {
  color: var(--color__title--secondary);
}

@media screen and (min-width: 700px) {
  .tipos-membresia__text {
    font-size: 30px;
    line-height: 41px;
  }
}

.miembro {
  margin-top: 3rem;
}

.miembro,
.miembro__container,
.miembro__content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.miembro,
.miembro__container,
.miembro__content,
.miembro__title,
.miembro__text {
  width: 100%;
}

.miembro__content {
  flex-wrap: wrap;
  max-width: 580px;
}

.miembro__container {
  flex-direction: column-reverse;
  flex-wrap: wrap;
  padding: 0 1.75rem;
}

.miembro__image {
  width: 100%;
  height: auto;
  max-width: 215px;
  max-height: 173px;
}

.miembro__image.not-loaded {
  width: 100%;
  height: 100vh;
  border-radius: 16px;
  background-image: linear-gradient(90deg, var(--color__greyscale--500) 0px, var(--color__greyscale--100) 40px, var(--color__greyscale--500) 80px);
  background-color: var(--color__greyscale--400);
  -webkit-animation: participar-skeleton 1s infinite linear;
          animation: participar-skeleton 1s infinite linear;
}

.miembro__title,
.miembro__text {
  text-align: center;
}

.miembro__title {
  font-family: "Raleway";
  font-size: 35px;
  line-height: 41px;
  font-weight: bold;
  color: var(--color__text);
  margin-bottom: 2.625rem;
}

.miembro__title--secondary {
  color: var(--color__title--main);
}

.miembro__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  margin-bottom: 1.5rem;
}

.miembro__text--secondary {
  margin-top: 3.875rem;
  max-width: 834px;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .miembro__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 700px) {
  .miembro__title {
    font-size: 60px;
    line-height: 85px;
  }

  .miembro__title--secondary {
    font-size: 80px;
  }

  .miembro__text {
    font-size: 18px;
    line-height: 26px;
  }

  .miembro__image {
    max-width: 425px;
    max-height: 342px;
  }
}

@media screen and (min-width: 1023px) {
  .miembro {
    margin-top: 5.75rem;
  }

  .miembro__title,
  .miembro__text {
    margin-bottom: 0;
  }

  .miembro__text--secondary {
    margin-top: 5rem;
  }

  .miembro__container {
    flex-direction: row;
  }
}

.peticion {
  width: 100%;
  background: var(--color__greyscale--100);
}

.requisitos__documents,
.requisitos__form {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.requisitos__form {
  flex-direction: column;
  max-width: 356px;
}

.requisitos__documents {
  margin-bottom: 3.5rem;
}

.requisitos.acordeon__collapsible--active {
  max-height: 2000px;
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

.admin__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
}

.admin__title {
  font-family: "Raleway";
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  color: var(--color__title--main);
}

.text--center {
  text-align: center;
}

.container--full {
  width: 100%;
}

@media only screen and (min-width: 700px) {
  .admin__text {
    font-size: 18px;
    line-height: 26px;
  }

  .admin__title {
    font-size: 40px;
    line-height: 47px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.banner {
  width: 100%;
  height: 90vh;
  background-color: var(--color__greyscale--700);
  display: flex;
  align-items: center;
  order: 1;
}

.banner__container,
.banner__content {
  width: 100%;
  height: 100%;
}

.banner__container {
  position: relative;
}

.banner__content {
  overflow-x: hidden;
}

.banner__image {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.banner__image-list {
  display: flex;
  align-items: center;
  transition: margin .5s ease-out;
  height: 100%;
}

.banner__image-container,
.banner__image-container--active {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-out;
}

.banner__image-container {
  opacity: 0;
}

.banner__image-container--active {
  opacity: 1;
}

.banner__indicator {
  opacity: 0.3;
  transition: all 0.2s ease-out;
}

.banner__indicator:hover {
  opacity: 0.7;
  cursor: pointer;
}

.banner__indicator--active {
  opacity: 1;
  transition: all 0.2s ease-out;
}

.banner__indicator-container {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 0;
  justify-content: center;
  z-index: 10;
  background: black;
  background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
}

.banner__indicator,
.banner__indicator--active {
  margin: 5em 0.25em 2em 0.25em;
  border: 0.01em solid var(--color__greyscale--500);
  padding: 0.3125em;
  border-radius: 100%;
  background-color: var(--color__greyscale--100);
  max-width: 10px;
  max-height: 10px;
}

.banner__previous,
.banner__next {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
  color: var(--color__greyscale--100);
  opacity: 0.3;
  transition: opacity 0.2s ease-out;
}

.banner__previous:hover,
.banner__previous:active,
.banner__next:hover,
.banner__next:active {
  opacity: 0.9;
}

.banner__icon {
  font-size: 1.5em;
  padding: 1em;
  background: var(--color__greyscale--600);
}

.banner__previous {
  left: 0.5em;
}

.banner__next {
  right: 0.5em;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .banner__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 1023px) {
  .banner__icon {
    font-size: 2.5em;
  }

  .banner__previous {
    left: 2em;
  }

  .banner__next {
    right: 2em;
  }
}

.banner__config {
  order: 1;
}

.banner__config,
.banner__config-container,
.banner__config-button,
.banner__config-title,
.banner__config-list,
.banner__config-list span,
.banner__config-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner__config,
.banner__config-container,
.banner__config-button,
.banner__config-title,
.banner__config-list,
.banner__config-list span,
.banner__config-footer {
  width: 100%;
}

.banner__config,
.banner__config-container,
.banner__config-list,
.banner__config-footer {
  flex-wrap: wrap;
}

.banner__config-container {
  padding: 0 1.5rem;
  max-width: 1023px;
  transition: all 0.35s ease;
}

.banner__config-container.acordeon__collapsible--active {
  max-height: 5000px;
  transition: all 1s ease;
}

.banner__config-button,
.banner__config-footer {
  padding: 1.5rem 0;
}

.banner__config-title,
.banner__config-list span {
  padding: .5rem 0;
}

.banner__config-image {
  border-radius: 0.5rem;
  border: 0.25rem solid transparent;
  max-width: 250px;
  max-height: 250px;
  width: 250px;
  height: auto;
  margin: 1rem;
}

.banner__config-image:hover {
  cursor: pointer;
}

.banner__config-footer * {
  margin: 1rem 0.5rem;
}

.banner__config-title {
  flex-direction: column;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .banner__config-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .banner__config-title {
    flex-direction: row;
    justify-content: space-between;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.boton {
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  color: var(--color__title--support-1);
  text-align: center;
  background-color: var(--color__button);
  border-radius: 15px;
  padding: 0.5rem 3rem;
  border: 0px;
  transition: all 0.25s ease-out;
}

.boton:hover,
.boton:active,
.boton:focus {
  outline: none;
}

.boton:hover,
.boton:active {
  background-color: var(--color__button--hover);
}

.boton:hover {
  cursor: pointer;
}

.boton--mini {
  font-size: 12px;
  line-height: 17px;
  padding: 0.25rem 1.5rem;
}

.boton--success {
  background-color: var(--color__status--success);
}

.boton--success:hover {
  background-color: var(--color__status--success-hover);
}

.boton--success:disabled {
  background-color: transparent;
  color: var(--color__status--success);
}

.boton--success:disabled:hover {
  cursor: default;
  background-color: transparent;
}

.boton--success-outline {
  border: 1px solid var(--color__status--success);
  background-color: var(--color__title--support-1);
  color: var(--color__status--success);
}

.boton--success-outline:hover {
  background-color: var(--color__status--success);
  color: var(--color__title--support-1);
}

.boton--danger {
  background-color: var(--color__status--danger);
}

.boton--danger:hover {
  background-color: var(--color__status--danger-hover);
}

.boton--secondary {
  border: 1px solid var(--color__button);
  background-color: transparent;
  color: var(--color__button);
}

.boton--secondary:hover {
  background-color: var(--color__button);
  color: var(--color__title--support-1);
}

.boton--third {
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--color__button);
}

.boton--third:hover {
  text-decoration: underline;
  background-color: transparent;
}

.boton--white {
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--color__greyscale--100);
}

.boton--white:hover {
  text-decoration: underline;
  background-color: transparent;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.boton-archivo {
  margin: 0 1.25rem;
  padding: 0.625rem 1rem;
  background-color: var(--color__greyscale--100);
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 25px;
  font-weight: inherit;
  color: var(--color__text);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boton-archivo__image {
  width: 100%;
  height: auto;
  max-width: 24px;
  max-height: 26px;
  margin-right: 1rem;
}

.container-busqueda {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1004px;
}

.container-busqueda .title {
  width: 100%;
  font: Bold 40px/47px 'Raleway';
  color: #000000;
  padding: 3rem 0;
  text-align: center;
}

.container-busqueda .resultados {
  width: 100%;
  max-width: 1004px;
  margin-top: 3rem;
}

.container-busqueda .resultados .title {
  font: Bold 25px/34px 'Open Sans';
  color: #212121;
  text-align: left;
}

.container-busqueda .resultados .container-resultados {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.container-busqueda .resultados .container-resultados .element {
  width: 100%;
  max-width: 285px;
  margin-bottom: 1.25rem;
}

.container-busqueda .barra-busqueda {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.container-busqueda .barra-busqueda .item {
  width: 100%;
  max-width: 287px;
}

.container-busqueda .barra-busqueda .item .label {
  font: Bold 15px/20px 'Open Sans';
  color: #434343;
  padding: .5rem;
}

.container-busqueda .barra-busqueda .item .search-box {
  width: 100%;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  font: normal 15px/20px 'Open Sans';
  padding: .5rem;
}

.container-busqueda .paginacion {
  width: 100%;
  max-width: 1004px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container-busqueda .paginacion .resultados-totales,
.container-busqueda .paginacion .resultados-actuales {
  width: 100%;
  max-width: 200px;
  font: normal 15px/20px 'Open Sans';
  color: #212121;
}

.container-busqueda .paginacion .resultados-totales {
  text-align: right;
}

.container-busqueda .botones {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4.5rem 0;
}

.container-busqueda .botones .prev,
.container-busqueda .botones .next {
  font: normal 15px/20px 'Open Sans';
  color: #434343;
  margin: 0 1rem;
}

.container-busqueda .botones .item {
  border-radius: 15px;
  padding: .625rem 1rem;
  border: none;
  color: #DC5A35;
  background: #EFEFEF;
  font: Bold 15px/20px 'Open Sans';
  margin: 0 .375rem;
}

.container-busqueda .botones .item.active {
  color: #FFF;
  background: #DC5A35;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.carrusel__container,
.carrusel__slide-container,
.carrusel__list,
.carrusel__slide {
  width: 100%;
}

.carrusel__container,
.carrusel__slide,
.carrusel__list {
  display: flex;
  align-items: center;
}

.carrusel__container,
.carrusel__slide {
  justify-content: center;
}

.carrusel__container {
  padding: 0 1.5rem;
  position: relative;
  flex-wrap: wrap;
}

.carrusel__slide-container {
  overflow-x: hidden;
  position: relative;
  padding-bottom: 3.25rem;
}

.carrusel__list {
  transition: margin .5s ease-out;
}

.carrusel__list-element {
  display: inline-block;
  margin: 0 0.625rem;
}

.carrusel__indicator {
  opacity: 0.3;
  transition: all 0.2s ease-out;
}

.carrusel__indicator:hover {
  opacity: 0.7;
  cursor: pointer;
}

.carrusel__indicator--active {
  opacity: 1;
  transition: all 0.2s ease-out;
}

.carrusel__indicator-container {
  position: absolute;
  width: 100%;
  display: flex;
  bottom: 0;
  justify-content: center;
  z-index: 10;
}

.carrusel__indicator,
.carrusel__indicator--active {
  margin: 0 0.125rem;
  border: 0.01em solid var(--color__greyscale--500);
  padding: 0.3125em;
  border-radius: 100%;
  background-color: var(--color__greyscale--800);
  max-width: 10px;
  max-height: 10px;
}

.carrusel__indicator--white,
.carrusel__indicator--active--white {
  background-color: var(--color__greyscale--100);
}

.carrusel__previous,
.carrusel__next {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
  color: var(--color__greyscale--800);
  opacity: 0.3;
  transition: opacity 0.2s ease-out;
  bottom: 5em;
}

.carrusel__previous:hover,
.carrusel__previous:active,
.carrusel__next:hover,
.carrusel__next:active {
  opacity: 0.9;
}

.carrusel__previous--white,
.carrusel__next--white {
  color: var(--color__greyscale--200);
}

.carrusel__icon {
  font-size: 2em;
  padding: 4em 0.5em;
  background: var(--color__greyscale--200);
}

.carrusel__icon--white {
  background-color: var(--color__greyscale--700);
}

.carrusel__previous {
  left: 0em;
}

.carrusel__next {
  right: 0em;
}

@media screen and (min-width: 700px) {
  .carrusel__icon {
    padding: 4em 1em;
  }

  .carrusel__previous {
    left: 0.5em;
  }

  .carrusel__next {
    right: 0.5em;
  }
}

@media screen and (min-width: 992px) {
  .carrusel__slide {
    max-width: 992px;
    padding: 1.875rem;
  }

  .carrusel__slide-container {
    max-width: 992px;
  }

  .carrusel__previous,
  .carrusel__next {
    bottom: 14em;
  }

  .carrusel__icon {
    padding: 1em;
  }

  .carrusel__previous {
    left: 2.5em;
  }

  .carrusel__next {
    right: 2.5em;
  }
}

@media screen and (min-width: 1023px) {
  .carrusel__slide {
    max-width: 1023px;
  }

  .carrusel__slide-container {
    max-width: 1023px;
  }
}

@media screen and (min-width: 1300px) {
  .carrusel__slide {
    max-width: 1300px;
  }

  .carrusel__slide-container {
    max-width: 1300px;
  }

  .carrusel__previous {
    left: 3.5em;
  }

  .carrusel__next {
    right: 3.5em;
  }
}

@media screen and (min-width: 1400px) {
  .carrusel__slide {
    max-width: 1400px;
  }

  .carrusel__slide-container {
    max-width: 1400px;
  }

  .carrusel__previous {
    left: 5em;
  }

  .carrusel__next {
    right: 5em;
  }
}

@media screen and (min-width: 1600px) {
  .carrusel__slide {
    max-width: 1600px;
  }

  .carrusel__slide-container {
    max-width: 1600px;
  }

  .carrusel__previous {
    left: 10em;
  }

  .carrusel__next {
    right: 10em;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.continente {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 493px;
  margin: 1rem;
}

.continente__image {
  width: 100%;
  height: auto;
  max-width: 493px;
  max-height: 312px;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .continente__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 992px) {
  .continente {
    max-width: 450px;
  }
}

@media screen and (min-width: 1023px) {
  .continente {
    max-width: 493px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.coordinador {
  margin: 0.875rem;
  max-width: 475px;
  flex-wrap: wrap;
}

.coordinador--admin {
  padding: 1rem;
}

.coordinador--admin * {
  margin: 0 0.25rem;
}

.coordinador,
.coordinador__container,
.coordinador__content,
.coordinador__title,
.coordinador__text,
.coordinador__text-container,
.coordinador__contacto,
.coordinador__image {
  width: 100%;
}

.coordinador,
.coordinador__container,
.coordinador__content,
.coordinador__text-container,
.coordinador__contacto {
  display: flex;
}

.coordinador,
.coordinador__container {
  justify-content: center;
  align-items: center;
}

.coordinador__content,
.coordinador__text-container,
.coordinador__contacto {
  flex-wrap: wrap;
}

.coordinador__contacto,
.coordinador__text-container,
.coordinador__content {
  flex-direction: column;
}

.coordinador__text-container,
.coordinador__content {
  align-items: flex-start;
}

.coordinador__contacto {
  margin-top: 1rem;
}

.coordinador__container {
  flex-direction: column;
}

.coordinador__content {
  padding: 0 1rem;
  justify-content: space-between;
}

.coordinador__image-container {
  width: 100%;
  height: 210px;
  max-width: 168px;
  max-height: 229px;
}

.coordinador__title,
.coordinador__text {
  text-align: center;
}

.coordinador__title {
  font-family: "Raleway";
  font-weight: bold;
  color: var(--color__title--main);
}

.coordinador__title--nombre {
  color: var(--color__text);
  font-size: 20px;
  line-height: 21px;
}

.coordinador__title--puesto {
  font-size: 18px;
  line-height: 21px;
}

.coordinador__title--subtitle {
  font-size: 15px;
  line-height: 17px;
}

.coordinador__text {
  font-family: "Open Sans";
  font-size: 12px;
  line-height: 17px;
  font-weight: inherit;
  color: var(--color__text);
  transition: all 0.25s ease-out;
}

.coordinador__text--correo {
  color: var(--color__link);
  margin-bottom: 1rem;
}

.coordinador__text--correo:hover {
  font-weight: bold;
  color: var(--color__link--hover);
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .coordinador__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 700px) {
  .coordinador__container {
    flex-direction: row;
  }

  .coordinador__content {
    height: 210px;
  }

  .coordinador__title,
  .coordinador__text {
    text-align: left;
  }

  .coordinador__contacto {
    margin-top: 0;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.header {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
  order: 0;
}

.head {
  width: 100%;
  background-color: var(--color__greyscale--400);
  padding: 1em 0em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.head__admin {
  width: 100%;
  background: var(--color__greyscale--800);
  color: var(--color__greyscale--100);
  justify-content: center;
}

.head__admin,
.head__admin--container {
  display: flex;
  align-items: center;
}

.head__admin--container {
  padding: 0.5rem 1rem;
  justify-content: space-between;
  max-width: 1023px;
}

.head__admin-menu {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}

.head__container,
.head__image-container,
.head__menu,
.head__list,
.head__logo,
.head__menu-button {
  display: inline-flex;
  flex-wrap: nowrap;
}

.head__container,
.head__image-container,
.head__list,
.head__logo,
.head__menu-button {
  align-items: center;
}

.head__container,
.head__menu,
.head__list,
.head__logo {
  justify-content: space-around;
}

.head__container {
  width: 100%;
  padding: 0em 1em;
}

.head__image-container {
  width: 100%;
  justify-content: space-between;
}

.head__menu {
  width: 100%;
  position: absolute;
  background: var(--color__greyscale--100);
  top: 76px;
  left: 0;
  max-height: 92vh;
  height: 92vh;
  z-index: 10;
  align-items: flex-start;
  padding-top: 2em;
}

.head__menu-button {
  width: auto;
  height: auto;
  padding: 0.5em;
  cursor: pointer;
}

.head__menu--authenticated {
  margin-top: 3.5rem;
}

.head__instituciones {
  justify-content: center;
  display: none;
}

.head__instituciones--mobile {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
}

.head__image {
  width: auto;
  height: auto;
}

.head__image--logo {
  max-width: 150px;
  max-height: 40px;
}

.head__image--institucion-1 {
  max-width: 59px;
  max-height: 46px;
  margin-right: 0.5em;
}

.head__image--institucion-2 {
  max-width: 89px;
  max-height: 24px;
  margin-left: 0.5em;
}

.head__image--menu-button {
  display: block;
  max-width: 24px;
  max-height: 24px;
}

.head__list {
  list-style: none;
  flex-direction: column;
  -webkit-margin-before: 0em;
          margin-block-start: 0em;
  -webkit-margin-after: 0em;
          margin-block-end: 0em;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
  width: 100%;
}

.head__list--element {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 35px;
  color: var(--color__text);
  cursor: pointer;
  padding: 0.5em 4em;
  border-bottom: solid 3px transparent;
  width: 100%;
}

.head__list--element.head--exact-active {
  background-color: var(--color__greyscale--500);
  font-weight: bold;
}

.head__list--element.head--exact-active:before {
  content: '>      ';
  margin-left: -0.8em;
  font-weight: bold;
  color: var(--color__title--secondary);
}

.head__list--title {
  font-family: "Montserrat";
  font-size: 30px;
  line-height: 36px;
  color: var(--color__text);
  font-weight: 900;
  margin: 0.5em 0em;
  padding: 0.5em 1.5em;
  width: 100%;
}

.head__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__greyscale--100);
}

@media only screen and (min-width: 700px) {
  .head__container {
    max-width: 700px;
  }

  .head__instituciones {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  .head__instituciones--mobile {
    display: none;
  }

  .head__menu {
    top: 95px;
    max-height: 90vh;
    height: 90vh;
  }

  .head__menu-button {
    padding: 1em;
  }

  .head__image {
    width: auto;
    height: auto;
  }

  .head__image--logo {
    max-width: 220px;
    max-height: 59px;
  }

  .head__image--menu-button {
    display: block;
    max-width: 28px;
    max-height: 28px;
  }
}

@media only screen and (min-width: 992px) {
  .head__container {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1023px) {
  .head__container {
    max-width: 1023px;
  }

  .head__list {
    flex-direction: row;
  }

  .head__list--element {
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 18px;
    width: auto;
    text-align: right;
  }

  .head__list--element.head--exact-active {
    background-color: transparent;
    border-bottom-color: var(--color__title--secondary);
  }

  .head__list--element.head--exact-active:before {
    content: '';
    margin-left: 0;
  }

  .head__list--title {
    display: none;
  }

  .head__image-container,
  .head__menu {
    width: 45%;
  }

  .head__menu {
    position: relative;
    background: transparent;
    height: auto;
    top: 0;
    left: 0;
    height: auto;
    align-items: center;
    padding-top: 0;
  }

  .head__menu-button {
    border: 0px;
    width: 0px;
    height: 0px;
  }

  .head__menu--authenticated {
    margin-top: 0;
  }

  .head__image--menu-button {
    display: none;
  }
}

@media only screen and (min-width: 1300px) {
  .head__container {
    max-width: 1300px;
  }
}

@media only screen and (min-width: 1400px) {
  .head__container {
    max-width: 1400px;
  }
}

@media only screen and (min-width: 1600px) {
  .head__container {
    max-width: 1600px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.nacional {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3em;
  padding-top: 5em;
  order: 7;
}

.nacional__container,
.nacional__title,
.nacional__description,
.nacional__image-container,
.nacional__place,
.nacional__text,
.nacional__content .nacional__column {
  width: 100%;
}

.nacional__container,
.nacional__image-container,
.nacional__place,
.nacional__content,
.nacional__column {
  display: flex;
  justify-content: center;
}

.nacional__container,
.nacional__image-container,
.nacional__place {
  align-items: center;
}

.nacional__container {
  padding: 0em 1.5em;
  flex-wrap: wrap;
}

.nacional__content {
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

.nacional__content * {
  margin: 0.35rem 0;
}

.nacional__content.acordeon__collapsible--active {
  max-height: 5000px;
  transition: all 1s ease;
}

.nacional__title {
  font-family: "Raleway";
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  color: var(--color__text);
  text-align: center;
}

.nacional__title--secondary {
  color: var(--color__title--main);
}

.nacional__description,
.nacional__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  margin-top: 3em;
  text-align: center;
  max-width: 867px;
}

.nacional__text {
  font-weight: bold;
}

.nacional__image {
  width: 100%;
  height: auto;
  max-width: 280px;
  max-height: 280px;
}

.nacional__image-container {
  margin-top: 3em;
}

.nacional__column {
  flex-wrap: wrap;
  max-width: 310px;
  margin: 0 1.125rem;
}

.nacional__column--invisible {
  display: none;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .nacional__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .nacional__title {
    font-size: 40px;
    line-height: 47px;
  }

  .nacional__text,
  .nacional__description {
    font-size: 18px;
    line-height: 26px;
    margin: 2em 0em;
  }

  .nacional__content {
    flex-wrap: nowrap;
  }

  .nacional__container {
    max-width: 700px;
  }
}

@media only screen and (min-width: 992px) {
  .nacional__container {
    max-width: 992px;
  }
}

@media only screen and (min-width: 1023px) {
  .nacional {
    padding-top: 0em;
  }

  .nacional__container {
    max-width: 1023px;
  }
}

@media only screen and (min-width: 1300px) {
  .nacional__container {
    max-width: 1300px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.regionales {
  background-color: var(--color__greyscale--500);
  padding: 6.25em 1.5em;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 6;
}

.regionales__container,
.regionales__title,
.regionales__status-container,
.regionales__content,
.regionales__column {
  width: 100%;
}

.regionales__container,
.regionales__status-container,
.regionales__status,
.regionales__content,
.regionales__column {
  display: flex;
  justify-content: center;
}

.regionales__container,
.regionales__status-container,
.regionales__status {
  align-items: center;
}

.regionales__container,
.regionales__content {
  flex-wrap: wrap;
}

.regionales__content {
  align-items: flex-start;
}

.regionales__content--admin {
  margin-bottom: 1rem;
}

.regionales__content--admin * {
  margin: 1rem;
}

.regionales__title {
  text-align: center;
  font-family: "Raleway";
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  color: var(--color__text);
}

.regionales__title--secondary {
  color: var(--color__title--main);
}

.regionales__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
}

.regionales__status {
  margin: 0 1em;
}

.regionales__status--active,
.regionales__status--inactive,
.regionales__status--suspended {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 .25em;
}

.regionales__status--active {
  background-color: var(--color__status--success);
}

.regionales__status--inactive {
  background-color: var(--color__status--warning);
}

.regionales__status--suspended {
  background-color: var(--color__status--danger);
}

.regionales__status-container {
  margin: 3.5em 0em;
}

.regionales__column {
  flex-wrap: wrap;
  max-width: 310px;
  margin: 0 1.125rem;
}

.regionales__column--invisible {
  display: none;
}

@media only screen and (min-width: 700px) {
  .regionales__text {
    font-size: 18px;
    line-height: 26px;
  }

  .regionales__status {
    margin: 0 1.75em;
  }

  .regionales__title {
    font-size: 40px;
    line-height: 47px;
  }
}

@media only screen and (min-width: 1023px) {
  .regionales {
    order: 5;
  }

  .regionales__container {
    max-width: 1023px;
  }
}

@media only screen and (min-width: 1300px) {
  .regionales__container {
    max-width: 1300px;
  }
}

@media only screen and (min-width: 1600px) {
  .regionales__container {
    max-width: 1600px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.form-input {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.625rem 0;
  position: relative;
}

.form-input--hidden {
  margin: 0;
}

.form-input,
.form-input__title,
.form-input__input,
.form-input__text,
.form-input__options {
  width: 100%;
}

.form-input__title {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 26px;
  font-weight: inherit;
  color: var(--color__title--main);
  padding: 0.5rem;
  position: relative;
}

.form-input__title--eventos {
  font-weight: bold;
  color: var(--color__text);
}

.form-input__input {
  padding: 0.625rem 1rem;
  transition: all 0.2s ease-out;
  background-color: var(--color__greyscale--100);
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  border: 1px var(--color__greyscale--500) solid;
  border-radius: 6px;
  -webkit-appearance: none;
  height: calc(14px+ 1.25rem);
}

.form-input__input::-webkit-input-placeholder {
  color: var(--color__text--placeholder);
}

.form-input__input::-moz-placeholder {
  color: var(--color__text--placeholder);
}

.form-input__input:-ms-input-placeholder {
  color: var(--color__text--placeholder);
}

.form-input__input::-ms-input-placeholder {
  color: var(--color__text--placeholder);
}

.form-input__input::placeholder {
  color: var(--color__text--placeholder);
}

.form-input__input:active,
.form-input__input:focus {
  outline: none;
  border: 1px var(--color__title--main) solid;
}

.form-input__input:disabled,
.form-input__input--link {
  background-color: var(--color__acordeon--background);
}

.form-input__input--link {
  color: var(--color__link);
}

.form-input__text,
.form-input__radio {
  margin: 0.5rem 0.25rem;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
}

.form-input__text--danger,
.form-input__radio--danger {
  color: var(--color__status--danger);
}

.form-input__options {
  display: flex;
  align-items: center;
}

.form-input__radio {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-right: 1rem;
}

.form-input__radio input {
  display: none;
}

.form-input__radio input:checked ~ span {
  background-color: var(--color__button--hover);
}

.form-input__radio input:checked ~ span:after {
  opacity: 1;
}

.form-input__radio:hover input ~ span {
  background-color: var(--color__button);
}

.form-input__radio .form-input__checkmark:after {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color__greyscale--100);
}

.form-input__checkmark {
  transition: all 0.25s ease-out;
  margin: 0 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-color: var(--color__text--placeholder);
  border-radius: 50%;
}

.form-input__checkmark:after {
  transition: all 0.25s ease-out;
  content: "";
  opacity: 0;
}

.form-input__password,
.form-input__close,
.form-input__delete-personal,
.form-input__delete-participante {
  position: absolute;
  background: transparent;
  border: 1px solid transparent;
}

.form-input__password:hover,
.form-input__close:hover,
.form-input__delete-personal:hover,
.form-input__delete-participante:hover {
  cursor: pointer;
}

.form-input__close {
  bottom: 0.75rem;
  right: 0.75rem;
  max-width: 16px;
  max-height: 16px;
}

.form-input__password {
  bottom: 0.5rem;
  right: 0.75rem;
  max-width: 24px;
  max-height: 24px;
}

.form-input__delete-personal {
  top: 1rem;
  right: 0rem;
  max-width: 24px;
  max-height: 24px;
}

.form-input__delete-participante {
  top: 0rem;
  right: 0rem;
  max-width: 16px;
  max-height: 16px;
}

.form-input:last-child {
  margin-bottom: 2rem;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.libro {
  max-width: 175px;
  margin: 0 0.75rem 2rem 0.75rem;
  flex-direction: column;
}

.libro,
.libro__container,
.libro__title,
.libro__subtitle,
.libro__buttons {
  width: 100%;
}

.libro,
.libro__container,
.libro__image-container,
.libro__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.libro__container {
  flex-wrap: wrap;
}

.libro__buttons {
  flex-direction: column;
}

.libro__buttons * {
  margin: 0.5rem 0;
}

.libro__image {
  transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
}

.libro__image,
.libro__image-container {
  max-width: 131px;
  max-height: 181px;
  width: 131px;
  height: 181px;
}

.libro__image-container {
  margin-bottom: 0.75rem;
  overflow: hidden;
  border-radius: 5px;
}

.libro__subtitle,
.libro__title {
  font-family: "Open Sans";
  font-size: 12px;
  line-height: 17px;
  font-weight: inherit;
  color: var(--color__text);
  text-align: center;
}

.libro__title {
  font-weight: bold;
}

.libro:hover {
  cursor: pointer;
}

.libro__image:hover {
  max-width: 200px;
  max-height: 300px;
  width: 200px;
  height: 300px;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .libro__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.processing {
  width: 100vw;
  height: 100vh;
  display: flex;
  background-color: rgba(255, 255, 255, 0.85);
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 100;
  flex-direction: column;
  top: 0;
}

.processing__icon {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.processing__icon div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--color__title--main);
  border-radius: 50%;
  -webkit-animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--color__title--main) transparent transparent transparent;
}

.processing__icon div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.processing__icon div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.processing__icon div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

.processing__text {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 26px;
  font-weight: inherit;
  color: var(--color__text);
}

@-webkit-keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.seccion {
  padding-top: 6.25rem;
  padding-bottom: 3rem;
}

.seccion,
.seccion__container,
.seccion__content,
.seccion__header,
.seccion__text,
.seccion__title {
  width: 100%;
}

.seccion,
.seccion__container,
.seccion__content,
.seccion__header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.seccion__container,
.seccion__header,
.seccion__content {
  flex-wrap: wrap;
}

.seccion__container {
  padding: 0 1.5rem;
}

.seccion__header {
  margin-bottom: 4rem;
  max-width: 866px;
}

.seccion__header *:not(:last-child) {
  margin-bottom: 2rem;
}

.seccion__title {
  font-family: "Raleway";
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  color: var(--color__text);
}

.seccion__title--secondary {
  color: var(--color__title--main);
}

.seccion__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
}

.seccion__text,
.seccion__title {
  text-align: center;
}

.seccion__title--white,
.seccion__text--white {
  color: var(--color__title--support-1);
}

@media screen and (min-width: 700px) {
  .seccion__title {
    font-size: 40px;
    line-height: 47px;
  }

  .seccion__text {
    font-size: 18px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1023px) {
  .seccion-container {
    max-width: 1023px;
  }
}

@media screen and (min-width: 1300px) {
  .seccion-container {
    max-width: 1300px;
  }
}

@media screen and (min-width: 1400px) {
  .seccion-container {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1600px) {
  .seccion-container {
    max-width: 1600px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.table {
  width: 100%;
  background: var(--color__greyscale--100);
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  text-align: center;
  border-radius: 1rem;
  min-width: 800px;
}

.table__container {
  overflow-x: auto;
}

.table__container.acordeon__collapsible--active {
  max-height: 5000px;
  transition: all 1s ease;
}

.table th {
  color: var(--color__title--main);
}

.table td,
.table th {
  padding: 0.5rem;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.membresia {
  margin: 2.5rem 0;
}

.membresia,
.membresia__container,
.membresia__content,
.membresia__title,
.membresia__text,
.membresia__requisito,
.membresia__requisito-title,
.membresia__requisito-text {
  width: 100%;
}

.membresia,
.membresia__container,
.membresia__content,
.membresia__requisito {
  display: flex;
  justify-content: center;
  align-items: center;
}

.membresia__content,
.membresia__requisito {
  flex-wrap: wrap;
}

.membresia__container {
  flex-direction: column-reverse;
}

.membresia__image {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 161px;
}

.membresia__image.not-loaded {
  width: 100%;
  height: 100vh;
  border-radius: 16px;
  background-image: linear-gradient(90deg, var(--color__greyscale--500) 0px, var(--color__greyscale--100) 40px, var(--color__greyscale--500) 80px);
  background-color: var(--color__greyscale--400);
  -webkit-animation: participar-skeleton 1s infinite linear;
          animation: participar-skeleton 1s infinite linear;
}

.membresia__title {
  font-family: "Raleway";
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
  color: var(--color__text);
}

.membresia__title--secondary {
  color: var(--color__title--secondary);
}

.membresia__text {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__text);
  max-width: 560px;
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  padding: 0 1.75rem;
}

.membresia__requisito {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: inherit;
  color: var(--color__title--support-1);
  background-color: var(--color__title--main);
  padding: 1rem 1.85rem;
}

.membresia__requisito-title {
  font-weight: bold;
}

.membresia__requisito-text {
  max-width: 560px;
}

.membresia__requisito,
.membresia__title,
.membresia__text {
  text-align: center;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .membresia__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media screen and (min-width: 700px) {
  .membresia__title {
    font-size: 60px;
    line-height: 70px;
  }

  .membresia__text {
    font-size: 18px;
    line-height: 26px;
  }

  .membresia__requisito {
    font-size: 15px;
    line-height: 20px;
  }
}

@media screen and (min-width: 992px) {
  .membresia__container {
    flex-direction: row;
  }

  .membresia__container--reverse {
    flex-direction: row-reverse;
  }

  .membresia__text {
    padding: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .membresia__requisito {
    font-size: 14px;
    line-height: 18px;
  }

  .membresia__title {
    font-size: 30px;
    line-height: 35px;
  }

  .membresia__image {
    max-width: 340px;
    max-height: 340px;
  }

  .membresia__content {
    max-width: 480px;
  }

  .membresia__content,
  .membresia__image {
    margin: 0 1rem;
  }
}

@media screen and (min-width: 1023px) {
  .membresia {
    margin: 3.875rem 0;
  }

  .membresia__title {
    font-size: 60px;
    line-height: 70px;
  }

  .membresia__text {
    font-size: 18px;
    line-height: 26px;
  }

  .membresia__requisito {
    font-size: 15px;
    line-height: 20px;
  }

  .membresia__image {
    max-width: 360px;
    max-height: 360px;
  }

  .membresia__content {
    max-width: 595px;
  }
}

.titulares__content,
.titulares__column {
  display: flex;
  justify-content: center;
  width: 100%;
}

.titulares__content {
  align-items: flex-start;
}

.titulares__column {
  flex-wrap: wrap;
  max-width: 310px;
  margin: 0 1.125rem;
}

.titulares__column--invisible {
  display: none;
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.acordeon {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0.25rem 0rem;
}

.acordeon__container,
.acordeon__head,
.acordeon__content,
.acordeon__foot,
.acordeon__collapsible,
.acordeon__personal,
.acordeon__personal-text,
.acordeon__personal-container,
.acordeon__personal-element {
  width: 100%;
}

.acordeon__head,
.acordeon__content,
.acordeon__foot,
.acordeon__personal,
.acordeon__personal-container,
.acordeon__personal-element {
  display: flex;
  align-items: center;
}

.acordeon__head,
.acordeon__content {
  padding: 1em;
}

.acordeon__head,
.acordeon__foot {
  background-color: var(--color__greyscale--300);
  justify-content: space-between;
}

.acordeon__foot {
  justify-content: space-around;
}

.acordeon__content {
  background-color: var(--color__greyscale--100);
  justify-content: center;
}

.acordeon__content--admin * {
  margin: 0 0.125rem;
}

.acordeon__content--admin--column {
  flex-direction: column;
}

.acordeon__content--admin--column * {
  margin: 0.125rem 0;
}

.acordeon__title {
  font-family: "Open Sans";
  font-size: 11px;
  line-height: 15px;
  font-weight: inherit;
  color: var(--color__text);
  width: 90%;
}

.acordeon__image {
  width: 100%;
  height: auto;
  max-width: 150px;
  max-height: 150px;
}

.acordeon__status {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: var(--color__greyscale--100);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.acordeon__status--active {
  background-color: var(--color__status--success);
}

.acordeon__status--suspended {
  background-color: var(--color__status--warning);
}

.acordeon__status--inactive {
  background-color: var(--color__status--danger);
}

.acordeon__collapsible {
  max-height: 0;
  overflow: hidden;
}

.acordeon__collapsible,
.acordeon__collapsible--active {
  transition: all 0.25s ease-out;
}

.acordeon__collapsible--active {
  max-height: 600px;
}

.acordeon__head {
  justify-content: space-between;
}

.acordeon__head--action:hover {
  cursor: pointer;
  background-color: var(--color__acordeon--background);
}

.acordeon__personal {
  margin: 0.75rem 0;
}

.acordeon__personal-element {
  flex-direction: column;
  position: relative;
}

.acordeon__personal,
.acordeon__personal-container {
  flex-wrap: wrap;
}

.acordeon__personal-text {
  font-family: "Open Sans";
}

.acordeon__personal-text--puesto,
.acordeon__personal-text--nombre {
  font-size: 15px;
  line-height: 18px;
}

.acordeon__personal-text--puesto {
  color: var(--color__accent);
  font-weight: bold;
}

.acordeon__personal-text--nombre {
  color: var(--color__text);
}

.acordeon__personal-text--correo {
  font-size: 13px;
  line-height: 18px;
  color: var(--color__link);
  transition: all 0.25s ease-out;
}

.acordeon__personal-text--correo:hover {
  font-weight: bold;
  color: var(--color__link--hover);
  cursor: pointer;
}

.acordeon__icon {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .acordeon__image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .acordeon {
    max-width: 310px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.foot {
  background-color: var(--color__greyscale--100);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  order: 100;
}

.foot__container,
.foot__title {
  width: 100%;
}

.foot__container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0em 1em;
  display: inline-flex;
}

.foot__title,
.foot__title--center {
  font-weight: bold;
  font-family: "Raleway";
  font-size: 22px;
  line-height: 26px;
  color: var(--color__title--main);
  text-align: center;
}

@media only screen and (min-width: 700px) {
  .foot__container {
    max-width: 700px;
  }
}

@media only screen and (min-width: 992px) {
  .foot__container {
    max-width: 992px;
  }

  .foot__title {
    text-align: left;
  }
}

@media only screen and (min-width: 1023px) {
  .foot__container {
    max-width: 1023px;
    padding: 0em 2em;
  }

  .foot__title,
  .foot__title--center {
    font-size: 30px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 1300px) {
  .foot__container {
    max-width: 1300px;
  }
}

@media only screen and (min-width: 1400px) {
  .foot__container {
    max-width: 1400px;
  }
}

@media only screen and (min-width: 1600px) {
  .foot__container {
    max-width: 1600px;
  }
}

.foot__bitbydev {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1em 1em;
  background-color: var(--color__greyscale--600);
}

.foot__bitbydev-text,
.foot__bitbydev-text--mobile {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 18px;
  color: var(--color__title--support-1);
  text-align: center;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}

.foot__bitbydev-text--heart,
.foot__bitbydev-text--mobile--heart {
  color: var(--color__title--main);
  margin: 0 .25em;
}

.foot__bitbydev-text {
  display: none;
}

.foot__bitbydev-text--mobile {
  display: flex;
}

.foot__bitbydev-link {
  max-width: 70px;
  max-height: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.25em;
}

.foot__bitbydev-image {
  width: 100%;
  height: auto;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .foot__bitbydev-image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 700px) {
  .foot__bitbydev-text {
    display: flex;
  }

  .foot__bitbydev-text--mobile {
    display: none;
  }
}

@media only screen and (min-width: 1023px) {
  .foot__bitbydev-text,
  .foot__bitbydev-text--mobile {
    font-size: 14px;
    line-height: 26px;
  }

  .foot__bitbydev-link {
    max-width: 110px;
    max-height: 23px;
  }
}

.foot__contact,
.foot__location,
.foot__site,
.foot__address,
.foot__phone,
.foot__social-grid,
.foot__social-media,
.foot__instagram {
  width: 100%;
}

.foot__contact,
.foot__social-grid,
.foot__social-media,
.foot__instagram {
  display: inline-flex;
}

.foot__location,
.foot__instagram {
  flex-wrap: nowrap;
}

.foot__contact,
.foot__social-media,
.foot__social-grid {
  flex-wrap: wrap;
}

.foot__contact {
  margin-top: 1em;
  margin-bottom: 4em;
  padding: 0em 1em;
}

.foot__site,
.foot__address,
.foot__phone {
  font-family: "Open Sans";
  line-height: 19px;
  color: var(--color__greyscale--600);
  text-align: center;
}

.foot__site {
  font-size: 14px;
  font-weight: bold;
  margin-top: 1em;
}

.foot__address,
.foot__phone {
  font-size: 14px;
}

.foot__social-grid,
.foot__social-network-link {
  align-items: center;
}

.foot__social-grid {
  margin-top: 1em;
  margin-bottom: 2em;
  justify-content: center;
}

.foot__social-network {
  max-width: 42px;
  max-height: 42px;
  margin-bottom: 1em;
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.foot__social-network-link {
  width: 100%;
  height: 100%;
  display: flex;
}

.foot__social-network-image {
  width: 100%;
  height: auto;
}

.foot__instagram {
  padding: 1em 0em;
}

.foot__location {
  padding-right: 1em;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .foot__social-network-image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@media only screen and (min-width: 992px) {
  .foot__instagram,
  .foot__social-media,
  .foot__location {
    width: 50%;
  }

  .foot__social-grid {
    margin-top: 2em;
    margin-bottom: 3em;
    justify-content: flex-start;
  }

  .foot__social-network {
    margin-right: 1em;
    margin-left: 0em;
  }

  .foot__site,
  .foot__address,
  .foot__phone {
    text-align: left;
  }
}

@media only screen and (min-width: 1023px) {
  .foot__site,
  .foot__address,
  .foot__phone {
    line-height: 22px;
  }

  .foot__site {
    font-size: 18px;
    margin-top: 1.25em;
  }

  .foot__address,
  .foot__phone {
    font-size: 15px;
  }
}

.foot__separator {
  display: inline-flex;
  flex-wrap: nowrap;
  padding: 3em 0em;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.foot__separator-image {
  max-width: 57px;
  max-height: 62px;
  width: auto;
  height: auto;
  margin: 0em 0.5em;
}

.foot__dots-container {
  max-width: 36px;
  padding: 1em;
  margin: 0 .25em;
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.foot__dot--red,
.foot__dot--yellow {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: .25em;
  margin: 0 .125em;
}

.foot__dot--red {
  background-color: var(--color__dot--red);
}

.foot__dot--yellow {
  background-color: var(--color__dot--yellow);
}

.foot__sitio,
.foot__sitios-interes,
.foot__sitios-grid {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.foot__sitios-interes,
.foot__sitios-grid {
  width: 100%;
  flex-wrap: wrap;
}

.foot__sitios-grid {
  padding: 2em 0em;
}

.foot__content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
}

.foot__sitio {
  max-width: 110px;
  max-height: 110px;
  margin: 1.75em;
}

.foot__sitio-link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.foot__sitio-image {
  max-width: 110px;
  max-height: 110px;
  width: 100%;
  height: auto;
}

.foot__sitio--admin {
  max-width: 100%;
  max-height: 100%;
  flex-wrap: wrap;
  margin: 0.25rem;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .foot__sitio-image {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.modal {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.72);
  display: none;
  position: fixed;
  z-index: 50;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  top: 0;
  padding: 0 1.5rem;
}

.modal--active {
  -webkit-animation-name: show;
          animation-name: show;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.modal,
.modal__container,
.modal__header,
.modal__footer,
.modal__list,
.modal__list-element,
.modal__actions {
  align-items: center;
}

.modal,
.modal__container,
.modal__content,
.modal__footer,
.modal__list,
.modal__list-element,
.modal__actions {
  justify-content: center;
}

.modal__container,
.modal__content,
.modal__header,
.modal__footer,
.modal__title,
.modal__list,
.modal__list-element,
.modal__actions {
  width: 100%;
}

.modal--active,
.modal__container,
.modal__content,
.modal__header,
.modal__footer,
.modal__list,
.modal__list-element,
.modal__actions {
  display: flex;
}

.modal__container {
  flex-direction: column;
  max-width: 680px;
}

.modal__content {
  background-color: var(--color__greyscale--100);
  max-height: 500px;
  overflow-y: auto;
}

.modal__header,
.modal__list-element {
  justify-content: space-between;
}

.modal__header,
.modal__footer {
  background-color: var(--color__greyscale--500);
  padding: 1.5rem;
}

.modal__title {
  font-family: "Raleway";
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
  color: var(--color__text);
}

.modal__title--secondary {
  color: var(--color__title--main);
}

.modal__text {
  transition: all 0.25s ease-out;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 22px;
  font-weight: inherit;
  color: var(--color__text);
}

.modal__text--secondary {
  color: var(--color__title--main);
  font-weight: bold;
}

.modal__text--active,
.modal__text--active .modal__text--secondary {
  color: var(--color__title--support-1);
}

.modal--disabled {
  display: none;
}

.modal__icon {
  width: 100%;
  height: auto;
  max-width: 16px;
  max-height: 16px;
}

.modal__list {
  flex-wrap: wrap;
}

.modal__list--form {
  padding: 0 1.5rem;
}

.modal--action:hover {
  cursor: pointer;
}

.modal__actions {
  flex-wrap: wrap;
}

.modal__actions * {
  margin: .35rem 0;
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
    display: flex;
  }

  100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
    display: flex;
  }

  100% {
    opacity: 1;
  }
}

@media screen and (min-width: 700px) {
  .modal__title {
    font-size: 30px;
    line-height: 35px;
  }

  .modal__text {
    font-size: 20px;
    line-height: 28px;
  }

  .modal__actions {
    flex-wrap: nowrap;
  }

  .modal__actions * {
    margin: 0 .35rem;
  }
}

.modal-element:first-child {
  margin-top: 1rem;
}

.modal-element:last-child {
  margin-bottom: 1rem;
}

.modal-element,
.modal-element__container,
.modal-element__header,
.modal-element__content,
.modal-element__text,
.modal-element__column-container {
  width: 100%;
}

.modal-element,
.modal-element__container,
.modal-element__header,
.modal-element__content,
.modal-element__column,
.modal-element__column-container {
  display: flex;
}

.modal-element,
.modal-element__container,
.modal-element__header,
.modal-element__content,
.modal-element__column-container {
  align-items: center;
}

.modal-element,
.modal-element__container,
.modal-element__content,
.modal-element__column-container {
  justify-content: center;
}

.modal-element__container,
.modal-element__column,
.modal-element__column-container {
  flex-wrap: wrap;
}

.modal-element__column {
  width: 100%;
}

.modal-element__column-container {
  padding: 1.625rem 1.25rem;
}

.modal-element__content {
  background-color: var(--color__greyscale--500);
}

.modal-element__content.acordeon__collapsible--active {
  max-height: 5000px;
}

.modal-element__header {
  justify-content: space-between;
  padding: 1rem 1.25rem;
  transition: all 0.25s ease-out;
}

.modal-element__header--active {
  background-color: var(--color__title--main);
  color: var(--color__title--support-1);
}

.modal-element__text {
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 22px;
  font-weight: inherit;
  color: var(--color__text);
}

.modal-element__text--secondary {
  font-weight: bold;
}

.modal-element__text--link {
  color: var(--color__link);
  margin-top: 0.75rem;
  text-align: center;
}

.modal-element__text--link:hover {
  color: var(--color__link--hover);
  font-weight: bold;
}

@media screen and (min-width: 700px) {
  .modal-element__header {
    padding: 1rem 1.625rem 1rem 2.125rem;
  }

  .modal-element__column {
    width: 50%;
    padding: 0 0.5rem;
  }

  .modal-element__column-container {
    padding: 1.625rem 3.5rem;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.paginador__container,
.paginador__page-container,
.paginador__list,
.paginador__list-controller,
.paginador__page,
.paginador__controller {
  width: 100%;
}

.paginador__container,
.paginador__page,
.paginador__list,
.paginador__list-controller,
.paginador__controller,
.paginador__controller-container {
  display: flex;
  align-items: center;
}

.paginador__container,
.paginador__page {
  justify-content: center;
  flex-wrap: wrap;
}

.paginador__container {
  padding: 0 1.5rem;
  position: relative;
}

.paginador__page-container {
  overflow-x: hidden;
  position: relative;
  padding-bottom: 3.25rem;
}

.paginador__list {
  transition: margin .5s ease-out;
}

.paginador__list-controller {
  justify-content: center;
  margin-top: 1rem;
}

.paginador__list-element {
  display: inline-block;
  margin: 0.625rem;
}

.paginador__controller {
  justify-content: space-between;
  max-width: 1300px;
}

.paginador__result-text,
.paginador__button-page,
.paginador__button-goto {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 26px;
}

.paginador__result-text,
.paginador__button-page {
  color: var(--color__text);
}

.paginador__result-text,
.paginador__button-goto {
  font-weight: bold;
}

.paginador__result-text {
  display: none;
  width: 180px;
}

.paginador__result-text--secondary {
  color: var(--color__title--main);
}

.paginador__result-text--total {
  text-align: right;
}

.paginador__button-page {
  padding: 1rem;
  margin: 0 0.3125rem;
  transition: all 0.25s ease-out;
}

.paginador__button-page:hover {
  color: var(--color__title--main);
  font-weight: bold;
  cursor: pointer;
}

.paginador__button-goto {
  transition: all 0.25s ease-out;
  color: var(--color__button);
  background-color: var(--color__greyscale--500);
  width: 36px;
  height: 37px;
  border-radius: 15px;
  margin: 0 0.3125rem;
  display: none;
}

.paginador__button-goto,
.paginador__button-goto:focus {
  border: none;
  outline: none;
}

.paginador__button-goto--active {
  color: var(--color__title--support-1);
  background-color: var(--color__button);
}

.paginador__button-goto:hover {
  cursor: pointer;
  background-color: var(--color__button--hover);
  color: var(--color__title--support-1);
}

.paginador__buscador {
  margin: 1rem;
  width: 100%;
}

.paginador__buscador,
.paginador__buscador-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.paginador__buscador-container {
  width: 100%;
  max-width: 700px;
  margin-bottom: 4rem;
  margin-top: -4rem;
}

.paginador__buscador--button {
  width: auto;
}

@media screen and (min-width: 700px) {
  .paginador__result-text,
  .paginador__button-goto {
    display: inline-block;
  }

  .paginador__result-text,
  .paginador__button-page,
  .paginador__button-goto {
    font-size: 14px;
    line-height: 18px;
  }

  .paginador__button-page {
    padding: 0.625rem;
  }
}

@media screen and (min-width: 992px) {
  .paginador__page {
    max-width: 992px;
    padding: 1.875rem;
  }

  .paginador__page-container {
    max-width: 992px;
  }
}

@media screen and (min-width: 1023px) {
  .paginador__page {
    max-width: 1023px;
  }

  .paginador__page-container {
    max-width: 1023px;
  }

  .paginador__controller {
    max-width: 1023px;
  }

  .paginador__buscador {
    margin: 0 1rem;
  }

  .paginador__buscador-container {
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    max-width: 1023px;
    margin-bottom: 5.25rem;
    margin-top: -2rem;
  }
}

@media screen and (min-width: 1300px) {
  .paginador__page {
    max-width: 1300px;
  }

  .paginador__page-container {
    max-width: 1300px;
  }
}

@media screen and (min-width: 1400px) {
  .paginador__page {
    max-width: 1400px;
  }

  .paginador__page-container {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1600px) {
  .paginador__page {
    max-width: 1600px;
  }

  .paginador__page-container {
    max-width: 1600px;
  }

  .paginador__controller {
    max-width: 1300px;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.tarjeta {
  max-width: 310px;
}

.tarjeta,
.tarjeta__container,
.tarjeta__image-container,
.tarjeta__footer,
.tarjeta__text,
.tarjeta__document,
.tarjeta__details,
.tarjeta__details-container {
  width: 100%;
}

.tarjeta,
.tarjeta__container,
.tarjeta__image-container,
.tarjeta__footer,
.tarjeta__document {
  display: flex;
  justify-content: center;
}

.tarjeta,
.tarjeta__container,
.tarjeta__image-container,
.tarjeta__footer,
.tarjeta__document {
  align-items: center;
}

.tarjeta__container,
.tarjeta__content,
.tarjeta__document {
  flex-wrap: wrap;
}

.tarjeta__content,
.tarjeta__details-container {
  display: flex;
  justify-content: flex-start;
  padding: 0.75rem;
  background-color: var(--color__greyscale--500);
}

.tarjeta__image {
  width: 100%;
  height: auto;
  max-width: 310px;
  max-height: 152px;
}

.tarjeta__content {
  flex-direction: column;
  width: 100%;
  height: 160px;
}

.tarjeta__text {
  font-family: "Open Sans";
  color: var(--color__text);
  word-break: break-word;
}

.tarjeta__text--accent {
  font-size: 13px;
  line-height: 18px;
  color: var(--color__title--main);
}

.tarjeta__text--title {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin: 0.25rem 0;
}

.tarjeta__text--subtitle {
  font-size: 15px;
  line-height: 20px;
}

.tarjeta__footer,
.tarjeta__image-container {
  background-color: var(--color__greyscale--300);
}

.tarjeta__footer {
  max-height: 75px;
}

.tarjeta__document {
  max-width: 105px;
  max-height: 77px;
  padding: 0.75rem;
}

.tarjeta__document-image {
  width: 100%;
  height: auto;
  max-width: 30px;
  max-height: 34px;
  margin-bottom: 0.25rem;
  transition: all 0.25s ease-out;
}

.tarjeta__document:hover .tarjeta__document-link {
  color: var(--color__link--hover);
  font-weight: bold;
}

.tarjeta__document:hover .tarjeta__document-image {
  max-width: 33px;
  max-height: 37px;
}

.tarjeta__document-link {
  transition: all 0.25s ease-out;
  width: 100%;
  text-align: center;
  font-family: "Open Sans";
  font-size: 12px;
  line-height: 17px;
  font-weight: inherit;
  color: var(--color__link);
}

.tarjeta__details {
  transition: all 0.25s ease-out;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 20px;
  font-weight: inherit;
  color: var(--color__link);
}

.tarjeta__details:hover {
  color: var(--color__link--hover);
  font-weight: bold;
}

.tarjeta__details-container {
  align-items: flex-end;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .tarjeta__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .tarjeta__document-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

@keyframes mision-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 300px;
  }

  100% {
    background-position: 603px;
  }
}

@keyframes participar-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 170px;
  }

  100% {
    background-position: 341px;
  }
}

@keyframes areas-skeleton {
  0% {
    background-position: 0px;
  }

  50% {
    background-position: 75px;
  }

  100% {
    background-position: 150px;
  }
}

:root {
  --color__accent: #1877a1;
  --color__accent--hover: #6ed3ff;
  --color__link: #046b04;
  --color__link--hover: #008b00;
  --color__button: #dc5a35;
  --color__button--hover: #dd2c00;
  --color__text: #212121;
  --color__title--main: #dc5435;
  --color__title--secondary: #e29817;
  --color__title--support-1: #ffffff;
  --color__title--support-2: #000000;
  --color__status--success: #007b1c;
  --color__status--success-hover: #006618;
  --color__status--warning: #e29817;
  --color__status--warning-hover: #CC8914;
  --color__status--danger: #ff001b;
  --color__status--danger-hover: #CC0014;
  --color__greyscale--100: #ffffff;
  --color__greyscale--200: #fafafa;
  --color__greyscale--300: #f8f8f8;
  --color__greyscale--400: #f3f3f3;
  --color__greyscale--500: #efefef;
  --color__greyscale--600: #333333;
  --color__greyscale--700: #212121;
  --color__greyscale--800: #000000;
  --color__dot--red: #E63950;
  --color__dot--yellow: #FFB64C;
  --color__tarjeta--background: #F2F2F2;
  --color__tarjeta--separator: #EBEBEB;
  --color__text--placeholder: #bdbdbd;
  --color__acordeon--background: #E0E0E0;
}

.tarjeta-reducida {
  background-color: var(--color__tarjeta--background);
  padding: 2.125rem 1.5rem;
  border-radius: 1rem;
  margin: 0.875rem 0;
}

.tarjeta-reducida,
.tarjeta-reducida__container,
.tarjeta-reducida__separator,
.tarjeta-reducida__title,
.tarjeta-reducida__list,
.tarjeta-reducida__list-element,
.tarjeta-reducida__text,
.tarjeta-reducida__contacto,
.tarjeta-reducida__contacto-text,
.tarjeta-reducida__admin {
  width: 100%;
}

.tarjeta-reducida,
.tarjeta-reducida__container,
.tarjeta-reducida__list,
.tarjeta-reducida__list-element,
.tarjeta-reducida__contacto,
.tarjeta-reducida__contacto-text,
.tarjeta-reducida__admin {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tarjeta-reducida__container,
.tarjeta-reducida__list,
.tarjeta-reducida__contacto {
  flex-wrap: wrap;
}

.tarjeta-reducida__contacto-text {
  position: relative;
}

.tarjeta-reducida__separator {
  border-color: var(--color__tarjeta--separator);
  border-width: 1px;
  margin: 1.375rem 0;
  border-style: solid;
}

.tarjeta-reducida__title {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: var(--color__text);
}

.tarjeta-reducida__text {
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  color: var(--color__link);
  transition: all 0.25s ease-out;
}

.tarjeta-reducida__text--nombre {
  color: var(--color__accent);
}

.tarjeta-reducida__text--correo,
.tarjeta-reducida__text--puesto {
  font-weight: normal;
}

.tarjeta-reducida__text--puesto {
  color: var(--color__text);
}

.tarjeta-reducida__text--correo:hover {
  font-weight: bold;
  color: var(--color__link--hover);
}

.tarjeta-reducida__text--participante:hover {
  color: var(--color__link--hover);
}

.tarjeta-reducida__icon {
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
  margin-right: 0.75rem;
}

.tarjeta-reducida__list-element {
  padding: 0.25rem 0;
}

.tarjeta-reducida__contacto {
  margin-bottom: 0.75rem;
}

.tarjeta-reducida__admin {
  padding: 1rem;
}

.tarjeta-reducida__admin * {
  margin: 0 0.25rem;
}

@media only screen and (min-width: 700px) {
  .tarjeta-reducida {
    max-width: 310px;
  }
}