@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Merriweather:400,400i,700");

.action-links {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

[dir="rtl"] .action-links {
    margin-right: 0;
}

.action-links li {
    display: inline-block;
    margin: 0 0.3em;
}

    .action-links li:first-child {
        margin-left: 0;
    }

[dir="rtl"] .action-links li:first-child {
    margin-right: 0;
    margin-left: 0.3em;
}

.button-action {
    display: inline-block;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
    line-height: 160%;
}

    .button-action:before {
        margin-left: -0.1em;
        padding-right: 0.2em;
        content: "+";
        font-weight: 900;
    }

[dir="rtl"] .button-action:before {
    margin-right: -0.1em;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0.2em;
}

.breadcrumb {
    padding-bottom: 0.5em;
}

    .breadcrumb ol {
        margin: 0;
        padding: 0;
    }

[dir="rtl"] .breadcrumb ol {
    margin-right: 0;
}

.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .breadcrumb li:before {
        content: " \BB ";
    }

    .breadcrumb li:first-child:before {
        content: none;
    }

.button,
.image-button {
    margin-right: 1em;
    margin-left: 1em;
}

    .button:first-child,
    .image-button:first-child {
        margin-right: 0;
        margin-left: 0;
    }

.collapse-processed > summary {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

    .collapse-processed > summary:before {
        float: left;
        width: 1em;
        height: 1em;
        content: "";
        background: url(/core/misc/menu-expanded.png) 0 100% no-repeat;
    }

[dir="rtl"] .collapse-processed > summary:before {
    float: right;
    background-position: 100% 100%;
}

.collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 25% 35%;
}

[dir="rtl"] .collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 75% 35%;
}

.container-inline label:after,
.container-inline .label:after {
    content: ":";
}

.form-type-radios .container-inline label:after,
.form-type-checkboxes .container-inline label:after {
    content: "";
}

.form-type-radios .container-inline .form-type-radio,
.form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em;
}

.container-inline .form-actions,
.container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

details {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
}

    details > .details-wrapper {
        padding: 0.5em 1.5em;
    }

summary {
    padding: 0.2em 0.5em;
    cursor: pointer;
}

.exposed-filters .filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

.exposed-filters .form-item {
    margin: 0 0 0.1em 0;
    padding: 0;
}

    .exposed-filters .form-item label {
        float: left;
        width: 10em;
        font-weight: normal;
    }

[dir="rtl"] .exposed-filters .form-item label {
    float: right;
}

.exposed-filters .form-select {
    width: 14em;
}

.exposed-filters .current-filters {
    margin-bottom: 1em;
}

    .exposed-filters .current-filters .placeholder {
        font-weight: bold;
        font-style: normal;
    }

.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .additional-filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

.field__label {
    font-weight: bold;
}

.field--label-inline .field__label,
.field--label-inline .field__items {
    float: left;
}

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
    padding-right: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label,
[dir="rtl"] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: 0.5em;
}

.field--label-inline .field__label::after {
    content: ":";
}

form .field-multiple-table {
    margin: 0;
}

    form .field-multiple-table .field-multiple-drag {
        width: 30px;
        padding-right: 0;
    }

[dir="rtl"] form .field-multiple-table .field-multiple-drag {
    padding-left: 0;
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0.5em;
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0;
    padding-left: 0.5em;
}

form .field-add-more-submit {
    margin: 0.5em 0 0;
}

.form-item,
.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

tr.odd .form-item,
tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
    font-size: 0.85em;
}

label.option {
    display: inline;
    font-weight: normal;
}

.form-composite > legend,
.label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
}

.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.form-type-radio .description,
.form-type-checkbox .description {
    margin-left: 2.4em;
}

[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
    margin-right: 2.4em;
    margin-left: 0;
}

.marker {
    color: #e00;
}

.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

abbr.tabledrag-changed,
abbr.ajax-changed {
    border-bottom: none;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red;
}

.form-item--error-message:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url(/core/misc/icons/e32700/error.svg) no-repeat;
    background-size: contain;
}

.icon-help {
    padding: 1px 0 1px 20px;
    background: url(/core/misc/help.png) 0 50% no-repeat;
}

[dir="rtl"] .icon-help {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%;
}

.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/core/misc/feed.svg) no-repeat;
}

.form--inline .form-item {
    float: left;
    margin-right: 0.5em;
}

[dir="rtl"] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: 0.5em;
}

[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-right: 2%;
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: 0.5em;
}

[dir="rtl"] .form--inline .form-item-separator {
    margin-right: 0.5em;
    margin-left: 1em;
}

.form--inline .form-actions {
    clear: left;
}

[dir="rtl"] .form--inline .form-actions {
    clear: right;
}

.item-list .title {
    font-weight: bold;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

.item-list li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
}

[dir="rtl"] .item-list li {
    margin: 0 1.5em 0.25em 0;
}

.item-list--comma-list {
    display: inline;
}

    .item-list--comma-list .item-list__comma-list,
    .item-list__comma-list li,
    [dir="rtl"] .item-list--comma-list .item-list__comma-list,
    [dir="rtl"] .item-list__comma-list li {
        margin: 0;
    }

button.link {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: transparent;
    font-size: 1em;
}

label button.link {
    font-weight: bold;
}

ul.inline,
ul.links.inline {
    display: inline;
    padding-left: 0;
}

[dir="rtl"] ul.inline,
[dir="rtl"] ul.links.inline {
    padding-right: 0;
    padding-left: 15px;
}

ul.inline li {
    display: inline;
    padding: 0 0.5em;
    list-style-type: none;
}

ul.links a.is-active {
    color: #000;
}

ul.menu {
    margin-left: 1em;
    padding: 0;
    list-style: none outside;
    text-align: left;
}

[dir="rtl"] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right;
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(/core/misc/menu-expanded.png);
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(/core/misc/menu-collapsed.png);
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(/core/misc/menu-collapsed-rtl.png);
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

ul.menu a.is-active {
    color: #000;
}

.more-link {
    display: block;
    text-align: right;
}

[dir="rtl"] .more-link {
    text-align: left;
}

.pager__items {
    clear: both;
    text-align: center;
}

.pager__item {
    display: inline;
    padding: 0.5em;
}

    .pager__item.is-active {
        font-weight: bold;
    }

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}

tr.selected td {
    background: #ffc;
}

td.checkbox,
th.checkbox {
    text-align: center;
}

[dir="rtl"] td.checkbox,
[dir="rtl"] th.checkbox {
    text-align: center;
}

th.is-active img {
    display: inline;
}

td.is-active {
    background-color: #ddd;
}

div.tabs {
    margin: 1em 0;
}

ul.tabs {
    margin: 0 0 0.5em;
    padding: 0;
    list-style: none;
}

.tabs > li {
    display: inline-block;
    margin-right: 0.3em;
}

[dir="rtl"] .tabs > li {
    margin-right: 0;
    margin-left: 0.3em;
}

.tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
}

    .tabs a.is-active {
        background-color: #eee;
    }

    .tabs a:focus,
    .tabs a:hover {
        background-color: #f5f5f5;
    }

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.ui-dialog--narrow {
    max-width: 500px;
}

@media screen and (max-width: 600px) {
    .ui-dialog--narrow {
        min-width: 95%;
        max-width: 95%;
    }
}

.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
}

.messages + .messages {
    margin-top: 1.538em;
}

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

.messages__item + .messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(/core/misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    background-image: url(/core/misc/icons/e29700/warning.svg);
    box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url(/core/misc/icons/e32700/error.svg);
    box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

.node--unpublished {
    background-color: #fff4f4;
}

.progress__track {
    border-color: #b3b3b3;
    border-radius: 10em;
    background-color: #f2f1eb;
    background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
    background-image: linear-gradient(#e7e7df, #f0f0f0);
    box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
}

.progress__bar {
    height: 16px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0 1px;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
    border: 1px #07629a solid;
    border-radius: 10em;
    background: #057ec9;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-size: 40px 40px;
}

[dir="rtl"] .progress__bar {
    margin-right: -1px;
    margin-left: 0;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress__bar {
        -webkit-transition: none;
        transition: none;
        -webkit-animation: none;
        -moz-animation: none;
    }
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0;
    }

    100% {
        background-position: 0 0, -80px 0;
    }
}

@-ms-keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0;
    }

    100% {
        background-position: 0 0, -80px 0;
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0;
    }

    100% {
        background-position: 0 0, -80px 0;
    }
}

:root {
    --color-txt: #464646;
    --color-txt-2: #5C5C5C;
    --color-bg: #F3F3F3;
    --color-p1: #117DAC;
    --color-p1-h: #006997;
    --color-p2: #154D61;
    --color-p2-h: #0A3646;
    --color-p3: #C44B12;
    --color-p3-h: #E95B17;
    --color-s1: #206178;
    --color-s2: #C4871C;
    --color-s3: #F75D55;
    --color-s4: #159FD1;
    --color-s5: #69A031;
    --spacing-s: 15px;
    --spacing-m: 23px;
    --spacing-l: 40px;
    --spacing-xl: 80px;
    --mobile-s: 320px;
    --mobile-m: 375px;
    --mobile-l: 425px;
    --tablet: 768px
}

main,
.region-breadcrumb,
header .header-container,
footer[role="contentinfo"] .block-dnn-pie-de-pagina .footer-container,
.block-system-breadcrumb-block {
    margin: 0 auto;
    max-width: 1400px
}

.view-dnn-listado-normativa,
.view-listado-de-servicios,
.view-dnn-listado-transparencia,
.view-directorio-telefonico,
.view-listado-de-noticias,
h1,
.block-system-breadcrumb-block,
.paragraph.paragraph--type--dnn-acciones-frecuentes,
.path-node article.node,
.path-preguntas-frecuentes main .region-content,
.path-busqueda main .region-content,
.path-user main,
.path-contact main {
    padding: 0 var(--spacing-m)
}

@media only screen and (min-width: 400px) {
    .view-dnn-listado-normativa,
    .view-listado-de-servicios,
    .view-dnn-listado-transparencia,
    .view-directorio-telefonico,
    .view-listado-de-noticias,
    h1,
    .block-system-breadcrumb-block,
    .paragraph.paragraph--type--dnn-acciones-frecuentes,
    .path-node article.node,
    .path-preguntas-frecuentes main .region-content,
    .path-busqueda main .region-content,
    .path-user main,
    .path-contact main {
        padding: 0 var(--spacing-l)
    }
}

@media only screen and (min-width: 1500px) {
    .view-dnn-listado-normativa,
    .view-listado-de-servicios,
    .view-dnn-listado-transparencia,
    .view-directorio-telefonico,
    .view-listado-de-noticias,
    h1,
    .block-system-breadcrumb-block,
    .paragraph.paragraph--type--dnn-acciones-frecuentes,
    .path-node article.node,
    .path-preguntas-frecuentes main .region-content,
    .path-busqueda main .region-content,
    .path-user main,
    .path-contact main {
        padding: 0
    }
}

