@import "instrumentoLista.css";

.instrumentTopSide {
	padding-top: 8em;
}

.instrumentaciónContainer {
	display: flex;
	margin-top: 2em;
}

.sectionTitle {
	font-size: 1.388888em;
	line-height: 1.933333em;
	letter-spacing: 2.5px;
	color: var(--blue);
	margin-bottom: 0.5em;
}
h1.title {
	color: var(--darkblue);
	margin-bottom: 0.5em;
	font-weight: 500;
}

.navSection {
	color: white;
	padding-bottom: 0;
}
.navSection path,
.navSection rect {
	fill: white;
}
.navSection line {
	stroke: white;
}
.iconWrapper {
	border: 2px solid #fff;
	display: block;
	width: 75px;
	min-width: 75px;
	height: 75px;
	border-radius: 50%;
	margin-bottom: 0;
}
.navSection .wrapper-two {
	display: flex;
	padding: 2em;
}
.navSection .wrapper-two > a {
	max-width: calc(200px + 2em);
	width: 20%;
	margin-right: 2em;
	border-right: 1px solid #fff;
	padding-right: 2em;
}
.navSection .wrapper-two > a:last-child {
	border-right: 0;
}
.navSection .sectorName {
	margin-left: 1em;
}
.sectorsNav {
	display: flex;
	justify-content: center;
	align-items: center;
}
.leyenda {
	max-width: 20%;
	margin-right: 2em;
	display: flex;
	align-items: center;
	border-right: 1px solid #fff;
}
.instrumentTopSide .flex {
	justify-content: space-between;
}
.instrumentTopSide .flex > div:first-child {
	max-width: 600px;
}
.instrumentTopSide .flex > div:last-child {
	margin-right: 20%;
	z-index: 3;
}
.instrumentTopSide {
	padding: 10em 4em 4em;
}
a.addToBudget, #landing #content a.addToBudget {
	border-radius: 3em;
	border: 2px solid var(--blue);
	padding: 0.25em 2em;
	margin-top: 2em;
	display: inline-block;
	line-height: 1.4em;
	color: var(--blue);
}
a.addToBudget:hover, #landing #content a.addToBudget:hover {
	background-color: var(--blue);
	color: #fff;
}
.shortLinks {
	background-color: var(--darkblue);
	padding: 2em 0;
	color: white;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.shortLinks ul {
	counter-reset: short-link-counter;
	display: flex;
	align-items: center;
}
.shortLinks li {
	margin-right: 2em;
}
.shortLinks li:last-child a {
	margin-right: 0;
}
.shortLinks li a::before {
	content: counter(short-link-counter);
	counter-increment: short-link-counter;
	border-radius: 50%;
	border: 1px solid #fff;
	padding: 0.1em;
	height: 1.5em;
	width: 1.5em;
	display: inline-block;
	text-align: center;
	line-height: 1.15em;
	margin-right: 0.5em;
}

h2 {
	margin-bottom: 1em;
}

.box_txt {
	line-height: 1.5em;
	padding-top: 2em;
}

.templ_td_nosize h1 {
	font-size: 1.8em;
}

.resumentContent {
	padding-left: 3.3333em;
	max-width: 575px;
	margin-right: 4em;
	padding-bottom: 2em;
	padding-top: 2em;
}

.resumentContent li {
	line-height: 1.5em;
}

.instrumentSlider .image {
	width: 200px;
	height: calc(200px + 4em);
	padding: 2em 0;
	transition: all 0.3s ease;
}
.instrumentSlider .image img {
	height: 100%;
	width: 100%;
	display: block;
	object-fit: contain;
}

.single-instrumentos h1.title {
	padding-right: 1em;
}

.slick-current.image {
	width: 250px;
	height: 250px;
	padding: 0;
}
.instrumentSlider .slick-prev {
	left: -30px;
	top: calc(50% - 15px);
}
.instrumentSlider .slick-next {
	right: -30px;
	top: calc(50% - 15px);
}

.descripcionContent {
	padding-top: 1em;
	padding-bottom: 4em;
}
#especificaciones {
	padding-bottom: 4em;
}
#documentos {
	padding-bottom: 4em;
}
.documentosContainer {
	padding-left: 3.3333em;
}
.documentosContainer p {
	color: #fff;
	padding-top: 0;
	margin-bottom: 1em;
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
}
.documentosContainer p:hover a {
	text-decoration: underline;
}
.instrumento .itemThumb img {
	width: 100%;
	height: 40vh;
	object-fit: cover;
}
.instrumentacionContainer {
	margin-top: 2em;
	margin-bottom: 4em;
}
.instrumentacionContainer .instrumento {
	padding: 0 1em;
	margin-bottom: 0;
	max-width: none;
	width: auto;
}
.instrumentacionContainer .slick-next,
.instrumentacionContainer .slick-prev {
	bottom: -30px;
}

div.form {
	display: flex;
	padding-left: 0;
}
.form .flex-30 {
	padding-right: 2em;
}

.form-select > span > select,
.form-text > span > input {
	max-width: 95%;
}

textarea.wpcf7-form-control {
	max-width: 97.5%;
}

#instrumentacion .wrapper-two > p {
	max-width: 650px;
	padding-bottom: 2em;
	margin-left: 3.3333em;
}

.instrumentInfo strong {
	font-weight: 700;
}
