@charset "UTF-8";

/*--------------------------- Ayudas DANA ---------------------------*/
/* Banner*/
.banner-dana {
	width: 72%;
	max-width: 1635px;
	margin: 1rem auto 3rem;
	border-radius: var(--border-radius);
	overflow: hidden;
	border: 1px solid white;
	&:hover {
		border: 1px solid #1a3850;
	}
	.textos-dana {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 2rem;
		width: 50%;
		background: var(--background-primary-color);
		p {
			font-size: 1.4rem;
			margin: 0;
			color: var(--color-primary);
			font-weight: 700;
			line-height: 1.2;
			&:first-child {
				margin-bottom: .5rem;
				border-bottom: 1px dotted;
				padding-bottom: .5rem;
			}
		}
	}
	a {
		display: flex;
		cursor: pointer !important;
	}
	figure.img-banner-dana {
		width: 50%;
		background: var(--background-primary-color);
		background: #1a3850;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		max-height: 245px;
		img {
			width: 75%;
		}
	}
}
@media only screen and (max-width: 1250px) {
	.banner-dana {
		.textos-dana {
			p {
				font-size: 1rem;
			}
		}
	}
}
@media only screen and (max-width: 680px) {
	.banner-dana {
		width: 86%;
		.textos-dana {
			padding: 1rem;
			p {
				font-size: 1rem;
			}
		}
		figure.img-banner-dana {
			img {
				width: 100%;
			}
		}
	}
}
@media only screen and (max-width: 480px) {
	.banner-dana {
		margin-top: -2rem;
		.textos-dana {
			flex-direction: column;
			width: 100%;
			padding: 1rem;
			p {
				font-size: 1rem;
				text-align: center;
			}
		}
		a {
			flex-direction: column;
		}
		figure.img-banner-dana {
			width: 100%;
			max-height: 150px;
		}
	}
}

/* Sección Ayudas Dana */
.medidas-dana {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	margin-bottom: 1rem;
	article {
		width: 90%;
		max-width: 500px;
		padding: 25px;
		border-radius: 12px;
		background-color: var(---color-white);
		box-shadow: 3px 4px 7px 1px #00000040;
		margin: 2rem auto 1rem;
		position: relative;
		ul {
			background: var(--background-primary-color);
			padding: 1rem 2rem;
			border-radius: var(--border-radius);
		}
		p {
			font-size: 1.1rem;
			line-height: 1.3;
			width: 80%;
			margin: 1rem 0 .5rem;
		}
		&:before {
			content: "\ebd1";
			font-family: var(--material-icon);
			color: var(--color-secondary);
			font-size: 3.5rem;
			line-height: 35px;
			position: absolute;
			right: 1.5rem;
			top: 1.5rem;
		}
		&:nth-child(2) {
			&:before {
				content: "\ebbc";
			}
		}
		&:nth-child(3) {
			&:before {
				content: "\f049";
			}
		}
		&:nth-child(4) {
			&:before {
				content: "\ef6e";
			}
		}
		&:nth-child(5) {
			&:before {
				content: "\f438";
			}
		}
		&:nth-child(6) {
			&:before {
				content: "\f23a";
			}
		}
	}
}
section.medidas-dana.col-dos {
	article {
		&:nth-child(2) {
			&:before {
				content: "\f46f";
			}
		}
		&:nth-child(3) {
			&:before {
				content: "\e56d";
			}
		}
		&:nth-child(4) {
			&:before {
				content: "\e69e";
			}
		}
	}
}

/* Maquetación dos col */
.medidas-dana.dos-col-aside {
	grid-template-columns: 1fr;
	align-items: start;
	justify-items: center;
	aside {
		width: 70%;
	}
}
section.medidas-dana.col-uno {
	grid-template-columns: 100%;
	display: grid;
	align-items: start;
}
section.medidas-dana.col-dos {
	grid-template-columns: 100%;
	display: grid;
	align-items: start;
	article.plan {
		&:nth-child(4) {
			&:before {
				content: "\e69e";
			}
		}
	}
}
section.medidas-dana {
	article.plan {
		border: 1px solid var(--color-white);
		padding-top: 2rem;
		&:hover {
			border: 1px solid var(--color-primary);
		}
		&:before {
			content: none;
		}
		&:after {
			content: "";
			margin: auto;
			display: flex;
			justify-content: center;
			font-family: var(--material-icon);
			color: var(--color-secondary);
			font-size: 2.5rem;
			position: absolute;
			left: 0;
			right: 0;
			top: .7rem;
			width: 1rem;
			height: 1rem;
			border-radius: 50%;
			background-color: var(--color-white);
			padding: 1.8rem;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: 100;
			border: 5px solid;
		}
	}
	article.plan.reinicia-auto {
		&:after {
			content: "\f46f";
		}
	}
	article.plan.fepyme {
		&:after {
			content: "\ea3c";
		}
	}
	article.plan.faipp {
		&:after {
			content: "\ebbc";
		}
	}
	article.plan.focit {
		&:after {
			content: "\e73c";
		}
	}
}
aside.aside-dana.submenu.documentos {
	margin-left: 25%;
	display: none;
}
@media only screen and (max-width: 980px) {
	.medidas-dana.dos-col-aside {
		grid-template-columns: 1fr;
	}
	aside.aside-dana.submenu.documentos {
		margin-top: 1rem;
		position: initial;
	}
}
@media only screen and (max-width: 680px) {
	section.medidas-dana.dos-col {
		grid-template-columns: 1fr;
	}
}

/*--------------------------- Vendor: normalize ---------------------------*/
/*--------------------------- Vendor: readSpeaker ---------------------------*/
#MiReadSpeaker {
  display: block;
  flex-grow: 1;

  .rsbtn {
    margin-bottom: 0;
  }
}

/* Aspecto ReadSpeaker */

.rs_addtools {
  a, span {
    font-family: var(--primary-font-family) !important;
  }
}

.rsbtn {
  a, span {
    font-family: var(--primary-font-family) !important;
  }
}

.rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li:before, .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li:before {
  content: none !important;
}

.rs_addtools .rsbtn_tooltoggle:active, .rsbtn .rsbtn_tooltoggle:active, .rs_addtools .rsbtn_play:active, .rsbtn .rsbtn_play:active {
  background: var(--color-white) !important;
}

/*Se resetea estilos*/

.rspkr_dr_img {
  width: auto !important;
  position: static !important;
  background: transparent !important;
  padding: 0 !important;
}

a.rspkr_dr_link {
  border: 0;
}

/*--------------------------- Vendor: Datepicker ---------------------------*/
/*Data picker - hacer una css individual y que se pinte dinámicamente*/

.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;

  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;

  &.xdsoft_rtl {
    padding: 8px 0 8px 8px;
  }

  iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
  }

  button {
    border: none !important;
  }
}

/*For IE8 or lower*/

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;

  &::selection, &::-moz-selection {
    background: transparent;
  }
}

.xdsoft_datetimepicker {
  &.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
  }

  * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }

  .xdsoft_datepicker, .xdsoft_timepicker {
    display: none;
  }

  .xdsoft_datepicker.active, .xdsoft_timepicker.active {
    display: block;
  }

  .xdsoft_datepicker {
    width: 300px;
    float: left;
    margin-left: 8px;
  }

  &.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
  }

  &.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
  }

  .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
  }

  &.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
  }

  .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
  }

  .xdsoft_monthpicker {
    position: relative;
    text-align: center;
  }

  .xdsoft_label i, .xdsoft_prev, .xdsoft_next, .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
  }

  .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
  }

  .xdsoft_prev {
    float: left;
    background-position: -20px 0;
  }

  .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
  }

  .xdsoft_next {
    float: right;
    background-position: 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;

    /*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
  }

  .xdsoft_prev, .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;

    /*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
  }

  .xdsoft_timepicker {
    .xdsoft_prev, .xdsoft_next {
      float: none;
      background-position: -40px -15px;
      height: 15px;
      width: 30px;
      display: block;
      margin-left: 14px;
      margin-top: 7px;
    }
  }

  &.xdsoft_rtl .xdsoft_timepicker {
    .xdsoft_prev, .xdsoft_next {
      float: none;
      margin-left: 0;
      margin-right: 14px;
    }
  }

  .xdsoft_timepicker {
    .xdsoft_prev {
      background-position: -40px 0;
      margin-bottom: 7px;
      margin-top: 0;
    }

    .xdsoft_time_box {
      height: 151px;
      overflow: hidden;
      border-bottom: 1px solid #d4d4d4;

      > div > div {
        background: #f5f5f5;
        border-top: 1px solid #d4d4d4;
        color: #666;
        font-size: 12px;
        text-align: center;
        border-collapse: collapse;
        cursor: pointer;
        border-bottom-width: 0;
        height: 25px;
        line-height: 25px;

        &:first-child {
          border-top-width: 0;
        }
      }
    }
  }

  .xdsoft_today_button:hover, .xdsoft_next:hover, .xdsoft_prev:hover {
    opacity: 1;

    /*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
  }

  .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;

    &:hover {
      > span {
        text-decoration: underline;
      }

      i {
        opacity: 1;
      }
    }

    > .xdsoft_select {
      border: 1px solid #ccc;
      position: absolute;
      right: 0;
      top: 30px;
      z-index: 101;
      display: none;
      background: #fff;
      max-height: 152px;
      overflow-y: hidden;

      &.xdsoft_monthselect {
        right: -7px;
      }

      &.xdsoft_yearselect {
        right: 2px;
      }

      > div > .xdsoft_option {
        &:hover {
          color: #fff;
          background: #ff8000;
        }

        padding: 2px 10px 2px 5px;
        text-decoration: none !important;

        &.xdsoft_current {
          background: #33aaff;
          box-shadow: #178fe5 0 1px 3px 0 inset;
          color: #fff;
          font-weight: 700;
        }
      }
    }
  }

  .xdsoft_month {
    width: 100px;
    text-align: right;
  }

  .xdsoft_calendar {
    clear: both;
  }

  .xdsoft_year {
    width: 48px;
    margin-left: 5px;
  }

  .xdsoft_calendar {
    table {
      border-collapse: collapse;
      width: 100%;
    }

    td > div {
      padding-right: 5px;
    }

    th {
      height: 25px;
    }

    td, th {
      width: 14.2857142%;
      background: #f5f5f5;
      border: 1px solid #d4d4d4;
      color: #666;
      font-size: 12px;
      text-align: right;
      vertical-align: middle;
      padding: 0;
      border-collapse: collapse;
      cursor: pointer;
      height: 25px;
    }
  }

  &.xdsoft_showweeks .xdsoft_calendar {
    td, th {
      width: 12.5%;
    }
  }

  .xdsoft_calendar {
    th {
      background: #f1f1f1;
    }

    td {
      &.xdsoft_today {
        color: #33aaff;
      }

      &.xdsoft_highlighted_default {
        background: #ffe9d2;
        box-shadow: #ffb871 0 1px 4px 0 inset;
        color: #000;
      }

      &.xdsoft_highlighted_mint {
        background: #c1ffc9;
        box-shadow: #00dd1c 0 1px 4px 0 inset;
        color: #000;
      }

      &.xdsoft_default, &.xdsoft_current {
        background: #33aaff;
        box-shadow: #178fe5 0 1px 3px 0 inset;
        color: #fff;
        font-weight: 700;
      }
    }
  }

  .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
  }

  .xdsoft_calendar td {
    &.xdsoft_other_month, &.xdsoft_disabled {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      cursor: default;
    }
  }

  .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
  }

  .xdsoft_calendar td {
    &.xdsoft_other_month.xdsoft_disabled {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    }

    &:hover {
      color: #fff !important;
      background: #ff8000 !important;
      box-shadow: none !important;
    }
  }

  .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
  }

  .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
  }

  .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
  }

  .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
  }

  .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;

    a {
      color: #eee !important;

      &:hover {
        color: #aaa !important;
      }
    }
  }
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar {
  > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
  }

  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #d4d4d4 !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

/*--------------------------- Vendor: Twitter ---------------------------*/
/*Twitter Home Mincotur*/
li.tweetTimeline {
  display: flex;
  flex-flow: row nowrap;
}

.tweetProfileImage {
  margin-top: 4px;
  width: 5px;
  display: inline-block;

  img {
    border-radius: 50%;
    border: 0 none;
    width: 25px;
    margin-top: 18px;
  }
}

.tweetInfo {
  border-bottom: 1px solid #d3d3d3;
  margin-left: 15px;
  padding-bottom: 15px;
  width: calc(100% - 25px);
  display: inline-block;

  > * {
    margin: 0 5px 5px 5px;
    padding: 0 5px 5px 5px;
    line-height: 1.2;
    margin-top: 1em;
  }

  .tweetText {
    font-size: 0.8rem;
    margin-top: 4px;
    line-height: 1.3;
  }

  .tweetUserName {
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
  }

  .tweetHeaderLink {
    display: inline;
    line-height: 14px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border-bottom: 0;
  }

  .tweetHeader .tweetRTImage {
    display: inline-block;
    height: 16px;
    width: 16px;
  }

  a img {
    max-width: 95%;
    border-radius: 5px;
  }
}

.tweetText a {
  color: #154481 !important;
  font-size: 12px;
  line-height: 14px;
  border-bottom: 0;
}

.tweetScreenName, .tweetDate {
  color: #757575;
  font-size: 12px;
  white-space: nowrap;
}

.tweetHeader * {
  vertical-align: bottom;
}

.tweetMediaLink {
  width: 100%;

  img {
    margin-top: 5px;
    max-width: 100%;
  }
}

/*--------------------------- Base: reset.scss ---------------------------*/
/* Box sizing rules */
* {
  box-sizing: border-box;

  &::before, &::after {
    box-sizing: border-box;
  }
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin */

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role=list], ol[role=list] {
  list-style: none;
}

/* Set core root defaults */

html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/*img,
picture {
  max-width: 100%;
  display: block;
}*/

audio, canvas, img, video {
  vertical-align: middle;
}

/* Inherit fonts for inputs and buttons */

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

button {
  appearance: none;
  background: transparent;
  cursor: pointer;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
}

/*@media (prefers-reduced-motion) { 
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}*/
/*--------------------------- Base: helper.scss ---------------------------*/
em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

.uppercase {
  text-transform: uppercase;
}

.hidden {
  /*Se oculta en ambos: lectores de pantalla y navegador*/
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  /*se oculta visualmente, pero está disponible para los lectores de pantalla*/
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;

  &.focusable {
    &:active, &:focus {
      /*permite que el elemento sea enfocable cuando navegas con el teclado*/
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto;
    }
  }
}

.invisible {
  /*Se oculta visual y lectores de pantalla, pero se mantiene en el layout*/
  visibility: hidden;
}

.row {
  display: flex;
  flex-flow: row wrap;
}

/*Clases del RadEditor*/

img.right, .imagen_derecha, .derecha {
  margin-left: 1.55em;
  float: right;
  border-radius: var(--border-radius);
}

img.left, .imagen_izquierda, .izquierda {
  margin-right: 1.55em;
  float: left;
  border-radius: var(--border-radius);
}

img {
  &.center, &.imagen_centrada {
    margin: 0 auto;
    display: block;
    border-radius: var(--border-radius);
  }
}

.center {
  margin: 0 auto;
  display: block;
  border-radius: var(--border-radius);
}

p {
  &.right {
    text-align: right;
  }

  &.left {
    text-align: left;
  }

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

.center {
  text-align: center;
}

p.justify, .justify {
  text-align: justify;
}

.big {
  font-size: 1.25em;
}

.small {
  font-size: 0.85em;
}

.block {
  display: block;
}

img {
  &.imgResponsive, &.fullwidth {
    width: auto;
    max-width: 100%;
    border-radius: var(--border-radius);
  }
}

figure {
  img.imgResponsive {
    margin-top: 1em;
  }

  figcaption {
    font-size: 0.9rem;
    padding: 1rem 0 2rem;
    line-height: 1.5;
  }

  &.sixhundred {
    max-width: 600px;
    margin: auto;
  }
}

/*para un sólo banner*/

.bannerTemporal {
  width: 100%;
  margin: 1rem auto 1.5rem;
  max-width: 990px;

  img {
    margin: auto;
    display: block;
    width: 100%;
  }

  &.flotante {
    width: 100%;
    max-width: 1435px;
    display: flex;
    justify-content: space-around;
    margin: 2rem auto 1rem;
    gap: 5%;

    img {
      width: 14%;
      position: fixed;
      right: 0;

      /*border-right: 16px solid var(--color-secondary);*/
    }
  }
}

/*para dos banners*/
/* .bannerTemporal{
    width: 100%;
    max-width: 1435px;
    display: flex;
    justify-content: space-around;
    margin: 2rem auto 1rem;
    gap: 5%;
      img{
          margin: auto;
          display: block;
          width: 100%;
      }
}*/
/*para banner flotante*/

@media only screen and (max-width: 2200px) {
  .bannerTemporal.flotante img {
    width: 11%;
    border-right: none;
  }
}

@media only screen and (max-width: 2000px) {
  .bannerTemporal.flotante img {
    width: 28%;
    position: inherit;
    margin: 0rem auto;
    display: block;
  }
}

@media only screen and (max-width: 680px) {
  .bannerTemporal.flotante img {
    width: 72%;
  }
}
/*--------------------------- Base: base.scss ---------------------------*/
/*Variables*/
:root {
  --primary-font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --FontAwesomeSolid: Font Awesome Solid;
  --FontAwesomeRegular: Font Awesome Regular;
  --FontAwesomeBrands: Font Awesome Brands;
  --material-icon: Material Symbols Outlined;
  --base-font-size: 1em;
  --base-line-height: 1.5;
  --heading-line-height: 1.2;
  --min-line-height: 1.3;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --color-header: #ffdb00;
  --color-footer: #ecece2;
  --color-primary: #154481;
  --color-secondary: #4ca5e0;
  --color-hoverContrast: #2a7ab0;
  --color-text: #1d1d1b;
  --color-text-header: #1d1d1b;
  --background-primary-color: #f0f4f6;
  --background-highlight: #dbedf9;
  --color-comercio: #ff6600;
  --color-industria: #078292;
  --color-turismo: #08984c;
  --color-ayudas: #1f8da4;
  --franja-rojo: #ad1519;
  --franja-amarillo: #fabd00;
  --color-white: #fff;
  --color-black: #1d1d1b;
  --color-gray: #e3e3e3;
  --color-text-gray: #555;
  --color-background-gray: #f8f8f6;
  --color-line-gray: #e3e3e3;
  --color-error: #a81616;
  --color-valido: #1a5f02;
  --color-alerta: #cc6705;
  --color-aviso: #000;
  --pad:1em;
  --border-radius: 10px;
  --box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  --smallBreakpoint: 640px;
  --largeBreakpoint: 1080px;
}

html, body {
  font-family: var(--primary-font-family);
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  line-height: var(--base-line-height);
  font-size: var(--base-font-size);
  height: 100%;
}

.container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

main {
  flex: 1;
  z-index: 1;
  background: var(--color-white);
}

abbr[title] {
  border-bottom: 0;
  text-decoration: none;
}

header {
  &.institucional .skip-to-content-link {
    background: var(--color-black);
    color: var(--color-white);
    left: 50%;
    padding: 0.25em 0.55em;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;

    &:focus {
      transform: translateY(0%);
    }
  }

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

footer ul, nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

:any-link {
  text-decoration: none;
}

a:visited {
  color: inherit;
}

main a, header a, footer a, main a:hover, header a:hover, footer a:hover, main a:active, header a:active, footer a:active {
  text-decoration: none !important;
}

main {
  p a, li a, dd a, td a {
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-secondary);
    font-weight: var(--font-weight-semibold);
  }

  p a:hover, li a:hover, dd a:hover, td a:hover {
    border: 0;
  }

  :focus {
    outline: thin dotted;
  }

  :focus-visible {
    outline: 3px solid var(--color-secondary) !important;
    outline-offset: 2px;
  }
}

.container-maxwidth {
  width: 100%;
  max-width: 1635px;
  padding: 0 2%;
  margin: 0 auto;
}

.row {
  display: flex;
  flex-flow: row wrap;
  gap: 1em;
}

@media only screen and (max-width: 780px) {
  .container-maxwidth {
    padding: 0;
  }
}
/*--------------------------- Base: fonts.scss ---------------------------*/
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/open-sans-v29-latin-regular.eot");

  /* IE9 Compat Modes */
  src: local(""), url("fonts/open-sans-v29-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v29-latin-regular.woff2") format("woff2"), url("fonts/open-sans-v29-latin-regular.woff") format("woff"), url("fonts/open-sans-v29-latin-regular.ttf") format("truetype"), url("fonts/open-sans-v29-latin-regular.svg#OpenSans") format("svg");

  /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/open-sans-v29-latin-600.eot");

  /* IE9 Compat Modes */
  src: local(""), url("fonts/open-sans-v29-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v29-latin-600.woff2") format("woff2"), url("fonts/open-sans-v29-latin-600.woff") format("woff"), url("fonts/open-sans-v29-latin-600.ttf") format("truetype"), url("fonts/open-sans-v29-latin-600.svg#OpenSans") format("svg");

  /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/open-sans-v29-latin-700.eot");

  /* IE9 Compat Modes */
  src: local(""), url("fonts/open-sans-v29-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v29-latin-700.woff2") format("woff2"), url("fonts/open-sans-v29-latin-700.woff") format("woff"), url("fonts/open-sans-v29-latin-700.ttf") format("truetype"), url("fonts/open-sans-v29-latin-700.svg#OpenSans") format("svg");

  /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("fonts/open-sans-v29-latin-800.eot");

  /* IE9 Compat Modes */
  src: local(""), url("fonts/open-sans-v29-latin-800.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v29-latin-800.woff2") format("woff2"), url("fonts/open-sans-v29-latin-800.woff") format("woff"), url("fonts/open-sans-v29-latin-800.ttf") format("truetype"), url("fonts/open-sans-v29-latin-800.svg#OpenSans") format("svg");

  /* Legacy iOS */
}

@font-face {
  font-family:  "Font Awesome Solid";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome Regular";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome Brands";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype");
}

/*--------------------------- Base: typography.scss ---------------------------*/

h1, h2, h3, h4, h5, h6 {
  font-family: var(--primary-font-family);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  margin-bottom: 0.55em;
  line-height: var(--heading-line-height);
  color: var(--color-black);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
}

h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.125rem;
}

h5, h6 {
  font-size: 1rem;
}

p {
  font-family: var(--primary-font-family);
  margin-bottom: 1.55em;
  font-size: var(--base-font-size);
  line-height: 1.75;
}

/*Iconos Awesome*/

.fas {
  font-family: var(--FontAwesomeSolid);
  content: "";
}

.far {
  font-family: "Font Awesome Regular";
  content: "";
}

.fab {
  font-family: "Font Awesome Brands";
  content: "";
}

.fas, .far, .fab {
  margin: 10px;
}

@media only screen and (max-width: 780px) {
  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  h5, h6 {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 640px) {
  p {
    line-height: 1.55;
  }
}
/*--------------------------- Layout: navigation.scss ---------------------------*/
/*Navigation - Slimmenu*/

#menu-principal-institucional {
  /*Resetear estilos-ministerio*/

  ul.slimmenu li {
    &:before, &:after, &.activo:after {
      content: none;
    }

    /*Resetea los estilos actuales ayudas*/
    text-transform: none;
    float: none;
    padding: 0;
    border: 0;
    position: static;
    font-family: inherit;

    > ul li a:focus-within {
      &:before, &:after {
        content: none !important;
        background-color: transparent !important;
      }
    }
  }
}

@media only screen and (min-width: 781px) {
  nav#menu-principal-institucional {
    align-self: flex-end;

    ul.slimmenu {
      list-style-type: none;
      display: flex;
      flex-flow: row wrap;
      gap: 0.875em;

      li {
        font-weight: var(--font-weight-semibold);
        font-size: 1em;

        /*Resetea los estilos-ministerio*/
        text-transform: none;
        float: none;
        padding: 0;
        border: 0;
        position: static;

        a {
          margin-right: 0.875em;
          padding-bottom: 0.25em;

          &:hover, &:focus {
            border-bottom: 1px solid var(--color-text);
            opacity: 0.7;

            /*Resetear estilos ayudas actuales*/
            background-image: none;
            text-shadow: none;
          }

          &:after {
            content: "";
            width: 15px;
            height: 25px;
            background: url("imagenes/angle-circle-down.svg") no-repeat center;
            background-size: 7px;
            display: inline-block;
            position: absolute;
          }

          &:hover:after {
            transform: rotate(0.5turn);
          }
        }

        .mega-menu {
          width: 100%;
          position: absolute;
          left: 0;
          z-index: 9999;
          visibility: hidden;
          transition: all 0s;

          .mega-menu-container {
            padding: 1em;
            background: #fff;
            box-shadow: 0px 10px 9px -8px rgba(0, 0, 0, 0.2);
            margin-top: 2em;
            min-height: 300px;

            ul {
              width: 100%;
              max-width: 1300px;
              margin: 1em auto;
              column-count: 3;
              padding: 1em;
              column-gap: 10%;

              /*column-rule: 1px solid var(--color-gray);*/

              li {
                font-weight: var(--font-weight-regular);
                display: inline-block;
                margin-bottom: 1em;
                font-size: 0.9rem;
                width: 100%;
                -webkit-column-break-inside: avoid;

                /* Chrome, Safari, Opera */
                page-break-inside: avoid;

                /* Firefox */
                break-inside: avoid;

                /* IE 10+ */

                a {
                  color: var(--color-primary);

                  &:hover {
                    border-color: var(--color-secondary);
                  }
                }

                ul {
                  column-count: 1;
                  display: block !important;
                  border-left: 1px solid var(--color-secondary);
                  margin-top: 0;
                  margin: 0.55em 0;
                  padding: 0;
                  padding-left: 1.15em;

                  li {
                    font-size: 0.875rem;
                    margin-bottom: 0.55em;
                    line-height: 1.4;

                    a {
                      color: var(--color-text);
                    }
                  }
                }

                &.areas-interes {
                  background: var(--background-primary-color);
                  border-radius: var(--border-radius);
                  padding: 2em;

                  li {
                    margin-bottom: 0.65em;
                  }
                }

                &.activo > a {
                  border-bottom: 1px solid var(--color-secondary);
                }
              }

              span {
                border-bottom: 1px solid var(--color-secondary);
              }
            }
          }
        }

        li a:after, &:first-child a:after {
          content: none;
        }

        &:focus .mega-menu, &:focus-within .mega-menu, &:hover .mega-menu {
          visibility: visible;
          transition-delay: 0.2s;
        }

        &:before, &:after, &.activo:after {
          content: none;
        }

        &:hover {
          a {
            border-bottom: 1px solid var(--color-black);

            &:after {
              transform: rotate(0.5turn);
            }
          }

          li a {
            padding-bottom: 0;
            border-bottom: 0;

            &:hover {
              border-bottom: 1px solid var(--color-black);
              opacity: 1;
            }
          }

          a {
            &:hover, &:focus {
              border-bottom: 1px solid var(--color-black);
              opacity: 1;
            }
          }
        }

        &.activo {
          background-color: transparent;

          a {
            border-bottom: 2px solid var(--color-black);

            &:after {
              bottom: inherit;
              top: inherit;
              left: inherit;
              right: inherit;
            }
          }

          li a {
            border-bottom: 0;
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 780px) {
  #menu-principal-institucional .menu-collapser {
    position: absolute;
    z-index: 99;
    top: 2.3125em;
    right: 1.875em;

    .botMenuGeneral {
      #menu_on {
        display: inline-block;
        width: 28px;
        height: 25px;
        position: relative;
        z-index: 2;
        margin-top: 0;
      }

      a:hover {
        border-bottom: none !important;
        text-decoration: none !important;
        cursor: pointer;
      }

      #menu_on {
        &:hover {
          border-bottom: none !important;
          text-decoration: none !important;
          cursor: pointer;
        }

        span {
          &:nth-child(2) {
            top: calc(30% - 1px);
          }

          &:nth-child(3) {
            top: calc(60% - 1px);
          }

          &:nth-child(4) {
            top: calc(95% - 1px);
            background: none;
            font-family: 'Open Sans',sans-serif;
            font-size: 1rem;
            color: var(--color-text);
            left: -8px;
          }

          width: 28px;
          height: 2px;
          border-radius: 4px;
          display: block;
          position: absolute;
          background: var(--color-text);
          transition: all .25s ease;
          transform-origin: 0 100%;

          span.oculto {
            display: none;

            &:hover {
              border-bottom: none;
            }
          }
        }
      }

      position: relative;
      z-index: 2;
      transition: opacity .25s ease-in-out;
      border-radius: 30px;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
    }
  }

  .open #menu-principal-institucional .menu-collapser .botMenuGeneral {
    #menu_on span {
      background: #1d1d1b;
    }

    span {
      &:nth-child(1) {
        transform: rotate(45deg) translate(7px, 5px);
      }

      &:nth-child(2) {
        opacity: 0;
      }

      &:nth-child(3) {
        transform: rotate(-45deg) translate(-4px, 8px);
      }

      &:nth-child(4) {
        opacity: 0;
      }
    }

    top: -5px;
    z-index: -1;
    display: block;
    z-index: 999;
    border-radius: 30px;
    background-color: var(--color-white);
    display: block;
    padding: 5px;
	margin-right: -5px;
    width: 42px;
    border: 1px solid var(--color-secondary);

    &:hover {
      border-color: var(--color-text-gray);
    }

    span {
      &:nth-child(1) {
        transform: rotate(45deg) translate(7px, 0);
      }

      &:nth-child(2) {
        opacity: 0;
      }

      &:nth-child(3) {
        transform: rotate(-45deg) translate(-3px, 12px);
      }

      &:nth-child(4) {
        opacity: 0;
      }
    }
  }
 
  #menu-principal-institucional {
    ul.slimmenu.collapsed {
      position: fixed;
      z-index: 98;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      box-shadow: none;
      transition: all 0.4s;
      padding: 1em 2em;
      flex-direction: column;
      gap: 0;
      padding-top: 1em;
      background: var(--color-white);
      overflow: hidden;
      overflow-y: auto;

      li {
        border-bottom: 1px solid var(--color-gray);
        position: relative;
        font-weight: var(--font-weight-semibold);

        a {
          color: var(--color-black);
          padding: 0.65em;
          display: inline-block;
        }

        .sub-collapser {
          text-align: center;
          font-size: 0.875em;
          width: 40px;
          height: 40px;
          top: 0;
          right: 0;
          transform: rotate(0.25turn);
          position: absolute;

          i {
            color: var(--color-black);
            font-weight: 400;
            font-size: 1.85em;
            padding: 0;
            font-family: inherit;
            font-style: normal;
          }

          &.expanded {
            margin-right: 0;
            transform: rotate(0.75turn);
          }
        }

        ul {
          display: none;
          padding: 0;
          padding-left: 0.55em;
          border-left: 1px solid var(--color-secondary);
          margin-left: 0.75em;
          margin-top: 0.35em;
          margin-bottom: 0.65em;

          li {
            border-bottom: 0;
            width: 100%;
            padding: 0;

            a {
              font-size: 0.9em;
              padding: 0.35em;
            }
          }

          ul {
            border: 0;
          }
        }
      }

      ul#enlacesSubMenuHeader {
        margin-top: 2em;

        li {
          border: 0;

          a {
            padding: 0.35em;
          }
        }
      }

      li {
        &#mIdiomaCol {
          margin-bottom: 5em;

          /*2em;*/
          border: 0;
          width: 140px;
          font-weight: 400;

          ul {
            border: 0;
            margin: 0;
          }
        }

        &.activo {
          a {
            &:after {
              content: none;
            }

            &:before {
              content: "";
              width: 5px;
              height: 25px;
              display: block;
              background: var(--color-secondary);
              position: absolute;
              left: -9px;
            }
          }

          li a:before {
            content: none;
          }
        }
      }
    }
  }

  .open {
    .header-container, main, .footer-container, .menu-collapser {
      /*Resetear clases de estilo-ministerio*/
      -webkit-transform: none !important;
      transform: none !important;
    }
	 
    #menu-principal-institucional {
      ul.slimmenu.collapsed {
        -webkit-transform: translateX(100%);
        -webkit-transition: transform 0.4s ease;
        transform: translateX(100%);
        transition: transform 0.4s ease;
      }
    }
  }
}