.view-busqueda-global .view-content .views-row .search-index-cta a,
.noticias-relacionadas-servicios .view-content .views-row .news-teaser-cta.field--name-field-enlace a,
.paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-enlace a,
form input[type='submit'],
.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a,
.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a,
.menu-toogle button,
.view-listado-de-noticias .view-content .views-row .news-teaser-cta a,
.view-noticias-mas-leidas .view-content .views-row .news-teaser-cta a,
.view-dnn-noticias-destacadas .view-content .views-row .node__content .news-teaser-cta a,
.paragraph.paragraph--type--dnn-preguntas-frecuentes .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-ubicacion-mapa .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-banner-cta .text-container .cta a,
.flexslider .slide-text .field--name-field-enlace a,
footer[role="contentinfo"] .block-dnn-pie-de-pagina .info-contacto ul li a,
.view-dnn-listado-normativa .view-filters .form--inline .button,
.view-listado-de-servicios .view-filters .form--inline .button,
.view-dnn-listado-transparencia .view-filters .form--inline .button,
.view-directorio-telefonico .view-filters .form--inline .button,
.view-listado-de-noticias .view-filters .form--inline .button,
.view-listado-de-servicios .view-content .views-row .views-field-view-node a {
    font-size: 1.2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 var(--spacing-m);
    border: none
}

    .view-busqueda-global .view-content .views-row .search-index-cta a:after,
    .noticias-relacionadas-servicios .view-content .views-row .news-teaser-cta.field--name-field-enlace a:after,
    .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-enlace a:after,
    .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-enlace a:after,
    form input[type='submit']:after,
    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a:after,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a:after,
    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:after,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:after,
    .menu-toogle button:after,
    .view-listado-de-noticias .view-content .views-row .news-teaser-cta a:after,
    .view-noticias-mas-leidas .view-content .views-row .news-teaser-cta a:after,
    .view-dnn-noticias-destacadas .view-content .views-row .node__content .news-teaser-cta a:after,
    .paragraph.paragraph--type--dnn-preguntas-frecuentes .field--name-field-enlace a:after,
    .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-enlace a:after,
    .paragraph.paragraph--type--dnn-ubicacion-mapa .field--name-field-enlace a:after,
    .paragraph.paragraph--type--dnn-banner-cta .text-container .cta a:after,
    .flexslider .slide-text .field--name-field-enlace a:after,
    footer[role="contentinfo"] .block-dnn-pie-de-pagina .info-contacto ul li a:after,
    .view-dnn-listado-normativa .view-filters .form--inline .button:after,
    .view-listado-de-servicios .view-filters .form--inline .button:after,
    .view-dnn-listado-transparencia .view-filters .form--inline .button:after,
    .view-directorio-telefonico .view-filters .form--inline .button:after,
    .view-listado-de-noticias .view-filters .form--inline .button:after,
    .view-listado-de-servicios .view-content .views-row .views-field-view-node a:after {
        content: '▸';
        display: inline-block;
        margin-left: var(--spacing-s)
    }

.view-busqueda-global .view-content .views-row .search-index-cta a,
.noticias-relacionadas-servicios .view-content .views-row .news-teaser-cta.field--name-field-enlace a,
.paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-enlace a {
    border: 2px solid #154d61;
    color: #154d61;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 14px
}

    .view-busqueda-global .view-content .views-row .search-index-cta a:hover,
    .noticias-relacionadas-servicios .view-content .views-row .news-teaser-cta.field--name-field-enlace a:hover,
    .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-enlace a:hover,
    .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-enlace a:hover,
    .view-busqueda-global .view-content .views-row .search-index-cta a.active,
    .noticias-relacionadas-servicios .view-content .views-row .news-teaser-cta.field--name-field-enlace a.active,
    .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-enlace a.active,
    .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-enlace a.active {
        color: white;
        background: #154d61;
    }

form input[type='submit'] {
    border: 2px solid #009972;
    color: #009972;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 14px
}

form input:hover[type='submit'],
form input.active[type='submit'] {
    color: white;
    background: #009972
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a,
.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a,
.menu-toogle button {
    background: #154d61
}

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a:hover,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a:hover,
    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:hover,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:hover,
    .menu-toogle button:hover,
    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a.active,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a.active,
    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a.active,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a.active,
    .menu-toogle button.active {
        border: 1px solid #154d61;
        color: #154d61;
        background: white
    }

.view-listado-de-noticias .view-content .views-row .news-teaser-cta a,
.view-noticias-mas-leidas .view-content .views-row .news-teaser-cta a,
.view-dnn-noticias-destacadas .view-content .views-row .node__content .news-teaser-cta a,
.paragraph.paragraph--type--dnn-preguntas-frecuentes .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-ubicacion-mapa .field--name-field-enlace a,
.paragraph.paragraph--type--dnn-banner-cta .text-container .cta a,
.flexslider .slide-text .field--name-field-enlace a {
    color: white;
    font-weight: bold;
    border: 1px solid white
}

    .view-listado-de-noticias .view-content .views-row .news-teaser-cta a:hover,
    .view-noticias-mas-leidas .view-content .views-row .news-teaser-cta a:hover,
    .view-dnn-noticias-destacadas .view-content .views-row .node__content .news-teaser-cta a:hover,
    .paragraph.paragraph--type--dnn-preguntas-frecuentes .field--name-field-enlace a:hover,
    .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-enlace a:hover,
    .paragraph.paragraph--type--dnn-ubicacion-mapa .field--name-field-enlace a:hover,
    .paragraph.paragraph--type--dnn-banner-cta .text-container .cta a:hover,
    .flexslider .slide-text .field--name-field-enlace a:hover,
    .view-listado-de-noticias .view-content .views-row .news-teaser-cta a.active,
    .view-noticias-mas-leidas .view-content .views-row .news-teaser-cta a.active,
    .view-dnn-noticias-destacadas .view-content .views-row .node__content .news-teaser-cta a.active,
    .paragraph.paragraph--type--dnn-preguntas-frecuentes .field--name-field-enlace a.active,
    .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-enlace a.active,
    .paragraph.paragraph--type--dnn-ubicacion-mapa .field--name-field-enlace a.active,
    .paragraph.paragraph--type--dnn-banner-cta .text-container .cta a.active,
    .flexslider .slide-text .field--name-field-enlace a.active {
        color: #154d61;
        background: white
    }

footer[role="contentinfo"] .block-dnn-pie-de-pagina .info-contacto ul li a {
    padding: 0 var(--spacing-s);
    height: 32px;
    font-weight: bold;
    font-size: 1.2rem;
    background: var(--color-p3);
    border-bottom: 4px solid var(--color-p3-h)
}

.view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file span,
.view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file span,
.page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file span {
    background: none;
    padding: 0
}

.view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a,
.view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a,
.page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a {
    color: #154d61;
    border: 2px solid #154d61;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(var(--spacing-s)/2);
    line-height: 13px;
    font-size: 1.1rem;
    font-weight: bold;
    width: 104px
}

    .view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a:after,
    .view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a:after,
    .page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a:after {
        content: '';
        width: 11px;
        height: 11px;
        background: url(/themes/custom/dnn_theme/dist/images/ico-download.png) no-repeat;
        display: inline-block;
        margin-left: -25px
    }

    .view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a:hover,
    .view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a:hover,
    .page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a:hover {
        background: #154d61;
        color: white;
        border-color: #154d61
    }

        .view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a:hover:after,
        .view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a:hover:after,
        .page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a:hover:after {
            background: url(/themes/custom/dnn_theme/dist/images/ico-download-hover.png) no-repeat
        }

@media only screen and (min-width: 768px) {
    .view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a,
    .view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a,
    .page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a {
        padding: var(--spacing-s);
        font-size: 1.2rem;
        line-height: 14px;
        width: auto
    }

        .view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a:after,
        .view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a:after,
        .page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a:after {
            content: '';
            margin-left: var(--spacing-s)
        }

        .view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a:hover,
        .view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a:hover,
        .page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a:hover {
            background: #154d61;
            color: white;
            border-color: #154d61
        }

            .view-dnn-listado-normativa .view-content .views-row .field--name-field-media-file a:hover:after,
            .view-dnn-listado-transparencia .view-content .views-row .field--name-field-media-file a:hover:after,
            .page-node-type-noticia .layout-container article .news-related-files .field--name-field-media-file a:hover:after {
                background: url(/themes/custom/dnn_theme/dist/images/ico-download-hover.png) no-repeat
            }
}

.component-background-gray.paragraph.paragraph--type--dnn-titulo-texto-cta,
.component-background-gray.paragraph.paragraph--type--dnn-contenido-dos-columnas,
.paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-gray.paragraph,
.paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-gray {
    border: none;
    background: #e8e8e8
}

    .component-background-gray.paragraph.paragraph--type--dnn-titulo-texto-cta *,
    .component-background-gray.paragraph.paragraph--type--dnn-contenido-dos-columnas *,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-gray.paragraph *,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-gray * {
        color: #154d61
    }

    .component-background-gray.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a,
    .component-background-gray.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-gray.paragraph .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-gray .field--name-field-enlace a {
        border-color: #154d61;
        color: #154d61
    }

        .component-background-gray.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a:hover,
        .component-background-gray.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-gray.paragraph .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-gray .field--name-field-enlace a:hover {
            border-color: #154d61
        }

.component-background-dark-blue.paragraph.paragraph--type--dnn-titulo-texto-cta,
.component-background-dark-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas,
.paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-dark-blue.paragraph,
.paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-dark-blue {
    border: none;
    background: #154d61
}

    .component-background-dark-blue.paragraph.paragraph--type--dnn-titulo-texto-cta *,
    .component-background-dark-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas *,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-dark-blue.paragraph *,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-dark-blue * {
        color: white
    }

    .component-background-dark-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-title,
    .component-background-dark-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-title,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-dark-blue.paragraph .field--name-title,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-dark-blue .field--name-title {
        color: #9CE5FF
    }

    .component-background-dark-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a,
    .component-background-dark-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-dark-blue.paragraph .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-dark-blue .field--name-field-enlace a {
        color: inherit;
        border-color: inherit
    }

        .component-background-dark-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a:hover,
        .component-background-dark-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-dark-blue.paragraph .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-dark-blue .field--name-field-enlace a:hover {
            background: white;
            color: #154d61
        }

.component-background-light-blue.paragraph.paragraph--type--dnn-titulo-texto-cta,
.component-background-light-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas,
.paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-light-blue.paragraph,
.paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-light-blue {
    border: none;
    background: #117dac
}

    .component-background-light-blue.paragraph.paragraph--type--dnn-titulo-texto-cta *,
    .component-background-light-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas *,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-light-blue.paragraph *,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-light-blue * {
        color: white
    }

    .component-background-light-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a,
    .component-background-light-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-light-blue.paragraph .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-light-blue .field--name-field-enlace a {
        color: inherit;
        border-color: inherit
    }

        .component-background-light-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a:hover,
        .component-background-light-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-light-blue.paragraph .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-light-blue .field--name-field-enlace a:hover {
            background: white;
            border-color: white;
            color: #154d61
        }

.component-background-orange.paragraph.paragraph--type--dnn-titulo-texto-cta,
.component-background-orange.paragraph.paragraph--type--dnn-contenido-dos-columnas,
.paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-orange.paragraph,
.paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-orange {
    border: none;
    background: var(--color-p3)
}

    .component-background-orange.paragraph.paragraph--type--dnn-titulo-texto-cta *,
    .component-background-orange.paragraph.paragraph--type--dnn-contenido-dos-columnas *,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-orange.paragraph *,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-orange * {
        color: white
    }

    .component-background-orange.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a,
    .component-background-orange.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-orange.paragraph .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-orange .field--name-field-enlace a {
        color: inherit;
        border-color: inherit
    }

        .component-background-orange.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a:hover,
        .component-background-orange.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-orange.paragraph .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-orange .field--name-field-enlace a:hover {
            border-color: var(--color-p3);
            background: white;
            color: var(--color-p3)
        }

.component-background-pastel-blue.paragraph.paragraph--type--dnn-titulo-texto-cta,
.component-background-pastel-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas,
.paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-pastel-blue.paragraph,
.paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-pastel-blue {
    background: #edf6fa;
    border: none
}

    .component-background-pastel-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-titulo,
    .component-background-pastel-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-titulo,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-pastel-blue.paragraph .field--name-field-titulo,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-pastel-blue .field--name-field-titulo,
    .component-background-pastel-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .viewsreference--view-title,
    .component-background-pastel-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .viewsreference--view-title,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-pastel-blue.paragraph .viewsreference--view-title,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-pastel-blue .viewsreference--view-title {
        color: #154d61
    }

    .component-background-pastel-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a,
    .component-background-pastel-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-pastel-blue.paragraph .field--name-field-enlace a,
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-pastel-blue .field--name-field-enlace a {
        color: #154d61;
        border-color: #154d61
    }

        .component-background-pastel-blue.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a:hover,
        .component-background-pastel-blue.paragraph.paragraph--type--dnn-contenido-dos-columnas .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .component-background-pastel-blue.paragraph .field--name-field-enlace a:hover,
        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div.component-background-pastel-blue .field--name-field-enlace a:hover {
            color: white;
            background: #154d61;
            border-color: #154d61
        }

.view-dnn-listado-normativa .view-filters .form-type-select,
.view-listado-de-servicios .view-filters .form-type-select,
.view-dnn-listado-transparencia .view-filters .shs-widget-container,
.view-listado-de-noticias .view-filters .form-type-select {
    overflow: hidden;
    background: url(/themes/custom/dnn_theme/dist/images/ico-custom-selector.png) no-repeat white;
    background-position: 96% center;
    padding: 0 30px 0 var(--spacing-s);
    height: 41px;
    border: 2px solid #154d61;
    width: 250px
}

@media only screen and (min-width: 768px) {
    .view-dnn-listado-normativa .view-filters .form-type-select,
    .view-listado-de-servicios .view-filters .form-type-select,
    .view-dnn-listado-transparencia .view-filters .shs-widget-container,
    .view-listado-de-noticias .view-filters .form-type-select {
        width: 190px
    }
}

.view-dnn-listado-normativa .view-filters .form-type-select select,
.view-listado-de-servicios .view-filters .form-type-select select,
.view-dnn-listado-transparencia .view-filters .shs-widget-container select,
.view-listado-de-noticias .view-filters .form-type-select select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 41px;
    width: 265px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 768px) {
    .view-dnn-listado-normativa .view-filters .form-type-select select,
    .view-listado-de-servicios .view-filters .form-type-select select,
    .view-dnn-listado-transparencia .view-filters .shs-widget-container select,
    .view-listado-de-noticias .view-filters .form-type-select select {
        width: 190px;
        padding-right: 15px
    }
}

