/* DGE VARIABLES */
/* Colors */
:root {
  /* corporative color definition */
  --normal-gray: #999999;
  --dark-gray: #676767;
  --light-gray: #F6F6F6;
  --background-gray: #F6F6F6;
  --background-dark-gray: #D9D9D9;
  --background-semi-light-gray: #e6e6e6;
  --background-light-gray: #f5f6f7;
  --white: #fff;
  --border: #B1B1B0;
  --primary-black: #000000;
  --primary-700: #072142;
  --primary-600: #364B66;
  --primary-500: #154481;
  --primary-400: #c9defa;
  --primary-300: #DEEAFC;
  --primary-200: #edf4ff;
  --primary-100: #F7FAFF;
  --secondary-100: #f8f0f0;
  --secondary-700: #A30000;
  --secondary-500: #CD0E2D;
  --third-600: #E0C100;
  --third-500: #F9CE3F;
  --third-300: #FFEBB2;
  --third-200: #faebd7;
  --third-100: #fffdf5;
  --third-50: #fff4d0;
  --filter-primary-white-to-700: brightness(0) saturate(100%) invert(11%) sepia(23%) saturate(5228%) hue-rotate(199deg) brightness(98%) contrast(91%);
  --filter-primary-white-to-500: brightness(0) saturate(100%) invert(11%) sepia(23%) saturate(5228%) hue-rotate(199deg) brightness(185%) contrast(91%);
  --filter-transform-to-white: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(2%) hue-rotate(17deg) brightness(114%) contrast(100%);
  --asigned: rgba(110, 37, 133, 0.7);
  /* color file definition */
  --csv: #DFB100;
  --json: #E07D00;
  --xls: #7AAE3D;
  --xml: #E07205;
  --html: #3366CC;
  --rdf: #CD0E2D;
  --zip: #676767;
  --plain: #74CAEB;
  --ods: #ff7a0e;
  --wfs: #562e79;
  --kmz: #64b951;
  --kml: #3d1657;
  --dwg: #3085bf;
  --calendar: #3B83F5;
  --rdf-xml: #0B479D;
  --rdf-turtle: #000000;
  --rdf-n3: #000000;
  --json-ld: #000000;
  --sparql: #000000;
  --pc-axis: #676767;
  --geojson: #86500f;
  --wms: #ff645b;
  --rss: #E07D00;
  --xhtml: #56A1CF;
  --jpg: #7AAE3D;
  --api: #0881a8;
  --pdf: #E0051E;
  --shp: #c68e5c;
  --atom: #0a9d8c;
  /* color categories definition */
  --ciencia-y-tecnologia: #33FFEF;
  /* rgb(51, 255, 239) */
  --comercio: #FF6666;
  /* rgb(255, 102, 102) */
  --cultura-y-ocio: #FF9966;
  /* rgb(255, 153, 102) */
  --demografia: #FFC891;
  /* rgb(255, 200, 145) */
  --deporte: #982E07;
  /* rgb(152, 46, 7) */
  --economia: #D0FF33;
  /* rgb(208, 255, 51) */
  --educacion: #FF3366;
  /* rgb(255, 51, 102) */
  --empleo: #00FF80;
  /* rgb(0, 255, 128) */
  --energia: #FF7600;
  /* rgb(255, 118, 0) */
  --hacienda: #333BFF;
  /* rgb(51, 59, 255) */
  --industria: #166213;
  /* rgb(22, 98, 19) */
  --legislacion-y-justicia: #C400FF;
  /* rgb(196, 0, 255) */
  --justicia: #CCA80E;
  /* rgb(255, 180, 0) */
  --medio-ambiente: #68A514;
  /* rgb(104, 165, 20) */
  --medio-rural: #F9CE3F;
  /* rgb(249, 206, 63) */
  --salud: #0E9ACD;
  /* rgb(14, 154, 205) */
  --sector-publico: #955312;
  /* rgb(149, 83, 18) */
  --seguridad: #145E9D;
  /* rgb(20, 94, 157) */
  --sociedad-y-bienestar: #2C3E50;
  /* rgb(44, 62, 80) */
  --transporte: #FF96F7;
  /* rgb(255, 150, 247) */
  --turismo: #F1C40F;
  /* rgb(241, 196, 15) */
  --urbanismo-e-infraestructuras: #95A5A6;
  /* rgb(149, 165, 166) */
  --vivienda: #008E83;
  /* rgb(0, 142, 131) */
  /* color state definition */
  --info: #3366CC;
  --success: #99CC00;
  --error: #8d2125;
  --alert-color: #c09853;
  --alert-bg: #fcf8e3;
  --alert-border: #fbeed5;
  --alert-success-color: #468847;
  --alert-success-hover-color: #276228;
  --alert-success-bg: #dff0d8;
  --alert-success-border: #d6e9c6;
  --alert-success-color-drupal: #325e1c;
  --alert-success-bg-drupal: #f3faef;
  --alert-success-border-drupal: #c9e1bd;
  --alert-success-box-shadow-drupal: #77b259;
  --alert-danger-color: #a23337;
  --alert-danger--hover-color: #842023;
  --alert-danger-bg: #fbcfd1;
  --alert-danger-border: #fabcc0;
  --alert-info-color: #3a87ad;
  --alert-info-hover-color: #2d6987;
  --alert-info-bg: #d9edf7;
  --alert-info-border: #bce8f1;
  /* Sizes */
  --max-width-screen: 87.5rem;
  --box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  --box-shadow-centered: 0px 0px 6px rgba(0, 0, 0, 0.16);
  --border-radius: 0.375rem;
  --border-radius-up: 0.375rem 0.375rem 0 0;
  --border-radius-down: 0 0 0.375rem 0.375rem; }