/*--------------------------- Layout: grid.scss ---------------------------*/
.interior-container {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 2em;
	.titulo-subsitio {
		margin-top: 2em;
		a {
			color: var(--color-primary);
			border-bottom: 1px solid var(--color-secondary);
			font-weight: var(--font-weight-semibold);
			&:hover {
				border: 0;
			}
		}
	}
	h1 {
		margin-right: 30%;
	}
	.grid-3columnas {
		display: flex;
		flex-flow: row nowrap;
		gap: 3%;
		justify-content: space-between;
	}
	.grid-2columnas {
		display: flex;
		flex-flow: row nowrap;
		gap: 3%;
		justify-content: space-between;
	}
	.submenu {
		width: 20%;
		h2 {
			font-size: 1.15em;
			font-weight: var(--font-weight-bold);
			margin-bottom: 1em;
		}
		nav {
			padding-top: 3em;
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			border-left: 1px solid var(--color-secondary);
			padding-top: 0.55em;
			li {
				padding-bottom: 1em;
				padding-left: 1.55em;
				font-size: 0.95em;
				a {
					color: var(--color-text);
					font-weight: var(--font-weight-regular);
					border-bottom: 0;
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
				}
			}
			li.activo {
				position: relative;
				&:before {
					content: "";
					height: 2em;
					width: 5px;
					background: var(--color-secondary);
					display: block;
					position: absolute;
					left: 0;
				}
				span {
					font-weight: var(--font-weight-semibold);
				}
				ul {
					border-left: 1px solid var(--color-line-gray);
					margin-top: 1em;
					ul {
						border: 0;
					}
					li {
						padding-bottom: 0.55em;
						padding-left: 0.55em;
						a {
							font-weight: var(--font-weight-regular);
						}
					}
					li.activo {
						&:before {
							content: none;
						}
					}
				}
			}
		}
	}
	.sidebar {
		width: 20%;
		img {
			width: auto;
			max-width: 100%;
		}
	}
}
.interior-container-menu {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 2em;
	.titulo-subsitio {
		margin-top: 2em;
		margin-left: 25%;
		margin-right: auto;
		a {
			color: var(--color-text);
			border-bottom: 1px solid var(--color-secondary);
			font-weight: var(--font-weight-semibold);
			&:hover {
				border: 0;
			}
		}
	}
	h1 {
		margin-left: 25%;
		margin-right: auto;
	}
	.grid-3container {
		h1 {
			margin-left: 23%;
		}
		.titulo-subsitio {
			margin-left: 23%;
		}
	}
	.grid-3columnas {
		display: flex;
		flex-flow: row nowrap;
		gap: 3%;
		justify-content: space-between;
	}
	.grid-2columnas {
		display: flex;
		flex-flow: row nowrap;
		gap: 3%;
		justify-content: space-between;
	}
	.submenu {
		width: 20%;
		h2 {
			font-size: 1.15em;
			font-weight: var(--font-weight-bold);
			margin-bottom: 1em;
		}
		nav {
			padding-top: 3em;
			padding-top: 0;
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			border-left: 1px solid var(--color-secondary);
			padding-top: 0.55em;
			li {
				padding-bottom: 1em;
				padding-left: 1.55em;
				font-size: 0.95em;
				a {
					color: var(--color-text);
					font-weight: var(--font-weight-regular);
					border-bottom: 0;
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
				}
			}
			li.activo {
				position: relative;
				&:before {
					content: "";
					height: 2em;
					width: 5px;
					background: var(--color-secondary);
					display: block;
					position: absolute;
					left: 0;
				}
				span {
					font-weight: var(--font-weight-semibold);
				}
				ul {
					border-left: 1px solid var(--color-line-gray);
					margin-top: 1em;
					ul {
						border: 0;
					}
					li {
						padding-bottom: 0.55em;
						padding-left: 0.55em;
						a {
							font-weight: var(--font-weight-regular);
						}
					}
					li.activo {
						&:before {
							content: none;
						}
					}
				}
			}
		}
	}
	.sidebar {
		width: 20%;
		img {
			width: auto;
			max-width: 100%;
		}
	}
}
.col-contenido {
	h1 {
		margin-right: 0;
	}
}
.interior-container.home-ayuda {
	h1 {
		margin-left: 23%;
	}
}
.grid-3columnas {
	.col-contenido {
		width: 54%;
		padding-top: 0;
	}
}
.grid-2columnas {
	.col-contenido {
		width: 75%;
		padding-top: 0;
	}
}
.grid-1columnas {
	.col-contenido {
		width: 100%;
		padding-top: 0;
	}
}

/*Actualidad secciones*/

.actualidad-secciones {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	column-gap: 2em;
	h2 {
		width: 100%;
		font-size: 2.25rem;
	}
	.notas-prensa {
		width: 63%;
	}
	.novedades {
		width: 30%;
	}
	.grupo-enlaces {
		width: 30%;
	}
	.listado-documentos {
		width: 30%;
	}
	.enlaces {
		width: 100%;
	}
}
.columnas-secciones {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	column-gap: 2em;
	h2 {
		width: 100%;
		font-size: 2.25rem;
	}
	.columna-una {
		width: 63%;
	}
	.columna-dos {
		width: 30%;
	}
}