.paragraph.contenido-destacado,
.page-node-type-pregunta-frecuente .contenido-destacado,
.page-node-type-noticia .layout-container article .contenido-destacado {
    margin: var(--spacing-l) 0;
    color: #154d61;
    padding: var(--spacing-m);
    background: #f6f6f6;
    border-bottom: 4px solid #f88148
}

@media only screen and (min-width: 768px) {
    .paragraph.contenido-destacado,
    .page-node-type-pregunta-frecuente .contenido-destacado,
    .page-node-type-noticia .layout-container article .contenido-destacado {
        padding: 50px 30px
    }
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper,
.page-node-type-servicio .servicio__content--wrapper {
    display: grid;
    grid-gap: var(--spacing-m)
}

@media only screen and (min-width: 768px) {
    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper,
    .page-node-type-servicio .servicio__content--wrapper {
        grid-template-columns: auto 355px
    }
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(1) .field--name-body,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(1) .field--name-body {
    color: var(--color-txt);
    font-size: 1.5rem
}

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(1) .field--name-body p,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(1) .field--name-body p {
        font-size: inherit
    }

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(1) .field--name-body img,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(1) .field--name-body img {
        margin: var(--spacing-l) 0;
        border: 0;
        display: block;
        width: 100%
    }

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) h2,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) h2,
.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) h3,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) h3 {
    font-family: 'Lato', sans-serif;
    color: #154d61;
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: var(--spacing-m)
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) > div,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) > div {
    margin-bottom: var(--spacing-l)
}

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) > div:last-child,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) > div:last-child {
        margin: 0
    }

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados .field__item,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados .field__item {
    margin-bottom: 10px
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span {
    display: block;
    padding: 0
}

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: white;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 1.8rem;
        position: relative
    }

        .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a:after,
        .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados span a:after {
            position: absolute;
            right: var(--spacing-s)
        }

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados .file--application-pdf,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-archivos-relacionados .file--application-pdf {
    background: none
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados .field__item,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados .field__item {
    margin-bottom: 10px
}

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados .field__item:last-child,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados .field__item:last-child {
        margin: 0
    }

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a,
.page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: white;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 1.8rem;
    position: relative
}

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:after,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:after {
        position: absolute;
        right: var(--spacing-s)
    }

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:last-child,
    .page-node-type-servicio .servicio__content--wrapper > div:nth-child(2) .field--name-field-enlaces-relacionados a:last-child {
        margin: 0
    }

.view-dnn-listado-normativa .view-filters,
.view-listado-de-servicios .view-filters,
.view-dnn-listado-transparencia .view-filters,
.view-directorio-telefonico .view-filters,
.view-listado-de-noticias .view-filters {
    background: #ebf7fb;
    padding: var(--spacing-m) var(--spacing-s);
    margin: var(--spacing-l) 0
}

    .view-dnn-listado-normativa .view-filters .form--inline,
    .view-listado-de-servicios .view-filters .form--inline,
    .view-dnn-listado-transparencia .view-filters .form--inline,
    .view-directorio-telefonico .view-filters .form--inline,
    .view-listado-de-noticias .view-filters .form--inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .view-dnn-listado-normativa .view-filters .form--inline .form-item,
        .view-listado-de-servicios .view-filters .form--inline .form-item,
        .view-dnn-listado-transparencia .view-filters .form--inline .form-item,
        .view-directorio-telefonico .view-filters .form--inline .form-item,
        .view-listado-de-noticias .view-filters .form--inline .form-item {
            margin: 0;
            margin-bottom: var(--spacing-s);
            margin-right: var(--spacing-s)
        }

        .view-dnn-listado-normativa .view-filters .form--inline .form-actions,
        .view-listado-de-servicios .view-filters .form--inline .form-actions,
        .view-dnn-listado-transparencia .view-filters .form--inline .form-actions,
        .view-directorio-telefonico .view-filters .form--inline .form-actions,
        .view-listado-de-noticias .view-filters .form--inline .form-actions {
            margin: 0
        }

        .view-dnn-listado-normativa .view-filters .form--inline label,
        .view-listado-de-servicios .view-filters .form--inline label,
        .view-dnn-listado-transparencia .view-filters .form--inline label,
        .view-directorio-telefonico .view-filters .form--inline label,
        .view-listado-de-noticias .view-filters .form--inline label {
            display: none
        }

        .view-dnn-listado-normativa .view-filters .form--inline input,
        .view-listado-de-servicios .view-filters .form--inline input,
        .view-dnn-listado-transparencia .view-filters .form--inline input,
        .view-directorio-telefonico .view-filters .form--inline input,
        .view-listado-de-noticias .view-filters .form--inline input {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 41px;
            width: 246px;
            font-size: 1.3rem;
            line-height: 15px;
            color: #154d61;
            border: 2px solid #154d61;
            padding: 0 var(--spacing-s)
        }

            .view-dnn-listado-normativa .view-filters .form--inline input::-webkit-input-placeholder,
            .view-listado-de-servicios .view-filters .form--inline input::-webkit-input-placeholder,
            .view-dnn-listado-transparencia .view-filters .form--inline input::-webkit-input-placeholder,
            .view-directorio-telefonico .view-filters .form--inline input::-webkit-input-placeholder,
            .view-listado-de-noticias .view-filters .form--inline input::-webkit-input-placeholder {
                opacity: 1;
                color: inherit;
                font-size: 1.3rem
            }

            .view-dnn-listado-normativa .view-filters .form--inline input::-moz-placeholder,
            .view-listado-de-servicios .view-filters .form--inline input::-moz-placeholder,
            .view-dnn-listado-transparencia .view-filters .form--inline input::-moz-placeholder,
            .view-directorio-telefonico .view-filters .form--inline input::-moz-placeholder,
            .view-listado-de-noticias .view-filters .form--inline input::-moz-placeholder {
                opacity: 1;
                color: inherit;
                font-size: 1.3rem
            }

            .view-dnn-listado-normativa .view-filters .form--inline input:-ms-input-placeholder,
            .view-listado-de-servicios .view-filters .form--inline input:-ms-input-placeholder,
            .view-dnn-listado-transparencia .view-filters .form--inline input:-ms-input-placeholder,
            .view-directorio-telefonico .view-filters .form--inline input:-ms-input-placeholder,
            .view-listado-de-noticias .view-filters .form--inline input:-ms-input-placeholder {
                opacity: 1;
                color: inherit;
                font-size: 1.3rem
            }

            .view-dnn-listado-normativa .view-filters .form--inline input::-ms-input-placeholder,
            .view-listado-de-servicios .view-filters .form--inline input::-ms-input-placeholder,
            .view-dnn-listado-transparencia .view-filters .form--inline input::-ms-input-placeholder,
            .view-directorio-telefonico .view-filters .form--inline input::-ms-input-placeholder,
            .view-listado-de-noticias .view-filters .form--inline input::-ms-input-placeholder {
                opacity: 1;
                color: inherit;
                font-size: 1.3rem
            }

            .view-dnn-listado-normativa .view-filters .form--inline input::placeholder,
            .view-listado-de-servicios .view-filters .form--inline input::placeholder,
            .view-dnn-listado-transparencia .view-filters .form--inline input::placeholder,
            .view-directorio-telefonico .view-filters .form--inline input::placeholder,
            .view-listado-de-noticias .view-filters .form--inline input::placeholder {
                opacity: 1;
                color: inherit;
                font-size: 1.3rem
            }

        .view-dnn-listado-normativa .view-filters .form--inline .form-item-search-api-fulltext input,
        .view-listado-de-servicios .view-filters .form--inline .form-item-search-api-fulltext input,
        .view-dnn-listado-transparencia .view-filters .form--inline .form-item-search-api-fulltext input,
        .view-directorio-telefonico .view-filters .form--inline .form-item-search-api-fulltext input,
        .view-listado-de-noticias .view-filters .form--inline .form-item-search-api-fulltext input,
        .view-dnn-listado-normativa .view-filters .form--inline .form-item-palabras-clave input,
        .view-listado-de-servicios .view-filters .form--inline .form-item-palabras-clave input,
        .view-dnn-listado-transparencia .view-filters .form--inline .form-item-palabras-clave input,
        .view-directorio-telefonico .view-filters .form--inline .form-item-palabras-clave input,
        .view-listado-de-noticias .view-filters .form--inline .form-item-palabras-clave input,
        .view-dnn-listado-normativa .view-filters .form--inline .form-type-textfield input,
        .view-listado-de-servicios .view-filters .form--inline .form-type-textfield input,
        .view-dnn-listado-transparencia .view-filters .form--inline .form-type-textfield input,
        .view-directorio-telefonico .view-filters .form--inline .form-type-textfield input,
        .view-listado-de-noticias .view-filters .form--inline .form-type-textfield input {
            background: url(/themes/custom/dnn_theme/dist/images/ico-input-search.png) no-repeat 95% center white
        }

        .view-dnn-listado-normativa .view-filters .form--inline .button,
        .view-listado-de-servicios .view-filters .form--inline .button,
        .view-dnn-listado-transparencia .view-filters .form--inline .button,
        .view-directorio-telefonico .view-filters .form--inline .button,
        .view-listado-de-noticias .view-filters .form--inline .button {
            padding: 0 var(--spacing-l) 0 var(--spacing-m);
            width: auto;
            font-weight: bold;
            font-size: 1.4rem;
            line-height: 17px;
            background: none;
            height: 41px;
            color: #009972;
            border: 2px solid #009972;
            background: url(/themes/custom/dnn_theme/dist/images/ico-input-submit-green.png) no-repeat 80% center
        }

            .view-dnn-listado-normativa .view-filters .form--inline .button:hover,
            .view-listado-de-servicios .view-filters .form--inline .button:hover,
            .view-dnn-listado-transparencia .view-filters .form--inline .button:hover,
            .view-directorio-telefonico .view-filters .form--inline .button:hover,
            .view-listado-de-noticias .view-filters .form--inline .button:hover {
                color: white;
                background: url(/themes/custom/dnn_theme/dist/images/ico-input-submit-green-hover.png) no-repeat 80% center #009972
            }

