/*
 * Portal Unificado del Estado Uruguayo
 * Base - 2023-4-4 16:18:36
 */
@charset "UTF-8";

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Light"), url(../fonts/opensans-web/OpenSans-Light.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Light Italic"), url(../fonts/opensans-web/OpenSans-LightItalic.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-LightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Regular"), url(../fonts/opensans-web/OpenSans-Regular.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Italic"), url(../fonts/opensans-web/OpenSans-Italic.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans SemiBold"), url(../fonts/opensans-web/OpenSans-Semibold.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-Semibold.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans SemiBold Italic"), url(../fonts/opensans-web/OpenSans-SemiboldItalic.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-SemiboldItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans SemiBold"), url(../fonts/opensans-web/OpenSans-Semibold.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans SemiBold Italic"), url(../fonts/opensans-web/OpenSans-SemiboldItalic.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-SemiboldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Bold"), url(../fonts/opensans-web/OpenSans-Bold.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Bold Italic"), url(../fonts/opensans-web/OpenSans-BoldItalic.woff2) format("woff2"), url(../fonts/opensans-web/OpenSans-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

.u-alternativeFont,
.u-opensans {
    font-family: Open Sans, sans-serif !important
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

summary {
    display: list-item
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

mark {
    background-color: #ff0;
    color: #000
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

html {
    box-sizing: border-box;
    min-height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    background-color: #f9f9f9;
    color: #000;
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0
}

button {
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    background-color: transparent
}

[tabindex="-1"]:focus {
    outline: none !important
}

img {
    vertical-align: middle
}

embed,
iframe,
img,
object,
video {
    max-width: 100%
}

a {
    color: #003da5;
    text-decoration: none
}

a:focus,
a:hover {
    text-decoration: underline
}

:focus,
button:focus {
    outline: 3px solid orange;
    outline-offset: .05rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: .5rem
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem
}

small {
    font-size: 80%;
    font-weight: 400
}

mark {
    padding: .2em;
    background-color: #fcf8e3
}

blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eee;
    clear: both
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    display: block;
    height: 1px;
    margin: 2em 0;
    padding: 0
}

address {
    font-style: normal
}

abbr[title] {
    text-decoration: none;
    border-bottom: 1px dotted #bbb;
    cursor: default
}

dl {
    margin-top: 0;
    margin-bottom: 1.5em
}

dd {
    margin-left: 0
}

dd+dt {
    margin-top: 1em
}

.Container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    max-width: 1304px
}

.Container:after,
.Container:before {
    display: table;
    content: ""
}

.Container:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Container {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.Container--small {
    max-width: 48rem
}

.Grid {
    margin-right: -12px;
    margin-left: -12px
}

.Grid:after,
.Grid:before {
    display: table;
    content: ""
}

.Grid:after {
    clear: both
}

.Grid-item {
    float: left;
    position: relative;
    padding-right: 12px;
    padding-left: 12px;
    width: 100%
}

.Grid-item--center {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.Grid--noGutter {
    margin-left: 0;
    margin-right: 0
}

.Grid--noGutter>.Grid-item {
    padding-right: 0;
    padding-left: 0
}

.Grid--rowSize2 .Grid-item:nth-child(odd),
.Grid--rowSize3 .Grid-item:nth-child(3n+1),
.Grid--rowSize4 .Grid-item:nth-child(4n+1),
.Grid--rowSize5 .Grid-item:nth-child(5n+1) {
    clear: left
}

@media screen and (max-width:992px) {

    .Grid--sm-rowSize3 .Grid-item:nth-child(3n+1),
    .Grid--sm-rowSize4 .Grid-item:nth-child(4n+1),
    .Grid--sm-rowSize5 .Grid-item:nth-child(5n+1) {
        clear: left
    }

    .Grid--sm-rowSize3.Grid--rowSize2 .Grid-item:nth-child(odd) {
        clear: none
    }

    .Grid--sm-rowSize2 .Grid-item:nth-child(odd) {
        clear: left
    }

    .Grid--sm-rowSize2.Grid--rowSize3 .Grid-item:nth-child(3n+1) {
        clear: none
    }
}

.List {
    list-style: none;
    padding: 0;
    margin-top: 0
}

.List .List-item,
.List>li {
    padding: .75rem;
    border-top: 1px solid #eee;
    display: block
}

.List .List-item:first-child,
.List>li:first-child {
    border-top: 0
}

.List-subtitle {
    text-transform: uppercase;
    color: #555;
    font-size: .85rem;
    font-weight: 600;
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: .75rem
}

.List--media .Media {
    padding: 0;
    padding-top: 2rem;
    margin-top: 2rem
}

.List--media .Media:first-child {
    padding-top: 0;
    margin-top: 0
}

.List--media .Media-subtitle {
    color: #444;
    display: block;
    font-size: 1.15em;
    line-height: 1.15;
    margin-bottom: .5rem
}

.List--media .Media-title,
.List--media h3 {
    margin: .1875em 0 1em;
    line-height: 1.325;
    font-size: 1.5rem
}

.List--media .Media-body .Media-title,
.List--media .Media-body .Media-title+.Box-info,
.List--media .Media-body h3,
.List--media .Media-body h3+.Box-info {
    margin-bottom: .75rem
}

.List--media .Media-body .Media-text,
.List--media .Media-body p {
    margin: .5rem 0
}

.List--media .Media-body .Media-text+.Button,
.List--media .Media-body p+.Button {
    margin-top: .75rem;
    margin-bottom: .5rem
}

.List--media .Media-image .Video,
.List--media .Media-image iframe,
.List--media .Media-image img,
.List--media .Media-image video {
    width: 250px;
    border-radius: 4px
}

.List--media .Media-image iframe,
.List--media .Media-image video {
    height: 167px;
    background: #000
}

.List--medium>.Media {
    padding: 0;
    padding-top: 1rem;
    margin-top: 1rem
}

.List--medium>.Media:first-child {
    padding-top: 0;
    margin-top: 0
}

.List--simple>.Media {
    padding: 0;
    padding-top: .5rem;
    margin-top: .5rem;
    border-top: none
}

.List--simple>.Media:first-child {
    padding-top: 0;
    margin-top: 0
}

@media screen and (max-width:768px) {
    .List--media .Media-image {
        margin-bottom: .5rem;
        max-width: 100% !important;
        margin-right: 0;
        float: none
    }

    .List--media .Media-image.Media-image--list {
        text-align: center;
        background-color: #ddd;
        margin-bottom: 1.5rem;
        border-radius: 4px
    }

    .List--media .Media-image.Media-image--list img {
        max-height: 340px;
        width: auto !important
    }
}

@media screen and (max-width:768px) {
    .List--media .Media-subtitle {
        font-size: 1rem;
        margin-bottom: .75rem
    }

    .List--media .Media-title,
    .List--media h3 {
        font-size: 1.375rem
    }

    .List--media .Media-image {
        width: 100%;
        overflow: hidden;
        margin-bottom: 1rem
    }

    .List--media .Media-image .Video,
    .List--media .Media-image iframe,
    .List--media .Media-image img,
    .List--media .Media-image video {
        width: 100%;
        height: 100%
    }

    .List--media .Media-image.Media-image--cover {
        position: relative;
        width: 100%;
        padding-top: 66.66%;
        float: none;
        margin-bottom: 1rem;
        margin-right: 0
    }

    .List--media .Media-image.Media-image--cover .Video,
    .List--media .Media-image.Media-image--cover img {
        margin-bottom: 0;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0
    }
}

.List--media .Download {
    margin: .1875rem;
    margin-top: 1.5em
}

.List--media .Download:first-child {
    margin-top: .1875rem
}

.List--media .Download.Download--media {
    margin-top: .5rem
}

.List--media .Download.Download--media .Download-title {
    font-size: 1.5rem;
    margin-bottom: .5rem;
    padding-top: 0
}

.List--media .Download.Download--media .Download-title:last-child {
    margin-bottom: .25rem
}

@media screen and (max-width:768px) {
    .List--media .Download.Download--media .Download-title {
        font-size: 1.375rem
    }
}

.List--media .Download .Download-title {
    font-size: 1.25em
}

.List--media .Download-more {
    margin: .1875rem;
    margin-top: 1em;
    margin-bottom: .5em;
    font-size: .85em;
    display: inline-block
}

.List--media .Media .Media-body .Download {
    font-size: .9em
}

.Media,
.Media-body {
    display: block;
    overflow: hidden;
    text-align: left
}

.Media-image {
    float: left;
    margin-right: 1.5rem
}

.Media--full .Media-image {
    float: none;
    margin-right: 0;
    margin-bottom: 2rem;
    margin-left: 0
}

.Flag {
    display: table;
    width: 100%
}

.Flag-body,
.Flag-image {
    display: table-cell;
    vertical-align: middle
}

.Flag-image {
    padding-right: 1rem
}

.Flag-image>img {
    display: block;
    max-width: none
}

.Flag-body {
    width: 100%
}

.Flag--rev {
    direction: rtl
}

.Flag--rev>.Flag-body,
.Flag--rev>.Flag-image {
    direction: ltr
}

.Flag--rev>.Flag-image {
    padding-right: 0;
    padding-left: 1.5rem
}

.Flag--top .Flag-body,
.Flag--top .Flag-image {
    vertical-align: top
}

.Flag--bottom .Flag-body,
.Flag--bottom .Flag-image {
    vertical-align: bottom
}

@media screen and (max-width:992px) {
    .Flag--mdStack {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .Flag--mdStack .Flag-image {
        padding-right: 0;
        margin-bottom: 1.5rem
    }
}

.FlexEmbed {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.FlexEmbed:before {
    display: block;
    content: ""
}

.FlexEmbed .FlexEmbed-item,
.FlexEmbed embed,
.FlexEmbed iframe,
.FlexEmbed object,
.FlexEmbed video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.FlexEmbed--21by9:before {
    padding-top: 42.85714%
}

.FlexEmbed--16by9:before {
    padding-top: 56.25%
}

.FlexEmbed--4by3:before {
    padding-top: 75%
}

.FlexEmbed--1by1:before {
    padding-top: 100%
}

.FlexEmbed--1by2:before {
    padding-top: 200%
}

.Bar {
    display: table;
    width: 100%;
    height: 100%
}

.Bar-cell {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:992px) {
    .Module {
        margin-bottom: 24px
    }

    .Module .Grid,
    .Module .Grid-item {
        height: 100%
    }

    .Module--120 {
        height: 120px
    }

    .Module--240 {
        height: 240px
    }

    .Module--xs {
        height: 282px
    }

    .Module--360,
    .Module--sm {
        height: 360px
    }

    .Module--450 {
        height: 450px
    }

    .Module--510,
    .Module--md {
        height: 510px
    }

    .Module--615,
    .Module--lg {
        height: 615px
    }

    .Module--720,
    .Module--xl {
        height: 720px
    }

    .Module--840,
    .Module--xxl {
        height: 840px
    }

    .Module--960 {
        height: 960px
    }

    .Module--1200 {
        height: 1200px
    }

    .Module--1440 {
        height: 1440px
    }

    .Module--1680 {
        height: 1680px
    }

    .Module--1920 {
        height: 1920px
    }

    .Module--2400 {
        height: 2400px
    }

    .Module-item {
        height: 100%;
        padding-bottom: 12px;
        padding-top: 12px
    }

    .Module-item--1of2 {
        height: 50%
    }

    .Module-item--1of3 {
        height: 33.333333%
    }

    .Module-item--2of3 {
        height: 66.666666%
    }

    .Grid-item .Module-item:last-child {
        padding-bottom: 0 !important
    }

    .Grid-item .Module-item:first-child {
        padding-top: 0 !important
    }

    .Module .Box {
        height: 100%;
        width: 100%
    }

    .Module .Box-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0
    }

    .Module .Box--acceso {
        display: table;
        width: 100%
    }

    .Module .Box--acceso .Flag {
        width: 100%;
        display: table-cell;
        vertical-align: middle
    }

    .Module .Box--destacado4 {
        display: table;
        width: 100%
    }

    .Module .Box--destacado4>* {
        width: 100%;
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (min-width:992px) and (max-width:992px) {
    .Module .Box--destacado4 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

@media screen and (min-width:992px) {

    .Module .Box--destacado1,
    .Module .Box--destacado2 {
        padding: 0
    }

    .Module .Box--destacado1 .Box-image,
    .Module .Box--destacado2 .Box-image {
        height: 100%
    }

    .Module .Box--destacado1 .Box-cover,
    .Module .Box--destacado2 .Box-cover {
        margin: 0;
        height: 100%
    }
}

@media screen and (min-width:992px) {
    .Module .Box--suscribe {
        display: table;
        width: 100%
    }

    .Module .Box--suscribe .Flag {
        width: 100%;
        display: table-cell;
        vertical-align: middle
    }

    .Module .Box--suscribe .Flag .Flag-body {
        display: block
    }

    .Module .Box--video .Box-video {
        height: calc(100% - 260px);
        min-height: 180px
    }

    .Module .Box--video .Box-video>div,
    .Module .Box--video .Box-video iframe,
    .Module .Box--video .Box-video video {
        background-color: #000;
        width: 100%;
        height: 100%
    }

    .Module .Box--video .Box-video--full {
        height: calc(100% - 140px)
    }

    .Module .Box--video.Box--videoLive .Box-video {
        height: calc(100% - 300px)
    }

    .Module .Box--video.Box--videoOnly .Box-video {
        height: calc(100% - 180px)
    }

    .Module .Hero {
        height: 100%
    }

    .Module .Hero-image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.Brand {
    font-family: Open Sans, sans-serif;
    color: #003da5;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700
}

@media screen and (max-width:992px) {
    .Brand {
        font-size: .75rem
    }
}

.Brand-image {
    margin-right: 2em;
    height: auto;
    width: 6.25em
}

@media screen and (max-width:992px) {
    .Brand-image {
        margin-right: 1.5em
    }
}

.Brand-text {
    font-size: 2.75em
}

.Brand-role {
    font-weight: 300
}

.Brand-name {
    font-weight: 700
}

.Brand--white {
    color: #fff
}

.Brand--lg {
    font-size: 12px
}

@media screen and (max-width:992px) {
    .Brand--lg {
        font-size: 10px
    }
}

.Brand--md {
    font-size: 10px
}

@media screen and (max-width:992px) {
    .Brand--md {
        font-size: 9px
    }
}

.Brand--sm {
    font-size: 8px
}

@media screen and (max-width:992px) {
    .Brand--sm {
        font-size: 7px
    }
}

.Brand--org {
    line-height: 1.05
}

.Brand--org .Brand-image {
    width: 5.625em
}

@media screen and (max-width:992px) {
    .Brand--org .Brand-image {
        width: 8.5em
    }
}

.Brand--org .Brand-text {
    font-size: 1.5em
}

@media screen and (max-width:992px) {
    .Brand--org .Brand-text {
        font-size: 1.325em
    }
}

.Brand--org .Brand-role {
    display: block
}

.Brand--org .Brand-name {
    font-weight: 900
}

.Brand--org.Brand--md {
    font-size: .875em
}

.Brand--org.Brand--sm {
    font-size: .725em
}

.Button {
    display: inline-block;
    background-color: #eee;
    border: 0 solid currentcolor;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    font-weight: 600;
    margin: 0;
    padding: .5em 1.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: box-shadow .35s, background-color .35s;
    transition: box-shadow .35s, background-color .35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    cursor: pointer
}

.Button:hover {
    background-color: #ddd
}

.Button {
    border: 1px solid transparent
}

.Button:focus {
    border: 1px solid orange !important;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(255, 190, 70, .075), 0 0 0 .2em rgba(255, 190, 70, .3)
}

.Button:active,
.Button:focus,
.Button:hover {
    text-decoration: none
}

.Button.is-disabled,
.Button:disabled {
    cursor: not-allowed;
    opacity: .4;
    box-shadow: none
}

.Button:active {
    box-shadow: inset 0 0 .15em rgba(0, 0, 0, .35)
}

.Button--small {
    font-size: .85rem
}

.Button--primary {
    background-color: #003da5;
    color: #fff
}

.Button--primary:hover {
    background-color: #002e7c
}

.Button--primary.u-outerLink:after {
    background-image: url(../assets/outerLink-white.svg)
}

.Button--secondary {
    background-color: #daaa00;
    color: #1e1700
}

.Button--secondary:hover {
    background-color: #fcce26
}

.Button--secondary.u-outerLink:after {
    background-image: url(../assets/outerLink-black.svg)
}

.Button--inverse {
    border: 1px solid #003da5;
    background-color: #fff;
    color: #003da5
}

.Button--inverse:hover {
    color: #fff;
    background-color: #002e7c
}

.Button--inverse:hover.u-outerLink:after {
    background-image: url(../assets/outerLink-white.svg)
}

.Button--inverse.is-disabled:hover,
.Button--inverse:disabled:hover {
    background-color: #fff;
    color: #003da5
}

.Button--white {
    background-color: #fff;
    color: #000
}

.Button--link {
    color: #003da5;
    background-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400
}

.Button--link:hover {
    background-color: inherit;
    text-decoration: underline
}

.Button--block {
    display: block;
    width: 100%
}

.Alert {
    background-color: #f5f5f5;
    color: #222;
    border-left: 3px solid #bbb;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.Alert>:first-child {
    margin-top: 0 !important
}

.Alert>:last-child {
    margin-bottom: 0 !important
}

.Alert a {
    text-decoration: underline;
    color: inherit
}

.Alert a:hover {
    text-decoration: none
}

.Alert-title {
    margin-top: 0;
    font-size: 1.5rem;
    font-weight: 600
}

@media screen and (max-width:768px) {
    .Alert-title {
        font-size: 1.25rem
    }
}

.Alert--warning {
    background-color: #fbf8ea;
    color: #332b00;
    border-color: #ffd15f
}

.Alert--info {
    background-color: #eaf2ff;
    color: #07162d;
    border-color: #2d5ca8
}

.Alert--success {
    background-color: #ecf6e8;
    color: #052d0d;
    border-color: #279e3f
}

.Alert--danger {
    background-color: #fff3f3;
    color: #2d0505;
    border-color: #c33
}

.Alert--dialog {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 5.25rem;
    background-repeat: no-repeat;
    background-position: 1.25rem 1.875rem;
    background-image: url(../assets/icons/alert-default.svg)
}

.Alert--dialog.Alert--success {
    background-image: url(../assets/icons/alert-success.svg)
}

.Alert--dialog.Alert--danger {
    background-image: url(../assets/icons/alert-danger.svg)
}

.Alert--dialog.Alert--warning {
    background-image: url(../assets/icons/alert-warning.svg)
}

.Alert--dialog.Alert--info {
    background-image: url(../assets/icons/alert-info.svg)
}

.Alert--small {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-position: 1.25rem 1.325rem
}

.Alert--small .Alert-title {
    font-size: 1.25rem
}

.Icon {
    width: 1.5em;
    height: 1.5em;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.Icon--small {
    font-size: .75rem
}

.Icon--large {
    font-size: 2rem
}

.Icon--print {
    background-image: url(../assets/icons/icon-print.svg)
}

.no-svg .Icon--print {
    background-image: url(../assets/icons/icon-print.png)
}

.Icon--share {
    background-image: url(../assets/icons/icon-share.svg)
}

.no-svg .Icon--share {
    background-image: url(../assets/icons/icon-share.png)
}

.Icon--download {
    background-image: url(../assets/icons/icon-download.svg)
}

.no-svg .Icon--download {
    background-image: url(../assets/icons/icon-download.png)
}

.Icon--phone {
    background-image: url(../assets/icons/icon-phone.svg)
}

.no-svg .Icon--phone {
    background-image: url(../assets/icons/icon-phone.png)
}

.Icon--search {
    background-image: url(../assets/icons/icon-search.svg)
}

.no-svg .Icon--search {
    background-image: url(../assets/icons/icon-search.png)
}

.Icon--facebook {
    background-image: url(../assets/icons/icon-facebook.svg)
}

.no-svg .Icon--facebook {
    background-image: url(../assets/icons/icon-facebook.png)
}

.Icon--twitter {
    background-image: url(../assets/icons/icon-twitter.svg)
}

.no-svg .Icon--twitter {
    background-image: url(../assets/icons/icon-twitter.png)
}

.Icon--google {
    background-image: url(../assets/icons/icon-google.svg)
}

.no-svg .Icon--google {
    background-image: url(../assets/icons/icon-google.png)
}

.Icon--youtube {
    background-image: url(../assets/icons/icon-youtube.svg)
}

.no-svg .Icon--youtube {
    background-image: url(../assets/icons/icon-youtube.png)
}

.Icon--instagram {
    background-image: url(../assets/icons/icon-instagram.svg)
}

.no-svg .Icon--instagram {
    background-image: url(../assets/icons/icon-instagram.png)
}

.Icon--vera {
    background-image: url(../assets/icons/icon-vera.svg)
}

.no-svg .Icon--vera {
    background-image: url(../assets/icons/icon-vera.png)
}

.Icon--rss {
    background-image: url(../assets/icons/icon-rss.svg)
}

.no-svg .Icon--rss {
    background-image: url(../assets/icons/icon-rss.png)
}

.Icon--live {
    background-image: url(../assets/icons/icon-live.svg)
}

.no-svg .Icon--live {
    background-image: url(../assets/icons/icon-live.png)
}

.Icon--reply {
    background-image: url(../assets/icons/icon-reply.svg)
}

.no-svg .Icon--reply {
    background-image: url(../assets/icons/icon-reply.png)
}

.Icon--linkedin {
    background-image: url(../assets/icons/icon-linkedin.svg)
}

.no-svg .Icon--linkedin {
    background-image: url(../assets/icons/icon-linkedin.png)
}

.Icon--tumblr {
    background-image: url(../assets/icons/icon-tumblr.svg)
}

.no-svg .Icon--tumblr {
    background-image: url(../assets/icons/icon-tumblr.png)
}

.Icon--spotify {
    background-image: url(../assets/icons/icon-spotify.svg)
}

.no-svg .Icon--spotify {
    background-image: url(../assets/icons/icon-spotify.png)
}

.Icon--facebook-black {
    background-image: url(../assets/icons/icon-facebook-black.svg)
}

.Icon--twitter-black {
    background-image: url(../assets/icons/icon-twitter-black.svg)
}

.Icon--youtube-black {
    background-image: url(../assets/icons/icon-youtube-black.svg)
}

.Icon--linkedin-black {
    background-image: url(../assets/icons/icon-linkedin-black.svg)
}

.Icon--tumblr-black {
    background-image: url(../assets/icons/icon-tumblr-black.svg)
}

.Icon--instagram-black {
    background-image: url(../assets/icons/icon-instagram-black.svg)
}

.Icon--spotify-black {
    background-image: url(../assets/icons/icon-spotify-black.svg)
}

.File-icon {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 2.25em;
    height: 3.5em
}

.File-icon .Icon {
    width: 2.25em;
    height: 3.5em;
    top: -1px;
    background-image: url(../assets/files/data.svg)
}

.Icon--json {
    background-image: url(../assets/files/json.svg) !important
}

.Icon--csv {
    background-image: url(../assets/files/csv.svg) !important
}

.Icon--html {
    background-image: url(../assets/files/html.svg) !important
}

.Icon--xls {
    background-image: url(../assets/files/xls.svg) !important
}

.Icon--pdf {
    background-image: url(../assets/files/pdf.svg) !important
}

.Icon--zip {
    background-image: url(../assets/files/zip.svg) !important
}

.Icon--rar {
    background-image: url(../assets/files/rar.svg) !important
}

.Icon--xml {
    background-image: url(../assets/files/xml.svg) !important
}

.Icon--txt {
    background-image: url(../assets/files/txt.svg) !important
}

.Icon--undefined {
    background-image: url(../assets/files/data.svg) !important
}

.Icon--code {
    background-image: url(../assets/icons/icon-code.svg)
}

.Icon--move {
    background-image: url(../assets/icons/icon-move.svg)
}

.IconDataAccess {
    background-image: url(../assets/data-access.gif);
    background-repeat: no-repeat;
    display: block;
    height: 70px;
    width: 70px
}

.IconDataAccess--direct {
    background-position: center 1%
}

.IconDataAccess--public {
    background-position: center 20%
}

.IconDataAccess--licensed {
    background-position: center 40%
}

.IconDataAccess--remote {
    background-position: center 59%
}

.IconDataAccess--dataNa {
    background-position: center 79%
}

.Icon--success {
    background-image: url(../assets/icons/icon-success.svg)
}

.Date {
    width: 4.5em;
    display: inline-block
}

.Date-month {
    background-color: #003da5;
    color: #fff;
    text-transform: uppercase;
    font-size: .875em;
    padding-top: .15em;
    padding-bottom: .15em
}

.Date-day,
.Date-month {
    display: block;
    font-weight: 700;
    text-align: center
}

.Date-day {
    background-color: #fff;
    padding-top: .45em;
    padding-bottom: .45em;
    font-size: 1.375em;
    color: #555;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.Date--small {
    font-size: .75rem;
    width: 3.75em
}

.Date--small .Date-day {
    padding-top: .15em;
    padding-bottom: .15em
}

.Date-day--double {
    font-size: .95em;
    padding-top: 1em;
    padding-bottom: 1em
}

.Fecha {
    width: 4em;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.Fecha .Fecha-anio,
.Fecha .Fecha-pack {
    display: block;
    text-align: center
}

.Fecha .Fecha-anio {
    border: 1px solid #003da5;
    background-color: #003da5;
    color: #fff;
    text-transform: uppercase;
    padding-top: .1em;
    padding-bottom: .1em;
    line-height: 1.25;
    font-size: .725em;
    letter-spacing: 1px;
    font-weight: 600;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.Fecha .Fecha-pack {
    background-color: #fff;
    padding-top: .35em;
    padding-bottom: .4em;
    color: #555;
    border: 1px solid #ddd;
    border-top: none;
    line-height: 1.125;
    font-size: 1.125em;
    font-weight: 700;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.Fecha .Fecha-mes {
    font-size: .65em;
    text-transform: uppercase
}

.Fecha.Fecha--doble .Fecha-anio {
    letter-spacing: .5px
}

.Fecha.Fecha--doble .Fecha-pack {
    padding-bottom: .425em
}

.Fecha.Fecha--doble .Fecha-dia {
    font-size: .825em;
    line-height: 1.365;
    letter-spacing: -.25px
}

.Fecha.Fecha--doble .Fecha-mes {
    font-size: .625em;
    letter-spacing: -.5px
}

.Fecha.Fecha--pasada .Fecha-anio {
    background-color: #555;
    border-color: #555
}

.Fecha.Fecha--chico {
    font-size: .75rem;
    width: 3.75em
}

.Fecha.Fecha--chico .Fecha-dia {
    padding-bottom: .15em
}

.Tags {
    margin: 1rem 0
}

.Tags-item {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
    padding: .2rem .625rem;
    background-color: #f3f3f3;
    border-radius: 2px;
    font-size: .9rem;
    color: #444;
    -webkit-transition: box-shadow .35s, color .35s;
    transition: box-shadow .35s, color .35s
}

.Tags-item:hover {
    box-shadow: 1px 1px 1px #ddd, 0 0 1px #ddd;
    color: #000;
    text-decoration: none
}

.Tags-item:last-child {
    margin-right: 0
}

.Tags-item--csv,
.Tags-item--html,
.Tags-item--json,
.Tags-item--pdf,
.Tags-item--rar,
.Tags-item--txt,
.Tags-item--undefined,
.Tags-item--xls,
.Tags-item--xml,
.Tags-item--zip {
    color: #fff
}

.Tags-item--csv:hover,
.Tags-item--html:hover,
.Tags-item--json:hover,
.Tags-item--pdf:hover,
.Tags-item--rar:hover,
.Tags-item--txt:hover,
.Tags-item--undefined:hover,
.Tags-item--xls:hover,
.Tags-item--xml:hover,
.Tags-item--zip:hover {
    color: #fff;
    text-decoration: underline
}

.Tags-item--json {
    background-color: #7a4910
}

.Tags-item--csv {
    background-color: #635522
}

.Tags-item--html {
    background-color: #215c86
}

.Tags-item--xls {
    background-color: #11671c
}

.Tags-item--pdf {
    background-color: #b00f0d
}

.Tags-item--rar,
.Tags-item--zip {
    background-color: #556080
}

.Tags-item--xml {
    background-color: #455d02
}

.Tags-item--txt {
    background-color: #4b5858
}

.Tags-item--undefined {
    background-color: #686868
}

.Tags-item--close {
    position: relative;
    padding-right: 1.75rem
}

.Tags-item--close:after {
    content: "×";
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 0;
    position: absolute;
    top: .875rem;
    right: .625rem
}

.Image img {
    border-radius: 2px
}

.Image .Image-caption,
.Image figcaption {
    font-size: .85em;
    font-style: italic
}

.Image--left {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1.5rem
}

.Audio {
    margin: 2rem 0
}

.Audio audio {
    width: 100%;
    display: block
}

.Audio-link {
    font-style: italic;
    font-size: .875em;
    margin-bottom: .625em;
    display: inline-block
}

.Audio-link:not(.collapsed)>span:first-child {
    display: none
}

.Audio-link:not(.collapsed):before {
    content: "Ocultar transcripci\00F3n"
}

.Audio-title {
    font-size: 1.125em;
    font-weight: 500;
    margin-bottom: .25em
}

.Table {
    margin-top: .5rem;
    border-spacing: 0;
    border-collapse: collapse
}

.Table,
.Table caption {
    width: 100%;
    margin-bottom: .5rem
}

.Table caption {
    line-height: 1.25;
    text-align: left;
    font-size: 1.125em;
    font-weight: 500
}

.Table td,
.Table th {
    padding: 10px 16px;
    vertical-align: top;
    border: 1px solid #ddd
}

.Table th {
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    vertical-align: bottom;
    background-color: #eee
}

.Table tr {
    background-color: #fff;
    border-top: 1px solid #bbb
}

.Table--striped tr:nth-child(2n) {
    background-color: #f8f8f8
}

.Table--borderless thead tr {
    background-color: transparent
}

.Table--borderless thead th {
    border-top: 0
}

.Table--borderless td,
.Table--borderless th {
    border-right: 0;
    border-left: 0
}

.Table--small td,
.Table--small th {
    padding: 6px 10px
}

.content-before {
    display: none;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 400
}

@media screen and (max-width:992px) {
    .content-before .content-before {
        display: block
    }
}

@media screen and (max-width:992px) {
    .Table--responsive {
        width: 100%;
        max-width: 100%;
        display: block;
        overflow: auto
    }

    .Table--responsive caption {
        display: table
    }

    .Table--responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .Table--responsive tbody,
    .Table--responsive td,
    .Table--responsive th,
    .Table--responsive thead,
    .Table--responsive tr {
        display: block;
        overflow: auto
    }

    .Table--responsive td,
    .Table--responsive tr {
        box-sizing: border-box;
        width: 100%;
        float: left
    }

    .Table--responsive tr {
        border: 1px solid #ccc;
        padding: 10px 0
    }

    .Table--responsive tr td {
        border: none !important;
        border-top: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: left;
        font-weight: 700 !important
    }
}

@media screen and (max-width:992px) {
    .Table--responsive td[data-title]:before {
        font-weight: 400;
        content: attr(data-title) " ";
        display: block
    }
}

.Table--middle td,
.Table--middle th {
    vertical-align: middle
}

.Table-wrapper {
    max-width: 100%;
    margin: .5rem 0 2.75rem;
    overflow-x: auto
}

.SkipLink {
    position: absolute;
    top: -40px;
    left: -10000px;
    width: 1px;
    height: 1px;
    padding: 1em 1.5em;
    overflow: hidden;
    -webkit-transition: top .3s;
    transition: top .3s;
    color: #fff;
    background: #000
}

.SkipLink:focus {
    color: #fff;
    top: 0;
    left: 0;
    z-index: 5;
    width: auto;
    height: auto
}

.Dropdown {
    position: relative;
    display: inline-block
}

.Dropdown-menu {
    display: none;
    position: absolute;
    min-width: 180px;
    left: 0;
    top: 100%;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, .15);
    padding: .5rem
}

.Dropdown:focus-within .Dropdown-menu,
.Dropdown:focus .Dropdown-menu,
.Dropdown:hover .Dropdown-menu {
    display: block
}

.Download {
    line-height: 1.35;
    display: block;
    color: #000
}

.Download:focus,
.Download:hover {
    text-decoration: none
}

.Download:focus .Download-icon,
.Download:hover .Download-icon {
    background-color: #fff;
    border: 2px solid #eee
}

.Download:focus .Download-title,
.Download:hover .Download-title {
    text-decoration: underline
}

.Download .Media-image {
    margin-right: .75rem !important;
    width: auto;
    float: left !important;
    background-color: unset
}

.Download-icon {
    border-radius: 4px;
    background-color: #eee;
    border: 2px solid transparent;
    -webkit-transition: background-color .35s, border-color .35s;
    transition: background-color .35s, border-color .35s;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 1.75em;
    height: 1.75em
}

.Download-icon .Icon {
    top: 0;
    width: 1.15em;
    height: 1.15em
}

.Download-title {
    font-size: 1.25em;
    font-weight: 600;
    color: #003da5;
    margin-bottom: .25em;
    padding-top: 1px
}

.Download-title:last-child {
    margin-bottom: .2rem
}

.Download-description {
    color: #444;
    font-size: 1em
}

.Download-text {
    line-height: 1.5
}

.Download-date {
    font-size: .85em;
    color: #444
}

.Download--large {
    font-size: 1.125rem
}

.Download--large .Download-title {
    font-size: 1.25em
}

.Download--large .Download-icon {
    padding: 1em
}

.Download--large .Download-icon svg {
    width: 2em;
    height: 2em
}

.Download--small {
    font-size: .9em
}

.Event {
    background-color: #f1f1f1;
    margin-bottom: 2rem
}

.Event iframe {
    width: 100%;
    vertical-align: middle
}

.Event-info {
    padding: 1.15rem
}

.Event-info:after,
.Event-info:before {
    display: table;
    content: ""
}

.Event-info:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Event-info {
        padding: .75rem
    }
}

.Event-info .Media-image {
    margin-right: 1rem
}

.Event-details {
    font-size: .875em;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Event-details li {
    margin-top: 0;
    list-style: none
}

.Event-description {
    margin-bottom: .25rem;
    color: #555
}

.Event-map {
    position: relative
}

.Event-map:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

.Event-map.is-visible:after {
    display: none
}

@media screen and (max-width:992px) {
    .Event .Date {
        font-size: .75rem;
        width: 3.75em
    }

    .Event .Date .Date-day {
        padding-top: .15em;
        padding-bottom: .15em
    }
}

.Event-name {
    text-transform: uppercase;
    font-size: .85em;
    margin-bottom: .5rem;
    color: #555;
    display: inline-block;
    line-height: 1.15
}

.Pagination {
    text-align: center;
    margin-top: 4rem
}

.Pagination-text {
    margin-bottom: 1rem
}

.Pagination-links {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Pagination-links li {
    list-style: none;
    display: inline-block
}

.Pagination-links li a {
    text-decoration: none;
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding: .5rem 1rem;
    background-color: #f3f3f3;
    border-radius: 3px;
    color: #000;
    -webkit-transition: background-color .35s, color .35s;
    transition: background-color .35s, color .35s;
    border-bottom: 1px solid #ddd
}

.Pagination-links li a:hover {
    background-color: #ddd
}

.Pagination-links li.is-selected a {
    background-color: #003da5;
    color: #fff
}

.Pagination-next a:after {
    padding-left: .5rem;
    content: "\2192"
}

.Pagination-prev a:before {
    padding-right: .5rem;
    content: "\2190"
}

@media screen and (max-width:992px) {
    .Pagination li {
        display: none
    }

    .Pagination-next,
    .Pagination-prev {
        display: inline-block !important
    }
}

.Carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.Carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.Carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.Carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.Carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.Carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.Carousel .owl-dots.disabled,
.Carousel .owl-nav.disabled {
    display: none
}

.Carousel .owl-dot,
.Carousel .owl-nav .owl-next,
.Carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff
}

.Carousel.owl-loaded {
    display: block
}

.Carousel.owl-loading {
    opacity: 0;
    display: block
}

.Carousel.owl-hidden {
    opacity: 0
}

.Carousel.owl-refresh .owl-item {
    visibility: hidden
}

.Carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.Carousel.owl-rtl {
    direction: rtl
}

.Carousel.owl-rtl .owl-item {
    float: right
}

.no-js .Carousel {
    display: block
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.Carousel-caption {
    background-color: #f1f1f1;
    padding: .5rem .75rem;
    font-size: .875em;
    width: 100%;
    overflow: hidden
}

.Carousel-caption a {
    min-width: 152px;
    margin-left: .5rem
}

@media screen and (max-width:992px) {
    .Carousel-caption a {
        margin-left: 0;
        margin-top: .45rem
    }
}

.Carousel {
    margin-bottom: 1rem
}

.Carousel:after,
.Carousel:before {
    display: table;
    content: ""
}

.Carousel:after {
    clear: both
}

.Carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    float: right
}

.Carousel .owl-nav [class*=owl-] {
    color: #fff;
    font-size: .85rem;
    margin: 5px;
    padding: 4px 12px;
    background: #555;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.Carousel .owl-nav [class*=owl-]:hover {
    background: #333;
    color: #fff;
    text-decoration: none
}

.Carousel .owl-nav [class*=owl-]:active {
    background: #555;
    text-decoration: none
}

.Carousel .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.Carousel .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.Carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    float: left
}

.Carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.Carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 12px 4px;
    background: #bbb;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

@media screen and (max-width:992px) {
    .Carousel .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 6px 4px
    }
}

.Carousel .owl-dots .owl-dot.active span,
.Carousel .owl-dots .owl-dot:hover span {
    background: #333
}

@media screen and (max-width:992px) {

    .Carousel .owl-dots,
    .Carousel .owl-nav {
        float: none
    }

    .Carousel p {
        margin-bottom: 0
    }

    .Carousel .owl-nav {
        margin-top: 1rem;
        margin-bottom: .5rem
    }
}

.Carousel {
    margin-left: auto;
    margin-right: auto
}

.Carousel .owl-item {
    padding-bottom: 58px;
    margin-bottom: 1rem;
    background-color: #ddd
}

@media screen and (max-width:992px) {
    .Carousel .owl-item {
        padding-bottom: 130px;
        margin-bottom: 0
    }
}

.Carousel .owl-item div {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 626px
}

@media screen and (max-width:992px) {
    .Carousel .owl-item div {
        height: 260px
    }
}

.Carousel .owl-item img {
    max-height: 100%;
    width: auto !important;
    position: relative
}

.Carousel-caption {
    position: absolute;
    height: 58px;
    bottom: -58px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .Carousel-caption {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 130px;
        bottom: -130px
    }
}

.Carousel-download {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 60px !important
}

.Tree h3 {
    font-size: 1.625em;
    margin-bottom: 0
}

.Tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 13%;
    position: relative;
    width: 87%;
    margin-top: 20px
}

.Tree ul {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 1
}

.Tree ul:not([class]) li+li {
    margin-top: 0 !important
}

.Tree li.lvlOne {
    padding-left: 0;
    width: 100%;
    height: auto
}

.Tree li:after,
.Tree li:before {
    content: "";
    left: 3%;
    position: absolute;
    right: auto
}

.Tree li:before {
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 0
}

.Tree li:after {
    top: 25px;
    width: 12%
}

.Tree li div.itemContent {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
    background-color: #fff;
    position: relative;
    z-index: 1
}

.Tree li div.itemContent li:after,
.Tree li div.itemContent li:before {
    content: "";
    position: static
}

.Tree ul>li div.itemContent img {
    max-width: 70px
}

.Tree ul>li>ul>li div.itemContent img {
    max-width: 65px
}

.Tree ul>li>ul>li>ul>li div.itemContent img {
    max-width: 60px
}

.Tree ul>li>ul>li>ul>li>ul>li div.itemContent img {
    max-width: 55px
}

.Tree ul>li>ul>li {
    margin-top: 0
}

.Tree ul>li>ul>li:before {
    top: 0
}

.Tree ul>li>ul>li:last-child:before {
    height: 25px
}

.Tree li div.itemContent .contItem {
    float: left;
    margin-left: 3%;
    width: 62%;
    margin-top: .625rem
}

.Tree li div.itemContent .noImage {
    float: none;
    margin-left: 0;
    width: 100%
}

.Tree li div.itemContent h2 {
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 10px
}

.Tree li div.itemContent ul {
    padding-left: 15px
}

.Tree li div.itemContent ul li {
    list-style: disc;
    list-style-position: outside;
    padding-left: 5px;
    margin-top: 0;
    margin-left: 15px;
    margin-bottom: 0
}

.Tree li div.itemContent ul li a {
    line-height: 18px;
    padding-right: 10px
}

.Tree li div.itemContent ul li {
    border: none;
    position: relative;
    content: inherit
}

.Tree li div.itemContent ul li:before {
    content: "";
    border: none;
    height: auto;
    width: auto
}

.Tree li:before {
    top: -20px;
    padding-bottom: 20px
}

.Tree li div.hasChilds,
.Tree li div.itemContent {
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: block;
    padding: 1em;
    text-decoration: none;
    width: 100%
}

.Tree li.parent_li .hasChilds {
    cursor: pointer
}

.Tree>ul>li:after,
.Tree>ul>li:before {
    border: 0
}

.Tree li:last-child:before {
    height: 45px
}

.Tree li.parent_li>.hasChilds:hover,
.Tree li.parent_li>.hasChilds:hover+ul li .hasChilds {
    background: #fbfbfb;
    border: 1px solid #666;
    color: #000
}

.Tree h3 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25
}

.Tree h4 {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600
}

.Tree h5 {
    margin: 0;
    font-size: .925rem;
    font-weight: 400
}

.Tree h6 {
    margin-top: .325em;
    margin-bottom: 0;
    font-size: .825rem;
    font-weight: 400
}

@media screen and (max-width:992px) {
    .Tree li {
        width: 100%;
        padding: 10px 0 0 26px
    }

    .Tree li:after {
        width: 17px
    }

    .Tree h3 {
        font-size: 96%
    }
}

.Tree .itemContent .Flag+.Flag {
    margin-top: 1rem
}

.Tree .itemContent>h3 {
    margin-bottom: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #eee
}

.Flag-body h4+h5 {
    margin-top: .325rem
}

.Tree li:after,
.Tree li:before {
    background-color: #ccc
}

.Tree li:after {
    height: 2px
}

.Tree li:before {
    width: 2px
}

.Tree li.lvlOne:after,
.Tree li.lvlOne:before {
    display: none
}

.Tree ul:not([class]) li.Tree-rightLink {
    padding-left: 19% !important;
    margin-top: 2rem !important;
    width: 100%
}

.Tree-rightLink:after,
.Tree-rightLink:before {
    display: none !important
}

.Tree-prevRightLink:before {
    height: 26px !important
}

.Tree-hasRightLink {
    position: relative
}

.Tree-hasRightLink ul {
    margin-left: 40px
}

.Tree-hasRightLink ul:before {
    width: 2px;
    content: "";
    position: absolute;
    top: 0;
    left: -14px;
    z-index: 1;
    height: calc(100% + 65px)
}

.Tree li.Tree-rightLink>.itemContent:before {
    display: block !important;
    position: absolute;
    content: "";
    z-index: 0;
    height: 2px;
    top: 16px;
    left: -10%;
    width: 10%
}

.Tree-hasRightLink ul:before,
.Tree li.Tree-rightLink>.itemContent:before {
    background-color: #1d90ff
}

.Tree-hasRightLink:not(.Tree-prevRightLink) ul:before {
    background: -webkit-linear-gradient(top, #1d90ff 70%, #fff) !important;
    background: linear-gradient(180deg, #1d90ff 70%, #fff) !important;
    height: calc(100% + 10px)
}

.Tree li.Tree-hasRightLink:after,
.Tree li.Tree-hasRightLink:before {
    background-color: #09f
}

.Tree ul>li>ul>li:after,
.Tree ul>li>ul>li:before {
    background-color: #ccc
}

.Tree ul:not([class]) li.Tree-rightLink {
    margin-top: 36px !important;
    z-index: -1
}

.Tree ul:not([class]) li.Tree-rightLink:before {
    height: 62px;
    top: -36px
}

.Tree ul>li>ul>li {
    padding-left: 8% !important
}

@media screen and (max-width:992px) {
    .Tree-hasRightLink ul {
        margin-left: 28px
    }

    .Tree ul {
        width: auto
    }

    .Tree li.Tree-rightLink>.itemContent:before {
        left: -8%;
        width: 8%
    }

    .Tree ul:not([class]) li.Tree-rightLink {
        padding-left: 20% !important
    }
}

@media screen and (max-width:768px) {
    .Tree-hasRightLink ul:before {
        left: -4%
    }
}

.Tree-rightLink:before {
    content: "";
    width: 2px;
    height: 100px;
    background-color: red;
    position: absolute;
    left: -100px;
    top: 0
}

.Tree .Tree-rightLink div.itemContent:after {
    content: "";
    display: block;
    height: calc(100% + 100px);
    width: 2px;
    background-color: #1d90ff;
    position: absolute;
    bottom: 36px;
    left: calc(-10% - 1px)
}

@media screen and (max-width:768px) {
    .Tree .Tree-rightLink div.itemContent:after {
        bottom: 52px;
        left: -20px
    }
}

.Tree-prevRightLink.Tree-hasRightLink:before {
    content: "";
    height: calc(100% + 25px) !important
}

.Tree-prevRightLink.Tree-hasRightLink+.Tree-prevRightLink.Tree-hasRightLink:before {
    height: 0 !important
}

.Page {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 2rem;
    padding: 2.5rem;
    position: relative
}

.Page:after,
.Page:before {
    display: table;
    content: ""
}

.Page:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Page {
        margin-bottom: 1rem;
        padding: 1rem
    }
}

.ie8 .Page {
    border: 1px solid #ddd
}

.Page-title,
.page-title,
.Page-Title {
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
    margin-top: 1rem
}

@media screen and (max-width:992px) {

    .Page-title,
    .page-title,
    .Page-Title {
        font-size: 1.75rem;
        margin-top: .75rem;
        margin-bottom: 2rem
    }
}

.Page-heading {
    font-weight: 400
}

.Page-heading strong {
    font-weight: 700
}

.Page-description {
    font-size: 1.3125rem;
    color: #333;
    margin-top: 2rem;
    margin-bottom: 3.5rem
}

@media screen and (max-width:992px) {
    .Page-description {
        font-size: 1.0625rem;
        line-height: 1.55;
        margin-bottom: 2.5rem
    }
}

.Page-image {
    text-align: center;
    background-color: #ddd;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.Page-image img {
    border-radius: 2px;
    width: auto;
    height: auto
}

.Page-image.Page-image--vertical img {
    max-height: 626px
}

.Page-image-caption {
    background-color: #f1f1f1;
    text-align: left;
    padding: .5rem 1rem;
    font-size: .875em
}

.Page-date {
    color: #444;
    font-size: .85rem
}

.Page-subtitle {
    color: #444;
    display: block;
    font-size: 1.15em;
    line-height: 1.15;
    margin-bottom: 1em;
    margin-top: 1em
}

@media screen and (max-width:992px) {
    .Page-subtitle {
        font-size: 1em;
        line-height: 1.5
    }
}

.Page-info {
    margin-bottom: 2rem;
    margin-top: 1rem
}

.Page-info:after,
.Page-info:before {
    display: table;
    content: ""
}

.Page-info:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Page-info .Bar-cell {
        display: block
    }
}

.Page blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eee;
    clear: both
}

.Page-actions {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: .9em;
    float: right
}

.Page-actions li {
    list-style: none
}

@media screen and (max-width:992px) {
    .Page-actions {
        float: left;
        margin-top: 1rem
    }
}

.Page-actions li {
    display: inline-block;
    padding-left: .5rem
}

@media screen and (max-width:992px) {
    .Page-actions li:first-child {
        padding-left: 0
    }
}

.Page-nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Page-nav ul li {
    list-style: none
}

.Page-navTitle {
    font-weight: 700;
    font-size: 1.15rem;
    display: block;
    padding: 2rem 1.5rem 1rem
}

.Page-navTitle[data-toggle] .Page-navStatus {
    display: block
}

@media screen and (min-width:992px) {
    .Page-navTitle:not([data-toggle]) {
        color: #000;
        pointer-events: none;
        cursor: auto
    }

    .Page-navTitle:not([data-toggle]):hover {
        text-decoration: none
    }
}

.Page-navList li {
    border-bottom: 1px solid #eee
}

.Page-navList li a {
    display: block;
    padding: .75rem 1.5rem;
    -webkit-transition: color .25s;
    transition: color .25s
}

.Page-navList li a:hover {
    color: #000
}

.Page-navList li.is-active .Page-navSublist {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee
}

.Page-navList li.is-active .Page-navSublist a {
    color: #0b4697
}

.Page-navList li.is-active .Page-navSublist a:hover {
    color: #000;
    text-decoration: underline
}

.Page-navList>li.is-active:first-child {
    border-top: 1px solid #eee
}

.Page-navList li.is-active {
    border-left: 4px solid #bbb
}

.Page-navList li.is-active a {
    color: #000;
    text-decoration: none;
    border-right: 1px solid #fff;
    width: calc(100% + 1px);
    position: relative;
    z-index: 2
}

@media screen and (max-width:992px) {
    .Page-navList li.is-active a {
        width: 100%
    }
}

.Page-navSublist {
    margin-left: 1.5rem;
    font-size: .85rem
}

.Page-navSublist li a {
    padding: .75rem 1rem
}

.Page-navSublist li:last-child {
    border-bottom: 0
}

.Page-navSublist>li.is-active:first-child {
    border-top: 1px solid #eee
}

@media screen and (max-width:992px) {
    .Page-navList {
        display: none
    }

    .Page-navTitle {
        padding: 1rem;
        border-bottom: 1px solid #eee;
        font-size: .95rem
    }

    .Page-nav.is-open .Page-navTitle {
        background-color: #f9f9f9
    }

    .Page-nav.is-open .Page-navList {
        display: block
    }
}

.Page-document h2.u-noPrint,
.Page-document h2:not([class]),
.Page-document h3.u-noPrint,
.Page-document h3:not([class]),
.Page-document h4.u-noPrint,
.Page-document h4:not([class]),
.Page-document h5.u-noPrint,
.Page-document h5:not([class]),
.Page-document h6.u-noPrint,
.Page-document h6:not([class]) {
    margin-top: 3rem;
    margin-bottom: 1.25rem;
    clear: both
}

@media screen and (max-width:992px) {

    .Page-document h2.u-noPrint,
    .Page-document h2:not([class]),
    .Page-document h3.u-noPrint,
    .Page-document h3:not([class]),
    .Page-document h4.u-noPrint,
    .Page-document h4:not([class]),
    .Page-document h5.u-noPrint,
    .Page-document h5:not([class]),
    .Page-document h6.u-noPrint,
    .Page-document h6:not([class]) {
        font-size: 140%;
        line-height: 1.25
    }
}

.Page-document h2.u-noPrint,
.Page-document h2:not([class]) {
    font-size: 1.875rem
}

.Page-document h3.u-noPrint,
.Page-document h3:not([class]) {
    font-size: 1.5rem;
    margin-top: 2.75rem
}

.Page-document h4.u-noPrint,
.Page-document h4:not([class]) {
    font-size: 1.325rem;
    margin-top: 2.5rem
}

.Page-document h5.u-noPrint,
.Page-document h5:not([class]) {
    font-size: 1.125rem;
    margin-top: 2.25rem
}

.Page-document ul.u-noPrint,
.Page-document ul:not([class]) {
    margin-bottom: 2em
}

.Page-document ul.u-noPrint li+li,
.Page-document ul:not([class]) li+li {
    margin-top: .25em
}

.Page-document li>ul:not([class]) {
    margin-top: .5em
}

.Page-document .Download {
    margin-bottom: 1.5rem
}

.Page-document .Page-downloads li {
    padding: 1.5rem 0
}

.Page-document .Page-downloads li:first-child {
    padding-top: .5rem
}

.Page-document .Page-downloads .Download {
    margin-bottom: 0
}

.Page-header {
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.Page-header>* {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Page-header>* {
        font-size: 1.825rem
    }
}

.Page--hasNav {
    padding: 0
}

.Page--hasNav .Page-body {
    padding: 2.5rem;
    border-left: 1px solid #eee
}

@media screen and (max-width:992px) {
    .Page--hasNav .Page-body {
        padding: 1rem;
        border-left: 0
    }
}

.Page--hasNav>.Grid>.Grid-item:first-child {
    box-shadow: 1px 0 0 0 #eee !important
}

.Page-nav+.Filtros {
    margin-top: 1.25rem
}

.Page-nav+.Filters {
    margin-top: 1rem
}

.Page-navStatus {
    display: block;
    float: right
}

.Page-navStatus:after {
    line-height: 1;
    content: "+";
    font-size: 18px
}

@media screen and (min-width:992px) {
    .Page-navStatus {
        display: none
    }
}

.Page-navStatus {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.Page-navTitle.collapsed {
    border-bottom: 1px solid #eee
}

.Page-navTitle.collapsed .Page-navStatus {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.Page-nav.is-open .Page-navStatus {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Breadcrumb {
    background-color: #fff;
    font-size: .875em;
    padding: .675em 0
}

.Breadcrumb:after,
.Breadcrumb:before {
    display: table;
    content: ""
}

.Breadcrumb:after {
    clear: both
}

.Breadcrumb a {
    text-decoration: none
}

.Breadcrumb a:hover {
    text-decoration: underline
}

.Breadcrumb ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Breadcrumb ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px
}

.Breadcrumb ul li:before {
    padding-right: 12px;
    color: #555;
    content: "\00bb"
}

.Breadcrumb ul li:first-child:before {
    display: none
}

.Breadcrumb ul li:first-child {
    padding-left: 0;
    margin-left: 0
}

@media screen and (max-width:992px) {
    .touch .Breadcrumb {
        border-top: 1px solid #eee;
        overflow: scroll;
        position: relative
    }

    .touch .Breadcrumb:before {
        background: -webkit-linear-gradient(right, #eee, transparent);
        background: linear-gradient(270deg, #eee, transparent);
        content: "";
        display: none;
        width: 3rem;
        height: 2.7em;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10
    }

    .touch .Breadcrumb ul {
        white-space: nowrap
    }

    .touch .Breadcrumb ul li:last-child {
        padding-right: 3.5rem
    }
}

@media screen and (max-width:992px) {
    .no-touch .Breadcrumb {
        display: none
    }
}

@media screen and (max-width:992px) {
    .touch .Page .Breadcrumb {
        border-top: 0
    }
}

.Search {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px;
    background-color: #fff
}

.Search:after,
.Search:before {
    display: table;
    content: ""
}

.Search:after {
    clear: both
}

.Search-input {
    background-color: #fff;
    border-radius: 3px;
    border: 0;
    color: #000;
    float: left;
    font-family: inherit;
    font-weight: 400;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: .75em;
    padding-right: 3.75em;
    line-height: 1.5
}

.Search-button {
    right: 2px;
    width: 3em;
    text-indent: -9999px;
    height: 3em;
    border: 0;
    background-color: #003da5;
    background-image: url(../assets/icon-search.svg);
    background-size: 1.25em;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 2px
}

.Search-button,
.Search-checkboxLabel {
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.Search-checkboxLabel {
    max-width: 14em;
    display: inline-block;
    margin: -3px -1px -3px 0;
    padding: 1em 3.85em 1em .75em;
    background: #f7f7f8;
    border-radius: 0 3px 3px 0;
    border: 1px solid #ddd;
    right: 0;
    line-height: 1.25em;
    font-size: 1em;
    color: #6d6e70;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.Search-checkboxLabel input {
    margin-right: 5px
}

.Search--small {
    font-size: .875em
}

.Search--big {
    font-size: 1.25em
}

.Search--borderless {
    border: 0
}

.Search .Form input[type=search] {
    border-radius: 3px;
    border: 0;
    font-family: inherit;
    padding: .75em;
    padding-right: 3em;
    width: 100%;
    max-width: 100%
}

.Header {
    background-color: #fff
}

@media screen and (max-width:992px) {
    .Header {
        box-shadow: 0 0 6px rgba(0, 0, 0, .08)
    }
}

.Header-top {
    border-bottom: 1px solid #eee;
    padding-top: .75em;
    padding-bottom: .75em
}

.Header-top:after,
.Header-top:before {
    display: table;
    content: ""
}

.Header-top:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Header-top {
        background: #003da5;
        border-bottom: none;
        padding-top: .625em;
        padding-bottom: .625em
    }
}

.Header-site {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Header-site .Header-mainLink {
    display: table-cell
}

.Header-site .Header-mainLink:focus,
.Header-site .Header-mainLink:hover {
    text-decoration: none
}

@media screen and (max-width:992px) {
    .Header-site .Header-mainLink .Brand {
        color: #fff
    }
}

@media screen and (max-width:992px) {
    .Header-site .Header-arrow:after {
        top: -4px
    }
}

.Header-site img {
    vertical-align: bottom;
    max-width: 80px
}

@media screen and (max-width:992px) {
    .Header-site img {
        max-width: 70px
    }
}

.Header-parent {
    display: inline-block;
    margin-left: 1.5em;
    font-weight: 400;
    top: -1px;
    position: relative;
    border-left: 1px solid #ccc;
    padding-left: 1.5em
}

@media screen and (max-width:992px) {
    .Header-parent {
        top: 0;
        border-color: #fff
    }
}

.Header-parent a {
    color: #444
}

@media screen and (max-width:992px) {
    .Header-parent a {
        color: #fff;
        font-size: .9375rem
    }
}

.Header-parent .Header-arrow:after {
    left: 0;
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Header-parent.open .Header-arrow:after {
    top: -5px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media screen and (max-width:520px) {
    .Header-parent {
        display: none
    }
}

.Header-explore {
    display: table-cell;
    vertical-align: bottom;
    width: 1.825em;
    height: 1.825em;
    border-radius: 3px;
    border: 1px solid #666;
    color: #666;
    overflow: hidden;
    margin-left: .75em
}

@media screen and (max-width:992px) {
    .Header-explore {
        width: 1.5em;
        height: 1.5em;
        border: 1px solid #fff;
        color: #fff
    }
}

.Header-login {
    float: right;
    margin-top: .1825em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:992px) {
    .Header-login {
        margin-top: 1px;
        font-size: .9375rem
    }

    .Header-login a {
        color: #fff
    }
}

.Header-body {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.Header-body:after,
.Header-body:before {
    display: table;
    content: ""
}

.Header-body:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Header-body {
        padding-top: .75em;
        padding-bottom: .85em
    }
}

.Header-logo {
    font-size: 1rem;
    float: left;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Header-logo img {
        height: auto;
        max-width: 2.5395rem !important
    }

    .Header-logo .Logo-text {
        padding-top: 3px
    }

    .Header-logo .Logo-title {
        font-size: .9375rem;
        line-height: 1.1875rem
    }

    .Header-logo .Logo-role {
        margin-bottom: 1px
    }
}

.Header-logo a {
    color: #003da5
}

.Header-search {
    float: right;
    margin-top: 1.4em;
    width: 100%;
    max-width: 30em
}

.Header-search .Search-input {
    padding-right: 9.5em
}

.Header-search .Search-input:focus {
    outline: 3px solid orange;
    outline-offset: 3px
}

@media screen and (max-width:992px) {
    .Header-search {
        font-size: .9175rem;
        margin-top: 1rem;
        max-width: unset
    }

    .Header-search .Search-checkboxLabel {
        font-size: .825em;
        line-height: 48px;
        margin: -3px -1px -3px 0;
        padding: 0 4.5em 0 .75em
    }

    .Header-search #Search-checkbox,
    .Header-search .Search-checkbox {
        position: relative;
        top: 3px
    }
}

.Header-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border: .2825em solid transparent;
    border-left-color: inherit;
    position: relative;
    left: 3px;
    top: -2px;
    display: inline-block;
    margin-top: .64481em;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.Header-menuTrigger {
    float: right;
    color: #003da5;
    border: 1px solid #003da5;
    padding: .5em .75em;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: .75em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .75em;
    margin-right: 1px
}

.Header-menuTrigger>svg {
    margin-right: .25em;
    margin-left: -.15em;
    fill: #003da5
}

.Header-menuTrigger>span {
    font-weight: 600;
    padding-top: 1px
}

.Header-lang .Dropdown:focus .Dropdown-menu,
.Header-lang .Dropdown:hover .Dropdown-menu {
    display: none
}

.Header-lang .Dropdown-trigger {
    cursor: pointer
}

.Header-lang .Dropdown-menu {
    top: calc(100% + 14px);
    left: unset;
    right: 0
}

.Header-lang .Dropdown-menu:before {
    content: "";
    position: absolute;
    top: -9px;
    left: calc(100% - 34px);
    display: inline-block;
    height: 0;
    width: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc
}

.Header-lang .Dropdown-menu:after {
    content: "";
    position: absolute;
    top: -8px;
    left: calc(100% - 33px);
    display: inline-block;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.Header-lang .isActive {
    font-weight: 700;
    color: #000
}

.Header-langLink {
    color: #003da5
}

.Header-langLink:hover {
    text-decoration: underline
}

.Header-langLink:after {
    content: "";
    width: 0;
    height: 0;
    border: .2825em solid transparent;
    border-left-color: inherit;
    position: relative;
    top: 0;
    display: inline-block;
    margin-top: .64481em;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: .5rem
}

.Header-langBody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.User {
    position: relative
}

.User+.User {
    margin-left: 2rem
}

.User .User-name {
    cursor: pointer;
    color: #003da5;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .User .User-name {
        color: #fff
    }

    .User .User-name .arrow-down {
        border-top-color: #fff
    }

    .User .User-name>svg {
        fill: #fff
    }
}

.User-alert {
    width: 16px;
    height: 16px;
    background-color: tomato;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.User-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    min-width: 19rem;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 12px -1px rgba(0, 0, 0, .12);
    border: 1px solid #ccc;
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
    z-index: 1000;
    font-size: .95em
}

.User-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.User-dropdown ul>li:first-child>* {
    border-top: 0
}

.User-dropdown a,
.User-dropdown ul li>span {
    color: #000 !important;
    display: block;
    padding: 1em;
    border-top: 1px solid #eee;
    line-height: 1.5
}

.User-dropdown li:first-child a {
    border-top: 0
}

@media screen and (max-width:992px) {
    .User-dropdown {
        min-width: 16rem;
        top: 120%
    }

    .User-dropdown ul {
        width: 100%
    }

    .User-dropdown a {
        color: #000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .User-dropdown a span {
        line-height: 1.4;
        padding-bottom: 1px
    }
}

.User-dropdown.js-userDropdown {
    top: 0
}

.User-dropdown .close-dropdown-user {
    position: absolute;
    right: 4px;
    top: 4px;
    padding: .5rem;
    display: block;
    line-height: 1;
    border-top: none;
    border-radius: 3px;
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

.User-dropdown .close-dropdown-user:hover {
    cursor: pointer;
    background-color: #f3f3f3
}

.User-dropdown .close-dropdown-user img {
    display: block;
    width: 1rem;
    height: 1rem
}

.User-dropdown .User-data {
    padding: 20px 24px 25px;
    border-bottom: 1px solid #efefef
}

.User-dropdown .User-data span.User-name {
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    color: #000
}

.User-dropdown .User-data .Login-method {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.User-dropdown .User-data .Login-method .Login-method-logo {
    margin-right: .75rem
}

.User-dropdown .User-data .Login-method .Login-method-name {
    font-size: 1rem;
    display: block;
    margin-top: .25rem;
    margin-bottom: .25rem;
    line-height: 1.1
}

.User-dropdown .User-data .Login-method .Login-method-level {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #444
}

.User-dropdown .User-data .Login-method .Login-method-level img {
    display: block;
    margin-right: .25rem;
    width: 1.125rem;
    height: 1.125rem
}

.User-dropdown .Dropdown-links {
    padding: 1rem
}

.User-dropdown .Dropdown-links a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none;
    padding: .75rem;
    text-decoration: none;
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
    border-radius: 8px
}

.User-dropdown .Dropdown-links a:hover {
    text-decoration: underline;
    background-color: #f3f3f3
}

.User-dropdown .Dropdown-links a img {
    display: block;
    margin-right: .625rem
}

.User-dropdown.is-open {
    display: block;
    -webkit-animation: a .35s ease-in-out;
    animation: a .35s ease-in-out
}

@-webkit-keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.User-name.is-open .arrow-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}

.arrow-down {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000
}

@media screen and (max-width:992px) {
    .Nav.is-open {
        display: block;
        -webkit-animation: a .35s ease-in-out;
        animation: a .35s ease-in-out
    }
}

@media screen and (max-width:992px) {
    .Header--minisitio #menu-padre .Nav-subnav {
        padding: 0 1em
    }

    .Header--minisitio .Header-parent--mobile {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: .5em;
        margin-top: .5em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid hsla(0, 0%, 100%, .15)
    }

    .Header--minisitio .Header-parent--mobile.open {
        margin-top: .5em !important;
        margin-bottom: 0;
        padding: .5em .75em !important;
        margin-left: -.75em;
        margin-right: -.75em;
        border-color: transparent
    }

    .Header--minisitio .Header-site .Header-parent {
        display: none
    }
}

.Header--minisitio .Header-top {
    background-color: #003da5;
    border-bottom: none
}

.Header--minisitio .Header-top+.Nav {
    background-color: #042f62
}

.Header--minisitio .js-mainNav {
    display: none
}

.Header--minisitio .js-mainNav.is-open {
    display: block;
    z-index: 4;
    -webkit-animation: a .25s ease-in-out;
    animation: a .25s ease-in-out
}

@media screen and (max-width:992px) {
    .Header--minisitio .js-mainNav.is-open {
        padding-top: 1rem
    }
}

.Header--minisitio .Header-explore {
    color: #fff;
    border-color: #fff
}

.Header--minisitio .Header-parent {
    top: 0;
    line-height: 28px
}

@media screen and (max-width:992px) {
    .Header--minisitio .Header-parent {
        line-height: 22px
    }
}

.Header--minisitio .Header-parent.open {
    background: #042f62;
    margin-top: -.75em;
    margin-bottom: -.75em;
    padding-top: .75em;
    padding-bottom: .75em;
    padding-right: 1.5em;
    border-color: transparent
}

.Header--minisitio .Header-login a,
.Header--minisitio .Header-parent a {
    color: #fff
}

.Header--minisitio .User .js-lang svg {
    fill: #fff
}

.Header--minisitio .User .User-name {
    color: #fff
}

.Header--minisitio .User .User-name .arrow-down {
    border-top-color: #fff
}

@media screen and (min-width:992px) {
    .Header--minisitio .Header-top+.Nav .Nav-list {
        margin-left: 165px
    }
}

.Header--catalogo {
    background: #003da5
}

.Header--catalogo .Header-top {
    background: #042f62
}

.Header--catalogo .Header-top .Brand,
.Header--catalogo .Header-top a,
.Header--catalogo .Logo-text,
.Header--catalogo .User>.User-name {
    color: #fff
}

.Header--catalogo .Header-explore {
    color: #fff;
    border-color: #fff
}

.Header--catalogo .Header-menuTrigger {
    color: #fff;
    border-color: #fff;
    margin-top: .5em
}

.Header--catalogo .Header-menuTrigger>svg {
    fill: #fff
}

.Header--catalogo .Header-logo a:hover .Logo-text {
    text-decoration: underline
}

.Header--catalogo .Header-search .Search-input {
    padding-right: 3.75em
}

@media screen and (min-width:992px) {
    .Header--catalogo .Header-body {
        padding-top: 1.75em;
        padding-bottom: .75em
    }

    .Header--catalogo .Logo {
        height: 98px
    }

    .Header--catalogo .Logo-title {
        font-size: 1.375rem;
        line-height: 1.35
    }

    .Header--catalogo .Search {
        font-size: 1.125em
    }

    .Header--catalogo .Header-search {
        max-width: 40em;
        margin-top: 1.25em
    }
}

@media screen and (max-width:992px) {
    .Header--catalogo+.Nav {
        padding-top: 1em
    }

    .Header--catalogo .Header-logo .Logo-title {
        font-size: 1rem;
        line-height: 1.35rem
    }
}

.Header--catalogo.Header--noNav+.Nav,
.Header--catalogo.Header--noNav .Header-menuTrigger {
    display: none
}

@media screen and (min-width:992px) {
    .Header--catalogo.Header--noNav .Header-body {
        padding-top: 2em;
        padding-bottom: 2em
    }
}

.Header-logo a:hover {
    text-decoration: none
}

.Logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Logo-abbr {
    font-weight: 400;
    font-size: .875rem;
    color: #003da5;
    display: block
}

.Logo-abbr+.Logo-title,
.Logo-title+.Logo-abbr {
    margin-top: .325rem
}

.Logo-text {
    color: #003da5
}

.Logo-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4rem;
    display: block;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Logo-title {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.Logo-title>span {
    display: block
}

@media screen and (max-width:992px) {
    .Logo-title>span {
        display: inline
    }
}

.Logo-role {
    font-weight: 400;
    display: block !important
}

.Logo-image {
    height: 98px;
    width: auto;
    margin-right: .8em
}

@media screen and (max-width:992px) {
    .Logo-image {
        height: auto;
        max-width: 4rem !important;
        margin-right: .5em;
        margin-left: 0
    }
}

.Nav {
    background-color: #003da5;
    position: relative;
    z-index: 3
}

.Nav:after,
.Nav:before {
    display: table;
    content: ""
}

.Nav:after {
    clear: both
}

.Nav a {
    display: block
}

.Nav a,
.Nav a:hover {
    text-decoration: none;
    color: #fff
}

@media screen and (max-width:992px) {
    .Nav {
        padding-top: 1.5em
    }
}

.Nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    left: -1.5rem
}

.Nav-item {
    float: left;
    text-align: center
}

.Nav-item>a {
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
    padding: .875rem 1.5rem;
    -webkit-transition: background-color .375s;
    transition: background-color .375s;
    width: 100%
}

@media screen and (max-width:992px) {
    .Nav ul {
        left: 0;
        margin-bottom: 1.5rem
    }

    .Nav ul:after,
    .Nav ul:before {
        display: table;
        content: ""
    }

    .Nav ul:after {
        clear: both
    }

    .Nav-item {
        text-align: left;
        width: 100%
    }

    .Nav-item a {
        padding-top: .5rem;
        padding-bottom: .75rem
    }

    .Nav {
        overflow: hidden;
        display: none
    }

    .Nav.is-open {
        display: block
    }
}

.Nav-search {
    border: 0;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

@media screen and (max-width:992px) {
    .Nav-list {
        margin-bottom: 2rem
    }
}

@media screen and (min-width:992px) {
    .Nav-search {
        display: none
    }
}

.Nav-list,
.Nav-subnav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Nav-list li,
.Nav-subnav ul li {
    list-style: none
}

.Nav-list>li {
    position: relative
}

.Nav-list>li>a:hover {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.Nav-item.hover a {
    background-color: #042f62
}

.Nav-item>a {
    position: relative;
    z-index: 9999
}

.Nav-subnav {
    background-color: #042f62;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
    left: -9999px;
    opacity: 0;
    position: absolute;
    text-align: left;
    -webkit-transition: left 0s, opacity .375s;
    transition: left 0s, opacity .375s;
    width: 14rem;
    z-index: 9998
}

@media screen and (max-width:992px) {
    .Nav-subnav {
        box-shadow: 0 0 0 transparent;
        margin-bottom: 2rem;
        width: 100%
    }
}

.Nav-subnav ul li:last-child {
    border-bottom: 0
}

.Nav-subnav ul li:last-child a {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.Nav-subnav a {
    border-bottom: 1px solid hsla(0, 0%, 100%, .05);
    padding: 10px 20px
}

@media screen and (max-width:992px) {
    .Nav-subnav a {
        padding: 10px 24px
    }
}

.Nav-subnav a:focus,
.Nav-subnav a:hover {
    text-decoration: none;
    background-color: #003da5
}

.Nav-item:focus-within div.Nav-subnav {
    left: 0;
    opacity: 1
}

.Nav-list>li.hover .Nav-subnav,
.Nav-list>li:hover .Nav-subnav,
.Nav-list>li>a:focus+.Nav-subnav,
.Nav-list>li>a:hover+.Nav-subnav {
    left: 0;
    opacity: 1
}

@media screen and (max-width:992px) {

    .Nav-list>li.hover .Nav-subnav,
    .Nav-list>li:hover .Nav-subnav,
    .Nav-list>li>a:focus+.Nav-subnav,
    .Nav-list>li>a:hover+.Nav-subnav {
        position: static
    }
}

.Nav-list>li:hover .Nav-subnav,
.Nav-list>li>a:focus+.Nav-subnav,
.Nav-list>li>a:hover+.Nav-subnav {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.Nav--minisitio {
    background: #ededed;
    z-index: 2
}

.Nav--minisitio a,
.Nav--minisitio a:hover {
    color: #003da5
}

.Nav--minisitio a:focus {
    background-color: #f7f7f7
}

.Nav--minisitio .Nav-item.hover a {
    background-color: #f7f7f7;
    color: #003da5
}

.Menu {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    max-width: 33em;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.Menu,
.Menu a {
    color: #fff
}

.Menu.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width:480px) {
    .Menu {
        font-size: .85em
    }
}

.ie8 .Menu {
    display: none
}

.ie8 .Menu.is-open {
    display: block
}

.Menu-wrap {
    overflow: auto;
    height: 100%;
    background-color: #042f62;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .75);
    z-index: 6000;
    position: relative
}

.Menu-header {
    padding: 1.25em;
    position: relative
}

.Menu-logo {
    margin-bottom: 1.625rem
}

.Menu-logo img {
    width: 128px;
    height: auto;
    padding-top: 5px
}

.Menu-tagline {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #fff
}

.Menu-close {
    position: absolute;
    top: 1.25em;
    right: 1.25em
}

.Menu-close button {
    line-height: 1
}

.Menu-root {
    font-size: 1.25em
}

.Menu-root .Menu-item>span {
    width: 100%
}

.Menu-root .has-submenu>span:after {
    content: "";
    width: 1rem;
    height: 1rem;
    background: transparent url(../assets/arrow.svg) no-repeat 50%;
    display: block;
    float: right;
    position: relative;
    top: 8px
}

.Menu-item {
    width: 100%
}

.Menu-item,
.Menu-item>span {
    display: block;
    position: relative
}

.Menu-item>span {
    cursor: pointer;
    z-index: 9999
}

.Menu-item.is-open,
.Menu-item.is-selected {
    background-color: #f9f9f9
}

.Menu-item.is-open {
    color: #000
}

.Menu-item>span,
a.Menu-item {
    padding: .75em 1.5em
}

.Menu-item.has-submenu.is-open>span:after {
    background-image: url(../assets/arrow-black.svg)
}

.Menu-subNav {
    padding: .5em 1.5em 0;
    background-color: #f9f9f9;
    width: 100%;
    display: none
}

@media screen and (max-width:480px) {
    .Menu-subNav {
        font-size: .85em
    }
}

.Menu-subNav a {
    color: #003da5
}

.Menu-subNav.is-open {
    display: block
}

.Menu-subNav--temas {
    padding: 2em 2em 0
}

@media screen and (max-width:992px) {
    .Menu-subNav--temas {
        padding: 1em 1em 0
    }
}

.Menu-subNav--temas ul li+li {
    margin-top: .5em
}

.Menu-more {
    text-align: center;
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #ddd;
    padding-bottom: 1em;
    font-size: .85em
}

.Menu-subNav--tramites {
    padding: 2em 2em 0
}

@media screen and (max-width:992px) {
    .Menu-subNav--tramites {
        padding: 1em 1em 0
    }
}

@media screen and (min-width:992px) {

    .Menu-aside,
    .Menu-wrap {
        float: left;
        width: 100%
    }

    .Menu-aside {
        -webkit-transition: width .35s ease-in-out;
        transition: width .35s ease-in-out;
        padding: 1.5em;
        overflow-x: hidden;
        overflow-y: auto;
        width: 0;
        background-color: #f9f9f9;
        color: #000;
        height: 100%
    }

    .Menu-aside a {
        color: #003da5
    }

    body.has-parentNavAside .Menu {
        max-width: 70em
    }

    body.has-parentNavAside .Menu:after,
    body.has-parentNavAside .Menu:before {
        display: table;
        content: ""
    }

    body.has-parentNavAside .Menu:after {
        clear: both
    }

    body.has-parentNavAside .Menu-wrap {
        box-shadow: 0 0 0 transparent;
        width: 33em;
        float: left
    }

    body.has-parentNavAside .Menu-aside {
        box-shadow: 0 4px 4px rgba(0, 0, 0, .75);
        width: 37em;
        float: left
    }
}

.Menu-flagList {
    margin-left: 1em;
    padding-left: 0
}

.Menu-flagList li {
    list-style: none
}

.Menu-flagList li+li {
    margin-top: .5em
}

.Menu-wrap {
    background-color: #003da5
}

.Menu-header {
    background-color: #042f62
}

.Menu-root {
    font-size: 1.15em
}

.Menu-breadcrumb {
    background-color: #f2f2f2;
    padding: .675em
}

.Menu-breadcrumb a {
    color: #003da5;
    font-weight: 600
}

.Menu-item {
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

.Menu-item.is-open,
.Menu-item.is-selected {
    background-color: #003da5;
    color: #fff
}

.Menu-item>span,
a.Menu-item {
    padding: .85em 1em
}

.Menu-subNav {
    color: #000
}

.Menu-subNav .List .List-item {
    padding: .85rem 2rem;
    color: #000;
    display: block;
    cursor: pointer
}

.Menu-subNav li.is-active {
    box-shadow: inset 5px 0 0 #003da5
}

.Menu-item.has-submenu>span:after {
    width: 1.45rem;
    height: 1.45rem;
    background: transparent url(../assets/plus.svg) no-repeat 50%;
    top: 2px
}

.Menu-item.has-submenu>span.is-open:after {
    background-image: url(../assets/minus.svg)
}

.Menu-subNav li.has-submenu:after {
    content: "";
    width: .75rem;
    height: .75rem;
    background: transparent url(../assets/arrow-black.svg) no-repeat 50%;
    display: block;
    float: right;
    position: relative;
    top: 8px
}

.Menu-body {
    background: #fff !important;
    color: #000 !important
}

.Menu-body .List-item {
    padding: .85rem 2rem
}

@media screen and (max-width:992px) {
    .Menu-body .List-item {
        padding: .85rem 1.125rem
    }
}

.Menu-heading {
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    font-size: 1.375rem
}

.Menu-heading>span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width:992px) {
    .Menu-heading {
        font-size: 1rem
    }
}

.Menu-item--3 {
    padding: 0 !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Menu-item--3,
.Menu-item--3>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Menu-item--3>a {
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: 5em;
    color: #003da5;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.25
}

.Menu-subitem {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.Menu-subitem>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 4.5em;
    color: #003da5;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.25
}

@media screen and (max-width:992px) {
    .Menu-subitem>a>span {
        font-size: .8125rem;
        line-height: .875;
        margin-top: 2px
    }
}

.Menu-subitem.is-active,
.Menu .List-item.has-submenu.is-active {
    box-shadow: inset 5px 0 0 #3155a6
}

.Menu-badge {
    border-left: 1px solid #eee;
    margin-left: .5em
}

.Menu-badge>a {
    margin-left: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f9f9f9;
    color: #444;
    border-radius: 4px;
    padding: .5em 1.25em
}

.Menu-badge>a:hover span {
    background-image: url(../assets/arrow.svg)
}

.Menu-badge>a>span {
    background-image: url(../assets/arrow-black.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    width: 10px;
    height: 10px;
    display: inline-block
}

.Menu-badge>a:hover {
    text-decoration: none;
    background-color: #003da5;
    color: #fff
}

.Menu-breadcrumb ul li,
.Menu-subPage {
    display: none
}

.Menu-page.is-visible,
.Menu-root.is-visible,
.Menu-subPage.is-visible,
.Menu .is-visible {
    display: block !important
}

.Menu-breadcrumb .is-visible {
    display: inline-block !important;
    -webkit-animation: b .35s ease-in-out;
    animation: b .35s ease-in-out
}

.Menu-subheading {
    padding-top: 8px;
    padding-bottom: 8px;
    font-style: italic;
    color: #444;
    background-color: #f9f9f9;
    font-weight: 400;
    border-top: 3px solid #eee !important
}

.Menu-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Menu-link {
    text-decoration: underline;
    font-size: .875rem;
    font-weight: 400
}

.Menu-link:hover {
    text-decoration: none
}

.Menu-breadcrumb,
.Menu-page,
.Menu-root {
    display: none
}

.Menu-breadcrumb.is-visible {
    display: block !important
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.ParentNav {
    color: #fff;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    max-width: 33em;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.ParentNav a {
    color: #fff
}

.ParentNav.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width:480px) {
    .ParentNav {
        font-size: .85em
    }
}

.ie8 .ParentNav {
    display: none
}

.ie8 .ParentNav.is-open {
    display: block
}

.ParentNav-wrap {
    overflow: auto;
    height: 100%;
    background-color: #042f62;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .75);
    z-index: 6000;
    position: relative
}

.ParentNav-header {
    padding: 1.25em;
    position: relative
}

.ParentNav-logo {
    max-width: 8em
}

.ParentNav-logo a:focus,
.ParentNav-logo a:hover {
    text-decoration: none
}

.ParentNav-logo img {
    height: auto;
    width: 70%
}

.ParentNav-tagline {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #fff
}

.ParentNav-close {
    position: absolute;
    top: 1.25em;
    right: 1.25em
}

.ParentNav-close button {
    line-height: 1
}

.ParentNav-body {
    font-size: 1.25em
}

.ParentNav-body .ParentNav-item>span {
    width: 100%
}

.ParentNav-body .has-submenu>span:after {
    content: "";
    width: 1rem;
    height: 1rem;
    background: transparent url(../assets/arrow.svg) no-repeat 50%;
    display: block;
    float: right;
    position: relative;
    top: 8px
}

@media screen and (max-width:480px) {
    .ParentNav-body .has-submenu>span:after {
        top: 5px
    }
}

.ParentNav-item {
    display: block;
    width: 100%;
    position: relative
}

.ParentNav-item>span {
    display: block;
    cursor: pointer;
    z-index: 9999;
    position: relative
}

.ParentNav-item.is-open,
.ParentNav-item.is-selected {
    background-color: #f9f9f9
}

.ParentNav-item.is-open {
    color: #000
}

.ParentNav-item>span,
a.ParentNav-item {
    padding: .75em 1.5em
}

.ParentNav-item.has-submenu.is-open>span:after {
    background-image: url(../assets/arrow-black.svg)
}

.ParentNav-subNav {
    padding: .5em 1.5em 0;
    background-color: #f9f9f9;
    width: 100%;
    display: none
}

@media screen and (max-width:480px) {
    .ParentNav-subNav {
        font-size: 1rem;
        padding: 0 1.5rem 1rem
    }
}

.ParentNav-subNav a {
    color: #003da5
}

.ParentNav-subNav.is-open {
    display: block
}

.ParentNav-subNav--temas {
    padding: 2em 2em 0
}

@media screen and (max-width:992px) {
    .ParentNav-subNav--temas {
        padding: 1em 1em 0
    }
}

.ParentNav-subNav--temas ul li+li {
    margin-top: .5em
}

.ParentNav-more {
    text-align: center;
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #ccc;
    padding-bottom: 1em
}

.ParentNav-subNav--tramites {
    padding: 2em 2em 0
}

@media screen and (max-width:992px) {
    .ParentNav-subNav--tramites {
        padding: 1em 1em 0
    }
}

@media screen and (min-width:992px) {

    .ParentNav-aside,
    .ParentNav-wrap {
        float: left;
        width: 100%
    }

    .ParentNav-aside {
        -webkit-transition: width .35s ease-in-out;
        transition: width .35s ease-in-out;
        padding: 1.5em;
        overflow-x: hidden;
        overflow-y: auto;
        width: 0;
        background-color: #f9f9f9;
        color: #000;
        height: 100%
    }

    .ParentNav-aside a {
        color: #003da5
    }

    body.has-parentNavAside .ParentNav {
        max-width: 70em
    }

    body.has-parentNavAside .ParentNav:after,
    body.has-parentNavAside .ParentNav:before {
        display: table;
        content: ""
    }

    body.has-parentNavAside .ParentNav:after {
        clear: both
    }

    body.has-parentNavAside .ParentNav-wrap {
        box-shadow: 0 0 0 transparent;
        width: 33em;
        float: left
    }

    body.has-parentNavAside .ParentNav-aside {
        box-shadow: 0 4px 4px rgba(0, 0, 0, .75);
        width: 37em;
        float: left
    }
}

body:after {
    opacity: 0;
    content: "";
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

body.has-menu {
    overflow: hidden
}

body.has-menu:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    z-index: 9998
}

.Stats {
    margin-top: 1.5em
}

.Stats-item {
    text-align: center;
    margin-bottom: 3.5em
}

.Stats-item a {
    font-size: 5em;
    line-height: 1.15
}

.Nav-flagList {
    margin-left: 1em;
    padding-left: 0
}

.Nav-flagList li {
    list-style: none
}

.Nav-flagList li+li {
    margin-top: .5em
}

.ParentNav-search input.Search-input {
    padding-right: 3.85em !important
}

.Footer {
    background-color: #003da5;
    color: #fff;
    font-size: 1em
}

.Footer a {
    color: #fff;
    text-decoration: underline
}

.Footer a:hover {
    text-decoration: none
}

.Footer address {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.Footer address p {
    margin-bottom: .5em;
    line-height: 1.25
}

.Footer address p span {
    color: #e2e9f1
}

.Footer-body {
    padding-top: 3.5em;
    padding-bottom: 3.5em
}

.Footer-title {
    font-size: 1.625em;
    font-weight: 700;
    line-height: 1.15
}

.Footer-bottom {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    text-align: center
}

.Footer-bottom ul {
    padding: 0;
    margin: 0;
    margin-top: 1em
}

.Footer-bottom ul li {
    display: inline-block
}

.Footer-bottom ul li+li {
    margin-left: 1.5em
}

@media screen and (max-width:480px) {
    .Footer-bottom ul li+li {
        margin-left: 1.25em
    }
}

.Footer-list {
    line-height: 1.35
}

.Footer-list h3 {
    font-size: 1.5em;
    font-weight: 500;
    margin-top: 1em
}

.Footer-tagline {
    font-weight: 300;
    font-size: .875rem;
    opacity: .85
}

@media screen and (min-width:992px) {
    .Footer {
        font-size: 1em;
        text-align: left
    }

    .Footer-bottom {
        text-align: left;
        font-size: .825em;
        border-color: #fff;
        border-top: 1px solid hsla(0, 0%, 100%, .15)
    }

    .Footer-bottom:after,
    .Footer-bottom:before {
        display: table;
        content: ""
    }

    .Footer-bottom:after {
        clear: both
    }

    .Footer-bottom ul {
        margin-top: 0
    }

    .Footer-social {
        float: left
    }

    .Footer-links {
        float: right
    }

    .Footer-list h3 {
        font-size: 1.25em;
        margin-top: 0
    }

    .Footer-info {
        border-right: 1px solid hsla(0, 0%, 100%, .15)
    }
}

.Footer-logo a,
.Footer-logo a:hover {
    text-decoration: none
}

.Footer-logo img {
    max-width: 8em
}

.Footer-logos {
    margin-top: 2rem
}

@media screen and (min-width:992px) {
    .Footer-logos {
        display: table;
        float: right
    }

    .Footer-logos .Footer-logo {
        display: table-cell;
        vertical-align: middle
    }

    .Footer-logos .Footer-logo+.Footer-logo {
        padding-left: 2rem
    }
}

@media screen and (max-width:992px) {
    .Footer-logos .Footer-logo {
        text-align: center;
        margin-bottom: 1.5rem
    }
}

.Footer-links ul li {
    color: #e2e9f1
}

.Footer-links ul li a {
    color: #fff
}

@media screen and (max-width:992px) {
    .Footer-body {
        padding-bottom: 1.5em
    }

    .Footer-links {
        margin-top: 2em
    }

    .Footer-links ul li {
        margin: 1em 0 !important;
        display: block;
        font-size: .825em
    }

    .Footer-links ul li a {
        font-size: 1rem
    }
}

.FooterLogo {
    line-height: 1.3rem;
    color: #fff;
    margin: 0 0 2em
}

.FooterLogo,
.FooterLogo-role {
    font-size: 1.3rem;
    display: block
}

.FooterLogo-role {
    font-family: Open Sans, sans-serif;
    font-weight: 300
}

.FooterLogo-name {
    font-family: Open Sans, sans-serif;
    font-weight: 900
}

.Footer--minisitio .Relacionados a {
    display: inline-block;
    padding: .5em
}

@media screen and (max-width:992px) {
    .Footer--minisitio .Relacionados a {
        display: block;
        padding: 1em .5em
    }
}

.Footer--minisitio .Relacionados a>img {
    height: 60px
}

.Footer--minisitio .Relacionados a+a {
    margin-left: 2em
}

@media screen and (max-width:992px) {
    .Footer--minisitio .Relacionados a+a {
        margin-left: 0
    }
}

@media screen and (max-width:992px) {
    .Footer--minisitio .Footer-info {
        margin-bottom: 2em
    }

    .Footer--minisitio .Footer-logos {
        float: none
    }

    .Footer--minisitio .Footer-logos .Footer-logo {
        text-align: left
    }

    .Footer--minisitio .Footer-body .Footer-social ul {
        padding-bottom: .75em
    }
}

.Footer--minisitio .Footer-top {
    background: #fff;
    padding: 1.5em 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center
}

.Footer--minisitio .Footer-body,
.Footer--minisitio .Footer-body a {
    background: #ededed;
    color: #000
}

.Footer--minisitio address p span {
    color: #444
}

.Footer--minisitio .Footer-body .Footer-social ul {
    padding: 0;
    font-size: .825em;
    margin: 0;
    padding-top: .75em;
    padding-bottom: 1.5em
}

.Footer--minisitio .Footer-body .Footer-social ul li {
    display: inline-block
}

.Footer--minisitio .Footer-body .Footer-social ul li+li {
    margin-left: 1.5em
}

.Footer--minisitio .Footer-bottom {
    background: #003da5;
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.Footer--minisitio .Footer-links {
    line-height: 24px
}

@media screen and (min-width:992px) {
    .Footer--minisitio .Footer-info {
        border-right: 1px solid rgba(0, 0, 0, .15)
    }

    .Footer--minisitio .Footer-social {
        float: none
    }
}

.Footer--catalogo .Footer-body,
.Footer--catalogo .Footer-body a {
    background: #003da5;
    color: #fff
}

.Footer--catalogo address p span {
    color: #e2e9f1
}

.Footer--catalogo .Footer-info {
    border-right: 1px solid hsla(0, 0%, 100%, .15)
}

.Footer--catalogo .Footer-bottom {
    background: #042f62;
    border-top-color: transparent
}

.Footer--catalogo .Logo-text {
    color: #fff
}

.Faq {
    margin-bottom: 1.5em
}

.Faq+.Faq {
    border-top: 1px solid #eee
}

.Faq-question {
    padding-top: 1.5em;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1em
}

.Faq-answer p {
    margin-bottom: .5em
}

.busquedaVacia-title {
    font-size: 2.5em !important;
    padding: .75em .75em .6em;
    white-space: normal
}

.busquedaVacia-listItem {
    font-size: 1.25em;
    padding: .25em 0
}

.errorPage {
    margin: 7.25rem 0 8rem
}

.errorPage-nombre {
    margin-bottom: .6rem;
    line-height: 1;
    color: #ba3a25;
    font-weight: 700;
    font-size: 2.05em
}

.errorPage-mensaje {
    margin-bottom: .9rem;
    line-height: 1.2;
    font-weight: 700;
    font-size: 3.2em
}

.errorPage-texto {
    margin-bottom: 2.5rem;
    font-size: 1.8em
}

.Button--errorPage {
    padding: .4em 1em .5em;
    font-size: 1.75em !important
}

.Live {
    font-size: .85em;
    margin-top: .5em;
    background-color: #f3f3f3;
    display: inline-block;
    border-radius: 2px;
    color: #333;
    padding: .2rem .625rem
}

.Live-icon {
    margin-right: .5em;
    float: left;
    width: 1.25em;
    height: 1.25em;
    top: .075rem
}

.Live--now {
    background-color: #ffe3e3;
    font-weight: 700
}

.Live--now .Live-icon {
    display: none
}

.Live--now:before {
    content: " ";
    display: inline-block;
    border-radius: 50%;
    background-color: #b22222;
    width: 10px;
    height: 10px;
    margin-right: .625em;
    -webkit-animation: c infinite 1.25s linear;
    animation: c infinite 1.25s linear
}

@-webkit-keyframes c {
    50% {
        opacity: 0
    }
}

@keyframes c {
    50% {
        opacity: 0
    }
}

.Event .Live:not(.Live--now) {
    background-color: #fff
}

.Group {
    background-color: #e2e9f1;
    padding-top: 4rem;
    padding-bottom: 3rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.Group+.Group {
    margin-top: -2.5rem
}

.Group--color1 {
    background-color: #e2e9f1
}

.Group--color2 {
    background-color: #007d8a;
    color: #fff
}

.Group--color3 {
    background-color: #cce5e8
}

.Group--color2 .Group-title {
    color: #fff
}

.Group-title {
    margin-bottom: 3rem;
    font-weight: 400;
    font-size: 32px
}

.Group-footer {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
    text-align: center;
    padding-top: 1.5rem;
    font-size: 1.5rem
}

.Group--color2 .Group-footer {
    border-top: 1px solid hsla(0, 0%, 100%, .15)
}

.Group--color2 .Group-footer a {
    color: #fff
}

@media screen and (max-width:992px) {
    .Group-footer {
        font-size: 1.125em
    }
}

.Group--header {
    padding: 3.25rem 0 6.25rem
}

@media screen and (min-width:768px) {
    .Group-inner .Dropdown {
        margin-top: -40px
    }
}

@media screen and (min-width:768px) {
    .Group--header .Group-title {
        width: calc(100% - 240px)
    }
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.modal-dialog {
    position: relative;
    width: 90%;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.fade.in {
    opacity: .6
}

.modal-header {
    padding: 16px 24px
}

.modal-header:after,
.modal-header:before {
    display: table;
    content: ""
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 2.1
}

.modal-body {
    position: relative;
    padding: 8px 0;
    margin: 0 24px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.modal-footer {
    padding: 16px 24px;
    text-align: right
}

.modal-footer:after,
.modal-footer:before {
    display: table;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media screen and (min-width:768px) {
    .modal-dialog {
        width: 960px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-md {
        width: 720px
    }

    .modal-sm {
        width: 300px
    }
}

@media screen and (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.modal {
    padding: 0 !important;
    text-align: center
}

.modal:before {
    height: 100%;
    margin-right: -4px;
    content: ""
}

.modal-dialog,
.modal:before {
    display: inline-block;
    vertical-align: middle
}

.modal-dialog {
    text-align: left
}

.Filtros {
    padding: 1.5rem;
    overflow: hidden
}

@media screen and (max-width:992px) {
    .Filtros {
        border-right: 0;
        padding-top: 1rem;
        padding-bottom: 0
    }
}

.Filtros-title {
    font-size: 1.25rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:992px) {
    .Filtros-title {
        color: #003da5
    }
}

.Filtros-subtitle {
    font-size: 1.125rem;
    margin-bottom: .75rem
}

.Filtros-title.collapsed .Filtros-status {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.Filtros-status {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

@media screen and (min-width:992px) {
    .Filtros #filtros-target {
        height: auto !important
    }
}

.Filters {
    padding: 0 !important;
    overflow: hidden
}

@media screen and (max-width:992px) {
    .Filters {
        border-right: 0;
        padding-top: 1rem;
        padding-bottom: 0
    }
}

.Filters-title {
    font-size: 1.25rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    margin: 1rem 1.5rem
}

@media screen and (max-width:992px) {
    .Filters-title {
        color: #003da5
    }
}

.Filters-title.collapsed .Filters-status {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.Filters-status {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

@media screen and (min-width:992px) {
    .Filters #filters-target {
        height: auto !important
    }
}

.Form-widget {
    display: table-cell;
    vertical-align: top;
    border-radius: 2px;
    border: 1px solid #bbb;
    font-family: inherit;
    padding: .5em;
    width: 100%;
    max-width: 28em
}

.Form-widget:disabled {
    opacity: .35;
    background-color: #eee
}

.Form-widget:focus {
    border-color: orange !important;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(255, 190, 70, .075), 0 0 0 .2em rgba(255, 190, 70, .3)
}

.Form-widget[type=file] {
    border: 0;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:992px) {
    .Form-widget {
        width: 100%;
        display: block;
        padding-top: .5em;
        padding-left: .75em
    }
}

.Form-widget--read {
    font-weight: 600 !important;
    padding-top: .5em;
    padding-bottom: .5em;
    border-color: transparent
}

@media screen and (max-width:992px) {
    .Form-widget--read {
        padding-top: 0
    }
}

.Form-widget--read>:first-child {
    margin-bottom: 0
}

.Form-widget--read>*+* {
    margin-bottom: 0;
    margin-top: 1em
}

.Form-widget--medium {
    max-width: 16rem !important
}

.Form-widget--small {
    max-width: 8rem !important
}

.Form-radio {
    display: block
}

.Form-radio+.Form-radio {
    margin-top: .5em
}

.Form-select,
.Form select {
    height: 2.625em;
    background-color: #fff;
    width: 100%
}

.Form-textarea,
.Form textarea {
    min-height: 7.5em
}

.Form-label {
    padding: 8px 0;
    margin: 0;
    display: table-cell;
    vertical-align: top;
    width: 35%;
    text-align: right;
    padding-right: .75em
}

@media screen and (max-width:992px) {
    .Form-label {
        width: 100%;
        display: block;
        text-align: left;
        padding-top: .25em;
        padding-bottom: .25em
    }
}

.Form-subLabel {
    padding-top: .5em;
    padding-bottom: .5em
}

.Form-group {
    border: 1px solid transparent;
    margin-bottom: 2px;
    padding-bottom: .75em;
    padding-top: .75em;
    display: table;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:992px) {
    .Form-group--aligned {
        padding-left: 35%
    }
}

.Form-group--disabled .Form-label {
    opacity: .35
}

.Form-group--error {
    background-color: #fcf3f3;
    border: 1px solid #f5d6d6;
    border-radius: 3px
}

.Form-group--error .Form-widget {
    border-color: #c33 !important
}

@media screen and (max-width:992px) {
    .Form-group--error {
        margin-left: -.625em;
        margin-right: -.625em;
        padding-left: .625em;
        padding-right: .625em;
        width: calc(100% + 1.25em)
    }
}

.Form-checkboxes {
    padding-left: .25rem
}

.Form-checkboxes>* {
    margin-bottom: .45rem;
    position: relative
}

.Form-checkboxes>*>label {
    line-height: 22px
}

.Form-checkboxes>*>label>span {
    padding-left: 20px;
    display: inline-block
}

.Form-checkboxes>*>label>input {
    position: absolute;
    top: 5px
}

.Form-options {
    margin-top: .5rem
}

@media screen and (max-width:992px) {
    .Form-options {
        margin-left: 1em
    }
}

.Form-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .75em;
    text-align: left;
    width: 100%
}

.Form-option>*+* {
    margin-left: .5em
}

.Form-option [type=checkbox],
.Form-option [type=radio] {
    margin: 4px 0
}

.Form-option-color {
    border-radius: 2px;
    padding-right: 21px;
    margin-right: .4rem
}

.Form-error {
    color: #9b2727;
    font-size: .825em
}

.Form-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Form-actions>:last-child {
    justify-self: flex-end
}

@media screen and (min-width:992px) {
    .Form-actions {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .Form-actions .Button+.Button {
        margin-left: 1rem
    }
}

@media screen and (max-width:992px) {
    .Form-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .Form-actions>:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1.5rem
    }

    .Form-actions>:last-child {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .Form-actions .Button+.Button {
        margin-top: 1rem
    }

    .Form-actions .Button {
        display: block;
        width: 100%
    }
}

.Form-hint {
    color: #555;
    font-size: .875em;
    margin-top: .25em
}

.Form-grid {
    max-width: calc(28em + 16px);
    margin-left: -8px;
    margin-right: -8px
}

.Form-grid>.Grid-item {
    padding-right: 8px;
    padding-left: 8px
}

.Form-fieldset,
.Form fieldset {
    border-color: #ddd;
    padding: 1.25em;
    margin: 0;
    margin-bottom: 1.5em
}

@media screen and (max-width:992px) {

    .Form-fieldset,
    .Form fieldset {
        border: 0;
        padding: 0
    }
}

.Form-fieldset+a,
.Form fieldset+a {
    position: relative;
    top: -.5rem
}

.Form-legend,
.Form legend {
    padding-left: .75em;
    padding-right: .75em
}

@media screen and (max-width:992px) {

    .Form-legend,
    .Form legend {
        position: relative;
        overflow: hidden;
        padding-left: 0;
        width: 100%
    }

    .Form-legend>*,
    .Form legend>* {
        display: inline-block;
        background-color: #fff;
        position: relative;
        z-index: 2;
        padding-right: 1em
    }

    .Form-legend:before,
    .Form legend:before {
        display: block;
        height: 1px;
        width: 100%;
        background-color: #ccc;
        content: "";
        top: 50%;
        position: absolute;
        z-index: 1
    }
}

.Form fieldset fieldset .Form-label {
    width: 34%
}

@media screen and (max-width:992px) {
    .Form fieldset fieldset .Form-label {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .Form fieldset fieldset .Form-group--aligned {
        padding-left: 34%
    }
}

.Table--form .Form-widget {
    border-radius: 2px;
    border: 1px solid #bbb;
    font-family: inherit;
    padding: .3em .5em;
    width: 100%;
    max-width: 28em
}

.Table--form tbody td {
    vertical-align: middle
}

.Table--form select {
    height: 2rem;
    background-color: #fff
}

.Table--responsive tr td .Form-widget {
    font-weight: 400
}

.Form--stacked .Form-label {
    width: 100%;
    display: block;
    text-align: left;
    padding-right: 0;
    padding-bottom: 0
}

.Form--stacked .Form-widget {
    display: block;
    margin-top: .25em;
    max-width: 100%
}

.Form-title,
.Form>fieldset>legend {
    font-size: 1.35em;
    line-height: 1.125
}

@media screen and (max-width:992px) {

    .Form-title,
    .Form>fieldset>legend {
        margin-bottom: 1.5rem
    }
}

.Form-subtitle,
.Form>fieldset>fieldset>legend {
    font-size: 1.125em;
    line-height: 1.25
}

.Form-note {
    text-align: right;
    font-size: .85em;
    margin-bottom: 0;
    margin-top: 0;
    display: block
}

.Form-content {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:992px) {
    .Form-content {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

.Form--filters {
    padding: 0 1.5rem
}

.Form--filters .Form-label {
    font-weight: 600 !important
}

.Form--filters .Form-group {
    padding-top: .15rem
}

.Form--filters>.Form-group:last-child {
    padding-top: 1.15rem
}

.Alert svg {
    display: block
}

.Form-valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.Form-help,
.Form-valid {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    margin-top: .45rem
}

.Form-help {
    background-color: #003da5;
    color: #fff
}

.Form-widget+.Form-help,
.Form-widget+.Form-valid {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 1rem
}

@media screen and (max-width:992px) {

    .Form-widget+.Form-help,
    .Form-widget+.Form-valid {
        margin-left: 0
    }
}

::-webkit-input-placeholder {
    color: #555;
    opacity: 1;
    font-style: italic
}

::-moz-placeholder {
    color: #555;
    opacity: 1;
    font-style: italic
}

::-ms-input-placeholder {
    color: #555;
    opacity: 1;
    font-style: italic
}

::placeholder {
    color: #555;
    opacity: 1;
    font-style: italic
}

:-ms-input-placeholder,
::-ms-input-placeholder {
    color: #555;
    font-style: italic
}

.Progress {
    height: 10px;
    width: 100%;
    overflow: hidden;
    background-color: #ccc;
    border-radius: 4px
}

.Progress-bar {
    float: left;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 10px 10px
}

.Progress-bar--success {
    background-color: #279e3f
}

.Progress-bar--warning {
    background-color: #ffd15f
}

.Progress-bar--danger {
    background-color: #c33
}

.Suscribe {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px;
    background-color: #fff
}

.Suscribe:after,
.Suscribe:before {
    display: table;
    content: ""
}

.Suscribe:after {
    clear: both
}

.Suscribe-input {
    background-color: #fff;
    border-radius: 3px;
    border: 0;
    color: #000;
    float: left;
    font-family: inherit;
    font-weight: 400;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: .75em;
    padding-right: 8em;
    line-height: 1.5
}

.Suscribe-button {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    right: 2px;
    height: 3em;
    border: 0;
    background-color: #daaa00;
    color: #1e1700;
    display: inline-block;
    border-radius: 3px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 600;
    margin: 0;
    padding: .5em 1.25em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: box-shadow .35s, background-color .35s;
    transition: box-shadow .35s, background-color .35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.Suscribe-button:hover {
    background-color: #fcce26
}

.Suscribe-button:active {
    box-shadow: inset 0 0 12px rgba(0, 0, 0, .25)
}

.Suscribe-button:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.Suscribe--small .Suscribe-input {
    padding: .5em;
    padding-right: 7.5em
}

.Suscribe--small .Suscribe-button {
    height: auto;
    padding: .5em 1em
}

.Suscribe--big {
    font-size: 1.25em
}

.Suscribe--borderless {
    border: 0
}

.Box--suscribe .Box-title {
    margin-bottom: 1em;
    color: #444;
    font-size: 1.25rem;
    line-height: 1.15
}

.Index {
    z-index: 9999;
    right: 0;
    top: 2rem;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-bottom: 2rem;
    border: 1px solid #eee;
    border-radius: 6px
}

.Index.is-visible {
    opacity: 1;
    visibility: visible
}

.Index.is-fixed.is-open {
    overflow-y: scroll;
    height: calc(100vh - 4rem);
    width: 90%;
    max-width: 30em
}

.Index.is-open .Index-body {
    display: block
}

.Index-trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700
}

.Index.is-clone .Index-trigger {
    font-size: 1rem !important
}

.Index-close {
    font-size: .9375rem;
    font-weight: 400;
    display: none
}

.Index.is-open .Index-close {
    display: inline-block
}

.Index-header {
    top: 0;
    z-index: 9999;
    padding: 1rem
}

.Index .Index-header,
.Index.is-open .Index-header {
    border-bottom: 1px solid #e2e9f1;
    padding-bottom: .75rem;
    margin-bottom: .5em
}

.Index-search {
    display: none;
    padding: .5rem 1rem
}

.Index ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.Index-nav {
    font-size: .9375rem
}

.Index-nav li {
    border-bottom: 1px solid #eee
}

.Index-nav li:last-child {
    border-bottom: 0
}

.Index-nav li a {
    display: inline-block;
    padding: .75rem 1.5rem;
    -webkit-transition: color .25s;
    transition: color .25s
}

.Index-nav li.is-active a {
    border-right: 0
}

.Index-subnav {
    margin-left: 1.5rem;
    font-size: .85rem
}

.Index-subnav li a {
    padding: .75rem 1rem
}

.Index.is-fixed {
    position: fixed;
    margin-bottom: 0;
    background-color: #f7f9fb;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18)
}

.Index.is-fixed .Index-body {
    display: none
}

.Index.is-fixed.is-open .Index-body {
    display: block
}

.Index.is-fixed .Index-header {
    background-color: #f7f9fb;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .05);
    position: -webkit-sticky;
    position: sticky;
    margin-bottom: 0;
    border-bottom: 0
}

.Index.is-fixed .Index-search {
    display: block
}

.Index.is-fixed .Index-nav li {
    border-bottom: 1px solid #eee
}

.Index.is-fixed .Index-nav li.is-active {
    border-left: 4px solid #bbb
}

.Index.is-fixed .Index-nav li a {
    display: block
}

.Index-nav li.is-active {
    border-left: 4px solid #bbb
}

.Index-nav li.is-active>a {
    color: #000
}

.Index-nav li.is-active>a:hover {
    text-decoration: none
}

.Typeahead {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
    border-radius: 3px;
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 100%;
    left: 0;
    border: 1px solid #ccc;
    display: none;
    overflow-y: auto;
    max-height: 20em
}

.Typeahead-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.Typeahead-item {
    border-bottom: 1px solid #eee
}

.Typeahead-item a,
.Typeahead-title {
    display: block;
    padding: .75em 1em
}

.Typeahead-title {
    font-weight: 600;
    border-bottom: 1px solid #eee;
    color: #6d6e71;
    background: #f9f9f9
}

.Feedback {
    padding: 1em 0;
    background-color: #fff;
    border-top: 1px solid #eee
}

@media screen and (min-width:992px) {
    .Feedback-list {
        float: left
    }
}

@media screen and (max-width:992px) {
    .Feedback-list {
        text-align: center
    }

    .Feedback-list li:first-child {
        display: block
    }
}

.Feedback-list li {
    display: inline-block
}

.Feedback-list li a {
    padding-left: .5em;
    padding-right: .5em
}

.Feedback-error {
    margin-top: .5em;
    display: block;
    text-align: center;
    float: inherit
}

.Feedback-error a+a {
    margin-left: 1.5em
}

@media screen and (max-width:992px) {
    .Feedback-error {
        margin-top: 1em
    }

    .Feedback-error a {
        display: block;
        margin-top: .5em
    }
}

@media screen and (min-width:992px) {
    .Feedback-error {
        text-align: left;
        margin-top: 0;
        float: right
    }

    .Feedback-error a {
        margin-left: 1.5em
    }
}

.Video {
    margin: 2rem 0;
    position: relative
}

.Video-title {
    font-size: 1.125em;
    font-weight: 500;
    margin-bottom: .25em
}

.Video-signLanguage {
    background-image: url(../assets/icons/icon-sign-language.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 75%;
    width: 38px;
    height: 38px;
    background-color: #003da5;
    position: absolute;
    bottom: 3.25rem;
    right: 2.5rem;
    border-radius: 4px;
    z-index: 1000;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .15);
    color: #fff
}

.Video-signLanguage--only {
    background-color: #470a68;
    background-position: 92% 50%;
    background-size: auto 75%;
    width: 242px;
    height: 60px;
    background-color: #33236a;
    padding: 10px 10px 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .Video-signLanguage--only {
        background-position: 92% 50%;
        background-size: auto 55%;
        font-size: .85rem;
        width: 190px;
        height: 45px;
        right: 1.5rem
    }
}

.Media-image .Video-signLanguage {
    top: .5rem;
    left: .5rem;
    width: 32px;
    height: 32px
}

.Media-image .Video-signLanguage--only {
    width: 171px;
    background-position: 94% 50%;
    background-size: auto 54%;
    height: 40px;
    line-height: 1;
    font-size: .85rem;
    padding: 10px
}

.Box-video .Video {
    margin: 1.5rem 0
}

.Media-image .Video {
    margin: 0
}

.Comment-avatar {
    border-radius: 50%;
    background-color: #555;
    color: #fff;
    width: 3.75em;
    height: 3.75em;
    display: inline-block;
    position: relative
}

.Comment-avatar span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1
}

@media screen and (max-width:768px) {
    .Comment-avatar {
        width: 2.75em;
        height: 2.75em
    }

    .Comment-avatar span {
        font-size: 1.125em
    }
}

.Comments-textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-family: inherit;
    font-size: inherit;
    padding: .625rem .825rem;
    width: 100%;
    height: 80px
}

.Comment-avatar--small {
    font-size: 10px
}

.Comments-list li,
.Comments-sublist li {
    margin-top: 2rem
}

.Comments-sublist {
    list-style: none;
    margin-bottom: 2rem
}

.Comments-list {
    padding-left: 76px;
    list-style: none
}

@media screen and (max-width:768px) {
    .Comments-list {
        padding-left: 54px
    }
}

@media screen and (max-width:480px) {
    .Comments-list {
        padding-left: .825rem
    }
}

.Comment-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Comment-header .Flag {
    width: auto
}

.Comment-header .Flag-image {
    padding-right: .625rem
}

.Comment {
    margin-top: 2rem
}

.Comment-info {
    font-size: .825em;
    color: #555
}

.Comment-body {
    margin-top: .25rem;
    margin-bottom: .625rem
}

.Comment-actions {
    font-size: .95em;
    overflow: hidden
}

.Comment-actions a {
    clear: both;
    float: left
}

.Comment-actions>a+a {
    margin-top: .5em
}

.Comment-actions .Icon--small {
    font-size: .625em;
    margin-right: .625em
}

.Card {
    border-radius: 6px;
    border: 1px solid #eee;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .05);
    padding: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:768px) {
    .Card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.Card-title {
    font-weight: 400;
    font-size: 24px;
    padding-top: .325em;
    margin-bottom: .625em
}

.Card-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:768px) {
    .Card-image {
        margin-right: 1.25rem
    }
}

@media screen and (max-width:768px) {
    .Card-image {
        margin-bottom: 1rem
    }
}

.Card-image img {
    border-radius: 2px;
    width: 100%;
    height: auto
}

.Card-text {
    color: #000
}

.Card-body {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.Card-source {
    font-size: 15px;
    color: #555
}

.Tracking-info {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 2rem;
    font-size: .95em
}

.Tracking-info li {
    margin-bottom: .25rem
}

.Tracking-info li span {
    max-width: 6rem;
    display: inline-block;
    width: 100%
}

.Tracking .List-item {
    padding-top: 1.5rem;
    margin-top: 1.5rem
}

.Tracking-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: .25em;
    margin-bottom: .5em
}

.Tracking-code {
    margin-top: .5em;
    display: block
}

.en-proceso {
    background-image: url(../assets/icons/icon-en-proceso.png);
    background-repeat: no-repeat;
    padding-left: 2.25rem;
    background-position: 0
}

.Seguimiento {
    padding: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: #f3f3f3;
    color: #000
}

.Seguimiento-wrap {
    display: table;
    padding: .5rem;
    width: 100%;
    height: 100%
}

.Seguimiento-wrap--nivel1 {
    padding: 1rem .615rem 1rem 1rem;
    margin-left: 2%;
    width: 98%
}

.Seguimiento-wrap--nivel2 {
    padding: 1rem .615rem 1rem 1rem;
    margin-left: 5%;
    width: 95%
}

.Seguimiento--warning {
    background-color: #fff6dc
}

.Seguimiento--info {
    background-color: #eaf2ff
}

.Seguimiento--success {
    background-color: #ecf6e8
}

.Seguimiento--danger {
    background-color: #ffe5e5
}

.Seguimiento-estado,
.Seguimiento-numero,
.Seguimiento-recibido,
.Seguimiento-referencia {
    display: table-cell;
    vertical-align: middle
}

.Seguimiento-numero {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 500;
    padding-bottom: 3px
}

.Seguimiento-wrap--nivel1 .Seguimiento-numero,
.Seguimiento-wrap--nivel2 .Seguimiento-numero {
    font-size: 1.25rem
}

.Seguimiento-recibido {
    padding: 0 2rem 0 .5rem;
    text-align: center
}

.Seguimiento-recibido span {
    display: block
}

.Seguimiento-estado {
    text-align: center
}

.Seguimiento-estado span {
    display: block
}

.Seguimiento-enviado-img {
    height: 18px;
    background-image: url(../assets/icons/icon-success.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.Seguimiento-en-proceso-img {
    height: 25px;
    background-image: url(../assets/icons/icon-en-proceso.png);
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width:992px) {
    .Seguimiento {
        padding: 1rem
    }

    .Seguimiento-wrap--nivel1,
    .Seguimiento-wrap--nivel2 {
        padding: 1.75rem .615rem 1.75rem 1rem
    }

    .Seguimiento-estado,
    .Seguimiento-numero,
    .Seguimiento-recibido,
    .Seguimiento-referencia {
        display: block !important
    }

    .Seguimiento-numero {
        float: left;
        line-height: 2.25rem
    }

    .Seguimiento-wrap--nivel1 .Seguimiento-numero,
    .Seguimiento-wrap--nivel2 .Seguimiento-numero {
        line-height: 1.15rem;
        padding-bottom: 0
    }

    .Seguimiento-recibido {
        padding-right: .25rem;
        text-align: right
    }

    .Seguimiento-referencia {
        padding: 1rem 0
    }

    .Seguimiento-estado {
        width: 100%;
        padding-top: .75rem;
        border-top: 1px solid #ddd;
        text-align: left
    }

    .Seguimiento-estado span {
        display: unset;
        padding-right: 1.15rem
    }

    .Seguimiento-enviado-img {
        margin-right: 1.5rem
    }

    .Seguimiento-en-proceso-img {
        padding-right: 1.25rem !important;
        background-position: 0 100%;
        background-size: 20px
    }
}

@media screen and (max-width:992px) {
    .Bar--mdBlocks .Bar-cell {
        display: block !important
    }
}

.Spinner {
    border-radius: 50%;
    border: .25em solid rgba(0, 0, 0, .25);
    width: 2em;
    height: 2em;
    border-left-color: #003da5;
    -webkit-animation: d 1s linear infinite;
    animation: d 1s linear infinite
}

@-webkit-keyframes d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.Spinner--white {
    border-left-color: #fff
}

.Spinner--small {
    font-size: .625em
}

.Spinner--large {
    font-size: 2em
}

.Tabs-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.Tabs-link {
    display: block;
    padding: .625em 1.25em
}

.Tabs-link.disabled {
    color: #eee;
    pointer-events: none;
    cursor: default
}

.Tabs-nav {
    border-bottom: 1px solid #dee2e6
}

.Tabs-nav .Tabs-item {
    margin-bottom: -1px
}

.Tabs-nav .Tabs-link {
    text-decoration: none;
    border: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.Tabs-nav .Tabs-link.disabled {
    color: #eee;
    background-color: transparent;
    border-color: transparent
}

.Tabs-nav .Tabs-item.active .Tabs-link,
.Tabs-nav .Tabs-item.show .Tabs-link,
.Tabs-nav .Tabs-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

@media screen and (max-width:992px) {
    .Tabs {
        position: relative
    }

    .Tabs:before {
        content: "";
        display: block;
        height: 100%;
        width: 2.5rem;
        background: -webkit-linear-gradient(right, #fff, transparent);
        background: linear-gradient(270deg, #fff, transparent);
        position: absolute;
        top: 0;
        right: 0;
        margin-top: -2px
    }

    .Tabs .Tabs-nav .Tabs-item:last-child {
        padding-right: 3rem
    }

    .Tabs-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .Tabs-nav::-webkit-scrollbar {
        display: none
    }

    .Tabs-nav .Tabs-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.Tabs-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.Tabs-content>.Tabs-pane {
    display: none
}

.Tabs-content>.active {
    display: block
}

@media print {
    .Tabs-nav {
        display: none
    }

    .Tabs-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-bottom: 40px !important
    }
}

.Steps {
    margin-bottom: 2rem;
    background-color: #f3f3f3;
    background-clip: border-box;
    overflow: hidden;
    border-radius: 8px
}

@media screen and (max-width:992px) {
    .Steps {
        border-radius: 8px 0 0 8px
    }
}

.Steps-inner {
    border: 1px solid #ccc
}

@media screen and (min-width:992px) {
    .Steps-inner {
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width:992px) {
    .Steps-inner {
        padding-left: 4px;
        -ms-overflow-style: none
    }

    .Steps-inner::-webkit-scrollbar {
        display: none
    }
}

.Steps-item {
    padding: .75em 0 .75em 2.5em;
    position: relative;
    line-height: 1.2;
    color: #000
}

.Steps-item:hover {
    text-decoration: none
}

@media screen and (min-width:992px) {
    .Steps-item {
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.Steps-item>* {
    z-index: 10;
    position: relative
}

@media screen and (max-width:992px) {
    .Steps-item {
        display: inline-block;
        margin-left: -4px;
        padding-right: 1em
    }
}

.Steps-item div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Steps-item:first-child {
    border-radius: 8px 0 0 8px
}

@media screen and (max-width:992px) {
    .Steps-item:first-child {
        padding-left: .825em
    }
}

.Steps-item:last-child {
    border-radius: 0 8px 8px 0
}

@media screen and (max-width:992px) {
    .Steps-item:last-child {
        padding-right: .825em
    }
}

.Steps-item:last-child:after {
    display: none
}

.Steps-item:after {
    content: "";
    position: absolute;
    width: 68px;
    height: 68px;
    background-color: #f3f3f3;
    top: 2px;
    right: -20px;
    -webkit-transform: rotate(45deg) skew(10deg, 10deg);
    -ms-transform: rotate(45deg) skew(10deg, 10deg);
    transform: rotate(45deg) skew(10deg, 10deg);
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    z-index: 1
}

.Steps-item.is-active {
    color: #fff
}

.Steps-item.is-active,
.Steps-item.is-active:after {
    background-color: #003da5
}

.Steps-item.is-finished {
    color: #555
}

.Steps-item.is-finished,
.Steps-item.is-finished:after {
    background-color: #f3f3f3
}

.Steps-item.is-finished div {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Steps-item.is-finished div svg {
    margin-left: .25em
}

.Steps-inner>.Steps-item:first-child {
    padding-left: 1.125em
}

.Steps-number {
    font-size: 1.5em;
    font-weight: 700
}

@media screen and (max-width:992px) {
    .Steps {
        overflow: hidden;
        position: relative
    }

    .Steps:before {
        background: -webkit-linear-gradient(right, #fff, transparent);
        background: linear-gradient(270deg, #fff, transparent);
        content: "";
        display: block;
        width: 3rem;
        height: 71.5px;
        position: absolute;
        right: 1px;
        top: 1px;
        z-index: 20
    }

    .Steps .Steps-item:last-child {
        padding-right: 3rem
    }

    .Steps .Steps-item:last-child:before {
        content: "";
        display: block;
        width: 3rem;
        height: 71.5px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 30;
        background-color: #f3f3f3;
        background-clip: border-box;
        border-radius: 8px
    }

    .Steps-inner {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden
    }
}

.Rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    color: #eee;
    position: relative
}

.Rating-control {
    position: absolute;
    left: -9999px
}

.Rating-control:first-of-type:focus~.Rating-item:nth-of-type(1):before,
.Rating-control:nth-of-type(2):focus~.Rating-item:nth-of-type(2):before,
.Rating-control:nth-of-type(3):focus~.Rating-item:nth-of-type(3):before,
.Rating-control:nth-of-type(4):focus~.Rating-item:nth-of-type(4):before,
.Rating-control:nth-of-type(5):focus~.Rating-item:nth-of-type(5):before {
    content: "";
    outline: 3px solid #ffc107;
    outline-offset: .08rem;
    position: absolute;
    top: -.15em;
    right: 0;
    bottom: -.15em;
    left: 0
}

.Rating-item {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    position: relative;
    padding-left: .1em;
    padding-right: .1em
}

.Rating-star {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    stroke: #222;
    stroke-width: 1px
}

.Rating-label {
    position: absolute;
    top: 0;
    left: -9999px
}

.Rating-control:first-of-type:checked~.Rating-item:nth-of-type(1),
.Rating-control:nth-of-type(2):checked~.Rating-item:nth-of-type(-n+2),
.Rating-control:nth-of-type(3):checked~.Rating-item:nth-of-type(-n+3),
.Rating-control:nth-of-type(4):checked~.Rating-item:nth-of-type(-n+4),
.Rating-control:nth-of-type(5):checked~.Rating-item:nth-of-type(-n+5),
.Rating:hover {
    color: #ffc107
}

.Rating-item:hover~.Rating-item {
    color: #eee
}

.Rating {
    margin-top: 10px
}

.Rating label {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 24px !important;
    text-align: right;
    margin-right: 0;
    line-height: 1.2em
}

.Graph {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.Graph-controls {
    margin-top: 10px;
    text-align: center
}

.Graph-controls>*+* {
    margin-left: 8px
}

.Graph-controls>.Button {
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #f3f3f3
}

.Results-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.Results-item {
    margin-top: 2.5em
}

.Results-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: .125em
}

.Results-url {
    color: green;
    font-size: .85em;
    word-wrap: break-word;
    margin-bottom: 0
}

.Results-summary {
    margin-bottom: 0;
    font-size: .9375em;
    margin-top: .25em
}

.Results-details {
    float: right;
    margin-bottom: 0
}

.Results-heading {
    font-weight: 400
}

.Results-heading strong {
    font-weight: 700
}

.Results-button {
    margin-top: .75em
}

.Results-search {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.Status {
    display: inline-block
}

.Status--block {
    display: block
}

@media screen and (max-width:992px) {
    .Status--block-sm {
        display: block
    }
}

.Status:before {
    content: " ";
    display: inline-block;
    border-radius: 50%;
    background-color: #bbb;
    width: 10px;
    height: 10px;
    margin-bottom: 1px;
    margin-right: .4em
}

.Status--activo:before,
.Status--verde:before {
    background-color: #279e3f
}

.Status--amarillo:before,
.Status-desactualizado:before {
    background-color: #ffd15f
}

.Status--discontinuado:before,
.Status--rojo:before {
    background-color: #c33
}

.Status--enlaceRoto:before {
    background: url(../assets/forms/icn-plus-sm.png);
    width: 11px;
    height: 11px;
    background-size: cover;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: 0
}

.Box {
    background: #fff;
    display: block;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    margin-bottom: 1.5rem;
    outline: 1px solid transparent
}

.Box:focus {
    outline: 3px solid orange !important;
    outline-offset: .05rem
}

.Box.Box--mf {
    border-radius: 8px
}

.Box:after,
.Box:before {
    display: table;
    content: ""
}

.Box:after {
    clear: both
}

.ie8 .Box {
    border: 1px solid #ddd
}

.Box-header {
    margin-bottom: 1.5em;
    padding: 0;
    border-bottom: 0
}

.Box-header:after,
.Box-header:before {
    display: table;
    content: ""
}

.Box-header:after {
    clear: both
}

.Box-name {
    float: left;
    padding-top: .325em;
    margin-bottom: 0;
    font-size: 1.625em;
    line-height: 1.25;
    font-weight: 600;
    color: #555
}

@media screen and (max-width:992px) {
    .Box-name {
        font-size: 1.5em;
        padding-top: .25em
    }
}

.Box-link {
    float: right;
    color: #444;
    position: relative;
    top: .375em;
    font-weight: 400
}

.Box-title {
    display: block;
    font-size: 1.625em;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: .75em;
    word-wrap: break-word
}

@media screen and (max-width:992px) {
    .Box-title {
        font-size: 1.375em;
        line-height: 1.25
    }
}

.Box-subtitle {
    color: #444;
    display: block;
    font-size: 1.125em;
    line-height: 1.15;
    margin-bottom: 1em
}

.Box-info {
    color: #000;
    display: block;
    font-size: .875em;
    margin-bottom: .5em
}

@media screen and (max-width:992px) {
    .Box-info.Box-info--absolute {
        margin: .5rem !important;
        position: absolute;
        top: 0;
        right: 0;
        padding: .2rem .4rem;
        border-radius: 4px;
        color: #000 !important;
        font-size: .6875em;
        background-color: #fff;
        background-color: hsla(0, 0%, 100%, .85)
    }
}

.Box-image,
.Box-video {
    margin-bottom: 1.25em
}

.Box-text {
    margin-bottom: 1em
}

@media screen and (max-width:992px) {
    .Box-text {
        font-size: .9375em
    }
}

.Box-definitions dt {
    font-size: 95%;
    font-style: italic
}

.Box-definitions dd {
    padding-left: .5em
}

.Box-footer {
    border-top: 1px solid #eee;
    font-size: .875em;
    margin: 0 -1.5rem -1.5rem;
    padding: .75rem 1.5rem .925rem;
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.Box-footer>a {
    color: #444;
    text-decoration: underline
}

.Box-footer>a:hover {
    text-decoration: none
}

.Box-footerLink {
    color: #444
}

.Box-cover {
    margin: -1.5rem
}

.Box-coverImage,
.Box-cover img {
    width: 100%;
    height: auto
}

.Box-gridList .Box-title a:hover {
    text-decoration: underline
}

.Box-gridList {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Box-gridList li {
    list-style: none
}

.Box-gridList a {
    display: block;
    text-decoration: none
}

.Box-gridList a:hover .Box-title {
    text-decoration: underline
}

.Box-gridList li {
    margin-bottom: 2.5rem
}

.Box-gridList>li:last-child {
    margin-bottom: 1rem
}

.Box-gridList img {
    width: 100%;
    height: auto
}

.Box-gridList .Box-title {
    margin-bottom: .375em;
    font-size: 1.5em
}

.Box-gridList .Box-image {
    display: block;
    margin-bottom: .75em
}

.Box-gridList .Box-info,
.Box-gridList .Box-subtitle,
.Box-gridList .Box-text,
.Box-gridList p {
    margin-bottom: 0
}

.Box-gridList .Box-text,
.Box-gridList p {
    color: #000
}

.Box-mediaList {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Box-mediaList li {
    list-style: none
}

.Box-mediaList>.Media,
.Box-mediaList li {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #eee
}

.Box-mediaList>.Media:first-child,
.Box-mediaList li:first-child {
    padding-top: .5rem;
    border-top: 0
}

.Box-mediaList .Media-title,
.Box-mediaList h3 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.25;
    display: inline-block;
    font-weight: 600;
    word-wrap: break-word
}

@media screen and (max-width:992px) {

    .Box-mediaList .Media-title,
    .Box-mediaList h3 {
        font-size: 1.375em
    }
}

.Box-mediaList .Box-subtitle {
    margin-bottom: .5rem
}

.Box-mediaList .Media-image img,
.Box-mediaList .Media-image video {
    width: 100%;
    max-width: 250px;
    border-radius: 2px
}

.Box-mediaList .Audio {
    margin-top: 1rem;
    margin-bottom: .5rem
}

@media screen and (max-width:992px) {
    .Box-mediaList .Media {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .Box-mediaList .Media-image {
        float: none;
        margin-right: 0;
        margin-bottom: .5em
    }

    .Box-mediaList .Download .Media-image {
        float: left;
        margin-right: 1em
    }
}

@media screen and (max-width:768px) {

    .Box-mediaList .Media-image img,
    .Box-mediaList .Media-image video {
        width: 100%;
        max-width: none
    }
}

.Page .Box-mediaList .Media-image video {
    max-width: 350px
}

@media screen and (max-width:768px) {
    .Page .Box-mediaList .Media-image video {
        max-width: none;
        width: 100%
    }
}

.Box-mediaList--small .Media-image {
    margin-right: 1rem
}

.Box-mediaList--small .Media {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.Box--acceso .Box-title {
    font-size: 1.25em;
    margin-bottom: .125em
}

.Box--acceso .Box-info {
    margin-bottom: 0;
    line-height: 1.25
}

.Box--acceso:focus,
.Box--acceso:focus .Box-info,
.Box--acceso:hover,
.Box--acceso:hover .Box-info {
    text-decoration: none
}

.Box--acceso:focus .Box-title,
.Box--acceso:hover .Box-title {
    text-decoration: underline
}

.Module .Box--acceso.Box--center .Flag-body {
    display: block
}

.Module .Box--acceso.Box--center .Box-info {
    margin-bottom: .35em
}

.Box--acceso .Box-info+.Box-title {
    margin-top: .375rem;
    margin-bottom: .125em
}

.Box--acceso .Box-title+.Box-info {
    margin-top: .3125rem;
    margin-bottom: .125em
}

.Box--mf.Box--acceso .Flag-image>img {
    display: block;
    max-width: none;
    height: 60px;
    border-radius: 4px
}

.Box--mf.Box--acceso .Box-title:last-child {
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Box--mf.Box--acceso .Box-title {
        font-size: 1.125em
    }
}

.Box--mf.Box--acceso .Box-info {
    color: #444;
    margin-bottom: 0
}

.Box--mf.Box--acceso.Box--accesoCentrado .Flag-image {
    display: none
}

.Box--mf.Box--acceso.Box--accesoCentrado .Flag-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.Box--mf.Box--acceso.Box--accesoCentrado .Box-info {
    margin-top: 0
}

.Box--mf.Box--acceso.Box--accesoCentrado .Box-title {
    margin-top: .375rem
}

.Box--mf.Box--acceso.Box--accesoCentrado .Box-title:last-child {
    margin-top: 0
}

.Box--atencionCiudadana h4 {
    font-size: .875em;
    color: #444;
    text-transform: uppercase;
    margin-bottom: 1em;
    margin-top: 2em
}

.Box--atencionCiudadana h5 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .625em
}

.Box--atencionCiudadana a {
    word-wrap: break-word
}

.Box--atencionCiudadana .Flag {
    margin-bottom: 2rem
}

.Box--atencionCiudadana .Flag-image img {
    max-width: 3rem
}

@media screen and (min-width:992px) {
    .Box--atencionCiudadana .Box-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Box--atencionCiudadana .Box-items>* {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.Box--event {
    overflow: hidden
}

.Box--event .Box-title {
    font-size: 1.25em;
    margin-bottom: .25em
}

@media screen and (max-width:992px) {
    .Box--event .Box-title {
        font-size: 1.125em
    }
}

.Box--event .Box-subtitle {
    font-size: .7em;
    color: #003da5;
    margin-bottom: 1.25em;
    margin-top: .25em;
    text-transform: uppercase
}

.Box--event .Box-subtitle:empty {
    display: none
}

.Box--event .Box-info {
    text-transform: uppercase;
    color: #444;
    font-size: .7em
}

.Box--event .Box-inner>p,
.Box--event .Box-text {
    margin-bottom: 0;
    margin-top: .5em;
    font-size: .9375em
}

.Box--event .Box-image {
    width: 100%;
    height: auto
}

.Box--event .Media-image {
    float: left;
    margin-bottom: 0
}

.Box--event .Box-inner {
    background-color: #f3f3f3;
    border-radius: 3px;
    padding: 1.25em;
    margin-bottom: 1rem
}

.Box--event .Box-inner .Box-subtitle {
    margin-top: 0
}

.Box--event .Box-inner .Media-image {
    margin-right: 1rem
}

@media screen and (max-width:992px) {
    .Box--event .Box-inner .Media-image {
        margin-right: .75rem
    }
}

.Box--event .Box-date,
.Box--event .Box-inner .Date,
.Box--event .Box-inner .Fecha {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
}

.Box--event .Box-date {
    z-index: 100;
    right: 1em;
    top: -3.25em
}

.Box--event .Box-body {
    padding: 1.25rem;
    padding-bottom: 0;
    padding-top: 0;
    padding-bottom: 1rem
}

@media screen and (max-width:992px) {
    .Box--event .Box-body {
        padding-top: .5rem
    }

    .Box--event .Box-body.u-textCenter {
        padding-top: 0;
        padding-bottom: 1.15rem
    }
}

@media screen and (max-width:992px) {
    .Box--event .Date {
        font-size: .75rem;
        width: 3.75em
    }

    .Box--event .Date .Date-day {
        padding-top: .15em;
        padding-bottom: .15em
    }
}

@media screen and (max-width:992px) {
    .Box--event .Fecha {
        font-size: .85rem;
        width: 3.75em
    }

    .Box--event .Fecha .Fecha-dia {
        padding-bottom: .15em
    }
}

.Box-time {
    font-size: 1.125em;
    line-height: 1.25;
    margin-bottom: .5em;
    display: block
}

.Box--destacado1 a {
    color: #fff;
    text-decoration: underline
}

.Box--destacado1 a:hover {
    text-decoration: none
}

.Box--destacado1 .Box-image {
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.Box--destacado1 .Box-overlay {
    color: #fff;
    height: auto;
    left: 0;
    padding: 2rem;
    position: absolute;
    bottom: 8%;
    width: auto;
    max-width: 85%;
    background-color: #003da5;
    background-color: rgba(0, 61, 165, .9)
}

.Box--destacado1 .Box-info {
    color: #fff;
    margin-top: -.25rem
}

.Box--destacado1 .Box-title {
    margin-bottom: 0;
    font-size: 1.75rem
}

.Box--destacado1 .Box-title+.Box-text {
    margin-top: .75rem
}

.Box--destacado1 .Box-text {
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Box--destacado1 {
        padding: 0
    }

    .Box--destacado1 .Box-title {
        font-size: 1.25em;
        line-height: 1.35;
        margin-bottom: .25em
    }

    .Box--destacado1 .Box-cover {
        margin: 0
    }

    .Box--destacado1 .Box-image {
        -o-object-fit: fill;
        object-fit: fill
    }

    .Box--destacado1 .Box-overlay {
        position: static;
        max-width: 100%;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        background: #003da5;
        padding: 1.25rem
    }
}

.Box--destacado1.Box--solid {
    padding: 0
}

.Box--destacado1.Box--solid .Box-overlay {
    position: static;
    max-width: 100%;
    background-color: #003da5
}

.Box--destacado1.Box--solid .Box-cover {
    margin: 0;
    height: auto
}

.Box--destacado1.Box--solid .Box-image {
    height: auto
}

.Module-item .Box--destacado1.Box--solid .Box-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 25%
}

@media screen and (max-width:992px) {
    .Module-item .Box--destacado1.Box--solid .Box-overlay {
        position: static
    }
}

@media screen and (min-width:992px) {
    .Module-item .Box--destacado1.Box--solid .Box-overlay {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.Module-item .Box--destacado1.Box--solid .Box-image {
    height: 100% !important
}

.Module-item .Box--destacado1.Box--solid .Box-cover {
    height: 75% !important
}

.Box--mf.Box--destacado1 {
    position: relative
}

.Box--mf.Box--destacado1 .Box-overlay {
    border-radius: 0 4px 4px 0
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado1 .Box-overlay {
        border-radius: 0
    }
}

.Box--mf.Box--destacado1 .Box-info {
    margin-top: -.5rem
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado1 .Box-info {
        font-size: .75em
    }
}

.Box--mf.Box--destacado1.Box--solid .Box-overlay {
    border-radius: 0
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado1 .Box-title {
        font-size: 1.375rem
    }
}

.Box--destacado1.Box--colorWhite,
.Box--destacado1.Box--colorWhite .Box-info {
    color: #000
}

.Box--destacado1.Box--colorWhite a {
    color: #003da5;
    text-decoration: none
}

.Box--destacado1.Box--colorWhite a:hover {
    text-decoration: underline
}

.Box--destacado1.Box--colorWhite .Box-overlay {
    background-color: hsla(0, 0%, 100%, .85);
    color: #000
}

@media screen and (max-width:992px) {
    .Box--destacado1.Box--colorWhite .Box-overlay {
        background-color: #fff
    }
}

.Box--destacado1.Box--colorWhite.Box--solid .Box-overlay {
    background-color: #fff
}

.Box--destacado1 .Box-info:empty,
.Box--destacado1 .Box-text:empty {
    display: none
}

.Box--destacado2 {
    background: rgba(0, 96, 163, .9);
    overflow: hidden
}

.Box--destacado2 .Box-image {
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.Box--destacado2 .Box-overlay {
    background: rgba(20, 58, 151, .9);
    background: -webkit-linear-gradient(290deg, rgba(20, 58, 151, .9) 30%, transparent);
    background: linear-gradient(160deg, rgba(20, 58, 151, .9) 30%, transparent);
    color: #fff;
    height: 100%;
    left: 0;
    padding: 2rem;
    position: absolute;
    top: 0;
    width: 100%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
}

@media screen and (max-width:992px) {
    .Box--destacado2 .Box-overlay {
        padding: 1.5rem
    }
}

.Box--destacado2 .Box-title {
    margin-bottom: .5em;
    color: #fff;
    text-decoration: underline
}

.Box--destacado2 .Box-title:hover {
    text-decoration: none
}

.Box--destacado2 .Box-info {
    color: #fff
}

.Box--destacado2 .Box-button {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    text-shadow: none
}

.Box--destacado2.Box--noImage {
    padding: 0
}

.Box--destacado2.Box--noImage .Box-overlay {
    position: relative;
    overflow: hidden;
    padding-bottom: 6rem
}

@media screen and (max-width:992px) {
    .Box--destacado2.Box--noImage .Box-overlay {
        position: static
    }
}

.Box--destacado2.Box--solid .Box-overlay {
    background: #003da5;
    height: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Box--destacado2.Box--solid .Box-overlay :last-child {
    margin-bottom: 0
}

.Box--destacado2.Box--solid .Box-button {
    position: static;
    top: auto;
    left: auto;
    margin-top: .75em
}

@media screen and (max-width:992px) {
    .Box--destacado2.Box--solid {
        padding: 0
    }

    .Box--destacado2.Box--solid .Box-cover {
        margin: 0
    }

    .Box--destacado2.Box--solid .Box-overlay {
        position: static
    }
}

.Box--destacado2.Box--solid .Box-overlay {
    background: #fff !important;
    padding: 1.25rem;
    margin: 5%;
    width: 90%;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18)
}

.Box--destacado2.Box--solid .Box-overlay .Box-title {
    text-shadow: none;
    color: #003da5;
    text-decoration: none
}

.Box--destacado2.Box--solid .Box-overlay .Box-title:hover {
    text-decoration: underline
}

.Box--destacado2.Box--solid .Box-overlay .Box-info,
.Box--destacado2.Box--solid .Box-overlay .Box-text {
    text-shadow: none;
    color: #000
}

.Box--destacado2.Box--solid .Box-button {
    position: absolute !important;
    right: 2rem;
    bottom: 2rem;
    text-shadow: none
}

.Box--destacado2.Box--solid.Box--noImage {
    padding: 0
}

.Box--destacado2.Box--solid.Box--noImage .Box-overlay {
    position: relative;
    overflow: hidden
}

.Box--destacado2.Box--solid.Box--alignBottom .Box-overlay {
    background: #fff !important;
    padding: 1.25rem;
    padding-bottom: 2.25rem;
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    position: absolute;
    bottom: 55px;
    top: auto
}

@media screen and (max-width:992px) {
    .Box--destacado2.Box--solid.Box--alignBottom .Box-overlay {
        padding: 1.25rem;
        padding-bottom: 2.25rem
    }
}

@media screen and (max-width:992px) {
    .Box--destacado2.Box--solid .Box-overlay {
        position: absolute
    }

    .Box--destacado2.Box--solid.Box--noImage .Box-overlay {
        position: static;
        margin-bottom: 6rem
    }

    .Box--destacado2.Box--solid.Box--noImage.Box--alignBottom .Box-overlay {
        margin: 0 auto;
        margin-top: 5%;
        margin-bottom: 55px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        padding-bottom: 2.25rem
    }
}

.Box--mf.Box--destacado2 .Box-cover.Box-cover--left>img {
    -o-object-position: left;
    object-position: left
}

.Box--mf.Box--destacado2 .Box-cover.Box-cover--right>img {
    -o-object-position: right;
    object-position: right
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        background-color: #003da5;
        padding: 1.5rem
    }

    .Box--mf.Box--destacado2 .Box-cover {
        margin: -1.5rem;
        margin-left: 0;
        border-top-left-radius: 50px;
        overflow: hidden;
        width: 120px
    }

    .Box--mf.Box--destacado2 .Box-image {
        width: 100%;
        height: 100%;
        border-radius: 0
    }

    .Box--mf.Box--destacado2 .Box-overlay {
        padding: 0;
        padding-right: 1.5rem;
        position: static;
        background: none
    }

    .Box--mf.Box--destacado2 .Box-title {
        font-size: 1.25em;
        text-decoration-thickness: .0625rem;
        text-underline-offset: .15em;
        line-height: 1.35;
        margin-bottom: .75rem
    }

    .Box--mf.Box--destacado2 .Box-text {
        font-size: .875em;
        margin-bottom: .25rem
    }

    .Box--mf.Box--destacado2 .Box-text+.Box-button {
        margin-top: 1rem
    }

    .Box--mf.Box--destacado2 .Box-button {
        right: unset;
        bottom: unset;
        position: relative;
        text-shadow: none;
        margin-top: 1rem;
        font-size: .9375rem
    }
}

.Box--mf.Box--destacado2.Box--noImage .Box-cover,
.Box--mf.Box--destacado2.Box--noImage .Box-image {
    display: none
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado2.Box--noImage .Box-overlay {
        padding: 0
    }
}

.Box--mf.Box--destacado2.Box--solid .Box-button {
    bottom: -1.25rem;
    right: 1.25rem
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado2.Box--solid {
        background-color: #fff
    }

    .Box--mf.Box--destacado2.Box--solid .Box-overlay {
        position: static;
        margin: 0;
        box-shadow: none;
        width: 100%;
        border-radius: 0
    }

    .Box--mf.Box--destacado2.Box--solid .Box-title {
        line-height: 1.25
    }

    .Box--mf.Box--destacado2.Box--solid .Box-button {
        position: static !important
    }
}

.Box--mf.Box--destacado2.Box--solid.Box--solidBottom .Box-overlay {
    bottom: 1.5rem;
    top: auto
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado2.Box--solid.Box--solidBottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Box--mf.Box--destacado2.Box--solid.Box--solidBottom .Box-cover {
        margin: -1.5rem;
        margin-right: 0;
        border-radius: 0;
        border-top-right-radius: 50px
    }

    .Box--mf.Box--destacado2.Box--solid.Box--solidBottom .Box-overlay {
        padding-right: 0;
        padding-left: 1.5rem
    }
}

.Box--mf.Box--destacado2.Box--solid.Box--noImage .Box-overlay {
    overflow: initial;
    padding-bottom: 1.25rem
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado2.Box--solid.Box--noImage {
        padding: 1.5rem
    }

    .Box--mf.Box--destacado2.Box--solid.Box--noImage .Box-overlay {
        padding-bottom: 0
    }

    .Box--mf.Box--destacado2.Box--solid.Box--noImage.Box--alignBottom .Box-overlay {
        margin-top: 0;
        margin-bottom: 0
    }
}

.Box--destacado3 .Box-title {
    margin-top: .75rem;
    margin-bottom: .75rem
}

@media screen and (max-width:992px) {
    .Box--destacado3 .Box-title {
        margin-top: .45rem
    }
}

.Box--destacado3 .Box-text,
.Box--destacado3 p {
    color: #000;
    margin-top: 1rem;
    margin-bottom: .5rem
}

.Box--destacado3 .Box-text+.Box-text,
.Box--destacado3 p+.Box-text {
    margin-top: 0
}

.Box--destacado3 .Box-info {
    color: #444;
    margin-bottom: 1rem
}

.Box--destacado3 .Box-info:empty {
    display: none
}

.Box--destacado3:hover {
    text-decoration: none
}

.Box--destacado3:hover .Box-title {
    text-decoration: underline
}

.Box--destacado3.Box--mf {
    padding: 1.5rem 1.5rem 1.5rem 1.75rem
}

.Box--destacado3.Box--mf .Box-title {
    margin-top: .5rem;
    margin-bottom: .5rem
}

@media screen and (max-width:992px) {
    .Box--destacado3.Box--mf .Box-title {
        margin-top: .25rem
    }
}

.Box--destacado3.Box--mf .Box-title:before {
    height: 102%;
    top: -2px
}

.Box--destacado3.Box--mf:hover .Box-title {
    text-decoration: none
}

.Box--destacado3.Box--mf a.Box-title:hover {
    text-decoration: underline
}

.Box--destacado4 {
    text-align: center
}

.Box--destacado4 a {
    display: block;
    text-decoration: none !important
}

.Box--destacado4 a:focus .Box-title,
.Box--destacado4 a:hover .Box-title {
    text-decoration: underline
}

@media screen and (max-width:992px) {
    .Box--destacado4 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }
}

.Box--destacado4 .Box-info,
.Box--destacado4 .Box-subtitle {
    margin-bottom: 0;
    line-height: 1.35
}

@media screen and (max-width:992px) {

    .Box--destacado4 .Box-info,
    .Box--destacado4 .Box-subtitle {
        font-size: 1em
    }
}

.Box--destacado4 .Box-title {
    margin-bottom: 0
}

.Box--destacado4 .Box-image {
    margin-bottom: 1.5em;
    display: block
}

.Box--destacado4 .Box-image img {
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:992px) {
    .Box--destacado4 .Box-image img {
        height: 120px
    }
}

.Box--destacado4 .Box-body>a+.Box-subtitle {
    margin-top: .5em
}

.Module--md .Module-item--2of3 .Box--destacado4 .Box-image img,
.Module--sm .Box--destacado4 .Box-image img {
    height: 120px
}

.Box--destacado4 .Box-subtitle:empty {
    display: none
}

.Box--mf.Box--destacado4 {
    padding: 1.5rem
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado4 {
        padding: 2.5rem 1.5rem
    }
}

.Box--mf.Box--destacado4 .Box-image>img {
    border-radius: 50%
}

.Box--mf.Box--destacado4 .Box-title+.Box-subtitle {
    margin-top: .5rem
}

.Box--mf.Box--destacado4.Box--destacado4-left {
    text-align: left;
    padding: 1.5rem 2rem
}

@media screen and (max-width:992px) {
    .Box--mf.Box--destacado4.Box--destacado4-left {
        padding: 2.5rem 2rem
    }
}

a.Box--mf.Box--destacado4:focus,
a.Box--mf.Box--destacado4:hover {
    text-decoration: none
}

a.Box--mf.Box--destacado4:focus .Box-title,
a.Box--mf.Box--destacado4:hover .Box-title {
    text-decoration: underline
}

.Box--listadoEnlaces .Box-title {
    font-size: 1.25em;
    margin-bottom: .125em
}

.Box--listadoEnlaces .Box-body,
.Box--listadoEnlaces .Box-gridList li {
    margin-bottom: 1.5rem
}

.Box--listadoEnlaces .Box-gridList img {
    width: 60px
}

@media screen and (max-width:992px) {
    .Box--mf.Box--listadoEnlaces .Box-body {
        margin-bottom: 1rem
    }

    .Box--mf.Box--listadoEnlaces .Box-body+.Box-footer {
        margin-top: 2rem
    }
}

.Box--mf.Box--listadoEnlaces .u-bullet {
    margin-top: 1.5em
}

.Box--mf.Box--listadoEnlaces .u-bullet li:before {
    width: .5em;
    height: .5em;
    content: "";
    border: .2em solid #555;
    border-width: 0 .2em .2em 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: .6em;
    left: -1.625em
}

.Box--listadoAccesos .Box-gridList li {
    margin-bottom: 1.5rem
}

@media screen and (min-width:992px) {
    .Box--listadoAccesos .Box-gridList.Grid--rowSize2>.Grid-item {
        width: 50% !important
    }

    .Box--listadoAccesos .Box-gridList.Grid--rowSize3>.Grid-item {
        width: 33.33333% !important
    }

    .Box--listadoAccesos .Box-gridList.Grid--rowSize4>.Grid-item {
        width: 25% !important
    }
}

.Box--listadoAccesos .Flag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Box--listadoAccesos .Flag .Flag-image>img {
    width: 60px;
    border-radius: 4px
}

.Box--listadoAccesos .Flag .Flag-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Box--listadoAccesos .Box-text {
    margin-bottom: 1.5rem
}

.Box--listadoAccesos .Box-title {
    font-size: 1.25em;
    margin-bottom: .125em
}

@media screen and (max-width:992px) {
    .Box--listadoAccesos .Box-title {
        font-size: 1.125em;
        margin-bottom: .25rem
    }
}

.Box--listadoAccesos .Box-title:last-child {
    margin-bottom: 0
}

.Box--listadoAccesos .Box-info {
    color: #444
}

.Box--listadoAccesos .Box-body+.Box-footer {
    margin-top: .5rem
}

.Box--listadoAccesos.Box--listadoNoImage .Flag-image {
    display: none
}

@media screen and (max-width:992px) {
    .Box--listadoAccesos.Box--listadoNoImage .Flag-body {
        padding-right: 2rem
    }

    .Box--listadoAccesos.Box--listadoNoImage .Flag-body .Box-title:after {
        width: .5em;
        height: .5em;
        content: "";
        border: .2em solid #555;
        border-width: 0 .2em .2em 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: .65em;
        right: 1rem;
        font-size: .75em;
        position: absolute
    }
}

.Box--listadoHorizontal .Box-image {
    margin-bottom: .5em;
    border-radius: 4px
}

.Box--listadoHorizontal .Box-info {
    margin-bottom: .5em
}

.Box--listadoHorizontal .Box-title {
    font-size: 1.25em
}

.Box--listadoHorizontal .Image-cover {
    margin: 0;
    margin-bottom: .5rem;
    position: relative;
    overflow: hidden;
    padding-top: 66.66%;
    border-radius: 4px;
    background: #f1f1f1
}

.Box--listadoHorizontal .Image-cover .Box-image,
.Box--listadoHorizontal .Image-cover img {
    margin-bottom: 0;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0
}

.Box--listadoHorizontal .Image-cover+.Box-title {
    margin-top: 1rem
}

@media screen and (max-width:992px) {
    .Box--listadoHorizontal:not(.Box--stats) {
        margin-right: -12px;
        margin-left: -12px;
        border-radius: 0
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body {
        margin-left: -24px;
        margin-right: -24px
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList {
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        margin: 0
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList a {
        position: relative;
        width: 40vw
    }
}

@media screen and (max-width:992px) and (max-width:768px) {
    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList a {
        width: 70vw
    }
}

@media screen and (max-width:992px) {
    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList li {
        margin-top: 3px;
        margin-bottom: 3rem;
        padding: 0 1.5rem;
        padding-right: 0
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList li+li {
        padding-right: 0
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList li+li:last-child {
        padding-right: 1.5rem
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList .Grid-item {
        scroll-snap-align: start
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList .Grid-item .Image-cover {
        margin-bottom: .75rem
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList .Grid-item .Box-info {
        margin: .5rem;
        position: absolute;
        top: 0;
        right: 0;
        padding: .25rem .5rem;
        padding: .2rem .4rem;
        background: hsla(0, 0%, 100%, .85);
        border-radius: 3px;
        font-size: .6875em
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList .Grid-item .Box-title {
        font-size: 1.125em
    }

    .Box--listadoHorizontal:not(.Box--stats) .Box-body .Box-gridList .Grid-item .Box-text {
        font-size: .9375em
    }
}

.Box--listadoTramites .Box-item {
    margin-bottom: 2.5em
}

.Box--listadoTramites .Box-title {
    font-size: 1.125em;
    margin-bottom: .5rem
}

.Box--listadoTramites .Box-title+a {
    margin-top: .5rem
}

.Box--listadoTramites .Box-info {
    margin-bottom: 1rem
}

.Box--listadoTramites a {
    display: inline-block
}

.Box--listadoTramites.Box--mf .Box-item {
    margin-bottom: 0
}

.Box--listadoTramites.Box--mf .Box-gridList li {
    margin-bottom: 2.25em
}

@media screen and (min-width:992px) {
    .Box--listadoTramites.Box--mf .Box-gridList.Grid--rowSize2>.Grid-item {
        width: 50% !important
    }

    .Box--listadoTramites.Box--mf .Box-gridList.Grid--rowSize3>.Grid-item {
        width: 33.33333% !important
    }

    .Box--listadoTramites.Box--mf .Box-gridList.Grid--rowSize4>.Grid-item {
        width: 25% !important
    }
}

.Box--listadoTramites.Box--mf .Box-body:last-child>.Box-gridList li:last-child {
    margin-bottom: 1.25rem
}

@media screen and (max-width:992px) {
    .Box--listadoVertical .Media-title {
        font-size: 1.25em
    }
}

.Box--listadoVertical .Download {
    font-size: .9em;
    margin: .1875rem;
    margin-left: 0;
    margin-top: 1.25em
}

.Box--listadoVertical .Box-text,
.Box--listadoVertical p {
    margin-bottom: 0
}

.Box--listadoVertical .Box-subtitle {
    font-size: 1em;
    margin-bottom: .5rem
}

@media screen and (max-width:992px) {
    .Box--listadoVertical .Box-subtitle {
        font-size: .9375rem
    }
}

.Box--listadoVertical .Media-image img {
    border-radius: 4px;
    max-width: 250px
}

.Box--listadoVertical .Media-image video {
    width: 100%;
    max-width: 250px;
    height: auto
}

@media screen and (max-width:768px) {
    .Box--listadoVertical .Media-image video {
        max-width: unset
    }
}

.Box--listadoVertical .Media-image iframe,
.Box--listadoVertical .Media-image video {
    height: 100%;
    width: 100%;
    background-color: #000
}

.Box--listadoVertical .Media-image--cover {
    width: 250px;
    padding-top: 166px;
    float: left;
    margin-right: 1.5rem;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: #f1f1f1
}

@media screen and (max-width:768px) {
    .Box--listadoVertical .Media-image--cover {
        width: 100%;
        padding-top: 66.66%;
        float: none;
        margin-bottom: 1rem;
        margin-right: 0
    }
}

.Box--listadoVertical .Media-image--cover .Video,
.Box--listadoVertical .Media-image--cover img {
    margin-bottom: 0;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

@media screen and (max-width:768px) {

    .Box--listadoVertical .List .List-item,
    .Box--listadoVertical .List>li {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:992px) {
    .Box--listadoVertical.Box--mf .Box-mediaList .Media {
        position: relative
    }
}

.Box--login .Box-title {
    margin-bottom: 0
}

.Box--login .Box-header {
    margin-bottom: 2.5em
}

.Box--navLocal {
    padding: 0 1em 1.25em
}

.Box--navLocal .Page-navList li a,
.Box--navLocal .Page-navTitle {
    padding-left: 1rem;
    padding-right: 1rem
}

.Box--navLocal ul.Page-navList li:last-child {
    border-bottom: none
}

@media screen and (max-width:992px) {
    .Box--navLocal .Page-navList {
        display: block
    }

    .Box--navLocal .Page-navTitle {
        font-weight: 700;
        font-size: 1.15rem;
        display: block;
        padding: 2rem 1rem 1rem;
        border-bottom: none
    }
}

.Box--timeline .Box-header {
    margin-bottom: 3rem
}

.Box--timeline .Box-body {
    margin-left: 10px;
    margin-top: -1.25rem;
    padding-top: 3em;
    padding-bottom: 1.25rem;
    padding-left: 40px;
    border-left: 4px solid #3155a5
}

@media screen and (min-width:992px) {
    .Box--timeline .Box-body {
        margin-left: 9.5em;
        padding-left: 1.825em
    }
}

@media screen and (min-width:992px) {
    .Box--timeline .Box-title {
        position: relative;
        margin-top: -5px;
        margin-left: 40px;
        left: -40px
    }
}

.Box--timeline .Box-subtitle {
    padding-left: 40px;
    position: relative;
    left: -40px
}

@media screen and (min-width:992px) {
    .Box--timeline .Box-subtitle {
        width: 115px;
        padding-left: 0;
        float: left;
        position: absolute;
        left: 10px;
        text-align: right
    }
}

.Box--timeline .List {
    padding-left: 10px
}

@media screen and (max-width:992px) {
    .Box--timeline .List {
        padding-left: 0
    }
}

.timeline-mark {
    display: block;
    position: relative;
    left: -52px;
    float: left;
    width: 2.5em;
    height: .75em;
    border-bottom: 4px solid #3155a5
}

@media screen and (min-width:992px) {
    .timeline-mark {
        left: -3.85em
    }
}

.timeline-mark span {
    display: block;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 4px solid #3155a5;
    border-radius: 100%
}

@media screen and (min-width:992px) {
    .timeline-mark span {
        float: right
    }
}

.Box-timelineNav {
    width: 100%;
    clear: both;
    padding-top: 2rem
}

.Box-timelineNav a {
    text-decoration: underline;
    color: #000
}

.Box-timelineNav ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

.Box-timelineNav ul li {
    display: inline-block
}

.Box-timelineNav ul li+li {
    border-left: 1px solid #ccc;
    padding-left: 1em;
    margin-left: 1em
}

@media screen and (min-width:992px) {
    .Box--timeline .Box-info {
        position: relative;
        margin-left: 40px;
        left: -40px
    }
}

.Box--video .Box-video {
    margin-bottom: 0;
    margin-right: -2.25rem;
    margin-left: -2.25rem;
    padding-left: .75rem;
    padding-right: .75rem
}

@media screen and (max-width:992px) {
    .Box--video iframe {
        height: 260px;
        display: block
    }

    .Box--video video {
        height: 260px;
        width: 100%;
        background: #000
    }
}

.Box--video .Audio {
    margin: 1.5rem 0
}

.Box--video .Live {
    display: none
}

.Box--video.Box--videoLive .Live {
    display: inline-block;
    margin-top: 1.25rem
}

.Box--hero,
.Hero {
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    position: relative;
    background-clip: border-box;
    padding: 0
}

.Hero-body .Box-info {
    color: #fff;
    text-transform: uppercase
}

.Hero-body .Box-title {
    font-size: 1.75em;
    margin-bottom: .5em;
    margin-top: .25em
}

@media screen and (max-width:992px) {
    .Hero-body .Box-title {
        font-size: 1.375em
    }
}

.Hero-body .Box-info+.Box-title {
    margin-top: .5em
}

.Hero-body .Box-text,
.Hero-body p {
    color: #fff;
    margin-bottom: .25em
}

.Hero-body .Box-title a {
    color: #fff;
    text-decoration: underline
}

.Hero-body .Box-title a:hover {
    text-decoration: none
}

.Hero-body {
    padding: 1.5rem;
    height: 100%
}

.Hero>.Grid {
    border-radius: 8px;
    background-color: #003da5
}

.Hero-image {
    width: 100%;
    border-radius: 8px 8px 0 0
}

@media screen and (min-width:992px) {
    .Hero-image {
        border-radius: 8px 0 0 8px
    }
}

.Box--hero>.Grid {
    background-color: #003da5
}

@media screen and (max-width:992px) {
    .Box--hero {
        margin-left: -12px;
        margin-right: -12px;
        border-radius: 0 !important
    }

    .Box--hero .Hero-image,
    .Box--hero>.Grid {
        border-radius: 0
    }

    .Box--hero .Grid-item.u-md-size1of3 {
        position: unset
    }

    .Box--hero .Hero-body .Box-title {
        font-size: 1.5em;
        margin-top: 0
    }

    .Box--hero .Hero-body .Box-info+.Box-title {
        margin-top: 0
    }
}

.Box--banner {
    padding: .325em
}

.Box--banner .Box-info {
    width: 100%;
    font-size: .6875rem;
    text-transform: uppercase;
    text-align: center;
    background-color: #fff6dc;
    padding: .625em;
    line-height: 1;
    color: #332b00;
    margin-bottom: 0
}

.Box--banner .Box-image {
    margin-bottom: 0;
    background-color: #003da5
}

.Box--banner .Box-image img {
    width: 100%;
    height: auto
}

.Box--banner.rectangle-banner .Box-image:after {
    content: "";
    display: block;
    width: 100%;
    height: 60%;
    left: 0;
    top: 0;
    position: absolute;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75), transparent);
    background: linear-gradient(180deg, rgba(0, 0, 0, .75), transparent);
    z-index: 1
}

.Box--banner.full-banner .Box-image img {
    min-height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.Box--banner.full-banner .Box-image:after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .65), transparent);
    background: linear-gradient(90deg, rgba(0, 0, 0, .65), transparent);
    z-index: 1
}

.Box--banner .Box-title {
    color: #fff;
    line-height: 1.15;
    position: absolute;
    left: 1.5rem;
    top: 2rem;
    font-size: 2rem;
    text-shadow: 1px 1px 1px #000;
    z-index: 2;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Box--banner .Box-title {
        max-width: 400px;
        font-size: 1.825rem
    }
}

@media screen and (max-width:768px) {
    .Box--banner .Box-title {
        left: 1rem;
        top: 1.5rem;
        font-size: 1.5rem
    }
}

.Box--banner .Box-title--center {
    left: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:992px) {
    .Box--banner .Box-title--center {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        top: 1.5rem;
        left: 1rem
    }
}

.Box--banner .Box-logo {
    background-color: #fff;
    padding: .825rem;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    max-width: 200px;
    height: auto
}

@media screen and (max-width:992px) {
    .Box--banner .Box-logo {
        max-width: 140px
    }
}

.Poll {
    margin-bottom: 1.5rem
}

.Poll-bar {
    float: left;
    height: 45px;
    width: 100%;
    padding: 4px 0
}

.Poll-track {
    width: 100%;
    background: #ebebeb
}

.Poll-fill,
.Poll-track {
    position: relative;
    height: 15px
}

.Poll-fill {
    background: #0b4697;
    width: 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 26px
}

.Poll-total {
    text-align: right
}

.Poll-text {
    margin: 0
}

.Poll-text span {
    float: right;
    display: inline-block
}

.Poll-item {
    margin-bottom: 2rem
}

.Box--sinae h4 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .25em
}

.Box--sinae p {
    font-size: 14px;
    margin-bottom: 0
}

.Box--sinae a {
    word-wrap: break-word
}

.Box--sinae .Box-header {
    margin-bottom: 2rem
}

.Box--sinae .Box-header .Flag {
    margin-bottom: 0
}

.Box--sinae .Box-header .Flag-image img {
    width: 100px;
    height: 100px
}

.Box--sinae .Flag {
    margin-bottom: 2rem
}

@media screen and (min-width:992px) {
    .Box--sinae .Box-items {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-column-gap: 30px
    }

    .Box--sinae .Flag-image img {
        width: 60px;
        height: 60px
    }
}

.Box--stats {
    text-align: left;
    line-height: 1.2
}

.Box--stats .Box-body {
    margin-left: .5rem
}

.Box--stats .Box-info {
    text-transform: uppercase;
    margin-top: .5rem;
    margin-bottom: .25rem
}

.Box--stats .Box-value {
    font-size: 4rem;
    display: block;
    text-decoration: none;
    color: #003da5
}

.Box--stats .Box-value:hover {
    text-decoration: none
}

@media screen and (max-width:992px) {
    .Box--stats .Box-value {
        font-size: 3rem;
        font-weight: 500
    }
}

.Box--stats .Box-title {
    font-size: 1.375rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    margin-bottom: .25rem
}

.Box--stats .Box-text {
    font-size: .875em;
    line-height: 1.5
}

.Box--stats.Box--stats-center {
    text-align: center
}

@media screen and (max-width:992px) {
    .Box--stats.Box--stats-center .Box-name {
        text-align: left
    }
}

.Box--topic .Box-header {
    font-weight: 600;
    margin: -1.5rem -1.5rem 1.5rem;
    padding: .75rem 1.5rem;
    word-wrap: break-word;
    font-size: 1em;
    border-bottom: 1px solid #eee;
    padding: 0;
    background-color: #555;
    color: #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
    overflow: hidden;
    max-height: 9.5em
}

.Box--topic .Box-header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2
}

.Box--topic .Box-header:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.Box--topic .Box-headerImage {
    width: 100%;
    height: auto
}

.Box--topic .Box-headerImage img {
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    z-index: 1
}

.Box--topic .Box-header .Box-title {
    font-family: Open Sans, sans-serif;
    z-index: 2;
    position: absolute;
    font-size: 2.25em;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    text-align: center;
    margin-bottom: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff
}

.Box--topic .Box-linkHeader .Box-title {
    text-decoration: underline;
    font-family: Open Sans, sans-serif;
    width: 100%
}

@media screen and (max-width:480px) {
    .Box--topic .Box-linkHeader .Box-title {
        font-size: 1.625em
    }
}

.Box--topic .Box-linkHeader .Box-title:hover {
    text-decoration: none
}

.Totales-box {
    background: #003da5;
    border-radius: 3px;
    padding: 1em;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    color: #fff
}

.Totales-box .Grid-item:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, .2)
}

.Totales-box .Grid-item:not(:first-child) {
    padding-left: 2em
}

.Totales-info {
    margin-top: .3em
}

.Totales-info p {
    font-size: .85em;
    margin-bottom: 0;
    display: inline
}

@media screen and (max-width:992px) {
    .Totales-box .Grid-item:not(:last-child) {
        border-right: none
    }

    .Totales-info p.u-right {
        float: none !important;
        display: block
    }

    .Totales-box .Grid-item:not(:first-child) {
        padding-left: 12px
    }

    .Totales-box .Grid-item {
        margin: .5em 0;
        text-align: center
    }
}

.Table--collapse td:not(:first-child) {
    text-align: right
}

.Table--collapse td {
    padding-top: 1em;
    padding-bottom: 1em
}

tr[data-toggle] {
    cursor: pointer
}

@media screen and (max-width:992px) {
    .Table--collapse td:not(:first-child) {
        text-align: left
    }

    .Table--collapse td {
        padding-top: .5em;
        padding-bottom: .5em
    }
}

.js-collapseStatus {
    display: inline-block;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.js-collapseStatus.is-open {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hiddenRow {
    padding: 0 !important
}

@media screen and (max-width:992px) {
    .Table--responsive tr.Table-rowTarget {
        padding: 0 !important
    }

    .Table-rowTarget {
        border-top: 0 !important
    }

    .Table .Table tr {
        border: 0 !important;
        border-bottom: 1px solid #ccc !important
    }

    .Table-target {
        border-left: 3px solid #003da5;
        background-color: #f9f9f9
    }

    .Table-target table,
    .Table-target td,
    .Table-target tr {
        background-color: transparent
    }
}

.Box--redes-sociales {
    padding: .5rem
}

@media screen and (max-width:992px) {
    .Box--redes-sociales {
        height: 420px
    }
}

.Box--microaccesos {
    background: none;
    box-shadow: none;
    padding: 1rem 0;
    border-radius: 0;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Box--microaccesos {
        margin-left: -12px;
        margin-right: -12px;
        padding: .75rem;
        margin-bottom: .75rem
    }
}

.Box--microaccesos .Box-name {
    font-size: 1.25em
}

@media screen and (min-width:992px) {
    .Box--microaccesos .Box-name {
        padding-top: 0
    }
}

.Box--microaccesos .Box-header {
    margin-bottom: 1em
}

.Box--microaccesos .Box-body {
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
}

@media screen and (max-width:992px) {
    .Box--microaccesos .Box-body {
        overflow: auto;
        grid-template-columns: unset;
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .Box--microaccesos .Box-body>.Microaccesos-item:first-child {
        padding-left: .75rem
    }

    .Box--microaccesos .Box-body>.Microaccesos-item:last-child {
        padding-right: .75rem
    }
}

.Box--microaccesos .Microaccesos-item {
    padding: .25rem .5rem
}

@media screen and (max-width:992px) {
    .Box--microaccesos .Microaccesos-item {
        margin-bottom: 1rem
    }
}

.Box--microaccesos a {
    display: inline-block;
    padding: .25rem 0
}

@media screen and (max-width:992px) {
    .Box--microaccesos a {
        width: 20vw
    }
}

@media screen and (max-width:768px) {
    .Box--microaccesos a {
        width: 25vw
    }
}

.Box--microaccesos .Flag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: .75rem;
    word-break: break-word
}

.Box--microaccesos .Flag-image {
    padding-right: 0
}

.Box--microaccesos .Flag-image>img {
    border-radius: 50%;
    height: 60px;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .06)
}

.Box--microaccesos .Box-title {
    font-size: .875rem;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Box--microaccesos .Box-title {
        font-size: .825em
    }
}

.Box--microaccesos.Box--microaccesos-noTitle .Box-header {
    display: none
}

@media screen and (max-width:992px) {
    .Box--microaccesos.Box--microaccesos-fewItems .Box-body {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
    }

    .Box--microaccesos.Box--microaccesos-fewItems .Microaccesos-item {
        margin-bottom: 0
    }

    .Box--microaccesos.Box--microaccesos-fewItems a {
        width: 100%
    }
}

.Box--formatoCompleto .Box-header {
    margin-bottom: 1rem
}

@media screen and (max-width:992px) {
    .Box--formatoCompleto .Box-body>div:last-child {
        margin-bottom: 1.5rem
    }

    .Box--formatoCompleto .Box-body+.Box-footer {
        margin-top: 2.5rem
    }
}

.Box--formatoCompleto .Box-description,
.Box--formatoCompleto .Box-item {
    margin-bottom: 2rem
}

.Box--formatoCompleto .Box-text+.Box-text {
    margin-top: -.5rem
}

.Box--formatoCompleto .Box-title {
    font-size: 1.25em;
    margin-bottom: .5rem
}

@media screen and (max-width:992px) {
    .Box--formatoCompleto .Box-title {
        font-size: 1.125em
    }
}

.Box--small {
    font-size: .875rem
}

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

.Box--fit {
    height: 100%;
    width: 100%
}

.Box--alignMiddle {
    display: table;
    width: 100%
}

.Box--alignMiddle .Box-cell {
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.Box-name {
    position: relative
}

.Box-name:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1.5em;
    background-color: transparent;
    position: absolute;
    top: .1em;
    left: -1.5rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.Box--color1 .Box-name:before {
    background-color: #003da5
}

.Box--color2 .Box-name:before {
    background-color: #09f
}

.Box--color3 .Box-name:before {
    background-color: #470a68
}

.Box--color4 .Box-name:before {
    background-color: #93117e
}

.Box--color5 .Box-name:before {
    background-color: #ff6900
}

.Box--color6 .Box-name:before {
    background-color: red
}

.Box--color7 .Box-name:before {
    background-color: #28a745
}

.Box--color8 .Box-name:before {
    background-color: #007d8a
}

.Box--color9 .Box-name:before {
    background-color: #2b5ca8
}

.Box--color10 .Box-name:before {
    background-color: #f3a303
}

.Box--color11 .Box-name:before {
    background-color: #82368c
}

.Box--color12 .Box-name:before {
    background-color: #778a15
}

.Box--destacado3 .Box-title:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1.5em;
    background-color: transparent;
    position: absolute;
    top: 1.2em;
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.Box--destacado3.Box--color1 .Box-title:before {
    background-color: #003da5
}

.Box--destacado3.Box--color2 .Box-title:before {
    background-color: #09f
}

.Box--destacado3.Box--color3 .Box-title:before {
    background-color: #470a68
}

.Box--destacado3.Box--color4 .Box-title:before {
    background-color: #93117e
}

.Box--destacado3.Box--color5 .Box-title:before {
    background-color: #ff6900
}

.Box--destacado3.Box--color6 .Box-title:before {
    background-color: red
}

.Box--destacado3.Box--color7 .Box-title:before {
    background-color: #28a745
}

.Box--destacado3.Box--color8 .Box-title:before {
    background-color: #007d8a
}

.Box--destacado3.Box--color9 .Box-title:before {
    background-color: #2b5ca8
}

.Box--destacado3.Box--color10 .Box-title:before {
    background-color: #f3a303
}

.Box--destacado3.Box--color11 .Box-title:before {
    background-color: #82368c
}

.Box--destacado3.Box--color12 .Box-title:before {
    background-color: #778a15
}

.Box--acceso {
    border-left: 5px solid transparent
}

.Box--acceso.Box--color1 {
    border-left-color: #003da5
}

.Box--acceso.Box--color2 {
    border-left-color: #09f
}

.Box--acceso.Box--color3 {
    border-left-color: #470a68
}

.Box--acceso.Box--color4 {
    border-left-color: #93117e
}

.Box--acceso.Box--color5 {
    border-left-color: #ff6900
}

.Box--acceso.Box--color6 {
    border-left-color: red
}

.Box--acceso.Box--color7 {
    border-left-color: #28a745
}

.Box--acceso.Box--color8 {
    border-left-color: #007d8a
}

.Box--acceso.Box--color9 {
    border-left-color: #2b5ca8
}

.Box--acceso.Box--color10 {
    border-left-color: #f3a303
}

.Box--acceso.Box--color11 {
    border-left-color: #82368c
}

.Box--acceso.Box--color12 {
    border-left-color: #778a15
}

.Box--acceso.Box--mf {
    border-left: none
}

.Box--acceso.Box--mf:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0
}

.Box--acceso.Box--mf.Box--color1:before {
    background-color: #003da5
}

.Box--acceso.Box--mf.Box--color2:before {
    background-color: #09f
}

.Box--acceso.Box--mf.Box--color3:before {
    background-color: #470a68
}

.Box--acceso.Box--mf.Box--color4:before {
    background-color: #93117e
}

.Box--acceso.Box--mf.Box--color5:before {
    background-color: #ff6900
}

.Box--acceso.Box--mf.Box--color6:before {
    background-color: red
}

.Box--acceso.Box--mf.Box--color7:before {
    background-color: #28a745
}

.Box--acceso.Box--mf.Box--color8:before {
    background-color: #007d8a
}

.Box--acceso.Box--mf.Box--color1,
.Box--acceso.Box--mf.Box--color2,
.Box--acceso.Box--mf.Box--color3,
.Box--acceso.Box--mf.Box--color4,
.Box--acceso.Box--mf.Box--color5,
.Box--acceso.Box--mf.Box--color6,
.Box--acceso.Box--mf.Box--color7,
.Box--acceso.Box--mf.Box--color8 {
    padding-left: 1.8125rem
}

.Box--destacado1.Box--color8 .Box-overlay {
    background-color: #007d8a;
    background-color: rgba(0, 125, 138, .9)
}

@media screen and (max-width:992px) {
    .Box--destacado1.Box--color8 .Box-overlay {
        background-color: #007d8a
    }
}

.Box--destacado1.Box--solid.Box--color8 .Box-overlay {
    background-color: #007d8a
}

.Box--listadoEnlaces.Box--mf.Box--color1 .u-bullet li:before {
    border-color: #003da5
}

.Box--listadoEnlaces.Box--mf.Box--color2 .u-bullet li:before {
    border-color: #09f
}

.Box--listadoEnlaces.Box--mf.Box--color3 .u-bullet li:before {
    border-color: #470a68
}

.Box--listadoEnlaces.Box--mf.Box--color4 .u-bullet li:before {
    border-color: #93117e
}

.Box--listadoEnlaces.Box--mf.Box--color5 .u-bullet li:before {
    border-color: #ff6900
}

.Box--listadoEnlaces.Box--mf.Box--color6 .u-bullet li:before {
    border-color: red
}

.Box--listadoEnlaces.Box--mf.Box--color7 .u-bullet li:before {
    border-color: #28a745
}

.Box--listadoEnlaces.Box--mf.Box--color8 .u-bullet li:before {
    border-color: #007d8a
}

.Box--listadoAccesos.Box--color1 .Flag-body .Box-title:after {
    border-color: #003da5
}

.Box--listadoAccesos.Box--color2 .Flag-body .Box-title:after {
    border-color: #09f
}

.Box--listadoAccesos.Box--color3 .Flag-body .Box-title:after {
    border-color: #470a68
}

.Box--listadoAccesos.Box--color4 .Flag-body .Box-title:after {
    border-color: #93117e
}

.Box--listadoAccesos.Box--color5 .Flag-body .Box-title:after {
    border-color: #ff6900
}

.Box--listadoAccesos.Box--color6 .Flag-body .Box-title:after {
    border-color: red
}

.Box--listadoAccesos.Box--color7 .Flag-body .Box-title:after {
    border-color: #28a745
}

.Box--listadoAccesos.Box--color8 .Flag-body .Box-title:after {
    border-color: #007d8a
}

.Box--hero.Box--color8>.Grid,
.Hero.Box--color8>.Grid {
    background-color: #007d8a
}

.Box--sinae .Box-name:before {
    display: none
}

.u-hideVisually {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.u-sizeFull {
    width: 100% !important
}

.u-size1of12 {
    width: 8.33333% !important
}

.u-size1of10 {
    width: 10% !important
}

.u-size1of8 {
    width: 12.5% !important
}

.u-size1of6,
.u-size2of12 {
    width: 16.66667% !important
}

.u-size1of5,
.u-size2of10 {
    width: 20% !important
}

.u-size1of4,
.u-size2of8,
.u-size3of12 {
    width: 25% !important
}

.u-size3of10 {
    width: 30% !important
}

.u-size1of3,
.u-size2of6,
.u-size4of12 {
    width: 33.33333% !important
}

.u-size3of8 {
    width: 37.5% !important
}

.u-size2of5,
.u-size4of10 {
    width: 40% !important
}

.u-size5of12 {
    width: 41.66667% !important
}

.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
    width: 50% !important
}

.u-size7of12 {
    width: 58.33333% !important
}

.u-size3of5,
.u-size6of10 {
    width: 60% !important
}

.u-size5of8 {
    width: 62.5% !important
}

.u-size2of3,
.u-size4of6,
.u-size8of12 {
    width: 66.66667% !important
}

.u-size7of10 {
    width: 70% !important
}

.u-size3of4,
.u-size6of8,
.u-size9of12 {
    width: 75% !important
}

.u-size4of5,
.u-size8of10 {
    width: 80% !important
}

.u-size5of6,
.u-size10of12 {
    width: 83.33333% !important
}

.u-size7of8 {
    width: 87.5% !important
}

.u-size9of10 {
    width: 90% !important
}

.u-size11of12 {
    width: 91.66667% !important
}

@media (min-width:480px) {
    .u-xs-size1of12 {
        width: 8.33333% !important
    }

    .u-xs-size1of10 {
        width: 10% !important
    }

    .u-xs-size1of8 {
        width: 12.5% !important
    }

    .u-xs-size1of6,
    .u-xs-size2of12 {
        width: 16.66667% !important
    }

    .u-xs-size1of5,
    .u-xs-size2of10 {
        width: 20% !important
    }

    .u-xs-size1of4,
    .u-xs-size2of8,
    .u-xs-size3of12 {
        width: 25% !important
    }

    .u-xs-size3of10 {
        width: 30% !important
    }

    .u-xs-size1of3,
    .u-xs-size2of6,
    .u-xs-size4of12 {
        width: 33.33333% !important
    }

    .u-xs-size3of8 {
        width: 37.5% !important
    }

    .u-xs-size2of5,
    .u-xs-size4of10 {
        width: 40% !important
    }

    .u-xs-size5of12 {
        width: 41.66667% !important
    }

    .u-xs-size1of2,
    .u-xs-size2of4,
    .u-xs-size3of6,
    .u-xs-size4of8,
    .u-xs-size5of10,
    .u-xs-size6of12 {
        width: 50% !important
    }

    .u-xs-size7of12 {
        width: 58.33333% !important
    }

    .u-xs-size3of5,
    .u-xs-size6of10 {
        width: 60% !important
    }

    .u-xs-size5of8 {
        width: 62.5% !important
    }

    .u-xs-size2of3,
    .u-xs-size4of6,
    .u-xs-size8of12 {
        width: 66.66667% !important
    }

    .u-xs-size7of10 {
        width: 70% !important
    }

    .u-xs-size3of4,
    .u-xs-size6of8,
    .u-xs-size9of12 {
        width: 75% !important
    }

    .u-xs-size4of5,
    .u-xs-size8of10 {
        width: 80% !important
    }

    .u-xs-size5of6,
    .u-xs-size10of12 {
        width: 83.33333% !important
    }

    .u-xs-size7of8 {
        width: 87.5% !important
    }

    .u-xs-size9of10 {
        width: 90% !important
    }

    .u-xs-size11of12 {
        width: 91.66667% !important
    }

    .u-xs-sizeFull {
        width: 100% !important
    }
}

@media (min-width:768px) {
    .u-sm-size1of12 {
        width: 8.33333% !important
    }

    .u-sm-size1of10 {
        width: 10% !important
    }

    .u-sm-size1of8 {
        width: 12.5% !important
    }

    .u-sm-size1of6,
    .u-sm-size2of12 {
        width: 16.66667% !important
    }

    .u-sm-size1of5,
    .u-sm-size2of10 {
        width: 20% !important
    }

    .u-sm-size1of4,
    .u-sm-size2of8,
    .u-sm-size3of12 {
        width: 25% !important
    }

    .u-sm-size3of10 {
        width: 30% !important
    }

    .u-sm-size1of3,
    .u-sm-size2of6,
    .u-sm-size4of12 {
        width: 33.33333% !important
    }

    .u-sm-size3of8 {
        width: 37.5% !important
    }

    .u-sm-size2of5,
    .u-sm-size4of10 {
        width: 40% !important
    }

    .u-sm-size5of12 {
        width: 41.66667% !important
    }

    .u-sm-size1of2,
    .u-sm-size2of4,
    .u-sm-size3of6,
    .u-sm-size4of8,
    .u-sm-size5of10,
    .u-sm-size6of12 {
        width: 50% !important
    }

    .u-sm-size7of12 {
        width: 58.33333% !important
    }

    .u-sm-size3of5,
    .u-sm-size6of10 {
        width: 60% !important
    }

    .u-sm-size5of8 {
        width: 62.5% !important
    }

    .u-sm-size2of3,
    .u-sm-size4of6,
    .u-sm-size8of12 {
        width: 66.66667% !important
    }

    .u-sm-size7of10 {
        width: 70% !important
    }

    .u-sm-size3of4,
    .u-sm-size6of8,
    .u-sm-size9of12 {
        width: 75% !important
    }

    .u-sm-size4of5,
    .u-sm-size8of10 {
        width: 80% !important
    }

    .u-sm-size5of6,
    .u-sm-size10of12 {
        width: 83.33333% !important
    }

    .u-sm-size7of8 {
        width: 87.5% !important
    }

    .u-sm-size9of10 {
        width: 90% !important
    }

    .u-sm-size11of12 {
        width: 91.66667% !important
    }

    .u-sm-sizeFull {
        width: 100% !important
    }
}

@media (min-width:992px) {
    .u-md-size1of12 {
        width: 8.33333% !important
    }

    .u-md-size1of10 {
        width: 10% !important
    }

    .u-md-size1of8 {
        width: 12.5% !important
    }

    .u-md-size1of6,
    .u-md-size2of12 {
        width: 16.66667% !important
    }

    .u-md-size1of5,
    .u-md-size2of10 {
        width: 20% !important
    }

    .u-md-size1of4,
    .u-md-size2of8,
    .u-md-size3of12 {
        width: 25% !important
    }

    .u-md-size3of10 {
        width: 30% !important
    }

    .u-md-size1of3,
    .u-md-size2of6,
    .u-md-size4of12 {
        width: 33.33333% !important
    }

    .u-md-size3of8 {
        width: 37.5% !important
    }

    .u-md-size2of5,
    .u-md-size4of10 {
        width: 40% !important
    }

    .u-md-size5of12 {
        width: 41.66667% !important
    }

    .u-md-size1of2,
    .u-md-size2of4,
    .u-md-size3of6,
    .u-md-size4of8,
    .u-md-size5of10,
    .u-md-size6of12 {
        width: 50% !important
    }

    .u-md-size7of12 {
        width: 58.33333% !important
    }

    .u-md-size3of5,
    .u-md-size6of10 {
        width: 60% !important
    }

    .u-md-size5of8 {
        width: 62.5% !important
    }

    .u-md-size2of3,
    .u-md-size4of6,
    .u-md-size8of12 {
        width: 66.66667% !important
    }

    .u-md-size7of10 {
        width: 70% !important
    }

    .u-md-size3of4,
    .u-md-size6of8,
    .u-md-size9of12 {
        width: 75% !important
    }

    .u-md-size4of5,
    .u-md-size8of10 {
        width: 80% !important
    }

    .u-md-size5of6,
    .u-md-size10of12 {
        width: 83.33333% !important
    }

    .u-md-size7of8 {
        width: 87.5% !important
    }

    .u-md-size9of10 {
        width: 90% !important
    }

    .u-md-size11of12 {
        width: 91.66667% !important
    }

    .u-md-sizeFull {
        width: 100% !important
    }
}

@media (min-width:1367px) {
    .u-lg-size1of12 {
        width: 8.33333% !important
    }

    .u-lg-size1of10 {
        width: 10% !important
    }

    .u-lg-size1of8 {
        width: 12.5% !important
    }

    .u-lg-size1of6,
    .u-lg-size2of12 {
        width: 16.66667% !important
    }

    .u-lg-size1of5,
    .u-lg-size2of10 {
        width: 20% !important
    }

    .u-lg-size1of4,
    .u-lg-size2of8,
    .u-lg-size3of12 {
        width: 25% !important
    }

    .u-lg-size3of10 {
        width: 30% !important
    }

    .u-lg-size1of3,
    .u-lg-size2of6,
    .u-lg-size4of12 {
        width: 33.33333% !important
    }

    .u-lg-size3of8 {
        width: 37.5% !important
    }

    .u-lg-size2of5,
    .u-lg-size4of10 {
        width: 40% !important
    }

    .u-lg-size5of12 {
        width: 41.66667% !important
    }

    .u-lg-size1of2,
    .u-lg-size2of4,
    .u-lg-size3of6,
    .u-lg-size4of8,
    .u-lg-size5of10,
    .u-lg-size6of12 {
        width: 50% !important
    }

    .u-lg-size7of12 {
        width: 58.33333% !important
    }

    .u-lg-size3of5,
    .u-lg-size6of10 {
        width: 60% !important
    }

    .u-lg-size5of8 {
        width: 62.5% !important
    }

    .u-lg-size2of3,
    .u-lg-size4of6,
    .u-lg-size8of12 {
        width: 66.66667% !important
    }

    .u-lg-size7of10 {
        width: 70% !important
    }

    .u-lg-size3of4,
    .u-lg-size6of8,
    .u-lg-size9of12 {
        width: 75% !important
    }

    .u-lg-size4of5,
    .u-lg-size8of10 {
        width: 80% !important
    }

    .u-lg-size5of6,
    .u-lg-size10of12 {
        width: 83.33333% !important
    }

    .u-lg-size7of8 {
        width: 87.5% !important
    }

    .u-lg-size9of10 {
        width: 90% !important
    }

    .u-lg-size11of12 {
        width: 91.66667% !important
    }

    .u-lg-sizeFull {
        width: 100% !important
    }
}

.u-m0 {
    margin: 0 !important
}

.u-m1 {
    margin: .5rem !important
}

.u-m2 {
    margin: 1rem !important
}

.u-m3 {
    margin: 1.5rem !important
}

.u-m4 {
    margin: 2rem !important
}

.u-m5 {
    margin: 2.5rem !important
}

.u-m6 {
    margin: 3rem !important
}

.u-mx0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.u-mx1 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.u-mx2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.u-mx3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.u-mx4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

.u-mx5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
}

.u-mx6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.u-my0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.u-my1 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.u-my2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.u-my3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.u-my4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.u-my5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.u-my6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.u-mt0 {
    margin-top: 0 !important
}

.u-mt1 {
    margin-top: .5rem !important
}

.u-mt2 {
    margin-top: 1rem !important
}

.u-mt3 {
    margin-top: 1.5rem !important
}

.u-mt4 {
    margin-top: 2rem !important
}

.u-mt5 {
    margin-top: 2.5rem !important
}

.u-mt6 {
    margin-top: 3rem !important
}

.u-mr0 {
    margin-right: 0 !important
}

.u-mr1 {
    margin-right: .5rem !important
}

.u-mr2 {
    margin-right: 1rem !important
}

.u-mr3 {
    margin-right: 1.5rem !important
}

.u-mr4 {
    margin-right: 2rem !important
}

.u-mr5 {
    margin-right: 2.5rem !important
}

.u-mr6 {
    margin-right: 3rem !important
}

.u-mb0 {
    margin-bottom: 0 !important
}

.u-mb1 {
    margin-bottom: .5rem !important
}

.u-mb2 {
    margin-bottom: 1rem !important
}

.u-mb3 {
    margin-bottom: 1.5rem !important
}

.u-mb4 {
    margin-bottom: 2rem !important
}

.u-mb5 {
    margin-bottom: 2.5rem !important
}

.u-mb6 {
    margin-bottom: 3rem !important
}

.u-ml0 {
    margin-left: 0 !important
}

.u-ml1 {
    margin-left: .5rem !important
}

.u-ml2 {
    margin-left: 1rem !important
}

.u-ml3 {
    margin-left: 1.5rem !important
}

.u-ml4 {
    margin-left: 2rem !important
}

.u-ml5 {
    margin-left: 2.5rem !important
}

.u-ml6 {
    margin-left: 3rem !important
}

@media screen and (min-width:992px) {
    .u-md-m0 {
        margin: 0 !important
    }

    .u-md-m1 {
        margin: .5rem !important
    }

    .u-md-m2 {
        margin: 1rem !important
    }

    .u-md-m3 {
        margin: 1.5rem !important
    }

    .u-md-m4 {
        margin: 2rem !important
    }

    .u-md-m5 {
        margin: 2.5rem !important
    }

    .u-md-m6 {
        margin: 3rem !important
    }

    .u-md-mx0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .u-md-mx1 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .u-md-mx2 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .u-md-mx3 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .u-md-mx4 {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .u-md-mx5 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .u-md-mx6 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .u-md-my0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .u-md-my1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .u-md-my2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .u-md-my3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .u-md-my4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .u-md-my5 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .u-md-my6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .u-md-mt0 {
        margin-top: 0 !important
    }

    .u-md-mt1 {
        margin-top: .5rem !important
    }

    .u-md-mt2 {
        margin-top: 1rem !important
    }

    .u-md-mt3 {
        margin-top: 1.5rem !important
    }

    .u-md-mt4 {
        margin-top: 2rem !important
    }

    .u-md-mt5 {
        margin-top: 2.5rem !important
    }

    .u-md-mt6 {
        margin-top: 3rem !important
    }

    .u-md-mr0 {
        margin-right: 0 !important
    }

    .u-md-mr1 {
        margin-right: .5rem !important
    }

    .u-md-mr2 {
        margin-right: 1rem !important
    }

    .u-md-mr3 {
        margin-right: 1.5rem !important
    }

    .u-md-mr4 {
        margin-right: 2rem !important
    }

    .u-md-mr5 {
        margin-right: 2.5rem !important
    }

    .u-md-mr6 {
        margin-right: 3rem !important
    }

    .u-md-mb0 {
        margin-bottom: 0 !important
    }

    .u-md-mb1 {
        margin-bottom: .5rem !important
    }

    .u-md-mb2 {
        margin-bottom: 1rem !important
    }

    .u-md-mb3 {
        margin-bottom: 1.5rem !important
    }

    .u-md-mb4 {
        margin-bottom: 2rem !important
    }

    .u-md-mb5 {
        margin-bottom: 2.5rem !important
    }

    .u-md-mb6 {
        margin-bottom: 3rem !important
    }

    .u-md-ml0 {
        margin-left: 0 !important
    }

    .u-md-ml1 {
        margin-left: .5rem !important
    }

    .u-md-ml2 {
        margin-left: 1rem !important
    }

    .u-md-ml3 {
        margin-left: 1.5rem !important
    }

    .u-md-ml4 {
        margin-left: 2rem !important
    }

    .u-md-ml5 {
        margin-left: 2.5rem !important
    }

    .u-md-ml6 {
        margin-left: 3rem !important
    }
}

.u-mxAuto {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:992px) {
    .u-md-mxAuto {
        margin-left: auto;
        margin-right: auto
    }
}

.u-nt6 {
    margin-top: -3rem !important
}

.u-p0 {
    padding: 0 !important
}

.u-p1 {
    padding: .5rem !important
}

.u-p2 {
    padding: 1rem !important
}

.u-p3 {
    padding: 1.5rem !important
}

.u-p4 {
    padding: 2rem !important
}

.u-p5 {
    padding: 2.5rem !important
}

.u-p6 {
    padding: 3rem !important
}

.u-px0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.u-px1 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.u-px2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.u-px3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.u-px4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.u-px5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.u-px6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.u-py0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.u-py1 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.u-py2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.u-py3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.u-py4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.u-py5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.u-py6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.u-pt0 {
    padding-top: 0 !important
}

.u-pt1 {
    padding-top: .5rem !important
}

.u-pt2 {
    padding-top: 1rem !important
}

.u-pt3 {
    padding-top: 1.5rem !important
}

.u-pt4 {
    padding-top: 2rem !important
}

.u-pt5 {
    padding-top: 2.5rem !important
}

.u-pt6 {
    padding-top: 3rem !important
}

.u-pr0 {
    padding-right: 0 !important
}

.u-pr1 {
    padding-right: .5rem !important
}

.u-pr2 {
    padding-right: 1rem !important
}

.u-pr3 {
    padding-right: 1.5rem !important
}

.u-pr4 {
    padding-right: 2rem !important
}

.u-pr5 {
    padding-right: 2.5rem !important
}

.u-pr6 {
    padding-right: 3rem !important
}

.u-pb0 {
    padding-bottom: 0 !important
}

.u-pb1 {
    padding-bottom: .5rem !important
}

.u-pb2 {
    padding-bottom: 1rem !important
}

.u-pb3 {
    padding-bottom: 1.5rem !important
}

.u-pb4 {
    padding-bottom: 2rem !important
}

.u-pb5 {
    padding-bottom: 2.5rem !important
}

.u-pb6 {
    padding-bottom: 3rem !important
}

.u-pl0 {
    padding-left: 0 !important
}

.u-pl1 {
    padding-left: .5rem !important
}

.u-pl2 {
    padding-left: 1rem !important
}

.u-pl3 {
    padding-left: 1.5rem !important
}

.u-pl4 {
    padding-left: 2rem !important
}

.u-pl5 {
    padding-left: 2.5rem !important
}

.u-pl6 {
    padding-left: 3rem !important
}

@media screen and (min-width:992px) {
    .u-md-p0 {
        padding: 0 !important
    }

    .u-md-p1 {
        padding: .5rem !important
    }

    .u-md-p2 {
        padding: 1rem !important
    }

    .u-md-p3 {
        padding: 1.5rem !important
    }

    .u-md-p4 {
        padding: 2rem !important
    }

    .u-md-p5 {
        padding: 2.5rem !important
    }

    .u-md-p6 {
        padding: 3rem !important
    }

    .u-md-px0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .u-md-px1 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .u-md-px2 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .u-md-px3 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .u-md-px4 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .u-md-px5 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .u-md-px6 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .u-md-py0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .u-md-py1 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .u-md-py2 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .u-md-py3 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .u-md-py4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .u-md-py5 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .u-md-py6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .u-md-pt0 {
        padding-top: 0 !important
    }

    .u-md-pt1 {
        padding-top: .5rem !important
    }

    .u-md-pt2 {
        padding-top: 1rem !important
    }

    .u-md-pt3 {
        padding-top: 1.5rem !important
    }

    .u-md-pt4 {
        padding-top: 2rem !important
    }

    .u-md-pt5 {
        padding-top: 2.5rem !important
    }

    .u-md-pt6 {
        padding-top: 3rem !important
    }

    .u-md-pr0 {
        padding-right: 0 !important
    }

    .u-md-pr1 {
        padding-right: .5rem !important
    }

    .u-md-pr2 {
        padding-right: 1rem !important
    }

    .u-md-pr3 {
        padding-right: 1.5rem !important
    }

    .u-md-pr4 {
        padding-right: 2rem !important
    }

    .u-md-pr5 {
        padding-right: 2.5rem !important
    }

    .u-md-pr6 {
        padding-right: 3rem !important
    }

    .u-md-pb0 {
        padding-bottom: 0 !important
    }

    .u-md-pb1 {
        padding-bottom: .5rem !important
    }

    .u-md-pb2 {
        padding-bottom: 1rem !important
    }

    .u-md-pb3 {
        padding-bottom: 1.5rem !important
    }

    .u-md-pb4 {
        padding-bottom: 2rem !important
    }

    .u-md-pb5 {
        padding-bottom: 2.5rem !important
    }

    .u-md-pb6 {
        padding-bottom: 3rem !important
    }

    .u-md-pl0 {
        padding-left: 0 !important
    }

    .u-md-pl1 {
        padding-left: .5rem !important
    }

    .u-md-pl2 {
        padding-left: 1rem !important
    }

    .u-md-pl3 {
        padding-left: 1.5rem !important
    }

    .u-md-pl4 {
        padding-left: 2rem !important
    }

    .u-md-pl5 {
        padding-left: 2.5rem !important
    }

    .u-md-pl6 {
        padding-left: 3rem !important
    }
}

.u-h1,
.u-h2,
.u-h3,
.u-h4,
.u-h5,
.u-h6 {
    font-family: inherit !important;
    font-weight: 600 !important;
    line-height: 1.1 !important
}

.u-h1 {
    font-size: 2.5rem !important
}

.u-h2 {
    font-size: 2rem !important
}

.u-h3 {
    font-size: 1.75rem !important
}

.u-h4 {
    font-size: 1.5rem !important
}

.u-h5 {
    font-size: 1.25rem !important;
    line-height: 1.15 !important
}

.u-h6 {
    font-size: 1.15rem !important;
    line-height: 1.35 !important
}

.u-textCenter {
    text-align: center !important
}

.u-textLeft {
    text-align: left !important
}

.u-textRight {
    text-align: right !important
}

@media screen and (min-width:768px) {
    .u-sm-textCenter {
        text-align: center !important
    }

    .u-sm-textLeft {
        text-align: left !important
    }

    .u-sm-textRight {
        text-align: right !important
    }
}

@media screen and (min-width:992px) {
    .u-md-textCenter {
        text-align: center !important
    }

    .u-md-textLeft {
        text-align: left !important
    }

    .u-md-textRight {
        text-align: right !important
    }
}

@media screen and (min-width:1367px) {
    .u-lg-textCenter {
        text-align: center !important
    }

    .u-lg-textLeft {
        text-align: left !important
    }

    .u-lg-textRight {
        text-align: right !important
    }
}

.u-textExtraLarge {
    font-size: 1.75em !important;
    line-height: 1.125 !important
}

.u-textLarge {
    font-size: 1.35em !important;
    line-height: 1.125 !important
}

.u-textMedium {
    font-size: 1.125em !important;
    line-height: 1.25 !important
}

.u-textSmall {
    font-size: .85em !important
}

.u-textLead {
    font-size: 1.35rem !important
}

.u-textLead,
.u-textNormal {
    font-weight: 400 !important
}

.u-textSemiBold {
    font-weight: 600 !important
}

.u-textBold {
    font-weight: 700 !important
}

.u-breakWord {
    word-wrap: break-word !important
}

.u-textUppercase {
    text-transform: uppercase !important
}

.u-textUnderline {
    text-decoration: underline !important
}

.u-textItalic {
    font-style: italic !important
}

.u-textRed {
    color: #c33
}

.u-textMute {
    color: #444 !important
}

.u-textWhite {
    color: #fff !important
}

.u-textBlue {
    color: #003da5 !important
}

.u-textBlack {
    color: #000 !important
}

.u-bgWhite {
    background-color: #fff !important
}

.u-bgGray {
    background-color: #f3f3f3
}

.u-bgBlack {
    background-color: #000 !important
}

.u-bgBlue {
    background-color: #003da5 !important
}

.u-bgDarkBlue {
    background-color: #042f62 !important
}

.u-bgLightBlue {
    background-color: #e2e9f1
}

.u-bgGreen {
    background-color: #00632e !important
}

.u-bgGold {
    background-color: #daaa00 !important
}

.u-bgPurple {
    background-color: #470a68 !important
}

.u-bgColor1 {
    background-color: #003da5 !important
}

.u-bgColor2 {
    background-color: #09f !important
}

.u-bgColor3 {
    background-color: #470a68 !important
}

.u-bgColor4 {
    background-color: #93117e !important
}

.u-bgColor5 {
    background-color: #ff6900 !important
}

.u-bgColor6 {
    background-color: red !important
}

.u-bgColor7 {
    background-color: #28a745 !important
}

.u-bgColor8 {
    background-color: #007d8a !important
}

.u-bgColor9 {
    background-color: #2b5ca8 !important
}

.u-bgColor10 {
    background-color: #f3a303 !important
}

.u-bgColor11 {
    background-color: #82368c !important
}

.u-bgColor12 {
    background-color: #778a15 !important
}

.u-cfx:after,
.u-cfx:before {
    display: table;
    content: ""
}

.u-cfx:after {
    clear: both
}

.u-left {
    float: left !important
}

.u-right {
    float: right !important
}

@media screen and (min-width:768px) {
    .u-sm-left {
        float: left !important
    }

    .u-sm-right {
        float: right !important
    }
}

@media screen and (min-width:992px) {
    .u-md-left {
        float: left !important
    }

    .u-md-right {
        float: right !important
    }
}

@media screen and (min-width:1367px) {
    .u-lg-left {
        float: left !important
    }

    .u-lg-right {
        float: right !important
    }
}

.u-hide {
    display: none !important
}

.u-show {
    display: block !important
}

@media screen and (min-width:768px) {
    .u-sm-show {
        display: block !important
    }

    .u-sm-hide {
        display: none !important
    }
}

@media screen and (min-width:992px) {
    .u-md-show {
        display: block !important
    }

    .u-md-hide {
        display: none !important
    }
}

@media screen and (min-width:1367px) {
    .u-lg-show {
        display: block !important
    }

    .u-lg-hide {
        display: none !important
    }
}

.u-table {
    display: table !important
}

.u-tableCell {
    display: table-cell !important
}

.u-alignMiddle {
    vertical-align: middle !important
}

.u-main {
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media screen and (max-width:992px) {
    .u-main {
        margin-top: 1rem
    }
}

.u-relative {
    position: relative !important
}

.u-circle {
    border-radius: 50% !important
}

.u-imgResponsive {
    width: 100%;
    height: auto
}

.u-listReset {
    list-style: none;
    margin: 0;
    padding: 0
}

.u-bullet {
    padding-left: 1.5em
}

.u-bullet li+li {
    margin-top: .825em
}

.u-bullet li {
    line-height: 1.325;
    list-style-type: none;
    position: relative
}

.u-bullet li:before {
    content: "\2022";
    font-size: .75em;
    position: absolute;
    top: .25em;
    left: -1.25em
}

.u-bullet li ul {
    margin-top: .75rem
}

.u-hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 2em 0;
    padding: 0
}

.u-alternativeLink {
    text-decoration: underline
}

.u-alternativeLink:hover {
    text-decoration: none
}

.u-inlineBlock {
    display: inline-block !important
}

.u-outerLink:after {
    content: "";
    padding-left: 15px;
    background: url(../assets/outerLink.svg) no-repeat 0 0;
    margin-left: 3px;
    background-size: 16px
}

.u-outerLink--white:after {
    background-image: url(../assets/outerLink-white.svg)
}

.u-outerLink--black:after {
    background-image: url(../assets/outerLink-black.svg)
}

.u-border {
    border: 1px solid #eee
}

.u-borderBottom,
.u-borderTop {
    border-bottom: 1px solid #eee
}

.u-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.u-itemsCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.u-w60 {
    width: 60px
}

.u-w24 {
    width: 24px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-toggle=collapse].collapsed .caret {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

[data-toggle=collapse] .caret {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.pinned {
    position: fixed
}

[data-drupal-selector=edit-archivo-upload-button],
[id^=edit-archivo-upload] .description {
    display: none !important
}

.youtube-container {
    margin-bottom: 1.5rem
}

.Module-item .contextual-region,
.Module-item [region=content_bottom_left],
.Module-item [region=content_bottom_right] {
    height: 100%
}

.muestra-color {
    display: inline-block;
    height: 21px;
    width: 21px;
    border-radius: 2px;
    margin-right: .35rem;
    margin-bottom: 4px
}

.muestra-color--blanco {
    background-color: #fff;
    border: 1px solid #bebebe
}

.move-fieldset {
    background: #fff url(../assets/icons/icon-move.svg) no-repeat 50%;
    height: 15px;
    margin-left: -30px;
    top: -3px;
    cursor: move
}

.tablesaw-cell-label {
    display: none !important
}

#drupal-off-canvas-wrapper,
#drupal-off-canvas:not(.drupal-off-canvas-reset) {
    color: #000;
    background: none !important
}

.u-printOnly {
    display: none !important
}

@media print {

    *,
    :after,
    :before {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    body {
        zoom: .75
    }

    .Box--event .Box-footer,
    .Box--event .Box-image,
    .Box--event .Box-name,
    .Feedback,
    .Filters,
    .Footer-links,
    .Footer-list,
    .Header-menuTrigger,
    .Nav,
    .Page-actions,
    .Page-nav,
    .Search,
    .u-noPrint {
        display: none
    }

    .u-printOnly {
        display: block !important
    }

    .Page {
        padding: 1.5rem;
        margin-bottom: 0 !important
    }

    .Page--hasNav .Page-body {
        border-left: 0
    }

    .Page,
    .Page-body,
    .u-main {
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    .Page-info,
    .Page-title {
        margin-bottom: 1.25rem
    }

    a,
    a:visited {
        text-decoration: underline
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .Tree li div.itemContent {
        background: #fff !important
    }

    .Tree ul>li>ul>li:after,
    .Tree ul>li>ul>li:before {
        background-color: #ccc !important
    }

    .Tree li.Tree-hasRightLink:after,
    .Tree li.Tree-hasRightLink:before {
        background-color: #09f !important
    }

    .Tree-hasRightLink ul:before,
    .Tree .Tree-rightLink div.itemContent:after,
    .Tree li.Tree-rightLink>.itemContent:before {
        background-color: #1d90ff !important
    }
}

.ColorPicker {
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 3px
}

/*# sourceMappingURL=portal-unificado.css.map */