/*Media Query*/
@media only screen and (min-width: 1081px) {
  .submenu button.bt-menu-responsive {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (max-width: 1180px) {
  .interior-container h1 {
    margin-right: 0;
  }
  .interior-container .home-ayuda h1 {
    margin-left: 0;
  }
  .interior-container-menu h1,
  .interior-container-menu .titulo-subsitio {
    margin-left: 0;
  }
  .interior-container-menu .grid-3container h1,
  .interior-container-menu .grid-3container .titulo-subsitio {
    margin-left: 0;
  }
  .interior-container {
    padding: 1em 1.25em;
  }
  .interior-container-menu {
    padding: 1em 1.25em;
  }
  .submenu nav button.bt-menu-responsive {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--color-line-gray);
    border-bottom: 1px solid var(--color-line-gray);
    text-transform: uppercase;
    color: var(--color-black);
    padding: 0.55em 1em;
    margin: 0;
    margin-bottom: 1em;
    font-size: 1em;
    font-weight: var(--font-weight-semibold);
  }
  .submenu nav button.bt-menu-responsive::after {
    content: "\f078";
    font-family: var(--FontAwesomeSolid);
    font-size: 0.85em;
    padding-left: 0.5em;
  }
  .submenu nav button.bt-menu-responsive:hover {
    background: none;
  }
  .submenu nav #menu-vertical {
    display: none;
    margin-bottom: 1em;
  }
  .submenu nav:focus #menu-vertical,
  .submenu nav:focus-within #menu-vertical {
    display: block;
  }
  .interior-container-menu h1,
  .interior-container-menu .titulo-subsitio {
    margin-left: 0;
  }
}
@media only screen and (max-width: 780px) {
  .interior-container .grid-3columnas,
  .interior-container .grid-2columnas,
  .interior-container-menu .grid-3columnas,
  .interior-container-menu .grid-2columnas {
    flex-direction: column;
  }
  .interior-container .submenu,
  .interior-container-menu .submenu {
    width: 100%;
  }
  .interior-container .sidebar,
  .interior-container-menu .sidebar {
    width: 100%;
  }
  .interior-container .grid-3columnas .col-contenido,
  .interior-container .grid-2columnas .col-contenido,
  .interior-container .grid-1columnas .col-contenido,
  .interior-container-menu .grid-3columnas .col-contenido,
  .interior-container-menu .grid-2columnas .col-contenido,
  .interior-container-menu .grid-1columnas .col-contenido {
    width: 100%;
  }
  .interior-container .submenu nav,
  .interior-container-menu .submenu nav {
    padding-top: 0;
  }
  .actualidad-secciones {
    flex-direction: column;
  }
  .actualidad-secciones .notas-prensa,
  .actualidad-secciones .novedades,
  .actualidad-secciones .grupo-enlaces,
  .actualidad-secciones .listado-documentos {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .interior-container {
    padding: 1em;
  }
}
/*--------------------------- Layout: header.scss ---------------------------*/
#site-header {
	position: fixed;
	height: 191px;
	background: var(--color-white);
	top: 0;
	width: 100%;
	z-index: 100;
	transition: all 0.3s ease;
}
#site-header.hide {
	top: -192px;
}
body {
	padding-top: 191px;
}
header.institucional {
	font-family: var(--primary-font-family);
	line-height: var(--base-line-height);
	a {
		color: var(--color-text);
		text-decoration: none;
		&:hover {
			border-bottom: 1px solid var(--color-text);
		}
	}
	.logo-institucional {
		a {
			&:hover {
				border: 0;
			}
		}
	}
	.logo-secundary {
		a {
			&:hover {
				border: 0;
			}
		}
	}
}
.main-header {
	h2 {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
	background-color: var(--color-header);
	&:after {
		content: "";
		display: block;
		height: 8px;
		width: 100%;
		background: linear-gradient(90deg, rgb(173, 21, 25) 0%, rgb(173, 21, 25) 25%, rgb(250, 189, 0) 25%, rgb(250, 189, 0) 75%, rgb(173, 21, 25) 75%, rgb(173, 21, 25) 100%);
	}
}
.submenu-header {
	h2 {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
}
.container-header {
	display: flex;
	justify-content: space-between;
	height: 130px;
	padding: 1.4375em 0;
}
.nombre-app-institucional {
	margin-right: 2em;
}
.grupo-logos {
	display: flex;
	flex-flow: row nowrap;
}
.logo-institucional {
	margin-top: 2px;
	h1 {
		margin: 0;
		font-size: 0.85rem;
		img {
			height: 75px;
		}
		a {
			&:hover {
				border-bottom: 0;
				img {
					opacity: 0.9;
				}
			}
			&:focus {
				border-bottom: 0;
				img {
					opacity: 0.9;
				}
			}
		}
	}
}
.logo-secundary {
	margin-left: 1em;
	display: none;
	img {
		height: 70px !important;
	}
}
.navegation-container {
	display: flex;
	flex-direction: column;
	align-content: space-between;
	justify-content: space-between;
}
.utility-container {
	display: flex;
	justify-content: flex-end;
	gap: 1em;
	button {
		background: none;
		border: 0;
	}
}
/*Menú Idiomas*/

button.bt-dropdown {
	cursor: pointer;
	border-right: 1px solid var(--color-black);
	line-height: 1.55;
	padding: 0;
	padding-right: 2em;
	position: relative;
	font-size: 0.875rem;
	&:hover {
		opacity: 0.7;
	}
}
.bt-dropdown {
	&:after {
		content: "";
		width: 15px;
		height: 15px;
		background: url("imagenes/angle-circle-down.svg") no-repeat center;
		background-size: 7px;
		display: inline-block;
		position: absolute;
		top: 4px;
	}
}
.dropdown-content {
	position: absolute;
	z-index: 99;
	background: #fff;
	width: 100px;
	padding: 0.35em;
	visibility: hidden;
	transition: all 0s;
}
.menu-idiomas-institucional {
	&:hover {
		.dropdown-content {
			visibility: visible;
			transition-delay: 0.2s;
		}
	}
	&:focus-within {
		.dropdown-content {
			visibility: visible;
		}
	}
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		padding-bottom: 0.55em;
		font-size: 0.875rem;
	}
	li {
		padding: 0.25em;
		padding-bottom: 0;
	}
}
/*Buscador*/
header.institucional {
	.buscador-institucional {
		position: relative;
		.fondo-buscar {
			position: static;
			top: 0;
			width: 100%;
			height: auto;
			background: none;
			border-radius: 0;
			box-shadow: none;
			padding: 0;
			font-size: 0.875rem;
			input[type=text] {
				text-align: left;
				margin: 0;
				font-size: 0.875rem;
				width: calc(100% - 50px);
				border-radius: 0;
				background: #fff;
				display: inline-block;
				padding: 0.25em 0.5em;
				border: 0;
			}
			input[type=search] {
				text-align: left;
				margin: 0;
				font-size: 0.875rem;
				width: calc(100% - 50px);
				border-radius: 0;
				background: #fff;
				display: inline-block;
				padding: 0.25em 0.5em;
				border: 0;
				&:focus {
					box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
					outline: 1px solid var(--color-secondary) !important;
					border: 1px solid transparent;
				}
				&:hover {
					box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
					outline: 1px solid var(--color-secondary) !important;
					border: 1px solid transparent;
				}
			}
			label {
				clip: rect(0 0 0 0);
				clip-path: inset(50%);
				width: 1px;
				height: 1px;
				overflow: hidden;
				position: absolute;
				white-space: nowrap;
				padding: 0;
			}
		}
		.menu-bt-lupa {
			padding-right: 25px;
			button.search-icon {
				cursor: pointer;
				padding: 0;
				width: auto;
				min-width: auto;
				text-align: left;
				display: flex;
				flex-flow: row nowrap;
				align-items: center;
				&::after {
					content: "";
					margin-left: 5px;
				}
				&:hover {
					transform: none;
				}
			}
			button.search-icon.search {
				&:after {
					background: url("imagenes/search.svg") no-repeat center;
					width: 20px;
					height: 20px;
					background-size: 14px 14px;
				}
			}
			button.search-icon.close {
				&:after {
					background: url("imagenes/close.svg") no-repeat center;
					width: 20px;
					height: 20px;
					background-size: 14px 14px;
				}
			}
		}
		input[type=submit].menu-boton-buscar {
			width: 30px;
			min-width: 30px;
			height: 20px;
			margin-left: 0;
			background-color: transparent;;
			border-radius: 0;
			background-size: 16px 16px;
			text-indent: -1000px;
			overflow: hidden;
			transition: none;
			float: none;
			display: inline-block !important;
			opacity: 0.6;
			background: url("imagenes/search.svg") no-repeat center !important;
			border: 0;
			padding: 0;
			text-transform: none;
		}
	}
}
/*Submenú enlaces directos*/
.submenu-header {
	background: var(--color-footer);
	padding: 1em 0;
	h2 {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
	ul {
		gap: 25px;
		margin: 0;
		list-style-type: none;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
	}
	li {
		font-size: 0.875em;
	}
	a {
		color: var(--color-text);
	}
	li.submenu-desplegable {
		a{
			margin-right: 0;
		}
		&::after{
			content: "";
			width: 15px;
			height: 24px;
			background: url(imagenes/angle-circle-down.svg) no-repeat center;
			background-size: 8px;
			display: inline-block;
			position: absolute;
		}
		&:hover {
			a {
            	border-bottom: 1px solid var(--color-black);
				cursor: pointer;
			}
			&::after {
				transform: rotate(0.5turn);
			}
		}
		.mega-menu{
			width: 100%;
			position: absolute;
			left: 0;
			z-index: 9999;
			visibility: hidden;
			transition: all 0s;
		}
		.mega-menu-container {
			padding: 1em;
			background: #fff;
			box-shadow: 0px 10px 9px -8px rgba(0, 0, 0, 0.2);
			margin-top: 1em;
			min-height: 51px;
			width: 100%;
			position: relative;
			padding-right: 12em;
			ul{
				width: 100%;
				max-width: 1425px; /*1635px;*/
				padding: 0; /* 2%; */
				margin: 0 auto;
			}
			li{
				font-weight: var(--font-weight-regular);
				font-size: 0.9rem;
				a{
					color: var(--color-primary);
					border-bottom: 1px solid var(--color-white);
				}
				&:hover{
					border-bottom: 1px solid var(--color-black);
				}
			}
		}
		&:focus .mega-menu, &:focus-within .mega-menu, &:hover .mega-menu {
          visibility: visible;
          transition-delay: 0.2s;
        }
	}
}

/*Menú Portal Ayudas*/
header.institucional {
	.menu-ayudas-institucional {
		border-bottom: 1px solid var(--color-gray);
		.container-maxwidth {
			display: flex;
			flex-flow: row wrap;
			gap: 1.55em;
			justify-content: center;
			align-items: flex-end;
		}
		h2 {
			font-weight: var(--font-weight-extrabold);
			font-size: 2.25rem;
			color: var(--color-text-header);
			text-align: center;
			padding-top: 1em;
			padding-bottom: 0.2em;
			margin: 0;
			line-height: var(--heading-line-height);
		}
		ul.menu-ayudas {
			display: flex;
			flex-flow: row nowrap;
			gap: 1.55em;
			list-style: none;
			margin: 0;
			li {
				font-weight: var(--font-weight-bold);
				font-size: 1.125em;
				white-space: nowrap;
				a {
					color: var(--color-primary);
					border-bottom: 4px solid var(--color-white);
					display: inline-block;
					padding-bottom: 0.35em;
					background-image: none;
					text-shadow: none;
					&:hover {
						border-bottom: 4px solid var(--color-secondary);
					}
					&:focus {
						border-bottom: 4px solid var(--color-secondary);
					}
				}
			}
			li.activo {
				span {
					color: var(--color-primary);
					border-bottom: 4px solid var(--color-secondary);
					display: inline-block;
					padding-bottom: 0.35em;
				}
			}
		}
	}
}
/*Media Queries*/
@media only screen and (min-width: 1081px) {
	header.institucional {
		.buscador-institucional {
			.menu-bt-lupa {
				font-size: 0.875rem;
				line-height: 1.85;
				&:hover {
					span {
						border-bottom: 1px solid var(--color-text);
						opacity: 0.7;
					}
				}
				&:after {
					top: 2px;
				}
			}
			.fondo-buscar {
				height: auto;
				display: none;
				width: 350px;
				padding: 0;
				right: 100px;
				top: -0.5em;
				position: absolute;
				background: #fff;
				padding: 0.55em;
			}
		}
		.buscador {
			&:focus {
				.fondo-buscar {
					height: auto;
					display: block;
				}
			}
		}
	}
}
@media only screen and (max-width: 780px) {
	.main-header {
		background-color: transparent;;
		&:after {
			content: none;
		}
	}
	.container-header {
		flex-direction: column;
		justify-content: flex-start;
		padding: 0;
		height: auto;
		.nombre-app-institucional {
			background-color: var(--color-header);
			margin: 0;
			&:after {
				content: "";
				display: block;
				height: 8px;
				width: 100%;
				background: -webkit-linear-gradient(left, rgb(173, 21, 25) 0%, rgb(173, 21, 25) 25%, rgb(250, 189, 0) 25%, rgb(250, 189, 0) 75%, rgb(173, 21, 25) 75%, rgb(173, 21, 25) 100%);
				background: -o-linear-gradient(left, rgb(173, 21, 25) 0%, rgb(173, 21, 25) 25%, rgb(250, 189, 0) 25%, rgb(250, 189, 0) 75%, rgb(173, 21, 25) 75%, rgb(173, 21, 25) 100%);
				background: linear-gradient(to right, rgb(173, 21, 25) 0%, rgb(173, 21, 25) 25%, rgb(250, 189, 0) 25%, rgb(250, 189, 0) 75%, rgb(173, 21, 25) 75%, rgb(173, 21, 25) 100%);
			}
		}
		.grupo-logos {
			align-items: center;
			.logo-institucional {
				padding-right: 0;
			}
		}
		.logo-institucional {
			padding: 1.25em 1.875em;
			height: 114px;
			margin-top: 0;
			img {
				height: 70px !important;
			}
			h1 {
				margin: 0;
			}
		}
		.logo-secundary {
			img {
				height: 70px !important;
			}
		}
	}
	.utility-container {
		justify-content: flex-start;
		margin-top: 1.875em;
	}
	.menu-idiomas-institucional {
		display: none !important;
	}
	header.institucional {
		.buscador-institucional {
			width: 100%;
			padding: 0 1em;
			.fondo-buscar {
				display: block !important;
				border: 1px solid #c4c4c4;
				input[type=text] {
					height: 35px;
				}
				input[type=search] {
					height: 35px;
				}
			}
			.menu-bt-lupa {
				display: none;
			}
			input[type=submit].menu-boton-buscar {
				width: 30px !important;
				height: 20px;
				background-color: transparent;;
				border-radius: 0;
				background-size: 16px 16px;
				text-indent: -1000px;
				overflow: hidden;
				transition: none;
				float: none;
				display: inline-block;
				opacity: 0.6;
				background: url("imagenes/search.svg") no-repeat center !important;
				background-size: 20px 20px;
				border: 0 !important;
				padding: 0 !important;
				text-transform: none !important;
			}
		}
	}
}
@media only screen and (max-width: 640px) {
	&::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	&::-webkit-scrollbar-thumb {
		background: transparent;
	}
	&::-webkit-scrollbar-track {
		background-color: transparent;;
	}
	.container-header {
		.logo-institucional {
			padding: 1em 1.25em;
			padding-bottom: 0;
			height: 95px;
			h1 {
				margin: 0;
				img {
					height: 62px !important;
				}
			}
		}
		.logo-secundary {
			img {
				height: 62px !important;
			}
		}
	}
	header.institucional {
		.menu-ayudas-institucional {
			.container-maxwidth {
				gap: 0;
			}
			h2 {
				font-size: 1.65rem;
				color: var(--color-text-header);
				padding-bottom: 0.55em;
			}
			ul.menu-ayudas {
				gap: 0.85em;
				padding-left: 1em;
				padding-right: 1em;
				overflow-y: auto;
				overscroll-behavior-x: contain;
				-webkit-overflow-scrolling: touch;
				white-space: nowrap;
				li {
					font-size: 1em;
					font-weight: var(--font-weight-semibold);
				}
			}
		}
	}
}
@media only screen and (max-width: 580px) {
	.container-header {
		.logo-institucional {
			h1 {
				img {
					height: 55px !important;
				}
			}
		}
	}
}
@media only screen and (max-width: 460px) {
	header.institucional {
		.menu-ayudas-institucional {
			ul.menu-ayudas {
				li {
					font-size: 1em;
				}
			}
		}
	}
}
/*--------------------------- Layout: main.scss ---------------------------*/
/*Breadcrumbs*/
.breadcrumb {
	&::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	&::-webkit-scrollbar-thumb {
		background: transparent;
	}
	&::-webkit-scrollbar-track {
		background-color: transparent;
	}
	font-size: 0.95em;
	border-bottom: 1px solid var(--color-secondary);
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1em 0;
	ul {
		margin: 0;
		list-style: none;
		padding: 0;
		li {
			display: inline-block;
			margin-right: 1em;
			a {
				border: 0;
				font-weight: var(--font-weight-semibold);
				color: var(--color-primary);
				position: relative;
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
				&:after {
					content: "";
					width: 15px;
					height: 25px;
					background: url(imagenes/angle-circle-down.svg) no-repeat center;
					background-size: 10px;
					display: inline-block;
					position: absolute;
					transform: rotate(0.75turn);
				}
			}
		}
	}
}
.speakeryredes {
	margin: 1em 0;
	padding: 0.55em 0;
	border-bottom: 1px solid var(--color-line-gray);
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.highlight {
	font-size: 1.125em;
	background: var(--background-highlight);
	border-radius: var(--border-radius);
	text-align: center;
	padding: 1em;
	font-weight: var(--font-weight-semibold);
	margin-bottom: 1em;
	border: 0;
}
.destacado {
	font-size: 1.125em;
	background: var(--background-highlight);
	border-radius: var(--border-radius);
	text-align: center;
	padding: 1em;
	font-weight: var(--font-weight-semibold);
	margin-bottom: 1em;
	border: 0;
}
.destacado-gris {
	font-size: 1.125em;
	background: var(--background-highlight);
	border-radius: var(--border-radius);
	text-align: center;
	padding: 1em;
	font-weight: var(--font-weight-semibold);
	margin-bottom: 1em;
	border: 0;
	background: var(--color-background-gray);
}
.destacadoplus {
	font-size: 1.125em;
	background: var(--background-highlight);
	border-radius: var(--border-radius);
	text-align: center;
	padding: 1em;
	font-weight: var(--font-weight-semibold);
	margin-bottom: 1em;
	border: 0;
	p {
		span {
			display: block;
		}
	}
}
.aviso-registro {
	font-size: 1.125em;
	background: var(--background-highlight);
	border-radius: var(--border-radius);
	text-align: center;
	padding: 1em;
	font-weight: var(--font-weight-semibold);
	margin-bottom: 1em;
	border: 0;
}
.suscribirse {
	border: 2px solid var(--color-secondary);
	padding: 1em 2em;
	font-size: 1.25em;
	text-align: center;
	display: inline-block;
	margin: 1em 0;
	border-radius: var(--border-radius);
	a {
		border: 0;
		font-weight: var(--font-weight-semibold);
		color: var(--color-primary);
		&:hover {
			border-bottom: 1px solid var(--color-secondary);
		}
	}
}

/*Etiquetas secretarías*/
.tag {
	border-bottom: 2px solid var(--color-secondary);
	padding: 0;
	display: inline-block;
	padding-bottom: 0.15em;
	margin-bottom: 1.55em;
	font-size: 0.875em;
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase;
	&:before {
		content: none;
	}
}
.tag-secciones {
	border-bottom: 2px solid var(--color-secondary);
	padding: 0;
	display: inline-block;
	padding-bottom: 0.15em;
	margin-bottom: 1.55em;
	font-size: 0.875em;
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase;
}
.tag.ministerio {
	border-color: var(--color-secondary);
}
.tag.industria {
	border-color: var(--color-industria);
}
.tag.comercio {
	border-color: var(--color-comercio);
}
.tag.turismo {
	border-color: var(--color-turismo);
}


/*Bullet listas*/
.interior-container {
	ul {
		list-style: disc;
		padding-left: 2em;
		li {
			&::marker {
				color: var(--color-secondary);
			}
			padding-bottom: 1em;
		}
		ul {
			margin-top: 1em;
		}
		ol {
			margin-top: 1em;
		}
	}
	ol {
		list-style: decimal;
		li {
			&::marker {
				color: var(--color-primary);
				font-weight: var(--font-weight-semibold);
			}
			padding-bottom: 1em;
		}
	}
	ol.alpha {
		list-style: lower-alpha;
		li {
			&::marker {
				color: var(--color-black);
			}
		}
	}
	ul.row {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.grupo-enlaces {
		padding: 2em;
		margin: 1em 0;
		background: var(--background-primary-color);
		border-radius: var(--border-radius);
		h3 {
			margin-top: 0;
			margin-bottom: 1em;
			font-size: 1.25rem;
		}
		h2 {
			margin-top: 0;
			margin-bottom: 1em;
			font-size: 1.45rem;
		}
		ul.listado-enlaces {
			list-style: none;
			padding-left: 1em;
			li {
				padding-bottom: 1em;
				padding-left: 0.55em;
				&::marker {
					content: "\f061";
					font-family: var(--FontAwesomeSolid);
					color: var(--color-secondary);
				}
				a.file {
					&:before {
						content: none !important;
					}
				}
			}
		}
		p.listado-enlaces-desordenado {
			a {
				&:before {
					content: "\f061";
					font-family: var(--FontAwesomeSolid);
					color: var(--color-secondary);
					padding: 0.55em;
					padding-left: 0;
					background: var(--background-primary-color);
					display: flex;
					float: left;
					padding-top: 0;
				}
			}
			a.rspkr_dr_link {
				&:before {
					content: none;
				}
			}
		}
		input.VerMas {
			color: var(--color-primary);
			text-transform: uppercase;
			border: 0;
			border-top: 1px solid var(--color-line-gray);
			padding: 0.55em 1.55em;
			font-size: 0.8rem;
			margin: 0;
			transition: all 0.2s ease-in-out;
			width: 100%;
			text-align: right;
			font-weight: var(--font-weight-semibold);
			background: #fff;
			cursor: pointer;
			&:hover {
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				border-top: 1px solid var(--color-secondary);
			}
		}
	}
	.col-contenido {
		.VerTodo {
			color: var(--color-primary);
			text-transform: uppercase;
			border: 0;
			border-top: 1px solid var(--color-line-gray);
			padding: 0.55em 1.55em;
			font-size: 0.8rem;
			margin: 0;
			transition: all 0.2s ease-in-out;
			width: 100%;
			text-align: right;
			font-weight: var(--font-weight-semibold);
			background: #fff;
			cursor: pointer;
			text-align: left;
			border: none;
			border-bottom: 1px solid var(--color-line-gray);
			font-size: 1rem;
			margin: 1rem 0;
			&:hover {
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				border-bottom: 1px solid var(--color-secondary);
			}
		}
	}
	.listado-documentos {
		input.VerMas {
			color: var(--color-primary);
			text-transform: uppercase;
			border: 0;
			border-top: 1px solid var(--color-line-gray);
			padding: 0.55em 1.55em;
			font-size: 0.8rem;
			margin: 0;
			transition: all 0.2s ease-in-out;
			width: 100%;
			text-align: right;
			font-weight: var(--font-weight-semibold);
			background: #fff;
			cursor: pointer;
			&:hover {
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				border-top: 1px solid var(--color-secondary);
			}
		}
		padding: 2em;
		margin: 1em 0;
		border-radius: var(--border-radius);
		border: 1px solid var(--color-line-gray);
		h2 {
			margin-top: 0;
			margin-bottom: 1em;
			font-weight: var(--font-weight-bold);
			font-size: 1.45em;
		}
		h3 {
			margin-top: 0;
			margin-bottom: 1em;
			font-weight: var(--font-weight-bold);
			font-size: 1.25em;
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			margin-bottom: 1em;
			li {
				padding-bottom: 1.25em;
				margin-bottom: 1.25em;
				border-bottom: 1px solid var(--color-line-gray);
				&:last-child {
					border-bottom: 0;
					margin-bottom: 0;
					padding-bottom: 0;
				}
			}
		}
		ol {
			padding: 0;
			margin: 0;
			margin-left: 0.55em;
		}
	}
}
.interior-container-menu {
	ul {
		list-style: disc;
		padding-left: 2em;
		li {
			&::marker {
				color: var(--color-secondary);
			}
			padding-bottom: 1em;
		}
		ul {
			margin-top: 1em;
		}
		ol {
			margin-top: 1em;
		}
	}
	ol {
		list-style: decimal;
		li {
			&::marker {
				color: var(--color-primary);
				font-weight: var(--font-weight-semibold);
			}
			padding-bottom: 1em;
		}
	}
	ol.alpha {
		list-style: lower-alpha;
		li {
			&::marker {
				color: var(--color-black);
			}
		}
	}
	ul.row {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.grupo-enlaces {
		padding: 2em;
		margin: 1em 0;
		background: var(--background-primary-color);
		border-radius: var(--border-radius);
		h3 {
			margin-top: 0;
			margin-bottom: 1em;
			font-size: 1.25rem;
		}
		h2 {
			margin-top: 0;
			margin-bottom: 1em;
			font-size: 1.45rem;
		}
		ul.listado-enlaces {
			list-style: none;
			padding-left: 1em;
			li {
				padding-bottom: 1em;
				padding-left: 0.55em;
				&::marker {
					content: "\f061";
					font-family: var(--FontAwesomeSolid);
					color: var(--color-secondary);
				}
				a.file {
					&:before {
						content: none !important;
					}
				}
			}
		}
		p.listado-enlaces-desordenado {
			a {
				&:before {
					content: "\f061";
					font-family: var(--FontAwesomeSolid);
					color: var(--color-secondary);
					padding: 0.55em;
					padding-left: 0;
					background: var(--background-primary-color);
					display: flex;
					float: left;
					padding-top: 0;
				}
			}
			a.rspkr_dr_link {
				&:before {
					content: none;
				}
			}
		}
		input.VerMas {
			color: var(--color-primary);
			text-transform: uppercase;
			border: 0;
			border-top: 1px solid var(--color-line-gray);
			padding: 0.55em 1.55em;
			font-size: 0.8rem;
			margin: 0;
			transition: all 0.2s ease-in-out;
			width: 100%;
			text-align: right;
			font-weight: var(--font-weight-semibold);
			background: #fff;
			cursor: pointer;
			&:hover {
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				border-top: 1px solid var(--color-secondary);
			}
		}
	}
	.col-contenido {
		.VerTodo {
			color: var(--color-primary);
			text-transform: uppercase;
			border: 0;
			border-top: 1px solid var(--color-line-gray);
			padding: 0.55em 1.55em;
			font-size: 0.8rem;
			margin: 0;
			transition: all 0.2s ease-in-out;
			width: 100%;
			text-align: right;
			font-weight: var(--font-weight-semibold);
			background: #fff;
			cursor: pointer;
			text-align: left;
			border: none;
			border-bottom: 1px solid var(--color-line-gray);
			font-size: 1rem;
			margin: 1rem 0;
			&:hover {
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				border-bottom: 1px solid var(--color-secondary);
			}
		}
	}
	.listado-documentos {
		input.VerMas {
			color: var(--color-primary);
			text-transform: uppercase;
			border: 0;
			border-top: 1px solid var(--color-line-gray);
			padding: 0.55em 1.55em;
			font-size: 0.8rem;
			margin: 0;
			transition: all 0.2s ease-in-out;
			width: 100%;
			text-align: right;
			font-weight: var(--font-weight-semibold);
			background: #fff;
			cursor: pointer;
			&:hover {
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				border-top: 1px solid var(--color-secondary);
			}
		}
		padding: 2em;
		margin: 1em 0;
		border-radius: var(--border-radius);
		border: 1px solid var(--color-line-gray);
		h2 {
			margin-top: 0;
			margin-bottom: 1em;
			font-weight: var(--font-weight-bold);
			font-size: 1.45em;
		}
		h3 {
			margin-top: 0;
			margin-bottom: 1em;
			font-weight: var(--font-weight-bold);
			font-size: 1.25em;
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			margin-bottom: 1em;
			li {
				padding-bottom: 1.25em;
				margin-bottom: 1.25em;
				border-bottom: 1px solid var(--color-line-gray);
				&:last-child {
					border-bottom: 0;
					margin-bottom: 0;
					padding-bottom: 0;
				}
			}
		}
		ol {
			padding: 0;
			margin: 0;
			margin-left: 0.55em;
		}
	}
}
/* No pintar en las listas los bullets cuando la clase empieza por ui-*/ 
ul[class^=ui-] {
	list-style: none;
	padding: 0;
	margin: 0;
}
div[class^=ui-] {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*FeedBack de la página*/
.feedback-site {
	border-top: 3px solid var(--color-secondary);
	border-bottom: 1px solid var(--color-secondary);
	padding: 1em 0;
	margin: 2em 0;
	legend {
		font-weight: var(--font-weight-bold);
		margin-bottom: 1em;
	}
	form {
		display: none;
	}
}
.grid-full-width {
	.feedback-site {
		max-width: 70%;
	}
}
.feedback-container {
	display: flex;
	flex-flow: row nowrap;
	h2 {
		font-size: 1em;
		font-weight: var(--font-weight-regular);
		padding-right: 5%;
	}
	.feedback-buttons {
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			li {
				padding: 0;
				display: inline-block;
				margin: 0 1em;
				border: 0;
				overflow: hidden;
				button {
					background: var(--color-white);
					color: var(--color-primary);
					width: 45px;
					height: 45px;
					display: block;
					border-radius: 50%;
					font-weight: var(--font-weight-semibold);
					text-transform: uppercase;
					font-size: 0.9em;
					border: 2px solid var(--color-secondary);
					text-align: center;
					line-height: 25px;
					span {
						clip: rect(0 0 0 0);
						clip-path: inset(50%);
						width: 1px;
						height: 1px;
						overflow: hidden;
						position: absolute;
						padding: 0;
						white-space: nowrap;
					}
					&:hover {
						background: var(--color-secondary);
						color: var(--color-white);
					}
					&:focus {
						background: var(--color-secondary);
						color: var(--color-white);
					}
				}
			}
		}
	}
}
.feedback-report {
	button.report-link {
		color: var(--color-primary);
		border-bottom: 1px solid var(--color-secondary);
		font-weight: var(--font-weight-semibold);
		padding: 0;
		&:hover {
			border: 0;
		}
	}
}
.feedback-success {
	display: none;
	p {
		margin-top: 1.55em;
	}
}
/*Video*/
.video {
	width: 100%;
	margin: 3em auto;
	display: flex;
	flex-direction: row;
	position: relative;
	iframe {
		margin: auto;
		max-width: 100%;
	}
}
.detalle-consulta {
	dl {
		display: flex;
		flex-flow: row wrap;
		border-top: 1px solid var(--color-line-gray);
		border-bottom: 1px solid var(--color-line-gray);
		padding: 0.25em 0.55em;
		dt {
			white-space: nowrap;
			padding: 0.55em 0;
			font-weight: var(--font-weight-semibold);
			padding-right: 0.55em;
		}
		dd {
			white-space: nowrap;
			padding: 0.55em 0;
			padding-right: 1.55em;
		}
	}
}

/*Media Query*/
@media only screen and (max-width: 1180px) {
	.breadcrumb {
		ul {
			padding-left: 1em;
			padding-right: 1em;
			overflow-y: auto;
			overscroll-behavior-x: contain;
			webkit-overflow-scrolling: touch;
			white-space: nowrap;
			li {
				a {
					font-size: 0.9em;
				}
			}
		}
	}
	.speakeryredes {
		padding-left: 1em;
		padding-right: 1em;
	}
	.grid-full-width {
		.feedback-site {
			max-width: 100%;
		}
	}
}
@media only screen and (max-width: 780px) {
	.feedback-site {
		max-width: 100%;
	}
}
@media only screen and (max-width: 640px) {
	.feedback-container {
		flex-direction: column;
		gap: 1em;
		text-align: center;
	}
}
@media only screen and (max-width: 460px) {
	.breadcrumb {
		ul {
			li {
				a {
					font-weight: var(--font-weight-regular);
				}
			}
		}
	}
}

/*--------------------------- Layout: footer.scss ---------------------------*/
footer.institucional {
	font-family: var(--primary-font-family);
	background: var(--color-footer);
	color: var(--color-black);
	padding: 2em 0;
	width: 100%;
	h2 {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
	a {
		color: var(--color-text);
		text-decoration: none;
		border-bottom: 1px solid var(--color-text);
		&:hover {
			border-bottom: 0;
			background: none;
			text-shadow: none;
		}
	}
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.footer-container-institucional {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		margin-top: 1em;
	}
	.footer-container-institucional.logos-position {
		justify-content: space-between;
	}
	.opciones-footer-institucional {
		display: flex;
		flex-flow: row wrap;
		gap: 1.25em;
		margin-bottom: 1.55em;
		ul {
			display: flex;
			flex-flow: row wrap;
			gap: 20px;
		}
		li {
			font-size: 0.875em;
			padding-right: 0;
		}
	}
	.legal-footer-institucional {
		display: flex;
		flex-flow: row wrap;
		gap: 1.25em;
		margin-bottom: 1.55em;
		ul {
			display: flex;
			flex-flow: row wrap;
			gap: 20px;
		}
		li {
			font-size: 0.875em;
			padding-right: 0;
		}
	}
	.redes-sociales-footer {
		ul {
			display: flex;
			flex-flow: row nowrap;
			gap: 1.25em;
		}
		li {
			font-size: 0.75em;
			text-align: center;
			min-width: 60px;
			a {
				border-bottom: 0;
				&:before {
					content: "";
					display: block;
					margin: 0 auto;
					border-radius: 50%;
					width: 44px;
					height: 44px;
					background-color: var(--color-black);
					background-size: 45%;
					background-repeat: no-repeat;
					background-position: center;
					transition: all 0.2s ease;
				}
				&:hover {
					&:before {
						opacity: 0.7;
					}
				}
			}
		}
		li.twitter {
			a {
				&:before {
					background-image: url("imagenes/twitter-brands.svg");
				}
			}
		}
		li.youtube {
			a {
				&:before {
					background-image: url("imagenes/youtube-brands.svg");
				}
			}
		}
		li.rss {
			a {
				&:before {
					background-image: url("imagenes/rss-solid.svg");
				}
			}
		}
		li.redes-blog {
			a {
				&:before {
					background-image: url("imagenes/blog-solid.svg");
				}
			}
		}
	}
	.direccion-info {
		margin-top: 1em;
		color: var(--color-text);
		p.direccion {
			font-family: var(--primary-font-family);
			font-size: 0.875rem;
			margin-bottom: 0;
			margin-top: 1em;
			padding: 0;
			text-align: left;
			position: static;
			bottom: 0;
			color: inherit;
			letter-spacing: normal;
			width: 100%;
			left: 0;
			span {
      color: var(--color-black) !important;
			}
		}
		strong {
			font-weight: var(--font-weight-bold);
			display: block;
		}
	}
	.logo-institucional {
		img {
			height: 70px !important;
		}
		a {
			border: 0;
			&:hover {
				img {
					opacity: 0.9;
				}
			}
		}
	}
	.logo-ue {
		margin-top: 1em;
		img {
			height: 70px !important;
		}
		a {
			border: 0;
			&:hover {
				img {
					opacity: 0.9;
				}
			}
		}
	}
	.menu-ayudas-institucional {
		margin-bottom: 1.55em;
		ul.menu-ayudas {
			display: flex;
			flex-flow: row wrap;
			gap: 20px;
			justify-content: flex-start;
			li {
				font-weight: var(--font-weight-regular);
				font-size: 0.875em;
				padding-right: 0;
			}
			li.activo {
				opacity: 1;
			}
		}
	}
}
@media only screen and (max-width: 500px) {
	footer.institucional {
		.logo-institucional {
			img {
				height: 65px !important;
			}
		}
	}
}
	
@media only screen and (min-width: 1081px) {
	.navegation-footer {
		width: 75%;
	}
	.direccion-info {
		width: 75%;
	}
	.redes-sociales-footer {
		width: 27%;
	}
	.logo-ue {
		width: 27%;
		width: 45%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		a.logo-next-generation {
			width: 45%;
			text-align: left;
		}
		a.logo-prtr {
			width: 45%;
			text-align: left;
		}
	}
}
@media only screen and (max-width: 980px) {
	footer.institucional {
		padding: 1.25em 1.875em;
		.footer-container-institucional {
			flex-direction: column;
			margin-top: 0;
			.navegation-footer {
				flex-direction: column;
			}
		}
		.opciones-footer-institucional {
			ul {
				justify-content: flex-start;
				gap: 1em;
			}
		}
		.legal-footer-institucional {
			margin-top: 2em;
			border-top: 1px solid rgba(29, 29, 27, 0.2);
			padding-top: 2em;
			ul {
				justify-content: flex-start;
				gap: 1em;
			}
		}
		.logo-ue {
			width: 100%;
			margin-top: 1em;
			img {
				height: 70px !important;
			}
		}
		.redes-sociales-footer {
			margin-top: 1em;
			ul {
				justify-content: flex-start;
				gap: 1em;
			}
		}
		p.direccion {
			font-family: var(--primary-font-family);
			font-size: 0.875rem;
			margin-bottom: 0;
			margin-top: 1em;
			padding: 0;
			text-align: left;
			position: static;
			bottom: 0;
			color: inherit;
			letter-spacing: normal;
			width: 100%;
			left: 0;
		}
		ul.menu-ayudas {
			padding-top: 1.55em;
			border-top: 1px solid rgba(29, 29, 27, 0.2);
			margin-top: 2em;
		}
	}
}
@media only screen and (max-width: 640px) {
	footer.institucional {
		p.direccion {
			font-family: var(--primary-font-family);
			font-size: 0.875rem;
			margin-bottom: 0;
			margin-top: 1em;
			padding: 0;
			text-align: left;
			position: static;
			bottom: 0;
			color: inherit;
			letter-spacing: normal;
			width: 100%;
			left: 0;
		}
	}
}
@media only screen and (max-width: 500px) {
	footer.institucional {
		.logo-ue {
			img {
				height: inherit !important;
				width: 100%;
			}
		}
	}
}
@media only screen and (max-width: 330px) {
	footer.institucional {
		.opciones-footer-institucional {
			gap: 20px;
		}
	}
}

/*--------------------------- Layout: cookies.scss ---------------------------*/
#cookieChoiceInfo {
	position: fixed;
	width: 100%;
	margin: 0px;
	left: 0px;
	bottom: 0px;
	color: var(--color-black);
	z-index: 1000;
	text-align: center;
	padding: 1.5em 1em;
	background-color: rgb(255, 255, 255);
	font-size: 0.95em;
	border-top: 3px solid #dbedf9;
	span {
		display: block;
		padding-bottom: 1.25em;
	}
	a {
		margin-left: 0;
		color: var(--color-primary);
		text-decoration: underline;
		font-weight: 600;
		&:hover {
			text-decoration: none;
			opacity: 0.7;
		}
	}
	a#cookieChoiceDismiss {
		font-weight: 600;
		border: 1px solid #fff;
		text-decoration: none;
	}
	div {
		display: flex;
		gap: .5rem;
		justify-content: center;
		button {
			font-size: .9rem;
			border-radius: var(--border-radius);
			padding: .5em .8em;
			text-decoration: none;
			display: table;
			border: 0;
			cursor: pointer;
			text-align: center;
			background-color: var(--color-primary);
			color: var(--color-white);
			margin: 0 !important;
			transition: all .2s ease;
			&:hover {
				background-color: var(--color-hoverContrast);
			}
		}
	}
}
#cookiePrefsPanel {
	.cookies-chekbox {
		a {
			margin-left: 0;
			color: var(--color-primary);
			text-decoration: underline;
			font-weight: 600;
			padding-left: .3rem;
		}
	}
}
		
/*SideBar Gestión de cookies*/
div#cookiePrefsPanel {
	position: fixed;
	bottom: 0;
	right: 0;
	background: rgb(255, 255, 255);
	padding: 4rem 1.5rem;
	border: 1px solid rgb(204, 204, 204);
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	max-width: 450px;
	height: 100vh;
	z-index: 1001;
	overflow-x: hidden;
	&::-webkit-scrollbar {
		width: 5px;
	}
	&::-webkit-scrollbar-track {
		background: rgb(241, 241, 241);
	}
	&::-webkit-scrollbar-thumb {
		background: var(--color-secundary);
		&:hover {
			background: var(--color-secondary);
		}
	}
	p {
		font-size: .95rem;
	}
	&:before {
		background: rgba(0, 0, 0, .5);
		bottom: 0;
		content: "";
		left: 0;
		position: fixed;
		right: 450px;
		top: 0;
	}
	.header-cookies {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid var(--color-line-gray);
		padding-bottom: 1rem;
		margin-bottom: 2rem;
		align-items: center;
		h3 {
			font-size: 1.1rem;
		}
		.close-btn {
			background: var(--background-highlight);
			border: 1px solid var(--background-highlight);
			border-radius: var(--border-radius);
			height: 40px;
			position: relative;
			transition: all .15s ease;
			width: 40px;
			&:hover {
				border: 1px solid var(--color-hoverContrast);
			}
			&:after {
				background: var(--color-black);
				content: "";
				height: .9em;
				left: 0;
				margin: auto;
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%) rotate(45deg);
				transition: all .15s ease;
				width: 1.5px;
				transform: translateY(-50%) rotate(-45deg);
			}
			&:before {
				background: var(--color-black);
				content: "";
				height: .9em;
				left: 0;
				margin: auto;
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%) rotate(45deg);
				transition: all .15s ease;
				width: 1.5px;
			}
		}
	}
	.cookies-info {
		h2 {
			font-size: 1.1rem;
		}
		margin-top: 3rem;
		border-top: 1px solid var(--color-line-gray);
		border-bottom: 1px solid var(--color-line-gray);
		padding: 1rem 0;
	}
	.cookies-chekbox {
		p {
			margin-bottom: 2rem;
		}
	}
	label {
		bottom: 0;
		cursor: pointer;
		display: inline-block;
		margin: auto;
		transform: translateZ(0);
		user-select: none;
		vertical-align: middle;
		z-index: 1;
		margin-bottom: 1rem;
		.toggle__label {
			font-size: .95rem;
			margin-left: 4rem;
			display: block;
		}
		input {
			border: 0;
			cursor: pointer;
			display: block;
			left: -40px;
			margin: 0;
			position: absolute;
			top: 0;
			&:disabled {
				cursor: not-allowed;
			}
			&:checked~.toggle__icon {
				&:after {
					background-color: var(--color-primary);
					transform: translateX(25px);
				}
				.toggle__icon-off {
					&:after {
						opacity: 0;
					}
					&:before {
						opacity: 0;
					}
				}
				.toggle__icon-on {
					&:before {
						opacity: 1;
					}
				}
			}
			&:disabled~.toggle__icon {
				opacity: .5;
			}
		}
		input[type=checkbox] {
			&:before {
				content: none;
			}
			&:checked {
				&:before {
					content: none;
				}
			}
		}
		.toggle__icon {
			background: var(--color-background-gray);
			box-shadow: 0 0 0 1px var(--color-secondary);
			display: flex;
			flex-direction: row;
			pointer-events: none;
			position: absolute;
			transition: all .25s ease;
			width: 50px;
			height: 25px;
			border-radius: 20px;
			border: 1px solid var(--background-primary-color);
			&:after {
				background: var(--color-primary);
				border: none;
				border-radius: 100%;
				box-shadow: 0 1px 2px rgba(24, 32, 3, .36);
				content: "";
				display: block;
				height: 23px;
				left: 0;
				position: absolute;
				top: 0;
				transition: transform .25s ease, background-color .25s ease;
				width: 23px;
			}
		}
		.toggle__icon-off {
			align-items: center;
			display: flex;
			flex: 1;
			height: 100%;
			justify-content: center;
			position: relative;
			text-align: center;
			transform: translateZ(0);
			transition: opacity .15s ease;
			&:after {
				background: var(--color-white);
				content: "";
				display: block;
				height: .7em;
				margin: .5px 2px 0 auto;
				position: absolute;
				top: 50%;
				transform-origin: center;
				width: 2px;
				transition: all .5s;
				transform: translateY(-50%) rotate(-45deg);
			}
			&:before {
				background: var(--color-white);
				content: "";
				display: block;
				height: .7em;
				margin: .5px 2px 0 auto;
				position: absolute;
				top: 50%;
				transform-origin: center;
				width: 2px;
				transition: all .5s;
				transform: translateY(-50%) rotate(45deg);
			}
		}
		.toggle__icon-on {
			align-items: center;
			display: flex;
			flex: 1;
			height: 100%;
			justify-content: center;
			position: relative;
			text-align: center;
			transform: translateZ(0);
			transition: opacity .15s ease;
			left: 0;
			opacity: 1;
			z-index: 1;
			&:before {
				border: solid var(--color-white);
				border-width: 0 2px 2px 0;
				content: "";
				display: inline-block;
				margin: -4.5px auto 0 7px;
				padding: 1.5px 1.5px 7px;
				position: absolute;
				top: 50%;
				transform: rotate(45deg) translate(-50%);
				opacity: 0;
			}
		}
	}
	.toggle__icon-off {
		opacity: 1;
		z-index: 1;
	}
	.cookies-buttons {
		position: fixed;
		bottom: 2rem;
		display: flex;
		gap: .5rem;
		justify-content: space-around;
		button {
			font-size: .9rem;
			border-radius: var(--border-radius);
			padding: .5em .7em;
			text-decoration: none;
			display: table;
			border: 0;
			cursor: pointer;
			text-align: center;
			background-color: var(--color-primary);
			color: var(--color-white);
			margin: 0 !important;
			transition: all .2s ease;
			&:hover {
				background-color: var(--color-hoverContrast);;
			}
		}
	}
}
@media only screen and (max-height: 750px) {
	div#cookiePrefsPanel {
		padding: 2rem 1.5rem;
		.cookies-info {
			margin-top: 1rem;
		}
	}
}
@media only screen and (max-height: 680px) {
	div#cookiePrefsPanel {
		overflow-y: scroll;
		.cookies-buttons {
			position: initial;
			margin-top: 2rem;
			button {
				font-size: .85rem;
			}
		}
	}
}
@media only screen and (max-width: 780px) {
	div#cookiePrefsPanel {
		padding: 2rem 1.5rem;
		.cookies-info {
			margin-top: 1rem;
		}
	}
}
@media only screen and (max-width: 420px) {
	div#cookiePrefsPanel {
		.cookies-buttons {
			position: initial;
			margin-top: 2rem;
		}
	}
}