@media only screen and (min-width: 425px) {
    .view-dnn-listado-normativa .view-filters .form--inline,
    .view-listado-de-servicios .view-filters .form--inline,
    .view-dnn-listado-transparencia .view-filters .form--inline,
    .view-directorio-telefonico .view-filters .form--inline,
    .view-listado-de-noticias .view-filters .form--inline {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 768px) {
    .view-dnn-listado-normativa .view-filters .form--inline,
    .view-listado-de-servicios .view-filters .form--inline,
    .view-dnn-listado-transparencia .view-filters .form--inline,
    .view-directorio-telefonico .view-filters .form--inline,
    .view-listado-de-noticias .view-filters .form--inline {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .view-dnn-listado-normativa .view-filters .form--inline input,
        .view-listado-de-servicios .view-filters .form--inline input,
        .view-dnn-listado-transparencia .view-filters .form--inline input,
        .view-directorio-telefonico .view-filters .form--inline input,
        .view-listado-de-noticias .view-filters .form--inline input {
            width: 100%
        }

        .view-dnn-listado-normativa .view-filters .form--inline .button,
        .view-listado-de-servicios .view-filters .form--inline .button,
        .view-dnn-listado-transparencia .view-filters .form--inline .button,
        .view-directorio-telefonico .view-filters .form--inline .button,
        .view-listado-de-noticias .view-filters .form--inline .button {
            margin: 0;
            margin-left: var(--spacing-s)
        }
}

.view-dnn-listado-normativa .view-content .views-row,
.view-listado-de-servicios .view-content .views-row,
.view-dnn-listado-transparencia .view-content .views-row,
.view-directorio-telefonico .view-content .views-row {
    background: #f6f6f6;
    color: var(--color-txt);
    padding: var(--spacing-m);
    font-size: 1.6rem;
    line-height: 19px
}

    .view-dnn-listado-normativa .view-content .views-row.view-header,
    .view-listado-de-servicios .view-content .views-row.view-header,
    .view-dnn-listado-transparencia .view-content .views-row.view-header,
    .view-directorio-telefonico .view-content .views-row.view-header {
        background: #154d61;
        color: white;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.6rem;
        line-height: 19px;
        font-weight: bold
    }

@media only screen and (max-width: 768px) {
    .view-dnn-listado-normativa .view-content .views-row.view-header,
    .view-listado-de-servicios .view-content .views-row.view-header,
    .view-dnn-listado-transparencia .view-content .views-row.view-header,
    .view-directorio-telefonico .view-content .views-row.view-header {
        display: none
    }
}

.view-dnn-listado-normativa .view-content .views-row .views-field-title,
.view-listado-de-servicios .view-content .views-row .views-field-title,
.view-dnn-listado-transparencia .view-content .views-row .views-field-title,
.view-directorio-telefonico .view-content .views-row .views-field-title {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 21px
}

.view-dnn-listado-normativa .view-content .views-row > div,
.view-listado-de-servicios .view-content .views-row > div,
.view-dnn-listado-transparencia .view-content .views-row > div,
.view-directorio-telefonico .view-content .views-row > div {
    padding: 0 var(--spacing-m);
    margin-bottom: var(--spacing-s)
}

@media only screen and (max-width: 768px) {
    .view-dnn-listado-normativa .view-content .views-row,
    .view-listado-de-servicios .view-content .views-row,
    .view-dnn-listado-transparencia .view-content .views-row,
    .view-directorio-telefonico .view-content .views-row {
        margin-bottom: var(--spacing-s)
    }
}

@media only screen and (min-width: 769px) {
    .view-dnn-listado-normativa .view-content .views-row,
    .view-listado-de-servicios .view-content .views-row,
    .view-dnn-listado-transparencia .view-content .views-row,
    .view-directorio-telefonico .view-content .views-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        border-top: 2px solid white
    }

        .view-dnn-listado-normativa .view-content .views-row .views-field-title,
        .view-listado-de-servicios .view-content .views-row .views-field-title,
        .view-dnn-listado-transparencia .view-content .views-row .views-field-title,
        .view-directorio-telefonico .view-content .views-row .views-field-title {
            font-weight: bold;
            font-size: 1.6rem;
            line-height: 19px
        }
}

.view-listado-de-noticias .view-content {
    display: grid;
    grid-gap: var(--spacing-m)
}

    .view-listado-de-noticias .view-content .views-row {
        padding: var(--spacing-m);
        background: #154d61;
        color: white
    }

@media only screen and (min-width: 768px) {
    .view-listado-de-noticias .view-content {
        grid-template-columns: 1fr 1fr
    }
}

html {
    font-size: 62.5%
}

body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color-txt)
}

    body * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

h1,
h2,
h3,
h4 {
    margin: 0
}

h1 {
    font-family: 'Merriweather', serif;
    color: #154d61;
    font-weight: 700;
    font-size: 3rem;
    margin: var(--spacing-l) 0
}

h2 {
    margin-bottom: var(--spacing-m);
    color: #117dac;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 22px;
    letter-spacing: 0.5px
}

a {
    color: #117dac;
    text-decoration: none
}

p {
    color: var(--color-txt);
    font-size: 1.4rem;
    margin: 0 0 var(--spacing-s) 0
}

.file--application-pdf,
.file--x-office-document {
    background: none;
    padding: 0
}

.menu--navegacion-secundaria {
    z-index: 10;
    position: relative
}

    .menu--navegacion-secundaria ul.menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        height: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .menu--navegacion-secundaria ul.menu li {
            padding: 0;
            padding-right: var(--spacing-m)
        }

            .menu--navegacion-secundaria ul.menu li:last-child {
                padding: 0
            }

        .menu--navegacion-secundaria ul.menu a {
            text-decoration: underline
        }

            .menu--navegacion-secundaria ul.menu a.is-active {
                color: #67e5c5
            }

@media only screen and (min-width: 768px) {
    .menu--navegacion-secundaria ul.menu {
        height: 63px
    }
}

.menu-toogle {
    z-index: 10;
    position: relative;
    height: 63px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: var(--spacing-m)
}

    .menu-toogle button {
        height: 40px
    }

        .menu-toogle button:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s
        }

        .menu-toogle button.active:after {
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }

@media only screen and (min-width: 768px) {
    .menu-toogle {
        display: none
    }
}

.menu--main {
    position: relative;
    z-index: 0
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.menu--main ul.menu {
    display: none;
    margin: 0
}

    .menu--main ul.menu.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: var(--spacing-m);
        -webkit-animation-name: fadein;
        animation-name: fadein;
        -webkit-animation-duration: 0.7s;
        animation-duration: 0.7s
    }

    .menu--main ul.menu li {
        padding: 0;
        border-bottom: 1px solid #068dbe
    }

    .menu--main ul.menu a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 45px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--color-p1-h)
    }

        .menu--main ul.menu a.is-active {
            color: #67e5c5
        }

@media only screen and (min-width: 768px) {
    .menu--main ul.menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .menu--main ul.menu li {
            border: none;
            border-right: 1px solid #068dbe
        }

            .menu--main ul.menu li:first-child {
                border-left: 1px solid #068dbe
            }

        .menu--main ul.menu a {
            width: 160px;
            height: 63px;
            background: none;
            padding: 0 var(--spacing-s)
        }

            .menu--main ul.menu a:hover,
            .menu--main ul.menu a.is-active {
                color: white;
                background: var(--color-p1-h)
            }
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
    .menu--main ul.menu {
        padding-left: 155px
    }

        .menu--main ul.menu a {
            width: 100%;
            padding: 0 var(--spacing-s)
        }
}