/* Fonts */
html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth; }

body {
  font-family: 'montserrat';
  /* Link styles */
  margin: 0;
  background-color: white; }
  body b,
  body strong,
  body .bold {
    font-family: 'montserrat-semiBold' !important;
    font-weight: normal; }
  body a, body .link {
    font-size: 1rem;
    color: var(--primary-500);
    word-break: break-word; }
    body a--secondary, body .link--secondary {
      color: white; }
    body a:hover, body a:after, body a:focus, body .link:hover, body .link:after, body .link:focus {
      text-decoration: underline;
      transition: 0.3s; }
  body .label, body label {
    font-size: 1rem;
    color: var(--primary-600);
    font-family: 'montserrat';
    margin-bottom: 0.5rem;
    font-weight: normal; }
  body h1, body .h1 {
    font-size: 2.25rem;
    line-height: 1.4;
    font-family: 'montserrat-semiBold';
    margin-bottom: 0.6rem;
    margin-top: 3rem;
    color: var(--primary-700);
    font-weight: normal; }
  body h2, body .h2 {
    font-size: 1.75rem;
    line-height: 1.3;
    font-family: 'montserrat-semiBold';
    margin-bottom: 0.6rem;
    color: var(--primary-700);
    font-weight: normal; }
  body h3, body .h3 {
    font-size: 1.375rem;
    line-height: 1.3;
    font-family: 'montserrat-semiBold';
    margin-top: 0;
    margin-bottom: 0.6rem;
    color: var(--primary-700);
    font-weight: normal; }
  body h4, body .h4 {
    font-size: 1.125rem;
    line-height: 1.3;
    font-family: 'montserrat-semiBold';
    color: var(--primary-700);
    margin-bottom: 0.6rem;
    font-weight: normal; }
  body .subtitle {
    font-size: 1.25rem;
    font-weight: normal; }
  body .x-large {
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: normal; }
  body .large {
    font-size: 1rem;
    font-weight: normal; }
  body .regular {
    font-size: 0.875rem;
    font-weight: normal; }
  body .small {
    font-size: 0.75rem;
    font-weight: normal; }
  body .normal-gray {
    color: var(--normal-gray); }
  body .light-gray {
    color: var(--light-gray); }
  body .dark-gray {
    color: var(--dark-gray); }
  body .primary-black {
    color: var(--primary-black); }
  body .primary-color {
    color: var(--primary-500); }
  body .primary-color-dark {
    color: var(--primary-700); }
  body .primary-color-semi-dark {
    color: var(--primary-600); }
  body .secondary-color {
    color: var(--secondary-500); }
  body .background-gray {
    background: var(--background-gray); }
  body .field--type-text-with-summary p {
    font-size: 1rem;
    color: var(--primary-700); }
  body.block-scroll {
    overflow: hidden !important;
    position: fixed !important;
    width: 100%;
    height: 100%; }

.link {
  color: var(--primary-500);
  text-decoration: none; }

hr {
  border: 1px solid var(--border); }

hr.vertical {
  border: none;
  border-left: 1px solid var(--border);
  height: auto; }

ul {
  list-style: none;
  padding: 0rem; }

p {
  font-size: 1rem;
  color: var(--primary-700);
  line-height: 1.5rem; }

em {
  font-family: 'montserrat-italic';
  color: var(--primary-700); }

strong em {
  font-family: 'montserrat-semiBold' !important;
  font-family: 'montserrat-italic'; }

/* main container */
.layout-container {
  max-width: var(--max-width-screen);
  padding: 0 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6rem; }

.container-style {
  box-shadow: var(--box-shadow);
  padding: 1.5rem 1rem;
  border-radius: 0.625rem;
  background-color: var(--background-light-gray); }
  .container-style--highlight {
    background-color: var(--primary-300);
    box-shadow: none; }

/* Flex colums */
.container-cols {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0rem 1.5rem; }
  .container-cols-3 ul {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 0 calc((100% - 3rem) / 3);
    max-width: calc((100% - 3rem) / 3);
    gap: 0.5rem; }
    .container-cols-3 ul li {
      color: var(--primary-600); }
      .container-cols-3 ul li:first-child {
        color: var(--primary-700);
        font-family: 'montserrat-medium'; }
      .container-cols-3 ul li p {
        margin: 0px !important; }
  .container-cols.bt-nth2:nth-child(n+2) {
    border-top: 1px solid var(--background-dark-gray);
    padding-top: 0.75rem; }

/* general selectors */
div, h1, h2, h3, h4, h5, h6, p, li {
  cursor: default; }

*::-moz-selection {
  color: #FFF;
  background-color: #C64A1A; }

*::selection {
  color: #FFF;
  background-color: #C64A1A; }

/* helpers */
.element-hidden {
  display: none; }

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px !important; }

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* IE6 */
* html .clearfix {
  height: 1%; }

/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%; }

/* metadata with markdown */
.container-markdown ul, .container-markdown ol {
  gap: 0.5rem;
  padding: 0rem 0rem 0rem 1.5rem; }

.container-markdown ul {
  list-style: disc; }

.container-markdown h1 {
  padding-bottom: 0; }

.container-markdown h1::after {
  content: none !important; }

/*----------------------------------------*/
/* START - MEDIA QUERIES */
/*----------------------------------------*/
@media (max-width: 64rem) {
  .container-cols-3 ul {
    flex: 1 0 calc((100% - 2rem) / 2);
    max-width: calc((100% - 2rem) / 2); } }

@media (max-width: 48rem) {
  .container-cols-3 ul {
    flex: 1 0 calc(100%);
    max-width: calc(100%); } }