/*--------------------------- Layout: sidebar.scss ---------------------------*/
/*--------------------------- Layout: form.scss ---------------------------*/
/* Formularios */
main {
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	legend {
		font-size: 1.125em;
	}
	label {
		display: block;
		width: 100%;
		font-size: 0.95em;
		padding-bottom: 0.65em;
	}
	input[type=text] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
	}
	input[type=date] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
	}
	input[type=tel] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
	}
	input[type=mail] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
	}
	input[type=email] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
	}
	input[type=password] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
	}
	input[type=number] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
	}
	input[type=search] {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
	}
	textarea {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
	}
	select {
		border: 1px solid #9e9e9e;
		padding: 0.35em;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-white);
		border-radius: 5px;
		width: 100%;
		transition: all 0.3s ease;
		margin-bottom: 1em;
		&:hover {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&:focus {
			box-shadow: 0px 0px 0px 4px rgba(76, 165, 224, 0.35);
			outline: 1px solid var(--color-secondary) !important;
			border: 1px solid transparent;
		}
		&::-webkit-scrollbar {
			width: 5px;
		}
		&::-webkit-scrollbar-track {
			background: rgb(241, 241, 241);
		}
		&::-webkit-scrollbar-thumb {
			background: var(--color-secondary);
			&:hover {
				background: var(--color-primary);
			}
		}
	}
	input[type=submit] {
		cursor: pointer;
		font-size: 1.125em;
		border-radius: var(--border-radius);
		padding: 0.35em 2em;
		text-decoration: none;
		display: table;
		border: 0;
		cursor: pointer;
		text-align: center;
		background: var(--color-primary);
		color: var(--color-white);
		min-width: 200px;
		&:hover {
			background-color: var(--color-hoverContrast);
		}
	}
	input[type=reset] {
		cursor: pointer;
		font-size: 1.125em;
		border-radius: var(--border-radius);
		padding: 0.35em 2em;
		text-decoration: none;
		display: table;
		border: 0;
		cursor: pointer;
		text-align: center;
		background: var(--color-white);
		border: 1px solid var(--color-background-gray);
		color: var(--color-text-gray);
		&:hover {
			background-color: var(--color-line-gray);
		}
	}
	button {
		cursor: pointer;
	}
	input[type=submit].boton-buscar {
		font-size: 1.125em;
		border-radius: var(--border-radius);
		padding: 0.35em 2em;
		text-decoration: none;
		display: table;
		border: 0;
		cursor: pointer;
		text-align: center;
	}
	input[type=button].boton-buscar {
		font-size: 1.125em;
		border-radius: var(--border-radius);
		padding: 0.35em 2em;
		text-decoration: none;
		display: table;
		border: 0;
		cursor: pointer;
		text-align: center;
	}
	input[type=button] {
		background: var(--color-primary);
		color: var(--color-white);
		min-width: 200px;
		&:hover {
			background-color: var(--color-hoverContrast);
		}
	}
	input[type=radio] {
		appearance: none;
		border: 0;
		box-shadow: none;
		width: auto;
		margin: 0.55em 1em;
		&:focus {
			outline: none;
		}
		&:before {
			content: "";
			background-color: var(--color-white);
			font-family: var(--FontAwesomeRegular);
			color: var(--color-primary);
			font-size: 1.1rem;
			font-style: normal;
			content: "\f111";
		}
		&:checked {
			&:before {
				content: "\f192";
			}
		}
	}
	input[type=checkbox] {
		appearance: none;
		outline: none;
		border: 0;
		box-shadow: none;
		width: auto;
		margin: 0.55em 1em;
		&:before {
			content: "";
			background-color: var(--color-white);
			font-family: var(--FontAwesomeRegular);
			color: var(--color-primary);
			font-size: 1.1rem;
			font-style: normal;
			content: "\f0c8";
		}
		&:checked {
			&:before {
				content: "\f14a";
			}
		}
	}
}
/*Buscador de datos*/
.buscar-datos {
	position: relative;
	margin-bottom: 1em;
	border-left: 1px dotted var(--color-primary);
	padding-left: 1.5em;
	fieldset {
		font-weight: var(--font-weight-regular);
		display: flex;
		flex-flow: row wrap;
		gap: 2%;
	}
	legend {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
	label {
		display: inline-block;
		width: 49%;
		font-size: 0.9rem;
		font-weight: 400;
	}
	select {
		display: inline-block;
		width: 49%;
	}
	input[type=text] {
		width: 95%;
	}
	input[type=date] {
		width: 100%;
		padding-right: 0;
		margin-top: 0.25em;
	}
	input[type=search] {
		width: 49%;
	}
	>input[type=search] {
		width: 97%;
	}
	input[type=submit] {
		margin: 0 auto;
	}
	&:before {
		content: "\f002";
		font-family: var(--FontAwesomeSolid);
		color: var(--color-primary);
		font-size: 2rem;
		display: block;
		margin-bottom: 0.5em;
	}
}
.buscador-novedades {
	position: relative;
	margin-bottom: 1em;
	border-left: 1px dotted var(--color-primary);
	padding-left: 1.5em;
	fieldset {
		font-weight: var(--font-weight-regular);
	}
	label {
		font-size: 0.9rem;
		font-weight: 400;
	}
	select {
		width: 95%;
	}
	input[type=submit] {
		margin: 0 auto;
		margin-top: 2.35em;
		margin-bottom: 0.55em;
	}
	.col {
		width: 43%;
	}
	>.col {
		float: left;
	}
	&:before {
		content: "\f002";
		font-family: var(--FontAwesomeSolid);
		color: var(--color-primary);
		font-size: 2rem;
		display: block;
		margin-bottom: 0.5em;
	}
}
.buscar-consulta {
	.buscar-datos {
		margin-top: 2rem;
	}
	legend {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
}
.buscar-datos.notasprensa {
	input[type=search] {
		margin-top: inherit;
	}
}
input[type=text].date {
	width: 100%;
	padding-right: 0;
	margin-top: 0.25em;
}
.formulario {
	input[type=submit] {
		margin: 0 auto;
	}
	width: 100%;
	position: relative;
	border-left: 1px dotted var(--color-primary);
	padding-left: 1.5em;
	margin-bottom: 1em;
	legend {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
}
.buscador-listados {
	input[type=submit].boton-buscar {
		margin: 0 auto;
	}
}
.g-recaptcha {
	margin-left: 4%;
	margin-bottom: 2em;
}
/*Consulta Participación Pública*/
.buscar-consulta {
  fieldset.tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 2em;

    li {
      margin-right: 3em;
      display: inline-block;
    }

    label {
      font-size: 1em;
      font-weight: var(--font-weight-semibold);
    }

    [type=radio] {
      &:checked, &:not(:checked) {
        position: absolute;
        left: -9999px;
      }

      &:checked + label, &:not(:checked) + label {
        position: relative;
        cursor: pointer;
        display: inline-block;
      }

      &:checked + label:before, &:not(:checked) + label:before {
        content: "\f111";
        background-color: #fff;
        font-family: var(--FontAwesomeRegular);
        color: var(--color-primary);
        font-size: 1.1rem;
        font-style: normal;
        margin-right: 0.3rem;
      }

      &:checked + label:before {
        content: "\f192";
      }

      &:not(:checked) + label, &:checked + label {
        color: var(--color-black);
      }
    }
  }

  .buscar-datos {
    .columna {
      width: 100%;

      label, select {
        width: 100%;
      }

      input[type=search] {
        width: 98%;
      }
    }

    .columna-date {
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      gap: 1em;
    }
  }
}

.buscar-datos.general {
  padding: 1em 3em;

  label, select, input[type=search] {
    display: inline-block;
    margin-top: 0;
  }

  label {
    width: 100%;
    font-size: 0.95em;
  }

  select {
    width: calc(100% - 220px);
    float: right;
    margin-right: 0;
  }

  input {
    &[type=search] {
      width: calc(100% - 220px);
      float: right;
      margin-right: 0;
    }

    &[type=submit] {
      margin: 0 auto;
      margin-top: 1em;
      width: 180px;
      display: block;
    }
  }
}

@media only screen and (max-width: 640px) {
  .buscar-datos {
    select, input[type=search] {
      width: 100%;
    }
  }

  .columna-date {
    flex-direction: column;
  }

  .buscador-novedades > .col {
    float: none;
    width: 100%;
  }
}
/*--------------------------- Components: buttons.scss ---------------------------*/
button.scroll-top {
	padding: 0;
	min-width: 50px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: var(--color-primary);
	border: 2px solid var(--color-secondary);
	background: var(--color-white) url(imagenes/arrow.svg) no-repeat center;
	background-size: 25px;
	transform: rotate(-90deg);
	position: fixed;
	right: 3%;
	bottom: 2em;
	z-index: 2;
	margin-top: calc(100vh + 140px);
	place-self: end;
	span {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		padding: 0;
		white-space: nowrap;
	}
}
.bt-enlace {
	font-size: 1.125em;
	background: var(--color-primary);
	border-radius: var(--border-radius);
	padding: 0.55em 2em;
	border: 0;
	text-decoration: none;
	color: var(--color-white);
	text-align: center;
	display: table;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	&:hover {
		color: var(--color-white);
		&::after {
			transition: all 0.3s ease-out;
			transform: scale(1, 1);
		}
	}
	&:visited {
		color: var(--color-white);
	}
	&:focus {
		top: 2px;
	}
	&::after {
		content: "";
		position: absolute;
		display: block;
		background: var(--color-hoverContrast);
		z-index: -1;
		padding: 0.55em 2em;
		display: block;
		transition: all 0.3s ease;
		border-radius: 50%;
		left: -50%;
		right: -50%;
		top: -150%;
		bottom: -150%;
		line-height: 8.34em;
		transform: scale(0, 0);
	}
}
a.bt-enlace {
	font-size: 1.125em;
	background: var(--color-primary);
	border-radius: var(--border-radius);
	padding: 0.55em 2em;
	border: 0;
	text-decoration: none;
	color: var(--color-white);
	text-align: center;
	display: table;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	&:hover {
		color: var(--color-white);
		&::after {
			transition: all 0.3s ease-out;
			transform: scale(1, 1);
		}
	}
	&:visited {
		color: var(--color-white);
	}
	&:focus {
		top: 2px;
	}
	&::after {
		content: "";
		position: absolute;
		display: block;
		background: var(--color-hoverContrast);
		z-index: -1;
		padding: 0.55em 2em;
		display: block;
		transition: all 0.3s ease;
		border-radius: 50%;
		left: -50%;
		right: -50%;
		top: -150%;
		bottom: -150%;
		line-height: 8.34em;
		transform: scale(0, 0);
	}
}
.descargar-pdf {
	font-size: 1.125em;
	background: var(--color-primary);
	border-radius: var(--border-radius);
	padding: 0.55em 2em;
	border: 0;
	text-decoration: none;
	color: var(--color-white);
	text-align: center;
	display: table;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	&:hover {
		color: var(--color-white);
		&::after {
			transition: all 0.3s ease-out;
			transform: scale(1, 1);
		}
	}
	&:visited {
		color: var(--color-white);
	}
	&:focus {
		top: 2px;
	}
	&::after {
		content: "";
		position: absolute;
		display: block;
		background: var(--color-hoverContrast);
		z-index: -1;
		padding: 0.55em 2em;
		display: block;
		transition: all 0.3s ease;
		border-radius: 50%;
		left: -50%;
		right: -50%;
		top: -150%;
		bottom: -150%;
		line-height: 8.34em;
		transform: scale(0, 0);
	}
}

/*Botón Secundario*/
.bt-secundary {
	font-size: 1.125em;
	background: var(---color-white);
	border-radius: var(--border-radius);
	padding: 0.55em 1em;
	border: 2px solid var(--color-secondary);
	text-decoration: none;
	color: var(---color-primary);
	text-align: center;
	display: table;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	&:hover {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
		&::after {
			transition: all 0.3s ease-out;
			transform: scale(1, 1);
		}
	}
	&:visited {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
	}
	&:focus {
		top: 2px;
	}
	&::after {
		content: "";
		position: absolute;
		display: block;
		background: var(--background-primary-color);
		z-index: -1;
		padding: 0.55em 1em;
		display: block;
		transition: all 0.3s ease;
		border-radius: 50%;
		left: -50%;
		right: -50%;
		top: -150%;
		bottom: -150%;
		line-height: 8.34em;
		transform: scale(0, 0);
	}
}
a.bt-secundary {
	font-size: 1.125em;
	background: var(---color-white);
	border-radius: var(--border-radius);
	padding: 0.55em 1em;
	border: 2px solid var(--color-secondary);
	text-decoration: none;
	color: var(---color-primary);
	text-align: center;
	display: table;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	&:hover {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
		&::after {
			transition: all 0.3s ease-out;
			transform: scale(1, 1);
		}
	}
	&:visited {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
	}
	&:focus {
		top: 2px;
	}
	&::after {
		content: "";
		position: absolute;
		display: block;
		background: var(--background-primary-color);
		z-index: -1;
		padding: 0.55em 1em;
		display: block;
		transition: all 0.3s ease;
		border-radius: 50%;
		left: -50%;
		right: -50%;
		top: -150%;
		bottom: -150%;
		line-height: 8.34em;
		transform: scale(0, 0);
	}
}
.bt-idioma {
	font-size: 1.125em;
	background: var(---color-white);
	border-radius: var(--border-radius);
	padding: 0.55em 1em;
	border: 2px solid var(--color-secondary);
	text-decoration: none;
	color: var(---color-primary);
	text-align: center;
	display: table;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	&:hover {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
		&::after {
			transition: all 0.3s ease-out;
			transform: scale(1, 1);
		}
	}
	&:visited {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
	}
	&:focus {
		top: 2px;
	}
	&::after {
		content: "";
		position: absolute;
		display: block;
		background: var(--background-primary-color);
		z-index: -1;
		padding: 0.55em 1em;
		display: block;
		transition: all 0.3s ease;
		border-radius: 50%;
		left: -50%;
		right: -50%;
		top: -150%;
		bottom: -150%;
		line-height: 8.34em;
		transform: scale(0, 0);
	}
}
a.bt-idioma {
	font-size: 1.125em;
	background: var(---color-white);
	border-radius: var(--border-radius);
	padding: 0.55em 1em;
	border: 2px solid var(--color-secondary);
	text-decoration: none;
	color: var(---color-primary);
	text-align: center;
	display: table;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s;
	&:hover {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
		&::after {
			transition: all 0.3s ease-out;
			transform: scale(1, 1);
		}
	}
	&:visited {
		color: var(---color-primary);
		border: 2px solid var(--color-secondary);
	}
	&:focus {
		top: 2px;
	}
	&::after {
		content: "";
		position: absolute;
		display: block;
		background: var(--background-primary-color);
		z-index: -1;
		padding: 0.55em 1em;
		display: block;
		transition: all 0.3s ease;
		border-radius: 50%;
		left: -50%;
		right: -50%;
		top: -150%;
		bottom: -150%;
		line-height: 8.34em;
		transform: scale(0, 0);
	}
}
.bt-idioma.bt-ingles {
	float: right;
	overflow: hidden;
}

/*Botón toggle más información*/
button.bt-info {
	text-transform: uppercase;
	font-weight: var(--font-weight-semibold);
	color: var(--color-black);
	border: 0;
	padding: 0;
	margin: 1em 0;
	background: none;
	text-align: left;
	padding-left: 1em;
	display: block;
	span {
		text-decoration: underline;
	}
	&:hover {
		span {
			text-decoration: none;
			background: none;
		}
	}
	&::before {
		font-family: var(--FontAwesomeSolid);
		padding-right: 0.55em;
		content: "\f067";
		float: none;
		font-size: 0.9em;
		color: var(--color-secondary);
		margin-left: -1.25em;
	}
}
button.bt-info2 {
	text-transform: uppercase;
	font-weight: var(--font-weight-semibold);
	color: var(--color-black);
	border: 0;
	padding: 0;
	margin: 1em 0;
	background: none;
	text-align: left;
	padding-left: 1em;
	display: block;
	span {
		text-decoration: underline;
	}
	&:hover {
		span {
			text-decoration: none;
			background: none;
		}
	}
	&::before {
		font-family: var(--FontAwesomeSolid);
		padding-right: 0.55em;
		content: "\f067";
		float: none;
		font-size: 0.9em;
		color: var(--color-secondary);
		margin-left: -1.25em;
	}
}
button.bt-info.open {
	&:before {
		content: "\f068";
	}
}
button.bt-info2.open {
	&:before {
		content: "\f068";
	}
}
.content-collapse {
	display: none;
}
.content-collapse2 {
	display: none;
}

/*Redes sociales - Compartir página*/
.compartir {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	.compartir-label {
		padding-right: 0.55em;
	}
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
		li {
			width: 35px;
			height: 35px;
			span {
				clip: rect(0 0 0 0);
				clip-path: inset(50%);
				width: 1px;
				height: 1px;
				overflow: hidden;
				position: absolute;
				padding: 0;
				white-space: nowrap;
			}
			a.social {
				display: inline-block;
				border-bottom: 0;
			}
			a.social.facebook {
				&:before {
					font-family: "Font Awesome Brands";
					font-size: 1.15em;
					text-align: center;
					line-height: 35px;
					width: 35px;
					height: 35px;
					display: block;
					background-color: var(--background-primary-color);
					border-radius: 50%;
					content: "\f39e";
					color: #3b5998;
					a.social {
						&:before {
							&:hover {
								background-color: var(--color-secondary);
								opacity: 0.7;
							}
						}
					}
				}
			}
			a.social.twitter {
				&:before {
					font-family: "Font Awesome Brands";
					font-size: 1.15em;
					text-align: center;
					line-height: 35px;
					width: 35px;
					height: 35px;
					display: block;
					background-color: var(--background-primary-color);
					border-radius: 50%;
					content: "\e61b";
					color: var(--color-primary);
					a.social {
						&:before {
							&:hover {
								background-color: var(--color-secondary);
								opacity: 0.7;
							}
						}
					}
				}
			}
			a.social.correo {
				&:before {
					font-size: 1.15em;
					text-align: center;
					line-height: 35px;
					width: 35px;
					height: 35px;
					display: block;
					background-color: var(--background-primary-color);
					border-radius: 50%;
					font-family: "Font Awesome Solid";
					content: "\f0e0";
					color: var(--color-primary);
					a.social {
						&:before {
							&:hover {
								background-color: var(--color-secondary);
								opacity: 0.7;
							}
						}
					}
				}
			}
		}
	}
}

/* Compartir enlace */
.compartir-enlace {
	max-width: 42px;
	max-height: 42px;
	overflow: hidden;
	border: 0;
	border-radius: 3px;
	position: absolute;
	bottom: 0.55em;
	right: 0.55em;
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	&:hover {
		max-height: 170px;
		border: 0;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
		background-color: var(--color-white);
		-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	a {
		span {
			display: none;
		}
	}
	a.social {
		display: block;
		border: 0;
		text-decoration: none;
		&:hover {
			border: 0 !important;
			opacity: 0.7;
		}
	}
	a.social.facebook {
		&:before {
			content: "";
			font-family: "Font Awesome Brands";
			font-size: 1.55rem;
			margin: inherit;
			background-color: var(--color-white);
			content: "\f39e";
			color: #3b5998;
		}
	}
	a.social.twitter {
		&:before {
			content: "";
			font-family: "Font Awesome Brands";
			font-size: 1.55rem;
			margin: inherit;
			background-color: var(--color-white);
			content: "\e61b";
			color: var(--color-primary);
		}
	}
	a.social.correo {
		&:before {
			content: "";
			font-family: "Font Awesome Brands";
			font-size: 1.55rem;
			margin: inherit;
			background-color: var(--color-white);
			font-family: var(--FontAwesomeSolid);
			content: "\f0e0";
			color: var(--color-primary);
		}
	}
}
.ultimas-ayudas {
	span.compartir-label {
		width: 42px;
		height: 42px;
		overflow: hidden;
		display: block;
		text-align: center;
		span {
			display: none;
		}
		&:before {
			content: "\f1e0";
			font-family: var(--FontAwesomeSolid);
			color: var(--color-text-gray);
			font-size: 1.55rem;
			text-align: center;
			line-height: 42px;
		}
	}
}
.resultados-ayudas {
	span.compartir-label {
		width: 42px;
		height: 42px;
		overflow: hidden;
		display: block;
		text-align: center;
		span {
			display: none;
		}
		&:before {
			content: "\f1e0";
			font-family: var(--FontAwesomeSolid);
			color: var(--color-text-gray);
			font-size: 1.55rem;
			text-align: center;
			line-height: 42px;
		}
	}
	.compartir-enlace {
		ul {
			flex-direction: column;
			margin-top: 0.55em;
			gap: 0;
			padding: 0;
			li {
				width: 42px;
				height: 42px;
				padding: 0;
				border: 0;
				text-align: center;
				margin: 0;
				display: block;
				&:hover {
					box-shadow: none;
					transition: none;
					transform: none;
				}
			}
		}
	}
}
.home-container {
	.ultimas-ayudas {
		.compartir-enlace {
			ul {
				flex-direction: column;
				margin-top: 0.55em;
				gap: 0;
				padding: 0;
				li {
					width: 42px;
					height: 42px;
					padding: 0;
					border: 0;
					text-align: center;
					margin: 0;
					display: block;
					&:hover {
						box-shadow: none;
						transition: none;
						transform: none;
					}
				}
			}
		}
	}
}

/*Paginación*/
ul.pagination {
	font-size: 1em;
	text-align: center;
	list-style: none;
	padding: 1em 0;
	border: 0;
	margin: 0;
	margin-bottom: 1em;
	li {
		margin: 0;
		display: inline-block;
		margin: 0.35em;
		border: 0;
		overflow: hidden;
		line-height: 2.2;
		a {
			background: var(--color-primary);
			color: var(--color-white);
			width: 35px;
			height: 35px;
			display: block;
			border-radius: 50%;
			font-weight: var(--font-weight-bold);
			border: 0;
			&:hover {
				background: var(--color-secondary);
			}
		}
	}
	li.next {
		a {
			text-indent: -1000em;
			border: 2px solid var(--color-secondary);
			background: var(--color-white) url(imagenes/arrow.svg) no-repeat center;
			background-size: 25px;
			&:hover {
				border: 2px solid var(--color-primary);
			}
		}
	}
	li.prev {
		a {
			text-indent: -1000em;
			border: 2px solid var(--color-secondary);
			background: var(--color-white) url(imagenes/arrow.svg) no-repeat center;
			background-size: 25px;
			transform: rotate(180deg);
			&:hover {
				border: 2px solid var(--color-primary);
			}
		}
	}
	li.active {
		span {
			cursor: default;
			color: var(--color-primary);
			background: var(--background-primary-color);
		}
		a {
			cursor: default;
			color: var(--color-primary);
			background: var(--background-primary-color);
			&:hover {
				text-decoration: none;
				opacity: 1;
			}
		}
	}
	li.disabled {
		a {
			display: none;
			cursor: default;
			&:hover {
				display: none;
				cursor: default;
			}
		}
	}
}

/*Icono de documentos*/
a.file {
	&:before {
		background-color: var(--color-white);
	}
}
.highlight {
	a.file {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
}
.destacado {
	a.file {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
}
.destacadoplus {
	a.file {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
}
.aviso-registro {
	a.file {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.pdf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.doc {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.docx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.rtf {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.file.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xls {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xlsx {
		&:before {
			background-color: var(--background-highlight);
		}
	}
	a.xml {
		&:before {
			background-color: var(--background-highlight);
		}
	}
}
.destacado-gris {
	a.file {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.file.pdf {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.pdf {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.file.doc {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.file.docx {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.file.rtf {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.doc {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.docx {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.rtf {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.file.xls {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.file.xlsx {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.file.xml {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.xls {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.xlsx {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
	a.xml {
		&:before {
			background-color: var(--color-background-gray);
		}
	}
}
a.file.doc {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c2";
		color: #0a8db5;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.docx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c2";
		color: #0a8db5;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.rtf {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c2";
		color: #0a8db5;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.doc {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c2";
		color: #0a8db5;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.docx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c2";
		color: #0a8db5;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.rtf {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c2";
		color: #0a8db5;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.pdf {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c1";
		color: #a40638;
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.pdf {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c1";
		color: #a40638;
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.odt {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f15c";
		color: #107EC0;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.odt {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f15c";
		color: #107EC0;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.xls {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c3";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.xlsx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c3";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.xml {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c3";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.xls {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c3";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.xlsx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c3";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.xml {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c3";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.csv {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f6dd";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.csv {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f6dd";
		color: #2c711f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.ppt {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c4";
		color: #ea6e09;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.pps {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c4";
		color: #ea6e09;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.pptx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c4";
		color: #ea6e09;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.ppt {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c4";
		color: #ea6e09;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.pps {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c4";
		color: #ea6e09;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.pptx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c4";
		color: #ea6e09;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.asf {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.asx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.avi {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.mov {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.mp4 {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.mpg {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.qt {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.rm {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.wmv {
	img {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.asf {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.asx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.avi {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.mov {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.mp4 {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.mpg {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.qt {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.rm {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.wmv {
	img {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c8";
		color: #d21a4f;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.aac {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.aif {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.iff {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.m3u {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.mid {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.midi {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.mp3 {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.mpa {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.ra {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.aac {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.aif {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.iff {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.m3u {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.mid {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.midi {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.mp3 {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.mpa {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.ra {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
.ram {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
.wav {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
.wma {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c7";
		color: #064a68;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.gif {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.jpg {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.tif {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.tiff {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.png {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.jpeg {
	&:before {
		a.gif {
			&:before {
				font-family: var(--FontAwesomeSolid);
				content: "\f1c5";
				color: #80129b;
				background-color: var(--color-white);
				display: inline-block;
				padding-right: 0.25em;
			}
		}
	}
}
a.jpg {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.tif {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.tiff {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.png {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.jpeg {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c5";
		color: #80129b;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.zip {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.rar {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.exe {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.bat {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.zip {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.rar {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.exe {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.bat {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #777;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.htm {
	&:before {
		font-family: var(--FontAwesomeSolid);
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
		padding-right: 0.25em;
	}
}
a.file.php {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.asp {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.aspx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.xhtml {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.es {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.com {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.file.net {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.html {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.php {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.asp {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.aspx {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.xhtml {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.es {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.com {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
a.net {
	&:before {
		font-family: var(--FontAwesomeSolid);
		content: "\f1c6";
		color: #90a605;
		background-color: var(--color-white);
		display: inline-block;
		padding-right: 0.25em;
	}
}
@media only screen and (max-width: 780px) {
	.compartir {
		span {
			clip: rect(0 0 0 0);
			clip-path: inset(50%);
			width: 1px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			padding: 0;
			white-space: nowrap;
		}
	}
}
/*--------------------------- Components: cards.scss ---------------------------*/
.servicios-secciones {
	.tag-secciones {
		border-bottom: 2px solid var(--color-secondary);
		padding: 0;
		display: inline-block;
		padding-bottom: 0.15em;
		margin-bottom: 1.55em;
		font-size: 0.875em;
		font-weight: var(--font-weight-semibold);
		text-transform: uppercase;
	}
	.resultado-datos {
		ul {
			display: flex;
			flex-flow: row wrap;
			gap: 1em;
			list-style: none;
			padding: 0;
			margin: 0;
			padding-top: 1em;
			li {
				width: calc(33.333% - 1em);
				border: 1px solid var(--color-line-gray);
				border-radius: var(--border-radius);
				padding: 1.55em;
				padding-bottom: 2.55em;
				transition: all 0.1s ease;
				position: relative;
				.titulo {
					font-size: 1.225rem;
					line-height: 1.25;
					padding-bottom: 0.55em;
					margin-top: 0;
					a {
						&::after {
							content: "";
							position: absolute;
							left: 0;
							top: 0;
							right: 0;
							bottom: 0;
						}
						color: var(--color-text);
						border-bottom: 0;
						&:hover {
							border-bottom: 1px solid var(--color-secondary);
						}
					}
				}
				&::after {
					content: "\f061";
					font-family: var(--FontAwesomeSolid);
					color: var(--color-text);
					display: block;
					font-size: 1.25em;
					position: absolute;
					bottom: 0.35em;
				}
				&:hover {
					box-shadow: var(--box-shadow);
					transform: translateY(-8px);
					transition: all 0.3s ease;
					&::after {
						transform: translateX(5px);
						transition: all 0.3s ease;
					}
				}
			}
		}
	}
}
.destacados-secciones {
	margin-bottom: 1em;
	ul {
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
		justify-content: space-between;
		list-style: none;
		padding: 0;
		margin: 0;
		padding-top: 1em;
		padding-bottom: 1em;
		li {
			border: 1px solid var(--color-line-gray);
			border-radius: var(--border-radius);
			padding-bottom: 2em;
			transition: all 0.1s ease;
			position: relative;
			width: calc(50% - 1em);
			p {
				padding: 0 2rem;
				margin-bottom: 0;
			}
			.foto {
				width: 100%;
				overflow: hidden;
				display: block;
				border-top-left-radius: var(--border-radius);
				border-top-right-radius: var(--border-radius);
				height: 220px;
				margin-bottom: 2em;
				img {
					width: 100%;
					object-fit: cover;
				}
			}
			.foto-prtr {
				width: 100%;
				overflow: hidden;
				display: block;
				border-top-left-radius: var(--border-radius);
				border-top-right-radius: var(--border-radius);
				height: 220px;
				margin-bottom: 2em;
				img {
					width: 100%;
					object-fit: cover;
				}
			}
			.titulo {
				font-size: 1.225rem;
				line-height: 1.25;
				padding-bottom: 0.55em;
				margin-top: 0;
				a {
					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
					}
					color: var(--color-text);
					border-bottom: 0;
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
				}
			}
			&:hover {
				box-shadow: var(--box-shadow);
				transform: translateY(-8px);
				transition: all 0.3s ease;
			}
		}
		li.grupo-iconos {
			width: calc(25% - 1em);
			.foto {
				width: auto;
				height: auto;
				margin-bottom: 0;
			}
			.titulo {
				padding-left: 1rem;
				padding-right: 1rem;
				display: block;
				font-size: 1rem;
			}
			.tag-secciones {
				margin-left: 1rem;
			}
		}
	}
	.ui-list {
		flex-direction: column;
		margin-left: 2.5em;
		margin-right: 1em;
		gap: 0;
		li {
			width: 100%;
			border: 0;
			border-radius: 0;
			padding-bottom: 0.55em;
			padding-left: 0.55em;
			&::marker {
				content: "\f061";
				font-family: var(--FontAwesomeSolid);
				color: var(--color-secondary);
			}
			&:hover {
				box-shadow: none;
				transform: none;
			}
		}
	}
}
.destacados-gobierno-abierto {
	margin-bottom: 1em;
	ul {
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
		justify-content: space-between;
		list-style: none;
		padding: 0;
		margin: 0;
		padding-top: 1em;
		padding-bottom: 1em;
		li {
			border: 1px solid var(--color-line-gray);
			border-radius: var(--border-radius);
			padding-bottom: 2em;
			transition: all 0.1s ease;
			position: relative;
			width: calc(25% - 1em);
			p {
				padding: 0 2rem;
				margin-bottom: 0;
			}
			.foto {
				width: 100%;
				overflow: hidden;
				display: block;
				border-top-left-radius: var(--border-radius);
				border-top-right-radius: var(--border-radius);
				height: 220px;
				margin-bottom: 2em;
				height: auto;
				text-align: center;
				margin: 1em 0;
				img {
					width: 100%;
					object-fit: cover;
					width: auto;
					object-fit: contain;
				}
			}
			.foto-prtr {
				width: 100%;
				overflow: hidden;
				display: block;
				border-top-left-radius: var(--border-radius);
				border-top-right-radius: var(--border-radius);
				height: 220px;
				margin-bottom: 2em;
				img {
					width: 100%;
					object-fit: cover;
				}
			}
			.titulo {
				font-size: 1.225rem;
				line-height: 1.25;
				padding-bottom: 0.55em;
				margin-top: 0;
				a {
					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
					}
					color: var(--color-text);
					border-bottom: 0;
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
				}
			}
			&:hover {
				box-shadow: var(--box-shadow);
				transform: translateY(-8px);
				transition: all 0.3s ease;
			}
		}
		li.grupo-iconos {
			width: calc(25% - 1em);
			.foto {
				width: auto;
				height: auto;
				margin-bottom: 0;
			}
			.titulo {
				padding-left: 1rem;
				padding-right: 1rem;
				display: block;
				font-size: 1rem;
			}
			.tag-secciones {
				margin-left: 1rem;
			}
		}
	}
	h3.titulo {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
.prtr {
	.destacados {
		margin-bottom: 1em;
		ul {
			display: flex;
			flex-flow: row wrap;
			gap: 1em;
			justify-content: space-between;
			list-style: none;
			padding: 0;
			margin: 0;
			padding-top: 1em;
			padding-bottom: 1em;
			li {
				border: 1px solid var(--color-line-gray);
				border-radius: var(--border-radius);
				padding-bottom: 2em;
				transition: all 0.1s ease;
				position: relative;
				width: calc(33.33% - 1em);
				p {
					padding: 0 2rem;
					margin-bottom: 0;
				}
				.foto {
					width: 100%;
					overflow: hidden;
					display: block;
					border-top-left-radius: var(--border-radius);
					border-top-right-radius: var(--border-radius);
					height: 220px;
					margin-bottom: 2em;
					img {
						width: 100%;
						object-fit: cover;
					}
				}
				.foto-prtr {
					width: 100%;
					overflow: hidden;
					display: block;
					border-top-left-radius: var(--border-radius);
					border-top-right-radius: var(--border-radius);
					height: 220px;
					margin-bottom: 2em;
					height: auto;
					img {
						width: 100%;
						object-fit: cover;
					}
				}
				.titulo {
					font-size: 1.225rem;
					line-height: 1.25;
					padding-bottom: 0.55em;
					margin-top: 0;
					a {
						&::after {
							content: "";
							position: absolute;
							left: 0;
							top: 0;
							right: 0;
							bottom: 0;
						}
						color: var(--color-text);
						border-bottom: 0;
						&:hover {
							border-bottom: 1px solid var(--color-secondary);
						}
					}
				}
				&:hover {
					box-shadow: var(--box-shadow);
					transform: translateY(-8px);
					transition: all 0.3s ease;
				}
				a {
					font-size: 1.225rem;
					color: var(--color-text);
					border-bottom: 0;
					margin-left: 2rem;
					display: inline-block;
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
					}
				}
			}
			li.grupo-iconos {
				width: calc(25% - 1em);
				.foto {
					width: auto;
					height: auto;
					margin-bottom: 0;
				}
				.titulo {
					padding-left: 1rem;
					padding-right: 1rem;
					display: block;
					font-size: 1rem;
				}
				.tag-secciones {
					margin-left: 1rem;
				}
			}
		}
	}
}
@media only screen and (max-width: 950px) {
	section.prtr {
		article.destacados {
			width: 100%;
			ul {
				li {
					width: 45%;
					margin-top: 1rem;
				}
			}
		}
	}
}
@media only screen and (max-width: 680px) {
	section.prtr {
		article.destacados {
			ul {
				flex-direction: column;
				li {
					width: 90%;
					.foto-prtr {
						height: 200px;
					}
				}
			}
		}
	}
	.videos-PRTR.galeria-container.videos-container {
		iframe {
			width: 100%;
			aspect-ratio: 16/9;
		}
	}
	.destacados-gobierno-abierto {
		ul {
			li {
				width: calc(100% - 1em);
			}
		}
	}
}
@media only screen and (max-width: 1280px) {
	.destacados-gobierno-abierto {
		ul {
			li {
				width: calc(50% - 1em);
			}
		}
	}
}
/*Enlaces con icono/logos*/
.enlaces {
	ul {
		display: flex;
		flex-flow: row wrap;
		gap: 1.5em;
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			border-radius: var(--border-radius);
			border: 1px solid var(--color-gray);
			padding: 1em;
			text-align: center;
			width: calc(25% - 1.5em);
			display: flex;
			align-content: center;
			justify-content: center;
			position: relative;
			img {
				display: block;
				width: auto;
				max-width: 100%;
			}
			span {
				clip: rect(0 0 0 0);
				clip-path: inset(50%);
				width: 1px;
				height: 1px;
				overflow: hidden;
				position: absolute;
				padding: 0;
				white-space: nowrap;
			}
			span.tt-enlace {
				font-size: 0.9em;
				color: var(--color-text);
				font-weight: var(--font-weight-regular);
				display: block;
				clip-path: none;
				width: auto;
				height: auto;
				position: static;
				white-space: break-spaces;
			}
			a {
				border-bottom: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				a {
					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
					}
				}
			}
			&:hover {
				border: 1px solid var(--color-secondary);
				border-radius: var(--border-radius);
			}
		}
	}
}

/*Media Query*/

@media only screen and (max-width: 1080px) {
	.servicios-secciones {
		.resultado-datos {
			ul {
				gap: 1em;
				li {
					width: calc(50.333% - 1em);
				}
			}
		}
	}
	.destacados-secciones {
		ul {
			gap: 1em;
			li {
				width: calc(50.333% - 1em);
			}
		}
	}
}
@media only screen and (max-width: 640px) {
	.servicios-secciones {
		.resultado-datos {
			ul {
				gap: 1em;
				flex-direction: column;
				li {
					width: 100%;
				}
			}
		}
	}
	.destacados-secciones {
		ul {
			gap: 1em;
			flex-direction: column;
			li {
				width: 100%;
				.foto {
					height: auto;
				}
			}
			li.grupo-iconos {
				width: 100%;
			}
		}
	}
	.destacados-gobierno-abierto {
		ul {
			li.grupo-iconos {
				width: 100%;
			}
		}
	}
	.prtr {
		.destacados {
			ul {
				li.grupo-iconos {
					li {
						width: 100%;
					}
				}
			}
		}
	}
	.enlaces {
		ul {
			li {
				width: calc(50% - 1.5em);
			}
			.lista-area-interes {
				ul {
					li {
						width: calc(50% - 2em);
						padding: 1.5em 0;
					}
				}
				img {
					width: 60%;
				}
			}
		}
	}
}

/*--------------------------- Components: carrusel.scss ---------------------------*/
/*Swiper*/
.swiper-wrapper {
	animation-duration: 1200ms !important;
	transition-duration: 1200ms !important;
}
#main-content {
	.swiper-pagination-bullet-active {
		opacity: 1;
		background: var(--color-primary);
		transform: scale(1.25);
	}
}
.slick-ministerio {
	padding-bottom: 1em;
	.foto {
		height: 200px;
		width: 100%;
		overflow: hidden;
		display: block;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		margin-bottom: 1em;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center center;
		}
	}
	.titulo {
		font-size: 1.225rem;
		line-height: 1.25;
		padding-bottom: 0;
		margin-top: 0;
		font-weight: var(--font-weight-semibold);
		margin: 0.55rem 1.55rem;
		display: block;
		a {
			&::after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
			}
			color: var(--color-text);
			border-bottom: 0;
			&:hover {
				border-bottom: 1px solid var(--color-secondary);
			}
		}
	}
	.tag-secciones {
		margin: 0.55rem 1.55rem;
	}
	.temas {
		margin: 0.55rem 1.55rem;
		display: block;
	}
	p {
		margin: 0.55rem 1.55rem;
	}
}
.slick-slide {
	background: #fff;
	padding: 0;
	width: 33.333%;
	border: 1px solid var(--color-line-gray);
	border-radius: var(--border-radius);
	padding-bottom: 2em;
	position: relative;
	display: none;
	flex-grow: 0;
	&:hover {
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	}
	img {
		display: block;
	}
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	.slick-track {
		transform: translate3d(0, 0, 0);
	}
	.slick-list {
		transform: translate3d(0, 0, 0);
	}
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list.dragging {
	cursor: pointer;
}
.slick-track {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	gap: 1em;
}
[dir=rtl] {
	.slick-slide {
		float: right;
	}
}
.slick-slide.slick-loading {
	img {
		display: none;
	}
}
.slick-initialized {
	.slick-slide {
		display: block;
		margin: 2px;
	}
}
.slick-loading {
	.slick-slide {
		visibility: hidden;
	}
}
.slick-vertical {
	.slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
	}
}
.slick-arrow.slick-hidden {
	display: none;
}
ul.slick-dots {
	text-align: center;
	border: 0;
	margin: 0 auto;
	z-index: 5;
	background: none;
	display: block;
	padding: 1em 0;
	li {
		width: 30px;
		height: 30px;
		background: none;
		border: 0;
		margin: 0 0.15em;
		padding: 0;
		display: inline-block;
		button {
			width: 15px;
			height: 15px;
			background: #fff;
			border-radius: 50%;
			text-indent: -9999px;
			overflow: hidden;
			border: 1px solid #ccc;
			margin: 0.25em;
			padding: 0;
		}
	}
	li.slick-active {
		button {
			cursor: default;
			background: #264c80;
			border: 1px solid #264c80;
			color: var(--color-white);
		}
	}
}
.destacados-secciones {
	ul.slick-dots {
		li {
			&:hover {
				box-shadow: none;
				transform: none;
			}
		}
	}
}

/* Arrows */
.slick-prev {
	line-height: 0;
	position: absolute;
	bottom: 10px;
	display: block;
	overflow: hidden;
	width: 35px;
	height: 35px;
	padding: 0;
	cursor: pointer;
	border: 0;
	border-radius: 50%;
	margin: 0 1em;
	left: 0;
	&:hover {
		opacity: 0.9;
		&:before {
			opacity: 1;
		}
	}
	&:focus {
		opacity: 0.9;
		&:before {
			opacity: 1;
		}
	}
	&:before {
		color: var(--color-white);
		font-family: var(--FontAwesomeSolid);
		font-size: 1.55em;
		line-height: 1.55;
		min-width: 35px;
		min-height: 35px;
		display: block;
		background: #264c80;
		content: "\f104";
		right: 0;
	}
}
.slick-next {
	line-height: 0;
	position: absolute;
	bottom: 10px;
	display: block;
	overflow: hidden;
	width: 35px;
	height: 35px;
	padding: 0;
	cursor: pointer;
	border: 0;
	border-radius: 50%;
	margin: 0 1em;
	right: 0;
	&:hover {
		opacity: 0.9;
		&:before {
			opacity: 1;
		}
	}
	&:focus {
		opacity: 0.9;
		&:before {
			opacity: 1;
		}
	}
	&:before {
		color: var(--color-white);
		font-family: var(--FontAwesomeSolid);
		font-size: 1.55em;
		line-height: 1.55;
		min-width: 35px;
		min-height: 35px;
		display: block;
		background: #264c80;
		content: "\f105";
	}
}
.slick-prev.slick-disabled {
	opacity: 0.5;
	cursor: default;
	&:hover {
		opacity: 0.5;
		cursor: default;
	}
	&:focus {
		opacity: 0.5;
		cursor: default;
	}
}
.slick-next.slick-disabled {
	opacity: 0.5;
	cursor: default;
	&:hover {
		opacity: 0.5;
		cursor: default;
	}
	&:focus {
		opacity: 0.5;
		cursor: default;
	}
}

/*Carrusel galeria FIEM*/
.galeria-container {
	.caroufredsel_wrapper {
		margin-left: 0 !important;
		margin-right: 0 !important;
		.galeria-foto {
			width: 100%;
			height: 100%;
			display: block;
			max-height: 200px;
			overflow: hidden;
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-flow: row wrap;
			gap: 1em;
			justify-content: flex-start;
			li {
				width: calc(33.33% - 2em);
			}
		}
		li {
			.galeria-foto {
				margin-bottom: 0.55em;
				width: 100%;
				height: 200px;
				overflow: hidden;
				img {
					object-fit: cover;
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	.carousel-slider {
		position: relative;
		padding-bottom: 3em;
		.prev {
			line-height: 0;
			position: absolute;
			bottom: 10px;
			display: block;
			overflow: hidden;
			width: 35px;
			height: 35px;
			padding: 0;
			cursor: pointer;
			border: 0;
			border-radius: 50%;
			margin: 0 1em;
			left: 0;
			&:before {
				color: var(--color-white);
				font-family: var(--FontAwesomeSolid);
				font-size: 1.55em;
				line-height: 1.55;
				min-width: 35px;
				min-height: 35px;
				display: block;
				background: #264c80;
				text-align: center;
				content: "\f104";
				right: 0;
			}
		}
		.next {
			line-height: 0;
			position: absolute;
			bottom: 10px;
			display: block;
			overflow: hidden;
			width: 35px;
			height: 35px;
			padding: 0;
			cursor: pointer;
			border: 0;
			border-radius: 50%;
			margin: 0 1em;
			right: 0;
			&:before {
				color: var(--color-white);
				font-family: var(--FontAwesomeSolid);
				font-size: 1.55em;
				line-height: 1.55;
				min-width: 35px;
				min-height: 35px;
				display: block;
				background: #264c80;
				text-align: center;
				content: "\f105";
			}
		}
	}
}

/*Media Query*/
/*--------------------------- Components: accordion.scss ---------------------------*/
.accordion {
	padding: 1em 0;
	button {
		&::-moz-focus-inner {
			border: 0;
		}
	}
}
.accordion-trigger {
	background: none;
	color: var(--color-text);
	display: block;
	font-size: 1.15em;
	font-weight: var(--font-weight-semibold);
	padding: 0.25em 1em;
	padding-left: 0;
	position: relative;
	width: 100%;
	text-align: left;
	cursor: pointer;
	border-bottom: 1px solid var(--color-line-gray);
	&:hover {
		color: var(--color-primary);
		border-bottom: 1px solid var(--color-secondary);
	}
}
.accordion-title {
	display: block;
	pointer-events: none;
	border: transparent 2px solid;
	padding: 0.25em;
	outline: none;
	margin-right: 2.25em;
}
.accordion-icon {
	border: solid var(--color-primary);
	border-width: 0 2px 2px 0;
	height: 0.5em;
	pointer-events: none;
	position: absolute;
	right: 1em;
	top: 1.35em;
	transform: translateY(-60%) rotate(45deg);
	width: 0.5em;
}
.accordion-trigger[aria-expanded=true] {
	border-bottom: 0;
	color: var(--color-primary);
	margin-bottom: 0;
	.accordion-icon {
		transform: translateY(-50%) rotate(-135deg);
		border-color: var(--color-secondary);
	}
}
.accordion-panel {
	padding: 0 1em;
	border-left: 1px solid var(--color-secondary);
	border-top: 0;
	margin: 1em 0;
	margin-left: 0.55rem;
}

/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.accordion-panel[hidden] {
	display: none;
}

/*Acordeón Faqs*/
.menu-faq {
	.tt-categorias {
		text-transform: uppercase;
		font-size: 0.9em;
	}
	ul {
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
		list-style: none;
		margin: 1em 0;
		margin-bottom: 2em;
		padding: 0;
		li {
			padding-bottom: 0;
			a {
				border: 2px solid var(--color-line-gray);
				padding: 0.25em 1em;
				display: inline-block;
				color: var(--color-text);
				border-radius: var(--border-radius);
				font-weight: var(--font-weight-semibold);
				font-size: 0.9em;
				&:hover {
					color: var(--color-primary);
					background: var(--background-primary-color);
				}
			}
		}
	}
}
.preguntas-frecuentes {
	h2 {
		font-size: 1.25em;
	}
	.accordion {
		padding: 1em 0;
		dt {
			margin: 0;
			padding: 0;
		}
		button {
			&::-moz-focus-inner {
				border: 0;
			}
		}
	}
	.accordion-trigger {
		background: none;
		color: var(--color-primary);
		display: block;
		font-size: 1em;
		font-weight: var(--font-weight-semibold);
		padding: 0.55em 1em;
		margin-bottom: 0.55em;
		position: relative;
		width: 100%;
		text-align: left;
		cursor: pointer;
		border: 1px solid var(--color-secondary);
		border-radius: var(--border-radius);
		&:focus {
			background: var(--background-primary-color);
		}
		&:hover {
			background: var(--background-primary-color);
		}
	}
	.accordion-title {
		display: block;
		pointer-events: none;
		border: transparent 2px solid;
		padding: 0.25em;
		outline: none;
		margin-right: 2.25em;
	}
	.accordion-icon {
		border: solid var(--color-primary);
		border-width: 0 2px 2px 0;
		height: 0.5em;
		pointer-events: none;
		position: absolute;
		right: 2em;
		top: 1.65em;
		transform: translateY(-60%) rotate(45deg);
		width: 0.5em;
	}
	.accordion-trigger[aria-expanded=true] {
		border-bottom: 0;
		background: var(--background-primary-color);
		color: var(--color-text);
		margin-bottom: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		.accordion-icon {
			transform: translateY(-50%) rotate(-135deg);
		}
	}
	.accordion-panel {
		padding: 1em 1.5em;
		padding-top: 0;
		background: var(--background-primary-color);
		border: 1px solid var(--color-secondary);
		border-top: 0;
		border-radius: var(--border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin: 0;
		margin-bottom: 1em;
	}
	.accordion-panel[hidden] {
		display: none;
	}
}

/*Acordeon portal actual*/
.accordion {
	dt {
		background: none;
		color: var(--color-primary);
		display: block;
		font-size: 1.15em;
		font-weight: var(--font-weight-semibold);
		padding: 1em 0;
		padding-right: 2em;
		position: relative;
		width: 100%;
		text-align: left;
		cursor: pointer;
		border-bottom: 1px solid var(--color-line-gray);
		&:hover {
			transition: color 0.1s;
			color: var(--color-black);
			border-bottom: 1px solid var(--color-secondary);
		}
		button {
			border-style: none;
			text-align: left;
			padding: 0;
			margin: 0;
			&:hover {
				background: none;
				border-color: none;
			}
		}
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "\f078";
			color: var(--color-primary);
			float: right;
			margin-right: -2em;
		}
	}
	dd {
		padding: 1em;
		margin-bottom: 1em;
		padding: 0 1em;
		border-left: 1px solid var(--color-secondary);
		border-top: 0;
		margin: 1em 0;
		margin-left: 0.55rem;
		ul.cards {
			display: flex;
			flex-flow: row wrap;
			list-style: none;
			padding: 0;
			margin: 0;
			gap: 2em;
			li {
				width: calc(50% - 1em);
				padding-bottom: 0;
				h3 {
					padding-left: 1em;
				}
				li {
					width: 100%;
					padding-bottom: 1em;
				}
			}
		}
		ul.list-cards {
			padding-bottom: 0;
		}
	}
	dt.close {
		border-bottom: 1px solid var(--color-line-gray);
		button {
			&:hover {
				border-color: none;
			}
		}
		&:hover {
			border-bottom: 1px solid var(--color-secondary);
		}
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "\f078";
			color: var(--color-primary);
			float: right;
			margin-right: -2em;
		}
	}
	dt.open {
		color: var(--color-black);
		border: 0;
		font-weight: var(--font-weight-bold);
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "\f077";
			color: var(--color-secondary);
			float: right;
			margin-right: -2em;
		}
	}
}
.preguntas-frecuentes {
	.accordion {
		dt {
			background: none;
			color: var(--color-primary);
			display: block;
			font-size: 1.15em;
			font-weight: var(--font-weight-semibold);
			padding: 1em 0;
			padding-right: 2em;
			position: relative;
			width: 100%;
			text-align: left;
			cursor: pointer;
			border-bottom: 1px solid var(--color-line-gray);
			&:hover {
				transition: color 0.1s;
				color: var(--color-black);
				border-bottom: 1px solid var(--color-secondary);
			}
			button {
				border-style: none;
				text-align: left;
				padding: 0;
				margin: 0;
				&:hover {
					background: none;
					border-color: none;
				}
			}
			&::before {
				font-family: var(--FontAwesomeSolid);
				content: "\f078";
				color: var(--color-primary);
				float: right;
				margin-right: -2em;
			}
		}
		dd {
			padding: 1em;
			margin-bottom: 1em;
			padding: 0 1em;
			border-left: 1px solid var(--color-secondary);
			border-top: 0;
			margin: 1em 0;
			margin-left: 0.55rem;
		}
		dt.close {
			border-bottom: 1px solid var(--color-line-gray);
			button {
				&:hover {
					border-color: none;
				}
			}
			&:hover {
				border-bottom: 1px solid var(--color-secondary);
			}
			&::before {
				font-family: var(--FontAwesomeSolid);
				content: "\f078";
				color: var(--color-primary);
				float: right;
				margin-right: -2em;
			}
		}
		dt.open {
			color: var(--color-black);
			border: 0;
			font-weight: var(--font-weight-bold);
			&::before {
				font-family: var(--FontAwesomeSolid);
				content: "\f077";
				color: var(--color-secondary);
				float: right;
				margin-right: -2em;
			}
		}
	}
}
.glosario {
	.accordion {
		dt {
			background: none;
			color: var(--color-primary);
			display: block;
			font-size: 1.15em;
			font-weight: var(--font-weight-semibold);
			padding: 1em 0;
			padding-right: 2em;
			position: relative;
			width: 100%;
			text-align: left;
			cursor: pointer;
			border-bottom: 1px solid var(--color-line-gray);
			&:hover {
				transition: color 0.1s;
				color: var(--color-black);
				border-bottom: 1px solid var(--color-secondary);
			}
			button {
				border-style: none;
				text-align: left;
				padding: 0;
				margin: 0;
				&:hover {
					background: none;
					border-color: none;
				}
			}
			&::before {
				font-family: var(--FontAwesomeSolid);
				content: "\f078";
				color: var(--color-primary);
				float: right;
				margin-right: -2em;
			}
		}
		dd {
			padding: 1em;
			margin-bottom: 1em;
			padding: 0 1em;
			border-left: 1px solid var(--color-secondary);
			border-top: 0;
			margin: 1em 0;
			margin-left: 0.55rem;
		}
		dt.close {
			border-bottom: 1px solid var(--color-line-gray);
			button {
				&:hover {
					border-color: none;
				}
			}
			&:hover {
				border-bottom: 1px solid var(--color-secondary);
			}
			&::before {
				font-family: var(--FontAwesomeSolid);
				content: "\f078";
				color: var(--color-primary);
				float: right;
				margin-right: -2em;
			}
		}
		dt.open {
			color: var(--color-black);
			border: 0;
			font-weight: var(--font-weight-bold);
			&::before {
				font-family: var(--FontAwesomeSolid);
				content: "\f077";
				color: var(--color-secondary);
				float: right;
				margin-right: -2em;
			}
		}
	}
}

/*Glosario*/
.menu-glosario {
	margin: 1em 0;
	text-align: center;
	background: var(--color-primary);
	min-height: 2.55em;
	ul {
		padding: 0;
		li {
			display: inline-block;
			padding: 0 0.25em;
			margin: 0 0.15em;
			padding-top: 0.25em;
			font-size: 1.25em;
			color: rgba(255, 255, 255, 0.35);
			font-weight: var(--font-weight-bold);
			a {
				color: var(--color-white);
				border: 0;
			}
		}
		li.activo {
			text-decoration: none;
			color: var(--color-white);
			border-bottom: 5px solid var(--color-secondary);
		}
	}
}
/*Media Query*/
@media only screen and (max-width: 640px) {
	.accordion-trigger {
		font-size: 1em;
	}
	.preguntas-frecuentes {
		.accordion {
			dt {
				font-size: 1em;
			}
		}
	}
}

/*--------------------------- Components: dropdown.scss ---------------------------*/
/*--------------------------- Components: modal.scss ---------------------------*/
/*Ventana Modal*/
#basic-modal-content {
	display: none;
}
#simplemodal-overlay {
	background-color: var(--color-white);
}
.simplemodal-container {
	color: var(--color-aviso);
	background-color: var(--color-white);
	border: 1px solid #ccc;
	padding: 1.55em;
	box-shadow: 0px 0px 8px #ccc;
	width: 40% !important;
	height: auto !important;
}
.simplemodal-container.extendido {
	width: 950px !important;
}
#simplemodal-container {
	.simplemodal-data {
		padding: 0 2em;
	}
	code {
		background: #141414;
		border-left: 3px solid #65B43D;
		color: #bbb;
		display: block;
		font-size: 12px;
		margin-bottom: 12px;
		padding: 4px 6px 6px;
	}
	a.modalCloseImg {
		background: #000 url(imagenes/icons.svg) no-repeat 8px 4px;
		width: 35px;
		height: 35px;
		display: inline;
		z-index: 3200;
		position: absolute;
		top: -10px;
		right: -10px;
		cursor: pointer;
		border-radius: 50%;
	}
	h3 {
		color: #c00c33;
	}
}
.listadofaqs {
	li {
		p.break {
			word-break: break-all;
		}
	}
}
.simplemodal-container.medium {
	width: 800px !important;
	height: 620px !important;
}
.simplemodal-container.large {
	width: 960px !important;
	height: 620px !important;
}
.ms-dlgTitleBtns {
	margin-right: 0 !important;
}

/*Media Query*/
@media only screen and (max-width: 1080px) {
  .modal-dialog {
    width: 95%;
  }
}
/*--------------------------- Components: table.scss ---------------------------*/
/* Tablas */
table.tabladatos {
	border: 0;
	margin: 1.65em 0 2em 0;
	padding: 0.25em;
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-bottom: 2px solid #4ca5e0;
	overflow: auto;
	caption {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	tbody {
		tr {
			&:nth-child(even) {
				th {
					background-color: #f6fafd;
				}
				td {
					background-color: #f6fafd;
				}
			}
		}
	}
}
table.datos {
	border: 0;
	margin: 1.65em 0 2em 0;
	padding: 0.25em;
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-bottom: 2px solid #4ca5e0;
	overflow: auto;
	caption {
		font-size: 1.35em;
		border-bottom: 1px solid #4ca5e0;
		padding-bottom: 0.25em;
		margin-bottom: 0.25em;
		width: 100%;
	}
	thead {
		th {
			border-bottom: 3px solid #4ca5e0;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 1.15em;
			color: var(--color-black);
			vertical-align: baseline;
		}
	}
	tbody {
		th {
			color: var(--color-black);
			font-weight: 600;
			vertical-align: top;
		}
		tr {
			&:nth-child(even) {
				th.rowgroup {
					background-color: #e1effa;
					border-top: 1px solid #fff;
				}
				th {
					background-color: #f6fafd;
				}
				td {
					background-color: #f6fafd;
				}
			}
		}
		th.rowgroup {
			background-color: #e1effa;
			border-top: 1px solid #fff;
		}
	}
	tfoot {
		th {
			color: var(--color-black);
			font-weight: 600;
		}
		td {
			color: var(--color-black);
			font-weight: 600;
		}
	}
	th {
		padding: 0.65em 1em;
		text-align: left;
	}
	td {
		padding: 0.65em 1em;
		text-align: left;
		vertical-align: top;
		empty-cells: show;
		p {
			padding-top: 0;
			padding-bottom: 0.25em;
		}
	}
}
table.zebra {
	border: 0;
	margin: 1.65em 0 2em 0;
	padding: 0.25em;
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-bottom: 2px solid #4ca5e0;
	overflow: auto;
	caption {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	thead {
		th {
			border-bottom: 3px solid #4ca5e0;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 1.15em;
			color: var(--color-black);
			vertical-align: baseline;
		}
	}
	tbody {
		th {
			color: var(--color-black);
			font-weight: 600;
			vertical-align: top;
		}
	}
	tfoot {
		th {
			color: var(--color-black);
			font-weight: 600;
		}
		td {
			color: var(--color-black);
			font-weight: 600;
		}
	}
	th {
		padding: 0.65em 1em;
		text-align: left;
	}
	td {
		padding: 0.65em 1em;
		text-align: left;
		vertical-align: top;
		empty-cells: show;
	}
}
.tabladatos {
	thead {
		th {
			border-bottom: 3px solid #4ca5e0;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 1.15em;
			color: var(--color-black);
			vertical-align: baseline;
		}
	}
	tbody {
		th {
			color: var(--color-black);
			font-weight: 600;
			vertical-align: top;
		}
	}
	tbfoot {
		th {
			color: var(--color-black);
			font-weight: 600;
		}
		td {
			color: var(--color-black);
			font-weight: 600;
		}
	}
	th {
		padding: 0.65em 1em;
		text-align: left;
	}
	td {
		padding: 0.65em 1em;
		text-align: left;
		vertical-align: top;
		empty-cells: show;
		p {
			padding-top: 0;
			padding-bottom: 0.25em;
		}
	}
}
table.datos.estadisticas {
	caption {
		text-transform: uppercase;
		color: #264c80;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
		padding: 0.15em 0;
		margin-bottom: 2em;
		font-weight: 600;
		font-size: 1.25em;
	}
	th {
		text-align: center;
		width: 12%;
		&:first-child {
			width: 50%;
			text-align: left;
		}
	}
	td {
		text-align: center;
		width: 12%;
		&:first-child {
			width: 50%;
			text-align: left;
		}
	}
}
table.datos.nowrap {
	th {
		white-space: nowrap;
	}
}
p.fecha-actualizacion {
	font-size: 1.25em;
	font-weight: 600;
}
@media only screen and (max-width: 950px) {
	table.datos.responsive {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		border-bottom: none;
		caption {
			border-bottom: none;
			text-align: left;
			font-weight: var(--font-weight-bold);
		}
		thead {
			display: flex;
			flex-direction: column;
			width: 25%;
			align-items: flex-start;
			flex-wrap: nowrap;
			tr {
				display: flex;
				flex-direction: column;
				margin: 2rem 0;
				position: absolute;
				top: -9999px;
				left: -9999px;
			}
		}
		tbody {
			display: flex;
			flex-direction: column;
			width: 70%;
			tr {
				display: flex;
				flex-direction: column;
				margin: 2rem 0;
				th {
					margin-left: -46%;
					font-weight: var(--font-weight-bold);
					text-transform: uppercase;
					background-color: #f6fafd;
					line-height: 3;
				}
				&:nth-child(even) {
					td {
						background-color: transparent;
					}
				}
			}
		}
		tr {
			margin: 0 0 1rem 0;
		}
		td {
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
			&:nth-of-type(1) {
				&:after {
					content: "";
					width: 160%;
					height: 2px;
					background: #4ca5e0;
					position: absolute;
					left: -50%;
					top: -20px;
				}
			}
			&:before {
				position: absolute;
				top: .7rem;
				left: -42%;
				white-space: nowrap;
				font-weight: var(--font-weight-bold);
				text-transform: uppercase;
			}
		}
		td[data-label] {
			&:nth-of-type(1) {
				&:before {
					content: " "attr(data-label) " ";
				}
			}
			&:nth-of-type(2) {
				&:before {
					content: " "attr(data-label) " ";
				}
			}
			&:nth-of-type(3) {
				&:before {
					content: " "attr(data-label) " ";
				}
			}
			&:nth-of-type(4) {
				&:before {
					content: " "attr(data-label) " ";
				}
			}
			&:nth-of-type(5) {
				&:before {
					content: " "attr(data-label) " ";
				}
			}
			&:nth-of-type(6) {
				&:before {
					content: " "attr(data-label) " ";
				}
			}
		}
	}
}
@media only screen and (max-width: 850px) {
	table.tabladatos.tablaempleo {
		display: flex;
		text-align: left;
		flex-direction: row;
		thead {
			tr {
				display: flex;
				text-align: left;
				flex-direction: column;
				width: 100%;
			}
			th {
				border-bottom: 5px solid #fff;
				text-align: left;
			}
		}
		tbody {
			tr {
				display: flex;
				text-align: left;
				flex-direction: column;
				width: 100%;
			}
		}
		td {
			padding: 0.55rem 1rem;
			text-align: left;
		}
	}
}
@media only screen and (max-width: 480px) {
	table.tabladatos.tablaempleo {
		font-size: 90%;
	}
	table.datos.responsive {
		tbody {
			width: 65%;
		}
		td {
			&:before {
				left: -55%;
			}
		}
	}
}
@media only screen and (max-width: 380px) {
	table.tabladatos.tablaempleo {
		font-size: 80%;
	}
}
/*--------------------------- Components: listados-busqueda.scss ---------------------------*/
/*Listado consultas Participación Pública*/
.listado-consulta {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			padding-bottom: 1.25em;
			margin-bottom: 1.25em;
			border-bottom: 1px solid var(--color-line-gray);
			&:last-child {
				border-bottom: 0;
				margin-bottom: 0;
				padding-bottom: 0;
			}
		}
	}
	h2 {
		font-size: 1.35em;
		line-height: var(--base-line-height);
		a {
			color: var(--color-primary);
			border-bottom: 1px solid var(--color-secondary);
			font-weight: var(--font-weight-semibold);
			&:hever {
				border: 0;
			}
		}
	}
	p {
		margin-bottom: 1em;
	}
	.tag {
		margin-bottom: 0;
		margin-right: 0.25em;
	}
	.estado {
		margin-left: 0.25em;
		font-weight: var(--font-weight-bold);
	}
}

/*Brexit*/
.destacado-brexit {
	padding: 1em 10%;
	border-radius: var(--border-radius);
	background: var(--color-background-gray);
	margin-bottom: 2em;
	clear: both;
	section {
		display: flex;
		flex-flow: row nowrap;
		gap: 2em;
		article {
			margin: 2rem auto;
			text-align: center;
			padding: 0 3em;
		}
		img {
			display: block;
			margin: 0 auto 0.5rem;
			border-radius: var(--border-radius);
		}
	}
}
.enlaces-icono {
	border: 1px solid var(--color-line-gray);
	border-radius: var(--border-radius);
	padding: 2em;
	margin-bottom: 1.55em;
}
.consulta-brexit {
	padding: 1em 2em;
	margin-top: 2em;
	border: 2px solid var(--color-secondary);
	border-radius: var(--border-radius);
	text-align: center;
	a {
		margin: 0 1em;
		display: inline-block;
		color: var(--color-primary);
		border-bottom: 1px solid var(--color-secondary);
		font-weight: var(--font-weight-semibold);
		&:hover {
			border: 0;
		}
	}
	h2 {
		&:before {
			content: "\f27a";
			font-family: "Font Awesome Regular";
			color: var(--color-secondary);
			padding-right: 0.5em;
			font-size: 1.35em;
		}
	}
}
section.actualidad-secciones {
	div.enlace-faqs {
		height: 200px;
		position: absolute;
		right: 4%;
		top: 250px;
		z-index: 1;
		padding: 0 100px;
	}
}
section.columnas-secciones {
	div.enlace-faqs {
		right: 4%;
		top: 250px;
		z-index: 1;
		padding: 1.55em 20%;
		text-align: center;
	}
}
section {
	div.enlace-faqs {
		a {
			font-weight: var(--font-weight-bold);
			font-size: 1.65rem;
			color: var(--color-black);
			width: 160px;
			margin: 0 auto;
			line-height: 1.25;
			&:before {
				content: "";
				background: url(imagenes/icono-faqs.png) no-repeat;
				width: 98px;
				height: 88px;
				display: block;
				margin: 0 auto;
			}
		}
	}
}
@media only screen and (max-width: 640px) {
	.destacado-brexit {
		padding: 1em 2em;
	}
	.consulta-brexit {
		a {
			margin: 0.5em 1em;
		}
		h2 {
			&:before {
				display: block;
			}
		}
	}
	.listado-consulta {
		h2 {
			font-size: 1.25em;
		}
	}
}

/*--------------------------- Components: tabs.scss ---------------------------*/
/*--------------------------- Components: archivos-listados desordenados.scss ---------------------------*/
.listado-documentos {
	.pdf {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c1";
			color: #a40638;
		}
	}
	.PDF {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c1";
			color: #a40638;
		}
	}
	.doc {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c2";
			color: #0a8db5;
		}
	}
	.docx {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
		}
		a {
			&::before {
				content: "\f1c2";
				color: #0a8db5;
			}
		}
	}
	.xlsx {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c3";
			color: #2c711f;
		}
	}
	.csv {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f6dd";
			color: #2c711f;
		}
	}
	.excel {
		&:before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c3";
			color: #2c711f;
		}
	}
	.ods {
		&:before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
		}
		&::before {
			content: "\f15b";
			color: #2c711f;
		}
	}
	h2 {
		+ {
			ul.listado-enlaces-desordenado {
				padding-bottom: 1em;
			}
		}
	}
	h3 {
		+ {
			ul.listado-enlaces-desordenado {
				padding-bottom: 1em;
			}
		}
	}
}
.listado-enlaces-desordenado {
	.pdf {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c1";
			color: #a40638;
		}
	}
	.PDF {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c1";
			color: #a40638;
		}
	}
	.doc {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c2";
			color: #0a8db5;
		}
	}
	.docx {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
		}
		a {
			&::before {
				content: "\f1c2";
				color: #0a8db5;
			}
		}
	}
	.xlsx {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c3";
			color: #2c711f;
		}
	}
	.csv {
		&::before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f6dd";
			color: #2c711f;
		}
	}
	.excel {
		&:before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
			content: "\f1c3";
			color: #2c711f;
		}
	}
	.ods {
		&:before {
			font-family: var(--FontAwesomeSolid);
			content: "";
			background-color: var(--color-white);
			display: inline-block;
			padding-right: 0.25em;
		}
		&::before {
			content: "\f15b";
			color: #2c711f;
		}
	}
	h2 {
		+ {
			ul.listado-enlaces-desordenado {
				padding-bottom: 1em;
			}
		}
	}
	h3 {
		+ {
			ul.listado-enlaces-desordenado {
				padding-bottom: 1em;
			}
		}
	}
}

/* Ver más Ver menos (NEW) */
.listado-documentos {
	ol.listado-enlaces-ordenado {
		counter-reset: capitulo;
		counter-reset: articulo;
		list-style: none;
		max-height: 500px;
		overflow-y: scroll;
		overflow-x: hidden;
		&::-webkit-scrollbar {
			width: 5px;
		}
		&::-webkit-scrollbar-track {
			background: rgb(241, 241, 241);
		}
		&::-webkit-scrollbar-thumb {
			background: #4ca5e0;
			&:hover {
				background: #264c80;
			}
		}
		li {
			a {
				&:before {
					counter-increment: articulo;
					content: "" counter(capitulo, upper-roman) ". "counter(articulo, decimal) ". ";
					margin-right: 0.3rem;
				}
			}
			a.rspkr_dr_link {
				&:before {
					content: none;
				}
			}
		}
	}
	ol.listado-enlaces-ordenado-simple {
		counter-reset: articulo;
		list-style: none;
		li {
			a {
				&:before {
					counter-increment: articulo;
					content: "" counter(articulo, decimal) ". ";
					margin-right: 0.3rem;
				}
			}
		}
	}
	h2.encabezado-ordenado {
		&:before {
			content: "" counter(capitulo, upper-roman) ". ";
		}
	}
	h3.encabezado-ordenado {
		&:before {
			content: "" counter(capitulo, upper-roman) ". ";
		}
	}
	p {
		a {
			&:before {
				counter-increment: articulo;
				content: "" counter(capitulo, upper-roman) ". "counter(articulo, decimal) ". ";
				margin-right: 0.3rem;
				content: none;
			}
		}
		a.rspkr_dr_link {
			&:before {
				content: none;
			}
		}
	}
}
.col-contenido {
	.listado-documentos {
		h2.encabezado-ordenado {
			counter-increment: capitulo;
		}
		h3.encabezado-ordenado {
			counter-increment: capitulo;
		}
	}
}

/*--------------------------- Pages: home-mincotur.scss ---------------------------*/
.home-container-institucional {
	h1 {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		padding: 0;
	}
	ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.swiper-button-next {
		width: 44px;
		height: 44px;
		background-color: var(--color-white);
		border: 2px solid var(--color-secondary);
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		top: auto;
		right: 0;
		span {
			clip: rect(0 0 0 0);
			clip-path: inset(50%);
			width: 1px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			padding: 0;
			white-space: nowrap;
		}
		&:before {
			font-family: inherit;
			font-size: 1.55em;
			line-height: 1.55;
			background: #264c80;
			min-width: 30px;
			min-height: 30px;
			content: "";
			background: url("imagenes/arrow.svg") no-repeat center;
			width: 30px;
			height: 30px;
			color: var(--color-white);
			display: block;
		}
		&:after {
			content: none;
		}
	}
	.swiper-button-prev {
		width: 44px;
		height: 44px;
		background-color: var(--color-white);
		border: 2px solid var(--color-secondary);
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		top: auto;
		right: 0;
		span {
			clip: rect(0 0 0 0);
			clip-path: inset(50%);
			width: 1px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			padding: 0;
			white-space: nowrap;
		}
		&:before {
			font-family: inherit;
			font-size: 1.55em;
			line-height: 1.55;
			background: #264c80;
			min-width: 30px;
			min-height: 30px;
			content: "";
			background: url("imagenes/arrow.svg") no-repeat center;
			width: 30px;
			height: 30px;
			color: var(--color-white);
			display: block;
			transform: rotate(180deg);
		}
		&:after {
			content: none;
		}
	}
	.swiper-button-disabled {
		width: 44px;
		height: 44px;
		background-color: var(--color-white);
		border: 2px solid var(--color-secondary);
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		top: auto;
		right: 0;
		span {
			clip: rect(0 0 0 0);
			clip-path: inset(50%);
			width: 1px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			padding: 0;
			white-space: nowrap;
		}
		&:before {
			font-family: inherit;
			font-size: 1.55em;
			line-height: 1.55;
			background: #264c80;
			min-width: 30px;
			min-height: 30px;
			content: "";
			background: url("imagenes/arrow.svg") no-repeat center;
			width: 30px;
			height: 30px;
			color: var(--color-white);
			display: block;
		}
		&:after {
			content: none;
		}
	}
	svg.swiper-navigation-icon {
		display: none;
	}
	section {
		h2 {
			font-size: 2.55rem;
			line-height: 1.2;
			font-weight: var(--font-weight-semibold);
			text-align: left;
			margin: 0;
			padding: 1em 0;
			span {
				border-bottom: 3px solid var(--color-secondary);
				padding-bottom: 0.15em;
			}
		}
		h3 {
			font-weight: var(--font-weight-semibold);
		}
	}
	.tag {
		border-bottom: 2px solid var(--color-secondary);
		padding: 0;
		display: inline-block;
		padding-bottom: 0.15em;
		margin-bottom: 1.55em;
		font-size: 0.875em;
		font-weight: var(--font-weight-semibold);
		text-transform: uppercase;
		&:before {
			content: none;
		}
	}
	.tag.ministerio {
		border-color: var(--color-secondary);
	}
	.tag.industria {
		border-color: var(--color-secondary);
	}
	.tag.comercio {
		border-color: var(--color-comercio);
	}
	.tag.turismo {
		border-color: var(--color-turismo);
	}
	section.banner-home-institucional {
		padding: 2.5em 0;
		h2 {
			clip: rect(0 0 0 0);
			clip-path: inset(50%);
			width: 1px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			white-space: nowrap;
			padding: 0;
		}
		ul {
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			li {
				display: flex;
				flex-flow: row nowrap;
				gap: 2em;
				border-right: 1px solid var(--color-gray);
				align-items: center;
				padding: 0 3%;
				width: 40%;
				&:last-child {
					border-right: 0;
					margin-right: 0;
				}
			}
		}
		.foto-institucional {
			img {
				border-radius: 50%;
				width: 102px;
				height: 102px;
			}
		}
		.texto-institucional {
			position: relative;
			padding-right: 2em;
			h3 {
				font-size: 1rem;
				text-transform: uppercase;
				font-weight: var(--font-weight-bold);
				line-height: 1.3;
				margin: 0;
				a {
					color: var(--color-primary);
					border-bottom: 0;
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
					&:focus {
						border-bottom: 1px solid var(--color-secondary);
					}
					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
					}
				}
			}
			p {
				font-size: 1em;
				padding: 0;
				padding-top: 0.25em;
				line-height: 1.3;
				margin-bottom: 0;
			}
		}
	}
	section.actualidad-institucional {
		width: 100%;
		max-width: 1635px;
		padding: 0 2%;
		margin: 0 auto;
		margin-top: 3em;
		h2 {
			font-size: 2.5rem;
			margin-top: 0;
			padding: 0;
			text-align: left;
			left: 40.5%;
			font-weight: var(--font-weight-extrabold);
			position: absolute;
			z-index: 1;
			text-shadow: 1px 1px #fff;
		}
		.actualidad-container {
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			gap: 3em;
			position: relative;
			.news-home {
				width: 75%;
				position: relative;
				li {
					display: flex;
					flex-flow: row nowrap;
					gap: 3em;
					justify-content: space-between;
				}
				.foto-news-home {
					width: 65%;
					img {
						border-radius: var(--border-radius);
						width: 100%;
						height: 95%;
						object-fit: cover;
					}
				}
				.info-news-home {
					padding-top: 5em;
					width: 55%;
					h3 {
						font-size: 1.875rem;
						line-height: 1.2;
						margin-top: 0;
						a {
							border-bottom: none;
							color: var(--color-black);
							&:hover {
								border-bottom: 1px solid var(--color-secondary);
							}
						}
					}
					p {
						font-size: 1.125em;
						line-height: 1.5;
					}
					.fecha-news-home {
						display: inline-block;
						color: var(--color-text-gray);
						padding-right: 0.5em;
					}
					.lectura-news-home {
						padding-left: 0.5em;
						border-left: 1px solid var(--color-line-gray);
					}
				}
				.swiper-button-next {
					left: calc(66.66% + 144px);
					bottom: 5%;
				}
				.swiper-button-prev {
					left: 66.66%;
					bottom: 5%;
				}
				.swiper-pagination-fraction {
					bottom: 6%;
					left: calc(66.66% + 44px);
					width: 100px;
				}
			}
		}
		.avisos-destacados {
			margin-top: 3em;
			background: #dbedf9;
			border-radius: var(--border-radius);
			clip: rect(0 0 0 0);
			clip-path: inset(50%);
			width: 1px;
			height: 1px;
			overflow: hidden;
			position: absolute;
			white-space: nowrap;
			padding: 0;
			.avisos-home {
				padding-bottom: 1em;
			}
			.maxwidth {
				max-width: 900px;
				width: 100%;
				margin: 0 auto;
				padding: 0 3em;
				position: relative;
			}
			li {
				padding: 2em;
				width: 100%;
			}
			h3 {
				margin-top: 0;
				a {
					border-bottom: none;
					color: var(--color-black);
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
					&:focus {
						border-bottom: 1px solid var(--color-secondary);
					}
					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
					}
				}
			}
			.swiper-button-next {
				right: 1em;
				bottom: 50%;
				top: 50%;
			}
			.swiper-button-prev {
				left: 1em;
				bottom: 50%;
				top: 50%;
			}
		}
		.bt-enlace {
			margin: 0 auto;
			margin-top: 2em;
		}
	}
	.twitter-institucional {
		width: 25%;
		background: #f6fafd;
		border-radius: var(--border-radius);
		height: 600px;
		overflow-x: auto;
		padding: 1em;
		.title-column.twitter-title {
			color: var(----color-primary);
			font-size: 1.5rem;
			font-weight: var(--font-weight-semibold);
			margin-bottom: 0;
			p {
				padding: 0;
				margin-bottom: 0;
			}
			a {
				color: var(--color-primary);
				transition: none;
				text-decoration: none;
				text-transform: none;
				border-bottom: 0;
				&:hover {
					text-decoration: none;
					border-bottom: 1px solid var(--color-secondary);
				}
				&:focus {
					text-decoration: none;
					border-bottom: 1px solid var(--color-secondary);
				}
			}
		}
		.twitter-title {
			&:before {
				color: var(--color-secondary);
				content: "\e61b";
				font-family: "Font Awesome Brands";
				font-size: 24px;
				margin-right: 4px;
			}
		}
		ul.twitterTimeline {
			background-color: transparent;
			height: auto;
			overflow: hidden;
			border-radius: 0;
			border: 0;
			color: #515151;
			font-size: 1em;
			width: 100%;
		}
		iframe {
			height: 4000px;
			width: 100%;
		}
		&::-webkit-scrollbar {
			width: 5px;
		}
		&::-webkit-scrollbar-track {
			box-shadow: inset 0 0 10px #dbedf9;
			border-radius: 50px;
			background: #f6fafd;
		}
		&::-webkit-scrollbar-thumb {
			background: var(--color-secondary);
			border-radius: 50px;
		}
	}
	section.estrategias {
		margin-bottom: 2em;
		h2 {
			padding-top: 2em;
		}
		.rowgroup {
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
		}
		ul {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			gap: 2em;
			padding-top: 2em;
			li {
				width: 30%;
				padding-bottom: 2em;
				border-bottom: 1px solid var(--color-gray);
				h3 {
					font-size: 1.35rem;
					font-weight: var(--font-weight-semibold);
					line-height: 1.4;
					margin: 0;
					margin-bottom: 0.25em;
					a {
						border-bottom: none;
						color: var(--color-black);
						&:hover {
							border-bottom: 1px solid var(--color-secondary);
						}
						&:focus {
							border-bottom: 1px solid var(--color-secondary);
						}
						&::after {
							content: "";
							position: absolute;
							left: 0;
							top: 0;
							right: 0;
							bottom: 0;
						}
					}
				}
				p {
					font-size: 1em;
					line-height: 1.5;
					color: var(--color-text-gray);
					margin-bottom: 0;
				}
				.foto-institucional {
					width: 200px;
					height: 150px;
					img {
						object-fit: cover;
						width: 100%;
						border-radius: var(--border-radius);
					}
				}
				.texto-institucional {
					width: calc(100% - 230px);
					position: relative;
				}
			}
		}
	}
	section.servicios {
		padding: 2em 0;
		.enlaces-servicios {
			background: #f0f4f6;
			padding: 2em 0;
			ul {
				display: flex;
				flex-flow: row wrap;
				gap: 4em;
				padding: 3em 0;
				li {
					width: calc(25% - 4em);
					display: flex;
					flex-flow: row nowrap;
					gap: 1.25em;
					.icono-servicios {
						width: 45px;
						img {
							width: 45px;
							height: 45px;
						}
					}
					.texto-institucional {
						position: relative;
					}
					h3 {
						font-size: 1.125rem;
						font-weight: var(--font-weight-bold);
						line-height: 1.2;
						margin: 0;
						margin-bottom: 0.5em;
						a {
							color: var(--color-primary);
							border-bottom: 1px solid var(--color-secondary);
							&:hover {
								border-bottom: none;
							}
							&:focus {
								border-bottom: none;
							}
							&::after {
								content: "";
								position: absolute;
								left: 0;
								top: 0;
								right: 0;
								bottom: 0;
							}
						}
					}
					p {
						font-size: 1em;
						line-height: 1.5;
						margin-bottom: 0;
					}
				}
			}
		}
	}
	.card-banners {
		padding-top: 2em;
		ul {
			display: flex;
			flex-flow: row nowrap;
			gap: 1.25em;
			justify-content: center;
			li {
				border: 2px solid var(--color-gray);
				padding: 1em;
				border-radius: var(--border-radius);
				display: flex;
				flex-flow: row nowrap;
				gap: 3em;
				width: 50%;
				justify-content: center;
				align-items: center;
				.icono-round {
					width: 6.125em;
					height: 6.125em;
					img {
						width: 100%;
						object-fit: contain;
						border-radius: 50%;
					}
				}
				.texto-institucional {
					position: relative;
					h3 {
						font-size: 1.375rem;
						margin: 0;
						margin-bottom: 0.25em;
					}
					p {
						font-size: 1em;
						line-height: 1.5;
					}
				}
			}
			a {
				color: var(--color-black);
				border-bottom: none;
				&:focus {
					color: var(--color-black);
					border-bottom: none;
					border-bottom: 1px solid var(--color-secondary);
				}
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
				}
			}
		}
		.one-banner {
			display: flex;
			flex-flow: row nowrap;
			gap: 1.25em;
			justify-content: center;
			border: 2px solid var(--color-gray);
			padding: 1em;
			border-radius: var(--border-radius);
			display: flex;
			flex-flow: row nowrap;
			gap: 3em;
			width: 50%;
			justify-content: center;
			align-items: center;
			width: 40%;
			margin: auto;
			.icono-round {
				width: 6.125em;
				height: 6.125em;
				img {
					width: 100%;
					object-fit: contain;
					border-radius: 50%;
				}
			}
			.texto-institucional {
				position: relative;
				h3 {
					font-size: 1.375rem;
					margin: 0;
					margin-bottom: 0.25em;
				}
				p {
					font-size: 1em;
					line-height: 1.5;
				}
			}
			a {
				color: var(--color-black);
				border-bottom: none;
				&:focus {
					color: var(--color-black);
					border-bottom: none;
					border-bottom: 1px solid var(--color-secondary);
				}
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
			}
		}
	}
	section.enlaces-institucionales {
		width: 100%;
		max-width: 1635px;
		padding: 0 2%;
		margin: 0 auto;
		margin-bottom: 3em;
		h3 {
			font-size: 2.25em;
			border-bottom: 1px solid var(--color-gray);
			margin-top: 1em;
			padding-bottom: 0.25em;
			margin-bottom: 1em;
		}
		.campaigns-container {
			ul {
				li {
					border-radius: var(--border-radius);
					border: 1px solid var(--color-gray);
					display: flex;
					justify-content: center;
					align-items: center;
					span {
						clip: rect(0 0 0 0);
						clip-path: inset(50%);
						width: 1px;
						height: 1px;
						overflow: hidden;
						position: absolute;
						padding: 0;
						white-space: nowrap;
					}
					a {
						border: 0;
						img{
							width: 100%;
							padding: 1.5rem;
						}
					}
					&:hover {
						border: 1px solid var(--color-secondary);
						border-radius: var(--border-radius);
					}
				}
			}
			.corporativas {
				width: calc(50% - 1em);
				ul {
					display: flex;
					flex-flow: row wrap;
					gap: 1em;
					li {
						width: calc(50% - 1em);
						height: 13.5em;
						&:first-child {
							background: #1d2963;
						}
					}
				}
			}
			.otras {
				width: calc(50% - 1em);
				ul {
					display: flex;
					flex-flow: row wrap;
					gap: 1em;
					li {
						width: calc(33.33% - 1em);
						min-height: 6.25em;
					}
				}
			}
		}
		.directo-institucional {
			padding: 0 .1rem 4rem .1rem;
			ul {
				display: flex;
				flex-flow: row nowrap;
				align-items: stretch;
				li {
					text-align: center;
					border-radius: var(--border-radius);
					border: 1px solid var(--color-gray);
					display: flex;
					flex-flow: row nowrap;
					align-content: stretch;
					a {
						width: 100%;
						color: var(--color-black);
						border-bottom: 0;
					}
					.imagen-logo {
						padding: 1em;
						min-height: 6.25em;
						text-align: center;
						display: flex;
                        align-content: center;
                        justify-content: center;
                        flex-wrap: wrap;
					}
					.texto-logo {
						width: 100%;
						background: var(--background-primary-color);
						font-size: 0.875em;
						padding: 1em;
						display: block;
						line-height: 1.2;
						text-align: center;
						height: 5em;
						border-bottom-left-radius: var(--border-radius);
						border-bottom-right-radius: var(--border-radius);
					}
					&:hover {
						border: 1px solid var(--color-secondary);
						border-radius: var(--border-radius);
					}
				}
			}
		}
	}
	.campaigns-container {
		.ms-SPZone {
			width: auto !important;
			ul {
				display: block;
				li {
					display: inline-block !important;
				}
			}
		}
	}
	.directo-institucional {
		.ms-SPZone {
			width: auto !important;
			ul {
				display: block;
				li {
					display: inline-block !important;
				}
			}
		}
	}
}
@media only screen and (max-width: 1500px) {
	.home-container-institucional {
		section.actualidad-institucional {
			.actualidad-container {
				.news-home {
					.info-news-home {
						h3 {
							font-size: 1.575rem;
						}
					}
				}
			}
		}
		section.estrategias {
			ul {
				li {
					h3 {
						font-size: 1.25rem;
					}
					.foto-institucional {
						width: 190px;
						height: 150px;
					}
				}
			}
		}
	}
}
@media only screen and (min-width: 1081px) {
	.home-container-institucional {
		section.enlaces-institucionales {
			.campaigns-container {
				display: flex;
				flex-flow: row wrap;
				gap: 1em;
				max-width: 100%;
			}
		}
	}
}
@media only screen and (max-width: 1300px) {
	.home-container-institucional {
		section.estrategias {
			ul {
				li {
					width: calc(50% - 2em);
					h3 {
						font-size: 1.25rem;
					}
					p {
						font-size: 0.875em;
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 1280px) {
	.home-container-institucional {
		.tag {
			font-size: 0.75em;
		}
		section {
			h2 {
				font-size: 2rem;
			}
		}
		section.actualidad-institucional {
			h2 {
				font-size: 2.55rem;
				padding-bottom: 1em;
				margin-left: 0;
				position: static;
				position: static;
			}
			.actualidad-container {
				flex-direction: column;
				gap: 1em;
				flex-wrap: wrap;
				.news-home {
					width: 100%;
					li {
						gap: 2em;
					}
					.foto-news-home {
						width: 40%;
						height: 21.75em;
						img {
							height: 100%;
						}
					}
					.info-news-home {
						width: 60%;
						height: 21.75em;
						padding-top: 0;
						h3 {
							font-size: 1.25em;
						}
						p {
							font-size: 1em;
							margin-bottom: 0;
						}
						.fecha-news-home {
							margin-top: 0;
						}
					}
					.swiper-pagination-fraction {
						bottom: 0.55em;
						left: calc(50% + 2.75em);
					}
					.swiper-button-next {
						bottom: 0;
						left: calc(50% + 7.125em + 1em);
					}
					.swiper-button-prev {
						bottom: 0;
						left: calc(50% + 1em);
					}
				}
				.twitter-institucional {
					margin: 1em 0;
					height: auto;
					width: 100%;
					.title-column.twitter-title {
						display: block;
						width: 100%;
						text-align: center;
						margin: 0;
						padding: 0;
					}
					.twitter-block {
						display: none;
					}
					.twitterTimeline {
						display: none;
					}
				}
			}
			margin-top: 0;
			.avisos-destacados {
				.maxwidth {
					max-width: 100%;
					padding: 0 3em;
				}
			}
		}
		.container-maxwidth {
			padding: 0 1em;
			max-width: 100%;
		}
		section.banner-home-institucional {
			.texto-institucional {
				padding-right: 0;
				text-align: center;
			}
			ul {
				li {
					flex-direction: column;
					gap: 1em;
					flex-wrap: wrap;
				}
			}
			.foto-institucional {
				img {
					width: 5em;
					height: 5em;
				}
			}
		}
		section.servicios {
			padding-top: 0;
			.enlaces-servicios {
				ul {
					justify-content: space-between;
					li {
						width: calc(50% - 2em);
					}
				}
			}
		}
		.card-banners {
			ul {
				li {
					width: 100%;
					gap: 1em;
					.icono-round {
						width: 100px;
						height: 100px;
						.texto-institucional {
							width: 100%;
							h3 {
								font-size: 1.25rem;
							}
							p {
								font-size: 1em;
							}
						}
					}
				}
			}
			.one-banner {
				width: 100%;
				gap: 1em;
			}
		}
		section.enlaces-institucionales {
			padding: 0 1em;
			h3 {
				font-size: 1.65em;
			}
			.campaigns-container {
				flex-direction: column;
				.corporativas {
					width: 100%;
					ul {
						display: flex;
						flex-flow: row wrap;
						gap: 1em;
						li {
							width: calc(50% - 1em);
						}
					}
				}
				.otras {
					width: 100%;
					padding-top: 1em;
					ul {
						display: flex;
						flex-flow: row wrap;
						gap: 1em;
						li {
							width: calc(33.3% - 1em);
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 860px) {
	.home-container-institucional {
		section.estrategias {
			ul {
				li {
					width: calc(50% - 1em);
					.foto-institucional {
						width: 150px;
						height: 150px;
					}
					.texto-institucional {
						width: calc(100% - 160px);
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 780px) {
	.home-container-institucional {
		section.actualidad-institucional {
			padding: 0 1em;
			h2 {
				font-size: 2rem;
				padding-bottom: 1em;
			}
		}
		section.estrategias {
			ul {
				flex-direction: column;
				width: 100%;
				gap: 1em;
				padding-top: 1em;
				li {
					width: 100%;
					.foto-institucional {
						width: 150px;
						height: 100px;
					}
					.texto-institucional {
						width: calc(100% - 160px);
					}
				}
			}
		}
		section.servicios {
			.enlaces-servicios {
				padding: 1em 0;
				ul {
					padding: 1em 0;
				}
			}
		}
		.card-banners {
			ul {
				flex-direction: column;
				gap: 1em;
				li {
					width: 100%;
				}
			}
		}
		section.enlaces-institucionales {
			.directo-institucional {
				ul {
					li {
						.imagen-logo {
							img {
								max-width: 100%;
							}
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 640px) {
	.home-container-institucional {
		section {
			h2 {
				font-size: 1.55rem;
			}
		}
		section.actualidad-institucional {
			.actualidad-container {
				.news-home {
					li {
						flex-direction: column;
						gap: 1em;
					}
					h3 {
						font-size: 1.25rem;
					}
					.foto-news-home {
						width: 100%;
						padding-top: 0.25em;
						h3 {
							font-size: 1.25rem;
						}
						p {
							font-size: 0.875em;
						}
					}
					.info-news-home {
						width: 100%;
						padding-top: 0.25em;
						h3 {
							font-size: 1.25rem;
						}
						p {
							font-size: 0.875em;
						}
					}
					.swiper-pagination-fraction {
						bottom: 0.55em;
						left: calc(25% + 2.75em);
					}
					.swiper-button-next {
						bottom: 0;
						left: calc(25% + 9em);
					}
					.swiper-button-prev {
						bottom: 0;
						left: 25%;
					}
				}
			}
			h2 {
				padding-bottom: 0.55em;
				font-size: 2rem;
			}
			.avisos-destacados {
				h3 {
					font-size: 1.125rem;
				}
				p {
					font-size: 1em;
				}
			}
		}
		section.banner-home-institucional {
			.container-maxwidth {
				padding: 0;
			}
			ul {
				padding-left: 0;
				padding-right: 0;
				overflow-y: auto;
				overscroll-behavior-x: contain;
				-webkit-overflow-scrolling: touch;
				white-space: nowrap;
				justify-content: space-between;
				padding-bottom: 1em;
				border-bottom: 1px solid var(--color-gray);
				li {
					white-space: normal;
					padding: 0 1em;
					width: auto;
					border-right: 0;
				}
			}
			.texto-institucional {
				h3 {
					font-size: 0.75em;
					font-weight: var(--font-weight-semibold);
				}
				p {
					font-size: 0.75em;
				}
			}
			.foto-institucional {
				img {
					width: 3.438em;
					height: 3.438em;
				}
			}
		}
		section.servicios {
			.enlaces-servicios {
				ul {
					flex-direction: column;
					gap: 2em;
					li {
						width: 100%;
						font-size: 0.875em;
					}
				}
			}
		}
		.card-banners {
			ul {
				flex-direction: column;
				gap: 1em;
				li {
					flex-direction: column;
					padding: 1em;
					align-items: flex-start;
					.texto-institucional {
						width: 100%;
						font-size: 0.875em;
					}
				}
			}
		}
		section.enlaces-institucionales {
			h3 {
				font-size: 1.35em;
			}
			.campaigns-container {
				img {
					min-width: 100%;
					width: 100%;
					max-width: 100%;
					padding: 0 0.55em;
				}
				.corporativas {
					ul {
						flex-direction: column;
						li {
							width: 100%;
							min-height: 10em;
						}
					}
				}
				.otras {
					width: 100%;
					ul {
						display: flex;
						flex-flow: row wrap;
						gap: 1em;
						li {
							width: calc(50% - 1em);
							min-height: 6.875em;
						}
					}
				}
			}
			.directo-institucional {
				ul {
					li {
						.texto-logo {
							height: 6em;
							font-size: 0.75em;
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 380px) {
	.home-container-institucional {
		section.estrategias {
			ul {
				li {
					h3 {
						font-size: 1em;
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 340px) {
	.home-container-institucional {
		section.estrategias {
			ul {
				li {
					.foto-institucional {
						width: 120px;
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 320px) {
	.home-container-institucional {
		section.estrategias {
			ul {
				li {
					p {
						display: none;
					}
				}
			}
		}
	}
}

/* Arreglo home sin twitter */
.home-container-institucional {
	section.banner-home-institucional {
		padding: 2.5em 0 1rem;
	}
	section.actualidad-institucional {
		padding: 3rem 3.5% 1rem;
		background-color: var(--background-highlight);
		border-radius: var(--border-radius);
		width: 90%;
		h2 {
			margin-top: -35px;
			border-bottom: 3px solid var(--color-secondary);
			padding-bottom: 0.15em;
			position: initial;
			display: inline-block;
			font-size: 2.55rem;
			line-height: 1.2;
			font-weight: var(--font-weight-semibold);
			text-align: left;
			margin-bottom: 2rem;
			margin-left: -1rem;
			margin: -35px 0 2rem 0;
		}
		.actualidad-container {
			.news-home {
				width: 100%;
				position: relative;
				.foto-news-home {
					width: 45%;
				}
				.info-news-home {
					padding-top: 1em;
				}
			}
			margin-top: 2rem;
			display: initial;
		}
	}
	.twitter-institucional {
		display: none !important;
	}
}
@media only screen and (max-width: 1280px) {
	.home-container-institucional {
		section.actualidad-institucional {
			padding: 3rem 3.5% 3rem;
			h2 {
				font-size: 2rem;
				padding-bottom: .15em;
				margin-left: 0;
				position: static;
			}
		}
	}
}
@media only screen and (max-width: 1080px) {
	.home-container-institucional {
		section.actualidad-institucional {
			padding: 3rem 4.5% 2rem;
			width: 96%;
			.actualidad-container{
				.news-home{
					.info-news-home{
						padding-top: 0;
						p {
							font-size: .95rem;
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 640px) {
	.home-container-institucional {
		section.actualidad-institucional {
			h2 {
				font-size: 1.55rem;
			}
			.actualidad-container {
				.news-home {
					.foto-news-home {
						width: 100%;
					}
				}
			}
		}
	}
}

/*--------------------------- Pages: notas-prensa.scss ---------------------------*/
/*Notas de prensa*/
p.resultados {
	font-size: 1.125em;
	margin-top: 2em;
	margin-bottom: 1em;
	font-weight: var(--font-weight-semibold);
	strong {
		font-weight: var(--font-weight-extrabold);
	}
}
.notas-prensa {
	ul {
		margin: 0;
		padding: 0;
		padding-top: 2em;
		list-style: none;
		display: flex;
		flex-direction: column;
		border-top: 1px solid var(--color-line-gray);
		li {
			padding-bottom: 2em;
			margin-bottom: 2em;
			border-bottom: 1px solid var(--color-line-gray);
			position: relative;
		}
		.foto {
			width: 350px;
			float: right;
			overflow: hidden;
			display: block;
			margin-left: 3em;
			margin-top: 0.55em;
			border-radius: var(--border-radius);
			margin-bottom: 1em;
			img {
				width: 100%;
				object-fit: cover;
				border-radius: var(--border-radius);
			}
		}
		p {
			margin-bottom: 0;
		}
		h2 {
			font-size: 1.5rem;
			line-height: 1.25;
			padding-bottom: 0.55em;
			margin-top: 0;
			a {
				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
				}
				color: var(--color-text);
				border-bottom: 0;
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
			}
		}
		h3.titulo {
			font-size: 1.5rem;
			line-height: 1.25;
			padding-bottom: 0.55em;
			margin-top: 0;
			a {
				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
				}
				color: var(--color-text);
				border-bottom: 0;
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
			}
		}
		p.titulo {
			font-size: 1.5rem;
			line-height: 1.25;
			padding-bottom: 0.55em;
			margin-top: 0;
			a {
				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
				}
				color: var(--color-text);
				border-bottom: 0;
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
			}
		}
	}
	.bt-enlace {
		margin: 0 auto;
	}
}
.actualidad-ministerio {
	ul {
		display: flex;
		flex-flow: row wrap;
		gap: 2em;
		justify-content: space-between;
		list-style: none;
		margin: 0;
		padding: 0;
		padding-top: 1em;
		padding-bottom: 2em;
		li {
			width: calc(33.33% - 2em);
			border: 1px solid var(--color-line-gray);
			border-radius: var(--border-radius);
			padding-bottom: 2em;
			transition: all 0.1s ease;
			position: relative;
			p {
				padding: 0 2rem;
				margin-bottom: 0;
			}
			.foto {
				width: 100%;
				overflow: hidden;
				display: block;
				border-top-left-radius: var(--border-radius);
				border-top-right-radius: var(--border-radius);
				height: 220px;
				margin-bottom: 2em;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.titulo {
				font-size: 1.225rem;
				line-height: 1.25;
				padding: 0 2rem;
				padding-bottom: 0.55em;
				margin-top: 0;
				a {
					&::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
					}
					color: var(--color-text);
					border-bottom: 0;
					&:hover {
						border-bottom: 1px solid var(--color-secondary);
					}
				}
			}
			&:first-child {
				width: calc(66.66% - 1em);
			}
			&:hover {
				box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
				transform: translateY(-8px);
				transition: all 0.3s ease;
			}
		}
	}
	.bt-enlace {
		margin: 0 auto;
	}
}
.actualidad-secciones {
	.notas-prensa {
		ul {
			.foto {
				width: 250px;
			}
			p.titulo {
				font-size: 1.35rem;
			}
		}
	}
}

/*Detalle notas prensa*/
.tagline-prensa {
	font-size: 1.125em;
	margin: 2em 0;
	font-weight: var(--font-weight-bold);
}
.entrada-noticia {
	margin-top: 2em;
	width: 70%;
	header {
		display: flex;
		flex-direction: column;
		.detalle-noticia {
			order: 1;
		}
		h1 {
			order: 3;
		}
		.subtitular {
			order: 2;
		}
	}
	.subtitular {
		font-size: 1.35em;
		margin: 0;
		margin-top: 2em;
		font-weight: var(--font-weight-bold);
	}
	h1 {
		margin-top: 0.55em;
		margin-right: 0;
	}
	ul.detalle-noticia {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-top: 1em;
		li {
			display: inline-block;
			padding: 0;
			padding-right: 1em;
			margin-right: 1em;
			border-right: 1px solid var(--color-line-gray);
			&:last-child {
				border: 0;
			}
			.tag {
				margin-bottom: 0;
			}
		}
	}
	.summary {
		border-left: 1px solid var(--color-secondary);
		padding-left: 1em;
		margin: 1.55em 0;
		font-size: 1.125em;
		p {
			margin-bottom: 1.25em;
		}
		br {
			display: none;
		}
	}
	.foto {
		width: 100%;
		display: block;
		margin: 2em 0;
		img {
			width: 100%;
			object-fit: cover;
			border-radius: var(--border-radius);
		}
	}
}
.interior-container-menu {
	.entrada-noticia {
		width: 100%;
		header {
			h1 {
				margin-left: 0;
			}
		}
	}
}
.submenu.documentos {
	margin-top: 15%;
	ul.listado-documentos {
		border: 0;
		border-radius: 0;
		border-left: 1px solid var(--color-secondary);
	}
}

/*Convocatorias*/
.convocatorias {
	ul {
		margin: 0;
		list-style: none;
		padding: 0;
		li {
			margin: 1em 0;
			margin-bottom: 3em;
			padding: 0;
			display: flex;
			flex-flow: row nowrap;
			border-radius: var(--border-radius);
			border: 2px solid var(--background-primary-color);
			p {
				margin-bottom: 1em;
			}
			.columna-left {
				padding: 1em 2em;
				background-color: var(--background-primary-color);
				width: 50%;
				.tag {
					margin-bottom: 0;
				}
				.titulo {
					font-size: 1.25rem;
				}
			}
			.columna-right {
				padding: 1em 2em;
				padding-top: 2em;
				width: 50%;
				position: relative;
				&::before {
					width: 60px;
					height: 60px;
					text-align: center;
					content: "\f073";
					font-family: var(--FontAwesomeSolid);
					color: var(--color-white);
					background: var(--color-secondary);
					font-size: 1.65rem;
					border-radius: 50%;
					position: absolute;
					top: -1em;
					left: -1.15em;
					line-height: 60px;
				}
			}
		}
		img {
			width: auto;
			max-width: 250px;
			padding: 1em;
			background: #fff;
		}
		dl {
			dt {
				font-weight: var(--font-weight-semibold);
				padding-bottom: 0.25em;
			}
			dd {
				margin-bottom: 0.65em;
			}
			.mas-info {
				text-transform: uppercase;
				display: inline;
			}
		}
	}
	ul.una-columna {
		margin-top: 2em;
		margin-left: 1.65em;
		li {
			.columna-right {
				width: 100%;
				&::before {
					content: "\f091";
				}
				dl {
					display: flex;
					flex-flow: row wrap;
					dt {
						margin-bottom: 0.65rem;
						width: 220px;
					}
					dd {
						width: calc(100% - 240px);
						margin-bottom: 0.65rem;
					}
					dd.titulo {
						font-size: 1.25rem;
						font-weight: var(--font-weight-semibold);
					}
				}
			}
		}
	}
}
.novedades {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			border: 1px solid var(--color-line-gray);
			border-radius: var(--border-radius);
			padding: 1.5em;
			transition: all 0.1s ease;
			margin: 1.25em 0;
			font-weight: var(--font-weight-semibold);
			position: relative;
			a {
				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
				}
				display: table;
				margin-top: 1em;
			}
			a.bt-enlace {
				background: none;
				color: var(--color-primary);
				padding: 0;
				text-align: left;
				transition: none;
				margin: 0;
				border-bottom: 1px solid var(--color-secondary);
				border-radius: 0;
				&:hover {
					border-bottom: 0;
				}
				&::after {
					content: none;
				}
			}
			&:hover {
				box-shadow: var(--box-shadow);
				transform: translateY(-8px);
				transition: all 0.3s ease;
			}
		}
		.titulo {
			font-size: 1.225rem;
			line-height: 1.25;
			padding-bottom: 0.55em;
			margin-top: 0;
			a {
				&::after {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
				}
				color: var(--color-text);
				border-bottom: 0;
				display: initial;
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
			}
		}
		p {
			font-weight: var(--font-weight-regular);
		}
		ul {
			flex-direction: column;
			li {
				width: 100%;
				border: 0;
				border-radius: 0;
				padding: 0;
				margin: 0;
				padding-bottom: 1em;
				font-weight: var(--font-weight-regular);
				&:hover {
					box-shadow: none;
					transform: none;
				}
			}
		}
		ol {
			flex-direction: column;
			li {
				width: 100%;
				border: 0;
				border-radius: 0;
				padding: 0;
				margin: 0;
				padding-bottom: 1em;
				font-weight: var(--font-weight-regular);
				&:hover {
					box-shadow: none;
					transform: none;
				}
			}
		}
		.bt-enlace {
			margin: 0 auto;
		}
	}
}
.novedades.tematica-listado {
	.foto {
		width: 260px;
		overflow: hidden;
		display: block;
		border-radius: var(--border-radius);
		height: 220px;
		margin-right: 2em;
		float: left;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}
.novedades.tematica-destacado {
	ul {
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
		list-style: none;
		padding: 0;
		margin: 0;
		margin-bottom: 1em;
		li {
			width: calc(50% - 1em);
			padding: 0;
			padding-bottom: 1em;
			margin: 0;
			.titulo {
				margin: 0.55rem 1.55rem;
				display: block;
			}
			a {
				margin: 0.55rem 1.55rem;
			}
			.fecha {
				margin: 0.55rem 1.55rem;
				display: block;
			}
			.foto {
				width: 100%;
				display: block;
				border-top-left-radius: var(--border-radius);
				border-top-right-radius: var(--border-radius);
				height: 220px;
				margin-bottom: 2em;
				img {
					border-top-left-radius: var(--border-radius);
					border-top-right-radius: var(--border-radius);
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
	}
	a.bt-enlace {
		margin: 0 auto;
	}
}

/*Media Query*/

@media only screen and (max-width: 1080px) {
	.actualidad-ministerio {
		ul {
			li {
				width: calc(50% - 1em);
				&:first-child {
					width: 100%;
				}
			}
		}
	}
}
@media only screen and (max-width: 780px) {
	.notas-prensa {
		ul {
			.foto {
				float: none;
				width: 100%;
				margin-left: 0;
			}
		}
	}
	.actualidad-secciones {
		.notas-prensa {
			ul {
				.foto {
					float: none;
					width: 100%;
					margin-left: 0;
				}
			}
		}
	}
	.entrada-noticia {
		width: 100%;
		margin-top: 0;
		.summary {
			padding-left: 1em;
		}
	}
	.submenu.documentos {
		margin-top: 0;
	}
}
@media only screen and (max-width: 640px) {
	.notas-prensa {
		ul {
			h2 {
				font-size: 1.35rem;
			}
			p.titulo {
				font-size: 1.35rem;
			}
		}
	}
	.convocatorias {
		ul {
			li {
				flex-direction: column;
				.columna-left {
					width: 100%;
					padding: 1em;
				}
				.columna-right {
					width: 100%;
					padding: 1em;
					&::before {
						position: static;
						display: block;
						margin-top: -1em;
						margin-bottom: 0.55em;
						margin-left: auto;
						margin-right: auto;
					}
				}
				dl {
					display: flex;
					flex-flow: row wrap;
					justify-content: space-between;
					dt {
						width: 29%;
					}
					dd {
						width: 69%;
					}
				}
			}
		}
	}
	.actualidad-ministerio {
		ul {
			flex-direction: column;
			li {
				width: 100%;
				&:first-child {
					width: 100%;
				}
			}
		}
	}
	.novedades.tematica-listado {
		.foto {
			width: 100%;
			float: none;
		}
	}
	.novedades.tematica-destacado {
		ul {
			flex-direction: column;
			li {
				width: 100%;
			}
		}
	}
}

/*--------------------------- Pages: fototeca-mincotur.scss ---------------------------*/
/*Fotos Fototeca  */
.galeria-container {
	position: relative;
	margin-bottom: 3rem;
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	img {
		width: 100%;
		min-width: 100%;
		display: block;
		margin: 0 auto;
		width: 100%;
		min-width: 100%;
	}
	a {
		text-decoration: none;
	}
	a.prev {
		span {
			display: none;
		}
		&:before {
			left: 0;
		}
	}
	a.next {
		span {
			display: none;
		}
		&:before {
			right: 0;
		}
	}
	p.descarga_foto {
		text-align: center;
		width: 70%;
		a {
			text-transform: uppercase;
			text-decoration: none;
			color: var(--color-white);
			text-shadow: none;
			background-image: none;
			background-color: var(--color-hoverContrast);
			padding: 0.7rem 1rem 0.7rem 1.5rem;
			border-radius: 15px;
			position: relative;
			border: 8px solid #fff;
			transition: all 0.3s ease-in-out;
			&:before {
				content: "\f019";
				font-family: var(--FontAwesomeSolid);
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				font-size: 2rem;
				font-weight: 300;
				border-radius: 50%;
				transition: all 0.3s ease-in-out;
				padding: 0.3rem 1rem;
				position: absolute;
				left: -58px;
				top: -17px;
				border: 8px solid var(--color-hoverContrast);
			}
			&:hover {
				color: var(--color-hoverContrast);
				background-color: var(--color-white);
				border-color: var(--color-hoverContrast);
				&:before {
					color: var(--color-white);
					background-color: var(--color-hoverContrast);
					border-color: var(--color-white);
				}
			}
		}
	}
}
.galeria-item-image {
	position: relative;
	a {
		text-decoration: none;
		border: 0;
		&:hover {
			text-decoration: underline;
		}
	}
}
.galeria-foto {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.galeria-titulo {
	padding-top: 0.55em;
	font-weight: 600;
	line-height: 1.25em;
	display: block;
	text-align: center;
	font-size: 0.75em;
	overflow: hidden;
	color: var(--color-black);
}
a.swipebox {
	display: block;
	overflow: hidden;
}

/*Display Central*/
.galeria-container.imagenes-container {
	.carousel-slider {
		overflow: hidden;
		.galeria-central {
			display: block;
			margin: 3em 0 4rem;
			width: 70%;
			overflow: hidden;
			border-radius: var(--border-radius);
			float: left;
			height: auto;
		}
	}
}
.galeria-central {
	img {
		height: auto;
		width: 100%;
		object-fit: contain;
	}
}
.section-container {
	ul.galeria {
		margin-left: 0;
		margin-right: 0;
	}
	ul.box-container {
		margin-left: 0;
		margin-right: 0;
	}
	.galeria-container {
		.resultado-datos {
			margin-top: 2rem;
			padding: 0.5rem 0;
			border-radius: 15px;
			width: 25%;
			float: right;
			height: 550px;
			overflow-y: scroll;
			position: absolute;
			right: 0;
			top: 0;
			&::-webkit-scrollbar {
				width: 5px;
			}
			&::-webkit-scrollbar-track {
				background: rgb(241, 241, 241);
			}
			&::-webkit-scrollbar-thumb {
				background: var(--color-primary);
				&:hover {
					background: var(--color-secondary);
				}
			}
			a.prev {
				top: 14%;
				display: none !important;
				left: -12px;
			}
			a.next {
				top: 14%;
				display: none !important;
				right: -10px;
			}
		}
		ul {
			display: -ms-flexbox;
			-ms-flex-direction: row;
			-ms-flex-wrap: wrap;
      flex-direction: row;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		li {
			text-align: center;
			margin: 1em;
			margin-top: 0;
			padding-bottom: 0;
			&:nth-child(4n) {
				border-right: none;
				padding-right: 0;
			}
		}
	}
	.galeria-foto {
		width: 100%;
		height: 100%;
		display: block;
		img {
			border-radius: var(--border-radius);
			border: 5px solid #fff;
			transition: all 0.2s ease-in-out;
			&:hover {
				border: 5px solid #4ca5e0;
			}
		}
	}
}
.galeria-container {
	a.prev {
		&:before {
			color: var(--color-white);
			font-family: var(--FontAwesomeSolid);
			font-size: 3em;
			line-height: 2;
			background: var(--color-secondary);
			width: 40px;
			min-height: 35px;
			display: block;
			border: 5px solid #fff;
			border-radius: 15px;
			transition: all 0.2s ease-in-out;
		}
	}
	a.next {
		&:before {
			color: var(--color-white);
			font-family: var(--FontAwesomeSolid);
			font-size: 3em;
			line-height: 2;
			background: var(--color-secondary);
			width: 40px;
			min-height: 35px;
			display: block;
			border: 5px solid #fff;
			border-radius: 15px;
			transition: all 0.2s ease-in-out;
		}
	}
}

/*Media Query*/

@media only screen and (max-width: 1080px) {
	.galeria-container {
		p.descarga_foto {
			a {
				font-size: 0.8rem;
				border: 2px solid #fff;
				&::before {
					content: none;
				}
			}
		}
	}
}
@media only screen and (max-width: 780px) {
	.galeria-container.imagenes-container {
		.carousel-slider {
			.galeria-central {
				float: none;
				width: 95%;
				margin: 2em auto 0;
			}
		}
	}
	.section-container {
		.galeria-container {
			.resultado-datos {
				position: relative;
				width: 100%;
				margin-top: 0.5rem;
			}
			ul {
				flex-direction: row;
			}
		}
	}
	.galeria-container {
		li {
			width: calc(50% - 2em);
		}
		p.descarga_foto {
			width: 100%;
			margin: -0.5em 0 3em;
			a {
				font-size: 1em;
				border: 2px solid #fff;
				&:before {
					content: none;
				}
			}
		}
	}
}

/*--------------------------- Pages: registro-datos-personales.scss ---------------------------*/
.registro-datos {
	.accordion {
		dd {
			dl {
				display: flex;
				flex-flow: row wrap;
				gap: 0.65em 1em;
				margin-left: 1em;
				dt {
					margin: 0.25em 0;
					padding: 0;
					font-size: 0.95em;
					width: 40%;
					color: var(--color-black);
					border: 0;
					&::before {
						content: none;
					}
				}
				dd {
					margin: 0.25em 0;
					padding: 0;
					font-size: 0.95em;
					width: 55%;
					border-left: 0;
				}
			}
		}
	}
}
/*Menú registro*/
ul.menu-registro {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
	list-style: none;
	li {
		padding-bottom: 0;
		a {
			border: 2px solid var(--color-line-gray);
			padding: 0.25em 1em;
			display: inline-block;
			color: var(--color-text);
			border-radius: var(--border-radius);
			font-weight: var(--font-weight-semibold);
			font-size: 0.9em;
			&:hover {
				color: var(--color-primary);
				background: var(--background-primary-color);
			}
		}
	}
	li.activo {
		a {
			background: var(--color-primary);
			border-color: var(--color-primary);
			border-radius: var(--border-radius);
			color: var(--color-white);
			&:hover {
				background: var(--color-primary);
				border-color: var(--color-primary);
				border-radius: var(--border-radius);
				color: var(--color-white);
			}
		}
	}
}

/*Media Query*/
/*--------------------------- Pages: publicaciones.scss ---------------------------*/
.catalogo-revista {
	a {
		img {
			display: block;
			margin-bottom: 1em;
			max-width: 135px;
			float: left;
			margin-right: 2em;
		}
	}
}
.destacados-secciones {
	.catalogo-revista {
		ul {
			flex-direction: column;
			li {
				width: 100%;
				padding: 1.55em;
				overflow: hidden;
				h3 {
					font-size: 1.225rem;
					line-height: 1.25;
					padding-bottom: 0.55em;
					margin-top: 0;
					a {
						&::after {
							content: "";
							position: absolute;
							left: 0;
							top: 0;
							right: 0;
							bottom: 0;
						}
						color: var(--color-text);
						border-bottom: 0;
						margin: 2em 0;
						&:hover {
							border-bottom: 1px solid var(--color-secondary);
						}
					}
				}
				img {
					margin: 0 auto;
					display: block;
					margin-right: 1.5em;
					float: left;
				}
				p {
					line-height: 1.5;
					padding: 0;
				}
			}
		}
	}
}

/*Información y ventas*/
.catalogo-publicaciones {
	margin-top: 3em;
	.resultado-datos {
		display: flex;
		p.ficha {
			display: flex;
			flex-direction: column;
		}
		.foto {
			margin-right: 1rem;
			img {
				width: 150px;
				border: 1px solid var(--color-line-gray);
			}
		}
		.tag {
			border-bottom: 0;
		}
		.ficha-publicacion {
			h3 {
				margin-top: 0;
				a {
					color: var(--color-primary);
					border-bottom: 1px solid var(--color-secondary);
					font-weight: var(--font-weight-semibold);
					&:hover {
						text-decoration: none !important;
						border-bottom: none;
					}
				}
			}
		}
		ul {
			li {
				padding: 1rem 0 2rem;
				display: flex;
				gap: 2rem;
				.foto {
					img {
						width: 150px;
						border: 1px solid var(--color-line-gray);
					}
				}
				.ficha-publicacion {
					h3 {
						margin-top: 0 !important;
					}
					p.ficha {
						display: flex;
						flex-direction: column;
						margin-bottom: 0.1em;
					}
					.tag {
						border-bottom: 0;
					}
				}
			}
		}
	}
	.informacion-venta {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-top: 1em;
		padding: 2em 0;
		background-color: var(--background-primary-color);
		border-radius: var(--border-radius);
		h3 {
			color: var(--color-primary);
		}
		article {
			width: 50%;
			padding: 0 2em;
			&:first-child {
				border-right: 1px solid var(--color-secondary);
			}
			iframe {
				width: 100%;
			}
			p {
				span {
					display: block;
				}
			}
		}
	}
}
.preguntas-frecuentes {
	.accordion.enlaces-interes {
		padding: 0;
	}
}

/* Buscador Publicaciones nuevo */
.catalogo-publicaciones .buscar-datos {
  fieldset {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
  }

  legend {
    width: 100%;
    position: static;
    height: auto;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 1rem;
    clip-path: none;
  }

  label {
    text-transform: initial;
    font-size: 0.9rem;
    font-weight: 400;
  }

  .publiTituloAutor, .publiFechas {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .publiTituloAutor {
    justify-content: start;
  }

  .publiFechas {
    width: 99%;
  }

  .publiTituloAutor {
    label {
      width: 19%;
      display: flex;
      display: -ms-flexbox;
      flex-direction: row;
      float: left;
      align-items: center;
      margin-right: 2em;
    }

    input {
      margin-left: 0;
    }
  }

  .publiFechas input, .publiMaterias input {
    margin-left: 0;
  }

  .publiTipoPublicacion input {
    margin-left: 0;
    width: 96.5%;
    width: auto;
  }

  .publiMaterias input {
    width: auto;
  }

  .publiFechas label {
    &[for="Fecha"], &[for="Por fecha"] {
      width: 100%;
    }

    &[for=d], &[for=de] {
      width: 45%;
      margin-right: 2em;
    }
  }

  .publiMaterias {
    width: 50%;
    font-size: .9rem;

    label[for=Materias] {
      width: 100%;
    }

    select {
      width: 92%;
      margin: 0;
    }
  }

  .publiTipoPublicacion {
    width: 48%;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: .9rem;
    margin-left: -0.8rem;

    select {
      width: 94%;
    }

    label {
      width: 100%;
      display: flex;
      display: -ms-flexbox;
      flex-direction: row;
      float: left;
      align-items: center;
    }
  }

  input {
    &[type=date] {
      cursor: pointer;
      color: #000;
    }

    &[type=submit] {
      margin: 2em auto 1em;
    }
  }
}


/*Detalle de publicaciones*/
.publicacion {
	width: 100%;
	position: relative;
	span.foto {
		float: right;
		max-width: 135px;
		clear: right;
		img {
			width: 100%;
			border-radius: var(--border-radius);
		}
	}
	.precio {
		padding: 0.25em;
		border: 2px solid var(--color-secondary);
		font-size: 0.95em;
		margin-bottom: 1em;
	}
	.ficha {
		margin-top: 1em;
		span {
			display: block;
		}
		span.tag {
			display: table;
			padding-top: 0.5em;
		}
	}
	a.mas-info {
		color: var(--color-primary);
		border-bottom: 1px solid var(--color-secondary);
		font-weight: var(--font-weight-semibold);
		&:hover {
			border: 0;
		}
	}
}

/* Biblioteca */
.biblioteca-mincotur {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: flex-start;
	article {
		flex-basis: 42%;
		width: 100%;
		&:last-child {
			display: flex;
			width: 100%;
			a {
				&:first-child {
					width: 100%;
				}
			}
			a.bt-enlace {
				&:before {
					content: "\eb97";
				}
			}
		}
		a.bt-enlace {
			display: block;
			padding: 3.5em 1em 1em;
			font-size: 1.1rem;
			&:before {
				content: "";
				font-family:  "Material Symbols Outlined";
				position: absolute;
				top: 2px;
				left: 0;
				right: 0;
				font-size: 3rem;
				font-variation-settings: "wght" 100;
			}
		}
		&:first-child {
			a.bt-enlace {
				&:before {
					content: "\e666";
				}
			}
		}
		&:nth-child(2) {
			a.bt-enlace {
				&:before {
					content: "\ea19";
				}
			}
		}
		&:nth-child(3) {
			a.bt-enlace {
				&:before {
					content: "\ebfe";
				}
			}
		}
	}
}
section.biblioteca-mincotur.bbc-bis {
	margin-top: 2rem;
	article {
		flex-basis: 88%;
		a.bt-enlace {
			&:before {
				content: "\f53d";
			}
			span {
				font-style: italic;
			}
		}
	}
}


/* Biblioteca nuevo diseño */
ul.pdf-revista-biblioteca {
	display: flex;
	flex-flow: column wrap;
	list-style: none;
	padding: 0 .1rem;
	margin: 0.55rem 1.55rem;
	li {
		width: 100%;
		padding: 0;
		font-size: .9rem;
		border: none;
	}
}
a.bt-enlace.bt-suscripcion {
	font-size: .95rem;
	padding: .3rem 1rem;
	margin: 1.5rem 1.55rem 0;
}
section.suscripcion-revista-biblioteca {
	background-color: var(--background-primary-color);
	border-radius: var(--border-radius);
	margin-bottom: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	article {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 3rem 2.5rem;
		width: 100%;
		.textos {
			padding: 0 2rem;
			background-color: var(--color-white);
			border-radius: 5px;
			width: 100%;
			background-image: url(../SiteCollectionImages/img-blibloteca/img-suscripcion.jpg);
			background-repeat: no-repeat;
			background-position: right;
			background-size: 60%;
			h3 {
				font-size: 1.75rem;
			}
			p {
				margin-bottom: .60em;
			}
			.bt-enlace {
				margin-bottom: 1rem;
				font-size: 1rem;
			}
		}
		figure {
			display: none;
		}
	}
}
section.enlaces-biblioteca {
	margin-bottom: 4rem;
	ul {
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
		list-style: none;
		padding: 0;
		margin: 0;
		align-content: flex-start;
		li {
			width: 32%;
			border: 1px solid var(--color-line-gray);
			border-radius: var(--border-radius);
			display: flex;
			align-items: center;
			position: relative;
			max-height: 90px;
			overflow: hidden;
			&:hover {
				box-shadow: var(--box-shadow);
				transform: translateY(-4px);
				transition: all 0.3s ease;
			}
			a {
				text-decoration: none;
				border-bottom: none;
				padding: 2.5rem;
				padding-bottom: 1em;
				margin-left: 19%;
				width: 100%;
				line-height: 1.2;
				&::after {
					content: "";
					font-family: var(--material-icon);
					color: var(--color-primary);
					width: 70px;
					height: 70px;
					text-align: center;
					background-color: var(--color-white);
					border-radius: 50%;
					position: absolute;
					left: 2rem;
					top: 10%;
					font-size: 3rem;
					display: flex;
					justify-content: center;
					align-items: center;
					font-weight: 400;
				}
				&::before {
					content: "";
					width: 20%;
					height: auto;
					background-color: var(--background-primary-color);
					display: block;
					position: absolute;
					left: 0;
					height: 200px;
					top: 0;
				}
			}
			a.catalogos {
				&::after {
					content: "\e666";
				}
			}
			a.novedades {
				&::after {
					content: "\f375";
				}
			}
			a.recursos {
				&::after {
					content: "\f409";
				}
			}
			a.acercade {
				&::after {
					content: "\e54b";
				}
			}
			a.catalogo-biblioteca {
				&::after {
					content: "\e02f";
				}
			}
			a.catalogo-biblespage {
				&::after {
					content: "\e02f";
				}
			}
			a.colecciones {
				&::after {
					content: "\e02f";
				}
			}
			a.bbdd-pdf {
				&::after {
					content: "\ef3e";
				}
			}
			a.revistas-pdf {
				&::after {
					content: "\f455";
				}
			}
			a.bibiotecas-digitales-pdf {
				&::after {
					content: "\e52d";
				}
			}
			a.historia {
				&::after {
					content: "\ef6e";
				}
			}
			a.servicios {
				&::after {
					content: "\f395";
				}
			}
			a.contacto {
				&::after {
					content: "\f0e2";
				}
			}
			a.cooperacion {
				&::after {
					content: "\e0ac";
				}
			}
			a.rspkr_dr_link {
				display: none !important;
			}
		}
	}
}
section.enlaces-biblioteca.enlaces-primer-nivel {
	display: flex;
	.biblioteca.contacto{
		width: 34%;
		border: 1px solid var(--color-line-gray);
		border-radius: var(--border-radius);
		margin-bottom: 2em;
		padding: 1em;
		position: relative;
		padding-left: 6.5rem;
		overflow: hidden;
		&:hover {
			box-shadow: var(--box-shadow);
			transform: translateY(-4px);
			transition: all 0.3s ease;
		}
		h2 {
			margin-top: .7rem;
			font-size: 1.2rem;
			&::after {
				font-family: var(--material-icon);
				content: "\f0e2";
				color: var(--color-primary);
				width: 70px;
				height: 70px;
				text-align: center;
				background-color: var(--color-white);
				border-radius: 50%;
				position: absolute;
				left: 2rem;
				top: 3%;
				font-size: 3rem;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: 400;
			}
			&::before {
				content: "";
				width: 20%;
				height: auto;
				background-color: var(--background-primary-color);
				display: block;
				position: absolute;
				left: 0;
				height: 100vh;
				top: 0;
			}
			}
			a{
				font-size: 1.1rem;
				color: var(--color-text);
				border-bottom: 0;
				font-weight: var(--font-weight-bold);
				&:hover {
					border-bottom: 1px solid var(--color-secondary);
				}
			}
			section{
				h4{
					margin-bottom: 0;
					margin-top: .5rem;
					font-size: 1rem;
				}
				a.correo-biblioteca{
					font-size: 1rem;
				}
				p{
					font-size: .9rem;
					line-height: 1.3;
				}
		}
	}
	ul {
		width: 72%;
		li {
			width: 47%;
			a {
				padding: 4rem;
				padding-bottom: 3rem;
				color: var(--color-black);
			}
		}
	}
}
section.enlaces-biblioteca.enlaces-segundo-nivel {
	ul {
		margin-top: 2rem;
		li {
			a {
				padding: 4rem;
				padding-bottom: 3rem;
				color: var(--color-text);
			}
		}
	}
}
.fotos-biblioteca {
	figure {
		border-radius: var(--border-radius);
		background: var(--background-primary-color);
		margin: 2rem auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	width: 82%;
	margin: 3rem auto 0;
	border-radius: 10px 10px 0 0;
	img {
		width: 82%;
		margin: 3rem auto 0;
		border-radius: 10px 10px 0 0;
	}
	p.pie-foto-biblioteca {
		font-size: .85rem;
		line-height: 1.4;
		width: 82%;
		font-style: italic;
		font-weight: var(--font-weight-semibold);
		background: var(--color-white);
		padding: 1rem;
		border-radius: 0 0 10px 10px;
		border-top: 4px solid var(--color-secondary);
	}
}

.subtitulo-logo{
	display: flex;
	gap: 1rem;
	align-items: baseline;
	margin-top: 2rem;
	img {
		max-height: 75px;
	}
	
}

@media only screen and (max-width: 1180px) {
	section.suscripcion-revista-biblioteca {
		article {
			.textos {
				background-position: calc(100% + 95%);
				background-size: 75%;
			}
		}
	}
}
@media only screen and (max-width: 980px) {
	section.enlaces-biblioteca {
		ul {
			li {
				width: 47%;
				margin: auto;
			}
		}
	}
	section.suscripcion-revista-biblioteca {
		article {
			.textos {
				background-position: calc(100% + 210%);
				background-size: 83%;
			}
		}
	}
}
@media only screen and (max-width: 1030px) {
	section.enlaces-biblioteca.enlaces-primer-nivel.contacto {
		flex-direction: column;
			ul{
				width: 90%;
				margin: auto;
			}
			.biblioteca.contacto {
				width: 50%;
				margin: 3rem auto 0;
			}
	}
}

@media only screen and (max-width: 850px) {
	section.suscripcion-revista-biblioteca {
		article {
			.textos {
				background-position: calc(100% + 730%);
				background-size: 93%;
			}
		}
	}
	section.enlaces-biblioteca.enlaces-primer-nivel {
		ul {
			li {
				width: 65%;
			}
		}
	}
}
@media only screen and (max-width: 768px) {
	section.enlaces-biblioteca {
		ul {
			margin-top: 2rem;
			li {
				width: 65%;
			}
		}
	}
	section.suscripcion-revista-biblioteca {
		article {
			.textos {
				padding-top: 30%;
				background-position: top left;
				background-size: 100%;
				background-position-y: -105px;
			}
		}
	}
	section.enlaces-biblioteca.enlaces-primer-nivel.contacto {
	flex-direction: column;
		.biblioteca.contacto {
			width: 60%;
		}
	}
}
@media only screen and (max-width: 580px) {
	section.enlaces-biblioteca.enlaces-primer-nivel {
		ul {
			li {
				width: 90%;
			}
		}
	}
	section.enlaces-biblioteca {
		ul {
			li {
				width: 90%;
			}
		}
	}
	section.enlaces-biblioteca.enlaces-primer-nivel.contacto {
	flex-direction: column;
		.biblioteca.contacto {
			width: 95%;
		}
	}
}


/*Media Query*/

@media only screen and (max-width: 1080px) {
	.catalogo-publicaciones {
		.buscar-datos {
			.publiFechas {
				label[for=d] {
					width: 43.7%;
				}
				label[for=de] {
					width: 43.7%;
				}
			}
			.publiMaterias {
				select {
					width: 88%;
				}
			}
		}
	}
}
@media only screen and (max-width: 980px) {
	.biblioteca-mincotur {
		article {
			flex-basis: 90%;
			margin: auto;
		}
	}
}
@media only screen and (max-width: 890px) {
	.resultado-datos {
		flex-direction: column;
		ul {
			li {
				flex-direction: column;
			}
		}
	}
}
@media only screen and (max-width: 780px) {
	.destacados-secciones {
		.catalogo-revista {
			ul {
				li {
					width: calc(50% - 1em);
				}
			}
		}
	}
	.catalogo-publicaciones {
		.informacion-venta {
			flex-direction: column;
			article {
				width: 100%;
				&:first-child {
					border-bottom: 0;
				}
			}
		}
	}
}
@media only screen and (max-width: 640px) {
	.catalogo-revista {
		a {
			img {
				display: block;
				margin-bottom: 1em;
				max-width: 50px;
				float: left;
				margin-right: 1em;
			}
		}
	}
	.destacados-secciones {
		.catalogo-revista {
			ul {
				li {
					width: 100%;
				}
			}
		}
	}
	.catalogo-publicaciones {
		.buscar-datos {
			.publiFechas {
				label[for=d] {
					width: 100%;
				}
				label[for=de] {
					width: 100%;
				}
				width: 100%;
			}
			.publiMaterias {
				width: 100%;
				select {
					width: 94%;
				}
			}
			.publiTipoPublicacion {
				width: 100%;
				margin-top: 1.5em;
				margin-left: 0;
			}
		}
	}
}


/*----LISTADO DE PUBLICACIONES----*/
/*combo Tipo Publicaciones*/

.catalogo-publicaciones {
	.buscar-datos {
		.publiTipoPublicacion {
			label {
				width: 100%;
				display: flex;
				display: -ms-flexbox;
				flex-direction: row;
				float: left;
				align-items: center;
			}
			select {
				width: 94%;
			}
		}
	}
}

/*Novedades*/
.interior-container {
	.grid-2columnas {
		.col-contenido {
			.catalogo-publicaciones {
				.resultado-datos {
					ul {
						li {
							padding: 1rem 0 2rem;
							display: flex;
							gap: 2rem;
							.foto {
								margin-right: 1rem;
								img {
									max-width: 150px;
								}
							}
							.ficha-publicacion {
								h3 {
									margin-top: 0 !important;
								}
								p {
									margin-bottom: 0.1em;
									span {
										display: block;
										border: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 890px) {
	.interior-container {
		.grid-2columnas {
			.col-contenido {
				.catalogo-publicaciones {
					.resultado-datos {
						ul {
							li {
								flex-direction: column;
							}
						}
					}
				}
			}
		}
	}
}

/*---INDEX DE PUBLICACIONES---*/
/*Catálogo*/

.interior-container {
	.grid-2columnas {
		.col-contenido {
			section.destacados-secciones.ultimas-novedades {
				.catalogo-revista {
					ul {
						li {
							padding: 1rem 0 2rem;
							display: grid;
							gap: 1rem;
							grid-template-columns: auto 1fr;
							.foto {
								margin-right: 1rem;
								width: auto;
								border-radius: 0;
								margin-left: 1rem;
								height: auto;
								margin-bottom: 0;
								img {
									max-width: 150px;
									margin: 0;
									float: none;
									height: auto;
								}
							}
							.ficha-publicacion {
								h3 {
									margin-top: 0;
								}
								p {
									margin-bottom: 0.1em;
									span {
										display: block;
										border: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
@media only screen and (max-width: 890px) {
	.interior-container {
		.grid-2columnas {
			.col-contenido {
				section.destacados-secciones.ultimas-novedades {
					.catalogo-revista {
						ul {
							li {
								flex-direction: column;
								grid-template-columns: 1fr;
							}
						}
					}
				}
			}
		}
	}
}

/*--------------------------- Pages: prtr.scss ---------------------------*/
/* PRTR PERTE-VEC */
.logoRTR {
	width: 250px;
	float: right;
	img {
		width: 100%;
	}
}
.ocultoFechaPrtr {
	display: none;
}

/*Reseteo cambio de webpart zone para el flujo visual y de HTMl sea el mismo*/

.grid-full-width {
	.prtr-2columnas {
		float: left;
		width: 45%;
		margin-right: 3em;
		margin-bottom: 1em;
		div.videos-PRTR {
			width: 100%;
			margin-top: 3em;
			height: auto;
			margin-bottom: 0;
			iframe {
				width: 100%;
			}
		}
		section.prtr {
			article.articulo-prtr {
				.accordion {
					width: 100%;
				}
			}
			article.articulo-prtr.faq-buzon {
				width: 100%;
			}
		}
		aside.sidebar-prtr {
			width: 100%;
		}
		&:last-child {
			margin-right: 0;
		}
	}
}
.faq-buzon {
	display: flex;
	flex-flow: row nowrap;
	h2 {
		font-size: 1.25rem;
	}
	div {
		margin-bottom: 2em;
		width: 50%;
	}
	a {
		img {
			width: 100px;
			display: block;
			margin-bottom: 1em;
		}
	}
}
@media only screen and (max-width: 640px) {
	.logoRTR {
		width: 100%;
	}
	.grid-full-width {
		.prtr-2columnas {
			float: none;
			width: 100%;
			margin-right: 0;
		}
	}
}

/*--------------------------- Pages: ayuda-covid.scss ---------------------------*/
/*Banner covid*/
.contiene-banner-covid {
	display: flex;
	flex-flow: row wrap;
	gap: 2em;
	.banner-covid {
		width: calc(50% - 1em);
		border: 1px solid var(--color-line-gray);
		border-radius: var(--border-radius);
		padding-bottom: 2em;
		transition: all 0.1s ease;
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		div {
			width: 30%;
			max-width: 110px;
			margin: 1em 2em;
			margin-bottom: 0;
			img {
				width: 100%;
				border-radius: var(--border-radius);
			}
		}
		a {
			font-size: 1.225rem;
			color: var(--color-text);
			border-bottom: 0;
			margin-right: 2em;
			font-weight: var(--font-weight-semibold);
			&:hover {
				border-bottom: 1px solid var(--color-secondary);
			}
			&::after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
			}
		}
		&:hover {
			box-shadow: var(--box-shadow);
			transform: translateY(-8px);
			transition: all 0.3s ease;
		}
	}
}
.ayudasCovid {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 1rem;
	img {
		width: 60%;
		max-width: 100%;
		margin-right: 2rem;
	}
	div {
		width: 40%;
	}
	p {
		position: relative;
	}
	img.rspkr_dr_img {
		top: inherit !important;
		width: inherit;
	}
}
.servicios-secciones {
	.resultado-datos {
		ul {
			li.foto-dest {
				padding: 0;
				margin-bottom: 2em;
				img {
					display: block;
					border-top-left-radius: var(--border-radius);
					border-top-right-radius: var(--border-radius);
					width: 100%;
					object-fit: cover;
				}
				.titulo {
					margin-left: 1.55rem;
					margin-right: 1.55rem;
				}
				.temas {
					margin-left: 1.55rem;
					margin-right: 1.55rem;
				}
				&::after {
					content: none;
				}
			}
		}
	}
}

/*--------------------------- Pages: suscripciones.scss ---------------------------*/
/*Suscripciones*/
.suscribirse {
	padding: 1em 2em;
	font-size: 1.25em;
	text-align: center;
	display: inline-block;
	margin: 1em auto;
	border-radius: 10px;
}
.pasos-suscripcion {
	padding: 2em 3em;
	border: 2px solid var(--color-secondary);
	border-radius: var(--border-radius);
	margin: 1em 0;
	h3 {
		margin-top: 0;
	}
	ol {
		padding-bottom: 2em;
		margin: 1em 0;
		padding: 0;
		counter-reset: li;
		li {
			color: #666;
			text-transform: uppercase;
			display: inline-block;
			font-size: 1.25em;
			font-weight: 400;
			padding: 1em 1.55em;
			padding-right: 75px;
			position: relative;
			span {
				display: none;
			}
		}
		>li {
			&:before {
				font-weight: 700;
				content: counter(li);
				counter-increment: li;
				position: absolute;
				top: 1.25em;
				left: 0;
				width: 25px;
				height: 25px;
				border-radius: 50%;
				line-height: 1.15;
				color: var(--color-white);
				font-size: 1.25rem;
				text-align: center;
				background: var(--color-text-gray);
			}
			&:after {
				content: "";
				width: 65px;
				height: 53px;
				background: url(imagenes/bt-volver-avanzar.png) no-repeat -60px 0;
				display: block;
				position: absolute;
				top: 0.55em;
				right: 0;
			}
			&:last-child {
				&:after {
					background: none;
				}
			}
		}
		>li.activo {
			&:before {
				background: var(--color-primary);
			}
		}
		li.activo {
			font-weight: 700;
			color: var(--color-primary);
		}
	}
	label {
		display: block;
		padding-bottom: 1em;
	}
	input[type=submit] {
		padding: 0.55em 1.55em;
		background: var(--color-primary);
		color: var(--color-white);
		margin: 0;
		margin-top: 1em;
		border: 0;
	}
}
.pasos-suscripcion-ice {
	h3 {
		margin-top: 0;
	}
	ol {
		padding-bottom: 2em;
		margin: 1em 0;
		padding: 0;
		counter-reset: li;
		li {
			color: #666;
			text-transform: uppercase;
			display: inline-block;
			font-size: 1.25em;
			font-weight: 400;
			padding: 1em 1.55em;
			padding-right: 75px;
			position: relative;
			span {
				display: none;
			}
		}
		>li {
			&:before {
				font-weight: 700;
				content: counter(li);
				counter-increment: li;
				position: absolute;
				top: 1.25em;
				left: 0;
				width: 25px;
				height: 25px;
				border-radius: 50%;
				line-height: 1.15;
				color: var(--color-white);
				font-size: 1.25rem;
				text-align: center;
				background: var(--color-text-gray);
			}
			&:after {
				content: "";
				width: 65px;
				height: 53px;
				background: url(imagenes/bt-volver-avanzar.png) no-repeat -60px 0;
				display: block;
				position: absolute;
				top: 0.55em;
				right: 0;
			}
			&:last-child {
				&:after {
					background: none;
				}
			}
		}
		li.activo {
			font-weight: 700;
			color: var(--color-primary);
		}
	}
}
main {
	.pasos-suscripcion {
		input[type=mail] {
			width: 100%;
			margin: 0;
		}
	}
}

/*--------------------------- Pages: video-player.scss ---------------------------*/
/*Player Video*/
.youtube-player {
	margin-top: 1em;
	position: relative;
	overflow: hidden;
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
.vimeo-player {
	margin-top: 1em;
	position: relative;
	overflow: hidden;
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
.youtube-player.fullscreen {
	width: 80%;
	height: 460px;
	margin: 0 auto;
	iframe {
		width: 100%;
	}
}
.vimeo-player.fullscreen {
	iframe {
		width: 100%;
	}
}
.youtube-player.halfscreen {
	width: 45%;
	height: 310px;
	float: left;
	margin: 0 2%;
	padding-bottom: 0;
	margin-bottom: 3.55em;
}
.video-player {
	margin-top: 1em;
	button.plyr__play-large {
		display: none;
	}
	.plyr__tooltip {
		display: none;
	}
	span.plyr__progress {
		display: none;
	}
	span.plyr__time {
		display: none;
	}
	progress.plyr__volume--display {
		display: none;
	}
	svg.icon--muted {
		display: none;
	}
	.plyr__controls {
		width: 100%;
		padding: 1rem;
		display: flex;
		flex-direction: row;
		margin: 0.3rem 0 3rem;
		justify-content: center;
		button {
			width: 50px;
			height: 50px;
			position: relative;
			margin-right: 1rem;
			svg {
				width: 28px;
				left: 10px;
				margin-top: -51px;
			}
		}
		span.plyr__volume {
			margin-top: 10px;
		}
	}
}
.video-player.fullscreen {
	.plyr {
		width: 100%;
	}
}
.video-player.halfscreen {
	.plyr {
		width: 50%;
		height: 50%;
	}
	.plyr.plyr--fullscreen-active {
		width: 100%;
		height: 100%;
	}
}
.vimeo-player.halfscreen {
	iframe {
		width: 50%;
		height: 50%;
	}
}

_:-ms-fullscreen,
:root .video-player .plyr__controls button svg {
  margin-top: -1px;
}

p.descripcion-video {
	font-size: 0.95em;
	font-style: italic;
}
.section-container {
	ul.box-container {
		display: flex;
		flex-flow: row wrap;
		gap: 1em;
		justify-content: space-between;
		li {
			width: calc(50% - 1em);
			margin: 0;
		}
		a {
			border: 0;
		}
	}
}
.video-home {
	iframe {
		width: 100%;
		aspect-ratio: 16/9;
	}
	video {
		width: 100%;
		aspect-ratio: 16/9;
	}
}

/*--------------------------- Pages: suscripcionICE.scss ---------------------------*/
/*Panel suscripciones SH*/
.enlaces-suscripcionICE {
	margin: 4rem 2rem;
	text-transform: uppercase;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	p {
		padding: 1rem 0;
		width: 30%;
		display: flex;
		&:first-child {
			a {
				&:before {
					content: "\f65e";
				}
			}
		}
		&:nth-child(2) {
			a {
				&:before {
					content: "\f56f";
				}
			}
		}
		&:nth-child(3) {
			a {
				&:before {
					content: "\f022";
				}
			}
		}
		&:nth-child(4) {
			a {
				&:before {
					content: "\f46d";
				}
			}
		}
		&:nth-child(5) {
			a {
				&:before {
					content: "\f044";
				}
			}
		}
		&:nth-child(6) {
			a {
				&:before {
					content: "\f1ea";
				}
			}
		}
	}
	a {
		border: 1px solid var(--color-line-gray);
		padding: 4rem 2rem 1rem;
		color: var(--color-black);
		transition: all 0.2s ease-in-out;
		border-radius: 5px;
		position: relative;
		text-align: center;
		width: 100%;
		display: block;
		font-size: 1rem;
		&:hover {
			box-shadow: var(--box-shadow);
			transform: translateY(-8px);
			transition: all 0.3s ease;
			&:before {
				color: var(--color-secondary);
			}
		}
		&:before {
			content: "";
			font-family: var(--FontAwesomeSolid);
			color: #264c80;
			font-size: 2.7rem;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
			transition: all 0.2s ease-in-out;
		}
	}
}
@media only screen and (max-width: 680px) {
	.enlaces-suscripcionICE {
		p {
			width: 45%;
		}
	}
}
@media only screen and (max-width: 480px) {
	.enlaces-suscripcionICE {
		p {
			width: 75%;
		}
	}
}

/*--------------------------- Pages: mapa-web.scss ---------------------------*/
/*Mapa del Sitio*/
ul.mapa-web {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	ul {
		list-style: none;
		margin: 1em 0 0 1rem;
		padding: 0;
		li {
			font-size: .9rem;
			margin-left: 1em;
      margin-bottom: .5rem;
			a {
				font-weight: var(--font-weight-regular);
			}
			&:before {
				content: "\f054";
				font-family: var(--FontAwesomeSolid);
				padding-right: 0.5em;
				background: none;
				border: 0;
				font-size: 0.8em;
				color: var(--color-ayudas);
			}
      ul{
        margin-top: .7rem;
        li{
          margin-bottom: .3rem;
          &::before{
            content: "\f0da";
          }
        }
      }
		}
	}
	li {
		font-size: 1.1rem;
		padding: 0;
		padding-bottom: 0.55em;
		margin: 0;
		a {
			font-weight: var(--font-weight-bold);
		}
	}
}
.mapa-web {
	li {
		a {
			color: var(--color-primary);
		}
		li {
			a {
				color: var(--color-black);
			}
		}
	}
}

/*# sourceMappingURL=estilo-mincotur.css.map */