nav.pager {
    margin-top: var(--spacing-l);
    background: #ebf7fb
}

    nav.pager ul.pager__items {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 55px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        nav.pager ul.pager__items li {
            padding: 0 var(--spacing-s) 0 0
        }

            nav.pager ul.pager__items li a {
                color: #95989a;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 28px;
                height: 28px;
                background: white;
                border: 2px solid #95989a
            }

            nav.pager ul.pager__items li.is-active a,
            nav.pager ul.pager__items li:hover a {
                color: #154d61;
                border: 2px solid #154d61
            }

            nav.pager ul.pager__items li.pager__item--first a,
            nav.pager ul.pager__items li.pager__item--last a {
                width: auto;
                height: auto;
                border: none;
                background: none;
                color: #154d61;
                font-size: 1.8rem;
                font-weight: 400;
                line-height: 22px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                nav.pager ul.pager__items li.pager__item--first a:before {
                    content: '';
                    display: block;
                    width: 8px;
                    height: 10px;
                    margin-right: 5px;
                    background: url(/themes/custom/dnn_theme/dist/images/ico-pager.png) no-repeat;
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

                nav.pager ul.pager__items li.pager__item--last a:after {
                    content: '';
                    display: block;
                    width: 8px;
                    height: 10px;
                    margin-left: 5px;
                    background: url(/themes/custom/dnn_theme/dist/images/ico-pager.png) no-repeat
                }

            nav.pager ul.pager__items li.pager__item--ellipsis,
            nav.pager ul.pager__items li.pager__item--previous,
            nav.pager ul.pager__items li.pager__item--next {
                display: none
            }

ul.dnn-contenido-pestanas__tabs {
    margin: var(--spacing-l) 0;
    padding: 0;
    border-bottom: 4px solid #154d61;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    ul.dnn-contenido-pestanas__tabs li {
        color: #154d61;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-right: var(--spacing-s)
    }

        ul.dnn-contenido-pestanas__tabs li:last-child {
            margin: 0
        }

        ul.dnn-contenido-pestanas__tabs li button {
            height: 51px;
            width: 100%;
            border: none;
            font-size: 1.4rem;
            font-weight: bold;
            text-transform: uppercase;
            background: #d5ebf3
        }

            ul.dnn-contenido-pestanas__tabs li button:hover,
            ul.dnn-contenido-pestanas__tabs li button.active {
                color: white;
                background: #154d61
            }

            ul.dnn-contenido-pestanas__tabs li button.active {
                height: 70px
            }

@media only screen and (min-width: 768px) {
    ul.dnn-contenido-pestanas__tabs li {
        width: 25%
    }
}

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

    .menu-mapas * {
        margin: 0;
        padding: 0
    }

    .menu-mapas .menu-mapas--label {
        color: #4f4f4f;
        font-size: 1.4rem;
        margin-right: var(--spacing-s)
    }

    .menu-mapas ul {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .menu-mapas ul li a {
            display: block;
            text-indent: -999px;
            overflow: hidden
        }

        .menu-mapas ul li:nth-child(1) {
            margin-right: var(--spacing-s)
        }

            .menu-mapas ul li:nth-child(1) a {
                background: url(/themes/custom/dnn_theme/dist/images/ico-gmaps.png);
                background-position: center;
                width: 52px;
                height: 52px
            }

        .menu-mapas ul li:nth-child(2) a {
            width: 46px;
            height: 46px;
            background: url(/themes/custom/dnn_theme/dist/images/ico-waze.svg);
            background-position: center
        }

header {
    position: relative
}

    header * {
        color: white
    }

    header .header-top {
        background: #154d61
    }

        header .header-top .header-container .region-secondary-menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            z-index: 10
        }

    header .header-main {
        background: #117dac;
        position: relative
    }

        header .header-main .region-header {
            z-index: 100;
            position: absolute
        }

@media only screen and (min-width: 768px) {
    header .header-main .region-header {
        bottom: 0
    }
}

@media only screen and (max-width: 768px) {
    header .header-main .region-header {
        top: 0;
        padding-left: var(--spacing-m)
    }
}

@media only screen and (max-width: 768px) {
    header .header-main {
        min-height: 63px
    }

        header .header-main .header-container {
            padding: 0
        }
}

header .header-container {
    padding: 0 var(--spacing-m)
}

@media only screen and (min-width: 1100px) {
    header .header-container {
        padding: 0 var(--spacing-xl) 0 var(--spacing-m)
    }
}

header .site-logo * {
    display: block
}

@media only screen and (max-width: 768px) {
    header .site-logo img {
        height: 63px
    }
}

footer[role="contentinfo"] {
    margin-top: calc(var(--spacing-l)*2)
}

    footer[role="contentinfo"] * {
        color: white
    }

        footer[role="contentinfo"] * strong {
            font-weight: 600
        }

    footer[role="contentinfo"] .block-dnn-pie-de-pagina {
        background: #154d61
    }

        footer[role="contentinfo"] .block-dnn-pie-de-pagina .footer-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: var(--spacing-m);
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            footer[role="contentinfo"] .block-dnn-pie-de-pagina .footer-container > div {
                padding-bottom: var(--spacing-s)
            }

@media only screen and (min-width: 768px) {
    footer[role="contentinfo"] .block-dnn-pie-de-pagina .footer-container {
        padding: 32px 85px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background-image: url(https://www.dnn.go.cr/themes/custom/dnn_theme/dist/images/bg-footer.svg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain
    }

        footer[role="contentinfo"] .block-dnn-pie-de-pagina .footer-container > div {
            padding-right: 50px
        }

            footer[role="contentinfo"] .block-dnn-pie-de-pagina .footer-container > div:last-child {
                padding: 0
            }
}

footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales a img {
    display: block;
    margin: var(--spacing-s) 0
}

footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales ul li {
        padding: 0;
        margin: 0 var(--spacing-s) 0 0
    }

        footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales ul li a {
            display: block;
            width: 15px;
            height: 15px;
            text-indent: -999px;
            overflow: hidden;
            background-position: center;
            background-repeat: no-repeat
        }

        footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales ul li:nth-child(1) a {
            background-image: url(/themes/custom/dnn_theme/dist/images/ico-fb.png)
        }

            footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales ul li:nth-child(1) a:hover {
                background-image: url(/themes/custom/dnn_theme/dist/images/ico-fb-hover.png)
            }

        footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales ul li:nth-child(2) a {
            background-image: url(/themes/custom/dnn_theme/dist/images/ico-tw.png)
        }

            footer[role="contentinfo"] .block-dnn-pie-de-pagina .redes-sociales ul li:nth-child(2) a:hover {
                background-image: url(/themes/custom/dnn_theme/dist/images/ico-tw-hover.png)
            }

footer[role="contentinfo"] .block-dnn-pie-de-pagina .info-contacto ul {
    margin: 0
}

    footer[role="contentinfo"] .block-dnn-pie-de-pagina .info-contacto ul li {
        padding: 0
    }

        footer[role="contentinfo"] .block-dnn-pie-de-pagina .info-contacto ul li a.is-active {
            color: white
        }

footer[role="contentinfo"] .block-dnn-footer-legal-info {
    background: #206178;
    padding: var(--spacing-s) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 58px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    footer[role="contentinfo"] .block-dnn-footer-legal-info .block span {
        padding: 0 var(--spacing-s)
    }

@media only screen and (max-width: 768px) {
    footer[role="contentinfo"] .block-dnn-footer-legal-info {
        height: auto
    }

        footer[role="contentinfo"] .block-dnn-footer-legal-info .block span {
            display: block
        }
}

.dnn-enlace-para-regresar {
    margin: var(--spacing-l) 0;
    padding-bottom: var(--spacing-s);
    border-bottom: 1px solid #dedede
}

    .dnn-enlace-para-regresar a {
        color: #009972;
        font-size: 1.2rem;
        font-weight: bold
    }

    .dnn-enlace-para-regresar:before {
        content: ' / ';
        color: #dedede
    }

    .dnn-enlace-para-regresar:nth-child(1):before {
        display: none
    }

    .dnn-enlace-para-regresar:nth-child(1) a {
        position: relative;
        padding-left: 10px
    }

        .dnn-enlace-para-regresar:nth-child(1) a:before {
            content: '▸';
            position: absolute;
            left: 0;
            top: 2px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

.block-system-breadcrumb-block {
    margin: var(--spacing-l) 0
}

    .block-system-breadcrumb-block nav.breadcrumb {
        padding-bottom: var(--spacing-s);
        border-bottom: 1px solid #dedede
    }

        .block-system-breadcrumb-block nav.breadcrumb li a {
            color: #009972;
            font-size: 1.2rem;
            font-weight: bold
        }

        .block-system-breadcrumb-block nav.breadcrumb li:before {
            content: ' / ';
            color: #dedede
        }

        .block-system-breadcrumb-block nav.breadcrumb li:nth-child(1):before {
            display: none
        }

        .block-system-breadcrumb-block nav.breadcrumb li:nth-child(1) a {
            position: relative;
            padding-left: 10px
        }

            .block-system-breadcrumb-block nav.breadcrumb li:nth-child(1) a:before {
                content: '▸';
                position: absolute;
                left: 0;
                top: 2px;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

.embedded-entity .field--name-field-media-image {
    margin: var(--spacing-m) 0
}

    .embedded-entity .field--name-field-media-image img {
        width: 100%;
        height: auto
    }

.contact-direction-map {
    margin: var(--spacing-l) 0
}

.block-dnn-direccion-contacto h3 {
    font-family: Merriweather;
    text-transform: unset !important;
    font-weight: bold;
    font-size: 20px;
    color: #154d61
}

.block-views-exposed-filter-blockbusqueda-global-page-1 .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .block-views-exposed-filter-blockbusqueda-global-page-1 .form--inline input.form-autocomplete {
        background-image: none !important
    }

    .block-views-exposed-filter-blockbusqueda-global-page-1 .form--inline .form-item,
    .block-views-exposed-filter-blockbusqueda-global-page-1 .form--inline .form-actions {
        margin: 0
    }

    .block-views-exposed-filter-blockbusqueda-global-page-1 .form--inline .form-item-palabras-clave {
        position: relative !important;
        overflow: hidden
    }

    .block-views-exposed-filter-blockbusqueda-global-page-1 .form--inline label {
        display: block;
        overflow: hidden;
        text-indent: -999px;
        position: absolute;
        z-index: 10;
        right: 0
    }

header .block-views-exposed-filter-blockbusqueda-global-page-1 form {
    margin-left: var(--spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    header .block-views-exposed-filter-blockbusqueda-global-page-1 form:before {
        margin-right: var(--spacing-m);
        content: '';
        display: block;
        height: 26px;
        border-left: 1px solid white
    }

    header .block-views-exposed-filter-blockbusqueda-global-page-1 form * {
        margin: 0;
        padding: 0
    }

    header .block-views-exposed-filter-blockbusqueda-global-page-1 form label {
        background: url(/themes/custom/dnn_theme/dist/images/ico-search-header.png) no-repeat;
        width: 26px;
        height: 16px;
        top: 5px
    }

header .block-views-exposed-filter-blockbusqueda-global-page-1 .form-text {
    height: 26px;
    padding: 5px 30px 5px 10px;
    color: var(--color-txt);
    background: #ffffff;
    border: 1px solid #dfdfdf;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px
}

header .block-views-exposed-filter-blockbusqueda-global-page-1 .form-submit {
    display: none
}

@media only screen and (min-width: 768px) {
    header .block-views-exposed-filter-blockbusqueda-global-page-1 .form-text {
        width: 226px
    }
}

form input[type='submit'] {
    width: auto;
    border-radius: 0;
    font-size: 1.4rem;
    line-height: 16px;
    padding: 0 var(--spacing-l) 0 var(--spacing-m);
    background: url(/themes/custom/dnn_theme/dist/images/ico-input-submit-green.png) no-repeat 90% center white
}

    form input[type='submit']:hover {
        color: white;
        background: url(/themes/custom/dnn_theme/dist/images/ico-input-submit-green-hover.png) no-repeat 90% center #009972
    }

form input,
form textarea,
form .custom-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 42px;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    padding: 10px
}

form .custom-select {
    display: block;
    width: 100%;
    overflow: hidden;
    background: url(/themes/custom/dnn_theme/dist/images/ico-custom-selector.png) no-repeat white;
    background-position: 96% center;
    padding: 0 30px 0 var(--spacing-s)
}

    form .custom-select select {
        background: transparent;
        border: none;
        font-size: 14px;
        height: 42px;
        width: 130%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

form label {
    display: block;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 16px;
    margin-bottom: 5px
}

form.contact-form {
    color: var(--color-txt)
}

    form.contact-form .form-wrapper {
        margin: var(--spacing-m) 0
    }

    form.contact-form .form-textarea {
        height: 179px
    }

    form.contact-form .description {
        font-style: italic;
        font-size: 1.2rem;
        line-height: 14px
    }

@media only screen and (min-width: 768px) {
    form.contact-form .row {
        margin: var(--spacing-m) 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        form.contact-form .row * {
            margin: 0
        }

        form.contact-form .row label {
            margin-bottom: 5px
        }

        form.contact-form .row .js-form-item-field-confirmar-correo {
            padding-left: var(--spacing-m)
        }
}

@media only screen and (min-width: 768px) {
    form.contact-form .form-item-field-telefono-0-value input {
        width: 49%
    }
}

@media only screen and (min-width: 768px) {
    form.user-login-form .form-text {
        width: 45%
    }
}

.view-dnn-listado-temas-preguntas-frecuentes {
    margin: var(--spacing-l) 0
}

    .view-dnn-listado-temas-preguntas-frecuentes .view-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .view-dnn-listado-temas-preguntas-frecuentes .view-content .views-row {
            margin-bottom: var(--spacing-m)
        }

        .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term * {
            font-family: 'Merriweather', serif;
            font-size: 1.6rem;
            font-weight: bold
        }

        .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term a:hover {
                color: #154d61
            }

            .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term a .field--name-field-icono {
                margin-right: var(--spacing-s);
                opacity: 0.9
            }

                .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term a .field--name-field-icono .field--name-field-media-image img {
                    display: block
                }

            .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term a:hover .field--name-field-icono {
                opacity: 1
            }

@media only screen and (min-width: 768px) {
    .view-dnn-listado-temas-preguntas-frecuentes .view-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .view-dnn-listado-temas-preguntas-frecuentes .view-content .views-row {
            margin: 0;
            width: 180px
        }

        .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term {
            text-align: center
        }

            .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term a {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 0 var(--spacing-s)
            }

                .view-dnn-listado-temas-preguntas-frecuentes .view-content .taxonomy-term a .field--name-field-icono {
                    margin: 0 0 var(--spacing-s) 0
                }
}

@media only screen and (min-width: 768px) {
    .view-dnn-listado-temas-preguntas-frecuentes {
        margin-bottom: calc(var(--spacing-l)*2)
    }
}

.paragraph--type--dnn-componente-listados .view-dnn-preguntas-mas-consultadas,
.view-dnn-listado-faq-por-tema {
    margin: var(--spacing-l) 0
}

    .paragraph--type--dnn-componente-listados .view-dnn-preguntas-mas-consultadas .view-content,
    .view-dnn-listado-faq-por-tema .view-content {
        display: grid;
        grid-gap: var(--spacing-s)
    }

        .paragraph--type--dnn-componente-listados .view-dnn-preguntas-mas-consultadas .view-content .views-row a,
        .view-dnn-listado-faq-por-tema .view-content .views-row a {
            display: block;
            position: relative;
            color: #4f4f4f;
            font-size: 1.5rem;
            text-decoration: underline;
            background: #f8f8f8;
            padding: var(--spacing-s);
            padding-right: var(--spacing-l)
        }

            .paragraph--type--dnn-componente-listados .view-dnn-preguntas-mas-consultadas .view-content .views-row a:after,
            .view-dnn-listado-faq-por-tema .view-content .views-row a:after {
                content: '▸';
                position: absolute;
                right: var(--spacing-m);
                top: var(--spacing-s)
            }

@media only screen and (min-width: 768px) {
    .paragraph--type--dnn-componente-listados .view-dnn-preguntas-mas-consultadas .view-content,
    .view-dnn-listado-faq-por-tema .view-content {
        grid-template-columns: 1fr 1fr
    }
}

.view-dnn-listado-normativa .view-filters .form-type-select {
    margin-right: var(--spacing-s)
}

.view-dnn-listado-normativa .view-content .views-row {
    color: black
}

@media only screen and (max-width: 768px) {
    .view-dnn-listado-normativa .view-content .views-row {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

        .view-dnn-listado-normativa .view-content .views-row .views-field-title {
            grid-column: 1 / -1
        }

        .view-dnn-listado-normativa .view-content .views-row .views-field-field-fecha,
        .view-dnn-listado-normativa .view-content .views-row .views-field-name,
        .view-dnn-listado-normativa .view-content .views-row .views-field-field-acta {
            grid-column: 1
        }

        .view-dnn-listado-normativa .view-content .views-row .views-field-field-archivo {
            grid-row: 2 / 5;
            grid-column: 2;
            align-self: end;
            justify-self: flex-end
        }
}

@media only screen and (min-width: 769px) {
    .view-dnn-listado-normativa .view-content .views-row .views-field-field-acta {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .view-dnn-listado-normativa .view-content .views-row > div {
        margin: 0;
        width: 25%
    }
}

.view-listado-de-servicios .view-filters .form-type-select {
    margin-right: var(--spacing-s)
}

.view-listado-de-servicios .view-content .views-row .views-field-title {
    color: #4f4f4f
}

.view-listado-de-servicios .view-content .views-row .views-field-body {
    line-height: 16px;
    text-align: left
}

    .view-listado-de-servicios .view-content .views-row .views-field-body p {
        text-align: inherit
    }

.view-listado-de-servicios .view-content .views-row .views-field-view-node a {
    color: #4f4f4f;
    border: 2px solid #4f4f4f
}

    .view-listado-de-servicios .view-content .views-row .views-field-view-node a:hover {
        color: white;
        background: #4f4f4f
    }

@media only screen and (min-width: 769px) {
    .view-listado-de-servicios .view-content .views-row > div {
        margin: 0
    }

        .view-listado-de-servicios .view-content .views-row > div:nth-child(1) {
            width: 25%
        }

        .view-listado-de-servicios .view-content .views-row > div:nth-child(2) {
            width: 50%
        }

        .view-listado-de-servicios .view-content .views-row > div:nth-child(3) {
            width: 25%
        }
}

.view-dnn-listado-transparencia .view-filters .shs-field-container {
    margin: 0
}

.view-dnn-listado-transparencia .view-filters .shs-widget-container {
    margin-right: var(--spacing-s)
}

.view-dnn-listado-transparencia .view-content .views-row {
    color: black
}

    .view-dnn-listado-transparencia .view-content .views-row .views-field-field-categoria-transparencia ul {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .view-dnn-listado-transparencia .view-content .views-row .views-field-field-categoria-transparencia ul li {
            margin: 0;
            padding: 0
        }

@media only screen and (max-width: 768px) {
    .view-dnn-listado-transparencia .view-content .views-row .views-field-field-categoria-transparencia ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 769px) {
    .view-dnn-listado-transparencia .view-content .views-row > div {
        margin: 0;
        width: 30%
    }

        .view-dnn-listado-transparencia .view-content .views-row > div:nth-child(2) {
            width: 10%
        }
}

.paragraph--type--dnn-preguntas-frecuentes .view-dnn-preguntas-mas-consultadas .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #edf6fa;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--spacing-m)
}

    .paragraph--type--dnn-preguntas-frecuentes .view-dnn-preguntas-mas-consultadas .view-content article {
        padding: 0
    }

    .paragraph--type--dnn-preguntas-frecuentes .view-dnn-preguntas-mas-consultadas .view-content .views-row {
        padding-bottom: var(--spacing-m);
        margin-bottom: var(--spacing-m);
        border-bottom: 1px solid #c4c4c4
    }

        .paragraph--type--dnn-preguntas-frecuentes .view-dnn-preguntas-mas-consultadas .view-content .views-row:last-child {
            margin: 0;
            padding: 0;
            border-bottom: none
        }

    .paragraph--type--dnn-preguntas-frecuentes .view-dnn-preguntas-mas-consultadas .view-content .node__content p {
        font-size: 1.4rem
    }

    .paragraph--type--dnn-preguntas-frecuentes .view-dnn-preguntas-mas-consultadas .view-content .node__content > a {
        color: #154d61;
        font-family: 'Merriweather', serif;
        font-weight: bold;
        line-height: 23px;
        font-size: 1.8rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: var(--spacing-m)
    }

.view-directorio-telefonico .view-content .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ebf7fb;
    border-bottom: 1px solid white
}

    .view-directorio-telefonico .view-content .views-row:nth-child(even) {
        background: #f6f6f6
    }

    .view-directorio-telefonico .view-content .views-row * {
        margin: 0;
        padding: 0
    }

    .view-directorio-telefonico .view-content .views-row ul li {
        display: block
    }

    .view-directorio-telefonico .view-content .views-row > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

@media only screen and (min-width: 768px) {
    .view-directorio-telefonico .view-content .views-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .view-directorio-telefonico .view-content .views-row > div {
            text-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 0;
            width: 24%
        }

            .view-directorio-telefonico .view-content .views-row > div:last-child {
                width: 28%
            }
}

.view-busqueda-global .view-header .block-views-exposed-filter-blockbusqueda-global-page-1 {
    background: #ebf7fb;
    margin: var(--spacing-l) 0;
    padding: var(--spacing-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .view-busqueda-global .view-header .block-views-exposed-filter-blockbusqueda-global-page-1 .form-item {
        margin-right: var(--spacing-m)
    }

    .view-busqueda-global .view-header .block-views-exposed-filter-blockbusqueda-global-page-1 input {
        height: 40px
    }

        .view-busqueda-global .view-header .block-views-exposed-filter-blockbusqueda-global-page-1 input.form-text {
            padding-right: 38px
        }

    .view-busqueda-global .view-header .block-views-exposed-filter-blockbusqueda-global-page-1 form label {
        background: url(/themes/custom/dnn_theme/dist/images/ico-search-main.png) no-repeat;
        width: 19px;
        height: 20px;
        top: 10px;
        right: 10px
    }

.view-busqueda-global h2 {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 24px;
    letter-spacing: -0.5px;
    color: #16a3d6
}

.view-busqueda-global .view-content {
    display: grid;
    grid-gap: var(--spacing-m)
}

    .view-busqueda-global .view-content .views-row {
        background: #f6f6f6;
        padding: var(--spacing-s)
    }

        .view-busqueda-global .view-content .views-row .node__content > div {
            margin-bottom: var(--spacing-m)
        }

            .view-busqueda-global .view-content .views-row .node__content > div:last-child {
                margin: 0
            }

        .view-busqueda-global .view-content .views-row .field--name-title {
            font-family: Merriweather;
            color: #154d61;
            font-weight: bold;
            font-size: 1.6rem;
            padding-bottom: var(--spacing-s)
        }

        .view-busqueda-global .view-content .views-row .text-formatted {
            line-height: 20px;
            font-size: 1.4rem;
            color: #4f4f4f
        }

            .view-busqueda-global .view-content .views-row .text-formatted * {
                margin: 0
            }

        .view-busqueda-global .view-content .views-row .search-index-cta {
            text-align: right
        }

@media only screen and (min-width: 768px) {
    .view-busqueda-global .view-content {
        grid-template-columns: 1fr 1fr
    }
}

.view-listado-de-noticias .view-filters .form-type-select {
    margin-right: var(--spacing-s)
}

.view-listado-de-noticias h2 {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 24px;
    letter-spacing: -0.5px;
    color: #16a3d6
}

.view-listado-de-noticias .view-content .views-row .node__content > a {
    font-family: Merriweather;
    color: #9ce5ff;
    font-size: 1.6rem;
    margin-bottom: calc(var(--spacing-s)/2);
    display: inline-block
}

.view-listado-de-noticias .view-content .views-row .news-subheading {
    font-size: 1.2rem
}

.view-listado-de-noticias .view-content .views-row .news-resumen {
    font-size: 1.4rem;
    margin: var(--spacing-m) 0
}

.view-listado-de-noticias .view-content .views-row .news-teaser-cta {
    text-align: right
}

@media only screen and (min-width: 768px) {
    .view-listado-de-noticias .view-content .views-row {
        grid-template-columns: 1fr 1fr
    }
}

.view-noticias-mas-leidas .view-content .views-row {
    padding: var(--spacing-m);
    background: #154d61;
    color: white;
    margin-bottom: var(--spacing-m)
}

    .view-noticias-mas-leidas .view-content .views-row article {
        padding: 0
    }

    .view-noticias-mas-leidas .view-content .views-row .field--name-title {
        font-family: Merriweather;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        font-size: 1.6rem;
        margin-bottom: 5px;
        color: #9ce5ff
    }

    .view-noticias-mas-leidas .view-content .views-row .news-subheading {
        font-size: 1.2rem;
        color: white;
        margin-bottom: var(--spacing-s);
        border: none;
        padding: 0
    }

    .view-noticias-mas-leidas .view-content .views-row .news-resumen {
        font-size: 1.4rem
    }

    .view-noticias-mas-leidas .view-content .views-row .news-teaser-cta a {
        margin-top: var(--spacing-s)
    }

.noticias-relacionadas-servicios .view-content .views-row {
    background: none;
    padding: 0;
    color: #4f4f4f
}

    .noticias-relacionadas-servicios .view-content .views-row .node__content > a {
        color: #154d61
    }

    .noticias-relacionadas-servicios .view-content .views-row .news-subheading {
        color: #117dac
    }

    .noticias-relacionadas-servicios .view-content .views-row .news-teaser-cta.field--name-field-enlace {
        text-align: left
    }

.view-dnn-noticias-destacadas .view-content {
    display: grid;
    grid-gap: var(--spacing-m);
    margin-bottom: var(--spacing-m)
}

    .view-dnn-noticias-destacadas .view-content article {
        padding: 0
    }

    .view-dnn-noticias-destacadas .view-content .views-row .node__content > a {
        font-family: Merriweather;
        font-style: normal;
        font-weight: bold;
        font-size: 1.6rem;
        margin-bottom: 5px
    }

    .view-dnn-noticias-destacadas .view-content .views-row .node__content .news-subheading {
        font-size: 1.2rem;
        margin-bottom: 15px
    }

    .view-dnn-noticias-destacadas .view-content .views-row .node__content .news-resumen {
        font-size: 1.4rem;
        margin-bottom: var(--spacing-m)
    }

@media only screen and (min-width: 768px) {
    .view-dnn-noticias-destacadas .view-content {
        grid-template-columns: auto auto;
        margin-bottom: 0
    }
}

.paragraph .text-formatted p {
    font-size: 1.6rem;
    line-height: 17px;
    font-weight: normal
}

.paragraph .text-formatted ul {
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 19px
}

    .paragraph .text-formatted ul li {
        margin-bottom: var(--spacing-s)
    }

        .paragraph .text-formatted ul li::before {
            content: '•';
            margin-right: 5px
        }

.paragraph .field--name-field-titulo {
    font-family: 'Merriweather', serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 23px;
    font-size: 1.8rem
}

.paragraph.grouped-content {
    background: #edf6fa;
    padding: var(--spacing-l)
}

    .paragraph.grouped-content .field--name-field-titulo {
        color: #154d61;
        font-size: 3rem;
        margin-bottom: var(--spacing-m)
    }

.paragraph.paragraph--type--dnn-componente-texto h3 {
    color: #117dac;
    line-height: 22px;
    font-size: 1.8rem;
    margin-bottom: var(--spacing-s);
    text-transform: uppercase
}

.paragraph.paragraph--type--dnn-componente-texto ul li::before {
    color: #117dac
}

.paragraph.paragraph--type--dnn-componente-texto .contact-direction-map {
    max-height: 360px;
    border: 1px solid #dcddd0;
    overflow: hidden
}

    .paragraph.paragraph--type--dnn-componente-texto .contact-direction-map iframe {
        width: 100%
    }

.paragraph .viewsreference--view-title,
.paragraph.dnn-titulo {
    color: #117dac;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem
}

.paragraph .viewsreference--view-title {
    margin-bottom: var(--spacing-m)
}

.paragraph.paragraph--type--dnn-titulo-texto-cta {
    margin: var(--spacing-l) 0;
    display: grid;
    padding: 40px 50px;
    border: 1px solid #e8e8e8
}

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-titulo-texto-cta {
        grid-template-columns: auto auto
    }
}

.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-titulo {
    margin-bottom: var(--spacing-m);
    font-size: 1.8rem;
    font-weight: bold;
    grid-row: 1;
    grid-column: 1 / -1
}

.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-texto,
.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace {
    font-size: 1.6rem
}

    .paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-texto p,
    .paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace p {
        font-size: inherit
    }

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace {
        width: 200px;
        grid-column: 2;
        grid-row: 1 / 3;
        margin-left: var(--spacing-s);
        justify-self: center;
        align-self: center
    }
}

@media only screen and (max-width: 768px) {
    .paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace {
        padding-top: var(--spacing-l)
    }
}

.paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #154d61;
    border: 3px solid #154d61;
    padding: var(--spacing-s)
}

    .paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a:after {
        content: '▸';
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-item-align: center;
        align-self: center;
        margin-left: var(--spacing-s)
    }

    .paragraph.paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace a:hover {
        background: #154d61;
        border-color: white;
        color: white
    }

.paragraph.paragraph--type--dnn-titulo-texto-cta.cta-bottom {
    display: block
}

    .paragraph.paragraph--type--dnn-titulo-texto-cta.cta-bottom .field--name-field-enlace {
        width: auto;
        margin-left: 0;
        text-align: right
    }

        .paragraph.paragraph--type--dnn-titulo-texto-cta.cta-bottom .field--name-field-enlace a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex
        }

.paragraph.paragraph--type--dnn-cuadricula-enlaces {
    margin: var(--spacing-l) 0;
    display: grid;
    grid-column-gap: 5px
}

    .paragraph.paragraph--type--dnn-cuadricula-enlaces .field__item a {
        text-decoration: underline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 var(--spacing-m);
        height: 56px;
        color: white;
        background: #117dac;
        border-bottom: 1px solid white;
        position: relative
    }

        .paragraph.paragraph--type--dnn-cuadricula-enlaces .field__item a:hover {
            background: var(--color-p1-h)
        }

        .paragraph.paragraph--type--dnn-cuadricula-enlaces .field__item a:after {
            content: '▸';
            position: absolute;
            right: var(--spacing-m)
        }

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-cuadricula-enlaces {
        grid-template-columns: 1fr 1fr
    }

        .paragraph.paragraph--type--dnn-cuadricula-enlaces.col-3 {
            grid-template-columns: repeat(3, 1fr)
        }
}

.paragraph.paragraph--type--dnn-cuadricula-enlaces.col-1 {
    display: block
}

.paragraph.paragraph--type--dnn-contenido-columnas-gemelas,
.paragraph.paragraph--type--dnn-contenido-dos-columnas {
    margin: var(--spacing-l) 0
}

    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas.with-padding,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas.with-padding {
        padding: var(--spacing-m)
    }

    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content .paragraph,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .cols-2-content .paragraph {
        margin: 0
    }

    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas > .field--name-field-titulo,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas > .field--name-field-titulo {
        font-size: 2rem;
        margin-bottom: var(--spacing-m)
    }

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .paragraph--type--dnn-titulo-texto-cta,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .paragraph--type--dnn-titulo-texto-cta {
        grid-template-columns: unset
    }

        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .paragraph--type--dnn-titulo-texto-cta .field--name-field-enlace {
            margin: 0;
            padding-top: var(--spacing-l);
            width: auto
        }
}

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content,
    .paragraph.paragraph--type--dnn-contenido-dos-columnas .cols-2-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .cols-2-content > div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-right: var(--spacing-l)
        }

            .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content > div:last-child,
            .paragraph.paragraph--type--dnn-contenido-dos-columnas .cols-2-content > div:last-child {
                margin: 0
            }

        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content .two-thirds,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .cols-2-content .two-thirds {
            -webkit-box-flex: 2;
            -ms-flex: 2;
            flex: 2
        }

        .paragraph.paragraph--type--dnn-contenido-columnas-gemelas .cols-2-content .one-third,
        .paragraph.paragraph--type--dnn-contenido-dos-columnas .cols-2-content .one-third {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }
}

.paragraph.paragraph--type--dnn-contenido-columnas-gemelas .paragraph--view-mode--sin-color {
    border: none
}

.paragraph.paragraph--type--dnn-contenido-columnas-gemelas .paragraph--type--dnn-titulo-texto-cta {
    margin: 0
}

@-webkit-keyframes tab-slide {
    0% {
        opacity: 0;
        -webkit-transform: translate(1000px, 0);
        transform: translate(1000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes tab-slide {
    0% {
        opacity: 0;
        -webkit-transform: translate(1000px, 0);
        transform: translate(1000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.paragraph.paragraph--type--dnn-contenido-pestanas .tab-content {
    display: none
}

    .paragraph.paragraph--type--dnn-contenido-pestanas .tab-content.active {
        display: block;
        -webkit-animation-name: tab-slide;
        animation-name: tab-slide;
        -webkit-animation-duration: 0.1s;
        animation-duration: 0.1s
    }

.paragraph.paragraph--type--dnn-acciones-frecuentes {
    margin-top: 48px;
    border-top: 4px solid #16a3d6
}

    .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes {
        display: grid;
        grid-gap: var(--spacing-s);
        margin: 36px 0
    }

        .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card {
            margin-bottom: var(--spacing-m)
        }

            .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .card-header {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 25px
            }

                .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .card-header .field--name-field-icono {
                    margin-right: var(--spacing-s)
                }

                .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .card-header .field--name-field-titulo {
                    font-family: 'Merriweather', serif;
                    font-weight: bold;
                    font-size: 1.5rem;
                    line-height: 19px;
                    color: #154d61
                }

            .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-detalle-accion {
                color: var(--color-txt);
                font-size: 1.4rem;
                line-height: 17px
            }

            .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-enlace {
                margin-top: var(--spacing-s)
            }

@media only screen and (min-width: 600px) {
    .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 960px) {
    .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes {
        grid-gap: var(--spacing-l);
        grid-template-columns: repeat(4, 1fr)
    }

        .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card {
            margin: 0
        }

            .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-icono {
                margin-right: var(--spacing-m)
            }

            .paragraph.paragraph--type--dnn-acciones-frecuentes .field--name-field-acciones-frecuentes .acciones-frecuentes__card .field--name-field-titulo {
                font-size: 1.8rem;
                line-height: 23px;
                color: #154d61
            }
}

.paragraph.paragraph--type--dnn-preguntas-frecuentes {
    margin: var(--spacing-l) 0
}

    .paragraph.paragraph--type--dnn-preguntas-frecuentes .field--name-field-detalle {
        font-size: 1.6rem;
        line-height: 19px;
        font-weight: 900
    }

    .paragraph.paragraph--type--dnn-preguntas-frecuentes .field--name-field-enlace {
        margin-top: var(--spacing-m)
    }

    .paragraph.paragraph--type--dnn-preguntas-frecuentes .one-third {
        background: var(--color-p3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: var(--spacing-l)
    }

        .paragraph.paragraph--type--dnn-preguntas-frecuentes .one-third * {
            color: white
        }

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-preguntas-frecuentes .cols-2-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .paragraph.paragraph--type--dnn-preguntas-frecuentes .cols-2-content .two-thirds {
            -webkit-box-flex: 2;
            -ms-flex: 2;
            flex: 2
        }

        .paragraph.paragraph--type--dnn-preguntas-frecuentes .cols-2-content .one-third {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }
}

.paragraph.paragraph--type--dnn-imagen-texto-cta {
    display: grid;
    background: #edf6fa;
    padding: var(--spacing-m);
    grid-gap: var(--spacing-m)
}

    .paragraph.paragraph--type--dnn-imagen-texto-cta .field--name-field-imagen img {
        display: block;
        width: 100%;
        height: auto
    }

    .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text {
        -ms-flex-item-align: center;
        align-self: center
    }

        .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-titulo {
            font-family: 'Merriweather', serif;
            font-size: 1.8rem;
            text-transform: unset;
            margin-bottom: var(--spacing-m);
            line-height: 23px;
            color: #154d61
        }

        .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-enlace {
            margin-top: var(--spacing-l)
        }

        .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text .field--name-field-detalle {
            color: var(--color-txt);
            font-size: 1.4rem;
            line-height: 17px
        }

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-imagen-texto-cta {
        grid-template-columns: 2fr 1fr
    }

        .paragraph.paragraph--type--dnn-imagen-texto-cta .dnn-imagen-texto-cta__text {
            padding-right: var(--spacing-m)
        }
}

@media only screen and (min-width: 960px) {
    .paragraph.paragraph--type--dnn-imagen-texto-cta {
        grid-template-columns: auto 380px
    }
}

.paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card {
    background: #f6f6f6;
    margin-bottom: var(--spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--spacing-l)
}

    .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .field--name-field-imagen {
        padding-bottom: var(--spacing-l);
        text-align: center
    }

        .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .field--name-field-imagen img {
            border-radius: 50%
        }

    .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .dnn-miembro-csn-card__info * {
        margin: 0
    }

    .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .dnn-miembro-csn-card__info h3 {
        font-family: Merriweather;
        color: #154d61;
        font-weight: bold;
        line-height: 20px;
        font-size: 2rem;
        margin-bottom: var(--spacing-s)
    }

    .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .dnn-miembro-csn-card__info h4 {
        font-weight: 500;
        line-height: 20px;
        font-size: 1.2rem;
        color: #117dac
    }

    .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .dnn-miembro-csn-card__info h5 {
        font-weight: bold;
        line-height: 20px;
        font-size: 1.2rem;
        color: var(--color-p1-h);
        margin-bottom: var(--spacing-s)
    }

    .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .dnn-miembro-csn-card__info .field--name-field-detalle {
        line-height: 20px;
        font-size: 1.4rem;
        color: #4f4f4f
    }

@media only screen and (min-width: 620px) {
    .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .paragraph.paragraph--type--dnn-miembros-csn .paragraph--type--dnn-miembro-csn-card .field--name-field-imagen {
            text-align: left;
            padding: 0 var(--spacing-l) 0 0
        }
}

.paragraph.paragraph--type--dnn-banner-imagen {
    margin: var(--spacing-l) 0;
    display: grid;
    background: #154d61
}

    .paragraph.paragraph--type--dnn-banner-imagen .field--name-field-media-image img {
        width: 100%;
        height: auto;
        display: block
    }

    .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text {
        padding: var(--spacing-m);
        color: white
    }

        .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-titulo {
            color: #9ce5ff;
            margin-bottom: var(--spacing-s)
        }

        .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-detalle {
            margin-bottom: var(--spacing-s)
        }

        .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-enlace {
            text-align: right
        }

            .paragraph.paragraph--type--dnn-banner-imagen .dnn-imagen-texto-cta__text .field--name-field-enlace a {
                font-size: 1.3rem;
                border-width: 2px
            }

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-banner-imagen {
        grid-template-columns: 1fr 2fr
    }

        .paragraph.paragraph--type--dnn-banner-imagen .field--name-field-media-image {
            padding: var(--spacing-m);
            padding-right: 0
        }
}

@media only screen and (min-width: 1024px) {
    .paragraph.paragraph--type--dnn-banner-imagen {
        grid-template-columns: 578px auto
    }

        .paragraph.paragraph--type--dnn-banner-imagen .field--name-field-media-image {
            padding: 0
        }
}

.paragraph.paragraph--type--dnn-componente-listados .viewsreference--view-title {
    font-family: Lato;
    font-weight: bold;
    line-height: normal;
    font-size: 1.4rem
}

.paragraph.paragraph--type--dnn-ubicacion-mapa .field--name-field-titulo {
    font-family: Lato;
    font-weight: bold;
    line-height: normal;
    font-size: 1.4rem;
    margin-bottom: var(--spacing-m)
}

.paragraph.paragraph--type--dnn-ubicacion-mapa .contact-direction-map iframe {
    width: 100%
}

.paragraph.paragraph--type--dnn-banner-cta {
    display: grid;
    background: #154d61;
    margin: var(--spacing-l) 0
}

    .paragraph.paragraph--type--dnn-banner-cta .field--name-field-media-image img {
        width: 100%;
        height: auto;
        display: block
    }

    .paragraph.paragraph--type--dnn-banner-cta .text-container {
        padding: var(--spacing-m);
        color: white;
        display: grid;
        grid-gap: var(--spacing-s)
    }

        .paragraph.paragraph--type--dnn-banner-cta .text-container .field--name-field-titulo-izquierda,
        .paragraph.paragraph--type--dnn-banner-cta .text-container .field--name-field-titulo-derecha {
            font-family: 'Merriweather', serif;
            text-transform: uppercase;
            color: #9ce5ff;
            font-weight: bold;
            line-height: 23px;
            font-size: 1.8rem;
            margin-bottom: var(--spacing-s)
        }

        .paragraph.paragraph--type--dnn-banner-cta .text-container .cta a {
            font-size: 1.3rem;
            border-width: 2px
        }

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-banner-cta {
        grid-template-columns: 1fr 2fr
    }

        .paragraph.paragraph--type--dnn-banner-cta .text-container {
            grid-template-columns: 1fr 1fr
        }

        .paragraph.paragraph--type--dnn-banner-cta .cta {
            grid-column: 1 / -1;
            text-align: right
        }

        .paragraph.paragraph--type--dnn-banner-cta .field--name-field-media-image {
            padding: var(--spacing-m);
            padding-right: 0
        }
}

@media only screen and (min-width: 1200px) {
    .paragraph.paragraph--type--dnn-banner-cta {
        grid-template-columns: 578px auto
    }

        .paragraph.paragraph--type--dnn-banner-cta .field--name-field-media-image {
            padding: 0
        }
}

.paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .field--name-field-bloque {
    grid-column: 1/-1
}

@media only screen and (min-width: 769px) {
    .paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .field--type-link {
        justify-self: end
    }
}

.paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .view-dnn-listado-transparencia {
    padding: var(--spacing-m) 0 0
}

@media only screen and (min-width: 769px) {
    .paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .view-dnn-listado-transparencia .field--name-field-enlace {
        margin-top: var(--spacing-m);
        float: right
    }
}

.paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .views-row {
    border-top: 2px solid white;
    background: none;
    padding: var(--spacing-m) 0 var(--spacing-s) 0
}

@media only screen and (min-width: 769px) {
    .paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .views-row .views-field-title {
        width: 40%
    }

    .paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .views-row .views-field-field-year {
        width: 20% !important
    }

    .paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .views-row .views-field-field-archivo {
        width: 40%
    }
}

.paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .views-row .field--name-field-media-file a {
    color: #fff;
    border: none;
    padding: 0;
    font-size: 1.4rem
}

    .paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .views-row .field--name-field-media-file a:after {
        background: none;
        width: 8px;
        height: 8px;
        content: "";
        padding: 0;
        display: inline-block;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-box-shadow: 2px -2px 0 0 #fff inset;
        box-shadow: 2px -2px 0 0 #fff inset;
        margin-left: 5px
    }

@media only screen and (min-width: 768px) {
    .paragraph.paragraph--type--dnn-titulo-texto-cta-bloque .views-row .field--name-field-media-file a:hover:after {
        background: none
    }
}

.flexslider {
    margin: 0;
    padding: 0;
    position: relative;
    zoom: 1;
    overflow: hidden
}

    .flexslider .slides {
        background-color: rgba(21, 77, 97, 0.9)
    }

    .flexslider .slide-text {
        right: var(--spacing-xl);
        display: block;
        padding: 30px;
        zoom: 1
    }

        .flexslider .slide-text .field--name-field-titulo {
            font-family: 'Merriweather', serif;
            font-weight: bold;
            color: #9CE5FF;
            font-size: 1.8rem;
            line-height: 23px;
            letter-spacing: -0.5px;
            margin-bottom: var(--spacing-m)
        }

@media only screen and (min-width: 768px) {
    .flexslider .slide-text .field--name-field-titulo {
        font-size: 2.4rem;
        line-height: 30px
    }
}

.flexslider .slide-text .field--name-field-detalle {
    color: white;
    font-size: 1.4rem;
    line-height: 17px;
    font-weight: 400
}

.flexslider .slide-text .field--name-field-enlace {
    margin-top: var(--spacing-m)
}

    .flexslider .slide-text .field--name-field-enlace a {
        border-width: 2px;
        height: 32px
    }

@media only screen and (min-width: 768px) {
    .flexslider .slide-text {
        background-color: rgba(21, 77, 97, 0.9);
        min-height: auto;
        position: absolute;
        width: 463px;
        top: 5px
    }
}

.flex-control-nav {
    background: #F0F0F0;
    font-family: 'Merriweather', serif;
    color: #154d61;
    line-height: 13px;
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .flex-control-nav li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #154d61;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        cursor: pointer;
        width: 50%;
        height: 62px;
        padding: 0 var(--spacing-m);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid white;
        border-right: 1px solid white
    }

        .flex-control-nav li:nth-child(even) {
            border-right: none
        }

        .flex-control-nav li:hover,
        .flex-control-nav li.flex-active {
            color: white;
            background: #154d61
        }

@media only screen and (min-width: 768px) {
    .flex-control-nav {
        font-size: 1.4rem;
        font-weight: regular;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        padding: 0 var(--spacing-xl);
        height: 87px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .flex-control-nav li {
            height: auto;
            width: 276px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: none;
            border-right: solid #fff 1px
        }

            .flex-control-nav li:last-child {
                border: none
            }
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: 0
}

.slides,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider .slides > li {
    display: none;
    position: relative
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides > li:first-child {
    display: block
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.flex-direction-nav {
    *height: 0
}

    .flex-direction-nav a {
        width: 30px;
        height: 30px;
        margin: -20px 0 0;
        display: block;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        text-indent: -9999px;
        opacity: 0;
        -webkit-transition: all 0.3s ease
    }

    .flex-direction-nav .flex-next {
        background-position: 100% 0;
        right: -36px
    }

    .flex-direction-nav .flex-prev {
        left: -36px
    }

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px
}

    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1
    }

.flex-direction-nav .flex-disabled {
    opacity: 0.3 !important;
    filter: alpha(opacity=30);
    cursor: default
}

.flex-control-nav li {
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7)
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: 0.7;
        cursor: pointer
    }

        .flex-control-thumbs img:hover {
            opacity: 1
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default
    }

.path-node article.node h1 {
    padding: 0
}

@media only screen and (min-width: 960px) {
    .path-node .body-txt-padding .field--name-field-texto {
        padding-right: 29%
    }
}

.path-preguntas-frecuentes main .region-content h1,
.path-busqueda main .region-content h1 {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .page-node-type-pregunta-frecuente .contenido-destacado {
        font-size: 1.8rem;
        font-weight: bold
    }
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--sidebar .vocabulary-temas-preguntas-frecuentes * {
    font-family: 'Merriweather', serif;
    font-size: 1.6rem;
    font-weight: bold
}

.page-node-type-pregunta-frecuente .pregunta-frecuente__content--sidebar .vocabulary-temas-preguntas-frecuentes a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: var(--spacing-m)
}

    .page-node-type-pregunta-frecuente .pregunta-frecuente__content--sidebar .vocabulary-temas-preguntas-frecuentes a .field--name-field-icono {
        margin-right: var(--spacing-s)
    }

        .page-node-type-pregunta-frecuente .pregunta-frecuente__content--sidebar .vocabulary-temas-preguntas-frecuentes a .field--name-field-icono .field--name-field-media-image img {
            display: block
        }

.page-node-type-servicio h1 {
    margin-bottom: var(--spacing-s)
}

.page-node-type-servicio .field--name-field-usuario-servicio * {
    color: #464646;
    font-size: 1.4rem;
    line-height: 17px;
    font-weight: normal
}

.page-node-type-servicio .servicio__content--wrapper .servicio__content--main h2 {
    margin: var(--spacing-l) 0 var(--spacing-m) 0;
    font-family: 'Lato', serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 22px;
    font-weight: bold
}

.page-node-type-servicio .servicio__content--wrapper .servicio__content--main p {
    color: var(--color-txt);
    font-size: 1.5rem
}

    .page-node-type-servicio .servicio__content--wrapper .servicio__content--main p:last-child {
        margin: 0
    }

.page-node-type-servicio .servicio__content--wrapper .servicio__content--main img {
    margin: var(--spacing-l) 0;
    border: 0;
    display: block;
    width: 100%
}

.page-node-type-servicio .servicio__content--sidebar .servicio__aclaraciones {
    background: var(--color-p3);
    padding: var(--spacing-m)
}

    .page-node-type-servicio .servicio__content--sidebar .servicio__aclaraciones * {
        color: white !important
    }

    .page-node-type-servicio .servicio__content--sidebar .servicio__aclaraciones .field--name-field-aclaraciones-importantes {
        font-style: 1.5rem;
        line-height: 18px
    }

    .page-node-type-servicio .servicio__content--sidebar .servicio__aclaraciones ul {
        padding: 0;
        margin-left: var(--spacing-s)
    }

        .page-node-type-servicio .servicio__content--sidebar .servicio__aclaraciones ul li {
            margin-bottom: var(--spacing-m)
        }

            .page-node-type-servicio .servicio__content--sidebar .servicio__aclaraciones ul li:last-child {
                margin: 0
            }

.page-node-type-noticia .layout-container main {
    display: grid
}

    .page-node-type-noticia .layout-container main .region-sidebar-first {
        margin-top: var(--spacing-l);
        padding: 0 var(--spacing-m)
    }

@media only screen and (min-width: 960px) {
    .page-node-type-noticia .layout-container main {
        grid-template-columns: 1fr 320px;
        grid-gap: var(--spacing-m)
    }

        .page-node-type-noticia .layout-container main .layout-content {
            padding-right: var(--spacing-m);
            border-right: 1px solid #bdbdbd
        }

        .page-node-type-noticia .layout-container main .region-sidebar-first {
            margin: 0;
            padding: 0
        }
}

@media only screen and (max-width: 1500px) and (min-width: 960px) {
    .page-node-type-noticia .layout-container main {
        padding-right: var(--spacing-l)
    }
}

.page-node-type-noticia .layout-container main a#main-content {
    display: none
}

.page-node-type-noticia .layout-container article h1 {
    font-family: Merriweather;
    font-weight: 900;
    font-size: 2.4rem;
    color: #154d61
}

.page-node-type-noticia .layout-container article .news-heading {
    font-family: Merriweather;
    font-weight: 900;
    font-size: 3rem;
    color: #006997;
    margin-bottom: 5px
}

.page-node-type-noticia .layout-container article .news-subheading {
    font-size: 1.2rem;
    color: #4f4f4f;
    padding-bottom: 12px;
    border-bottom: 1px solid #BDBDBD
}

.page-node-type-noticia .layout-container article .news-sharing {
    padding-top: var(--spacing-m);
    margin-top: var(--spacing-m);
    border-top: 1px solid #BDBDBD
}

    .page-node-type-noticia .layout-container article .news-sharing p {
        color: #4F4F4F
    }

.page-node-type-noticia .layout-container article .contenido-destacado {
    color: #154d61
}

.page-node-type-noticia .layout-container article .news-related-files .field__label {
    color: var(--color-p1-h);
    text-transform: uppercase;
    margin-top: var(--spacing-m);
    margin-bottom: var(--spacing-m);
    font-size: 1.8rem
}

.page-node-type-noticia .layout-container article .news-related-files .field__items {
    display: grid;
    grid-gap: var(--spacing-m);
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr))
}

@media only screen and (min-width: 768px) {
    .page-node-type-noticia .layout-container article .news-related-files .field__items {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
    }
}

.page-node-type-noticia .layout-container article .news-related-files .field--name-name {
    margin-bottom: var(--spacing-s);
    max-width: 104px
}

@media only screen and (min-width: 768px) {
    .page-node-type-noticia .layout-container article .news-related-files .field--name-name {
        max-width: 179px
    }
}

.path-user main .block-local-tasks-block {
    margin: var(--spacing-l) 0
}

.path-contact main {
    display: grid;
    grid-gap: var(--spacing-l)
}

    .path-contact main #main-content {
        display: none
    }

@media only screen and (min-width: 768px) {
    .path-contact main {
        grid-template-columns: 2fr 1fr
    }
}

@media only screen and (min-width: 960px) {
    .path-contact main {
        grid-template-columns: auto 464px
    }
}