/*!
Theme Name: Bilogistik
Theme URI: http://underscores.me/
Author: Aukera
Author URI: https://aukera.es/
Description: Theme para Bilogistik
Version: 1.0.0
Tested up to: 5.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bilogistik
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize Piccalil li
# Chota
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# Utilities
	- Accessibility
	- Alignments
# Header
# Footer
# Content
# Blog
# Media Queries

--------------------------------------------------------------*/

/* Normalize Piccalil li
--------------------------------------------- */
@import "css/normalize.css";

/*--------------------------------------------------------------
# Importo Chota
--------------------------------------------------------------*/
/*! chota.css v0.8.0 | MIT License | github.com/jenil/chota */
@import "css/_base.css";
@import "css/_grid.css";
@import "css/_form.css";

@import "css/_nav.css";
@import "css/_card.css";
@import "css/_tab.css";
/* import "css/_tag.css"; */
@import "css/_dropdown.css";

@import "css/_util.css";

/* import "css/hamburgers.css"; */


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

.top-bar {
	display: none;
}

.mobile-nav {
	display: none;
	position: fixed;
	margin-top: 100px;
	overflow-y: auto;
	/* height: 90vh; */
	width: 96vw;
	left: 2vw;

	height: calc(100vh - 130px);
}
.toggled .mobile-nav {
	display: block;
}

.mobile-nav .menu-principal-container {
	margin-top: 30px;
	margin-bottom: 20px;
}

.menu-mov-bg {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: var(--color-secondary);
	top: 0;
	left: 0;

	opacity: 0;
	visibility: hidden;

	transform: translateY(-100vh);
	transition: transform .3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.toggled .menu-mov-bg {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.perfil {
	position: absolute;
	top: 48px;
	right: 160px;
}
.toggled .perfil g {
	fill: #fff;
}

.search-form {
	position: relative;
}
.main-navigation {
	display: block;
	width: 100%;
	position: absolute;
	top: 45px;
	right: 10px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul ul {
	visibility: 0;
	display: none;
}

.main-navigation .sub-menu li:not(.button) a::before {
	content:"— ";
}
.main-navigation .sub-menu .sub-menu a::before {
	color: var(--color-secondary);
}

#primary-menu .clicked .sub-menu {
	visibility: visible;
	display: block;
}

.main-navigation ul ul ul {
	visibility: visible;
	display: block;
}

.main-navigation li {
	position: relative;
	width: 85vw;
	max-width: 320px;
}

.despliega {
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='18' viewBox='0 0 17.745 8.873'><g data-name='Grupo 901'><g data-name='Grupo 841'><path fill='%23fff' d='M0 0l8.873 8.873L17.746 0h-3.1L9.08 5.566 3.597.083z' data-name='Trazado 1579'/></g></g></svg>");
	background-repeat: no-repeat;
	background-position: center center;
}
.clicked .despliega {
	transform: rotateX(180deg);
}

.main-navigation li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px;
}
#primary-menu > li > a {
	font-weight: 600;
}
.main-navigation .button {
	width: auto;
	max-width: unset;
	font-weight: 400;
}
.main-navigation .button a {
	display: inline-block;
	padding: 0;
}

.mobile-footer {
	border-top: 1px solid #fff;
	margin-top: 80px;
	padding-bottom: 50px;
}
#footer-menu {
	display: block;
	margin-bottom: 10px;
	padding-top: 20px;
}
#footer-menu li {
	display: inline-block;
	width: auto;
}
#footer-menu a {
	display: inline-block;
	font-size: 12px;
	border-left: 1px solid;
	padding: 2px 5px;
}
#footer-menu li:first-child a {
	border: none;
}
.mobile-footer p {
	color: #fff;
	font-size: 13px;
}

#desk-menu,
.iconos {
	display: none;
}
#search-container {
	visibility: hidden;
	opacity: 0;
}

/* Language selector. */
.language-selector{
	display:inline-block;
	position:relative;
	z-index:3;
}
.wpml-ls-legacy-dropdown{
	width:auto;
}
.top-bar .wpml-ls-legacy-dropdown a{
	line-height:inherit;
}
.wpml-ls-legacy-dropdown a{
	border:0;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
	border-top:none;
}
.top-bar .wpml-ls-sub-menu a{
	text-align:left;
}
.top-bar .wpml-ls-sub-menu li:first-child a {
	padding-top: 15px;
}
.top-bar .wpml-ls-sub-menu li:last-child a {
	padding-bottom: 15px;
}
#header-movil .language-selector {
	position: absolute;
	top: 40px;
	right: 80px;
}
#header-movil .language-selector ul{
	display:inherit;
}
#header-movil .language-selector li{
	width:auto;
}
#header-movil .language-selector .wpml-ls-sub-menu a:hover{
	color:var(--color-lightBlue);
}
#header-movil .wpml-ls-sub-menu{
	background-color:var(--bg-color);
}
#header-movil.toggled .wpml-ls-sub-menu{
	background-color:var(--color-secondary);
}
#header-movil .language-selector a{
	color:var(--color-secondary);
}
#header-movil.toggled .language-selector a{
	color:var(--bg-color);
}
#header-movil .wpml-ls-statics-shortcode_actions a{
	background-color:transparent;	
}

/* Small menu. */
.menu-toggle,
.main-navigation.visible #primary-menu {
	display: block;
}

/*!
 * Hamburgers
 */
.hamburger {
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger:hover {
	opacity: 0.7;
}

.hamburger.is-active:hover {
	opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #fff);
}

.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 36px;
	height: 4px;
	background-color: var(--color-primary);
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}


/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	background-color: #fff;
}

.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	background-color: #fff;
}

.hamburger--spin.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	background-color: #fff;
}


.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#submit, .wpcf7-submit {
	background: none;
	color: var(--color-primary);
	border: none;
	padding: 0;
	margin: 0;
}
.form-submit::after {
	transform: translateX(10px);
	transition: transform 0.2s ease-out;
}
#commentform .form-submit::after {
	transform: translateX(100px);
	top: 10px;
}
.form-submit:hover::after {
	transform: translateX(40px);
}
#commentform .form-submit:hover::after {
	transform: translateX(140px);
}
.ajax-loader {
	display: none !important;
}

.wpcf7-form {
	max-width: 880px;
	background: var(--bg-color);
	padding: 60px 20px 40px;
	border: 2px solid var(--color-primary);
	position: relative;
}
textarea {
	height: 134px;
	width: 100%;
}

.wpcf7-form label {
	margin-top: 14px;
	display: block;
}
.wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-form::after {
	content: "";
	position: absolute;
	width: 70px;
	height: 65px;
	top: -50px;
	right: 20px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 26'><g fill='%231f4a94' fill-rule='evenodd'><path d='M14 19.54l8.551-9H28l-14 15-14-15h5.449l8.551 9z'/><path d='M14 9.54l8.551-9H28l-14 15-14-15h5.449l8.551 9z'/></g></svg>");
}
.wpcf7 input[type="file"] {
	border: none !important;
	padding-left: 0 !important
}
.form-submit .wpcf7-spinner{
	width:16px;
	height:16px;
}
.wpcf7 select {
	background-color:#FFFFFF;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 5em;
}

.widget select {
	max-width: 100%;
}

.widget-title {
	font-family: Inter;
	font-weight: bold;
	font-size: 22px;
	text-transform: none;
	border-bottom: 1px solid var(--color-primary);
	padding-bottom: 6px;
}
.widget_recent_entries li,
.cat-item {
	position: relative;
	margin-left: 24px;
	margin-bottom: 20px;
}
.widget_recent_entries li::before {
	content: "";
	width: 9px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='9' viewBox='0 0 8.737 17.474'><path fill='%231f4a94' d='M0 17.473l8.737-8.737L0-.001v3.048l5.481 5.481-5.4 5.4z' data-name='Trazado 1580'/></svg>");
	position: absolute;
	left: -24px;
	top: 8px;
}
.widget_recent_entries li a,
.cat-item a {
	font-size: 15px;
	color: #000;
}

.widget_categories ul {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
}
.cat-item {
	margin-right: 16px;
}

.tagcloud {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
}
.tag-cloud-link {
	font-size: 14px !important;
	color: #000;
	background-color: #EBF1FF;
	padding: 3px 10px;
	margin: 0 16px 16px 0;
	display: inline-block;
	white-space: nowrap;
}

.post-categories {
	margin-top: 0;
}
.post-categories li {
	display: inline-block;
}
.tags-links a, .post-categories a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #3D3935;
	margin-right: 30px;
	white-space: nowrap;
	padding-bottom: 16px;
}
.entry-footer h5 {
	color: var(--color-primary);
	text-transform: none;
	font-size: 18px;
}


/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.col-5, .col-6, .col-7 {
	align-self: center;
}
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Header
--------------------------------------------- */
.site-header {
	position: relative;
	z-index: 1;
	background: #fff;
}
#desktop-menu {
	height: 117px;
}
#desktop-menu .container {
	padding-top: 20px;
}

.site-branding {
	position: relative;
	z-index: 20;
	width: 136px;
}
.menu-toggle {
	position: absolute;
	right: 0;
	top: 32px;
}


#logo g {
	fill: var(--color-primary);
	transition: fill 1s ease-out;
}
.toggled + .header-desktop #logo g,
.hovered #logo g,
.buscando #logo g {
	fill: #fff;
}



/* Footer
--------------------------------------------- */
#colophon {
	border-top: 3px solid var(--color-secondary);
	padding-top: 90px;
}
#colophon, #colophon a, .footer-bottom, .footer-bottom a {
	font-size: 14px;
	font-weight: 300;
	color: var(--color-darkGrey);
}
#colophon a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

.direccion {
	margin-top: 50px;
}
.direccion, p.email, .tel {
	padding-left: 28px;
	position: relative;
	margin-bottom: 24px;
}
.linkedin {
	padding-left: 38px;
	position: relative;
	overflow:initial !important;
}
.direccion::before {
	content: "";
	width: 14px;
	height: 20px;
	position: absolute;
	left: 0;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'><g fill='%23004A99' fill-rule='nonzero'><path d='M6.554 0A6.559 6.559 0 000 6.55c0 3.471 5.956 12.863 6.21 13.261a.408.408 0 00.689 0c.254-.4 6.21-9.79 6.21-13.261A6.559 6.559 0 006.554 0zm0 18.822a98.511 98.511 0 01-2.716-4.677C1.861 10.495.816 7.869.816 6.55a5.738 5.738 0 0111.476 0c0 1.319-1.045 3.945-3.022 7.595a99.033 99.033 0 01-2.716 4.677z'/><path d='M6.554 3.105a3.017 3.017 0 103.1 3.016 3.063 3.063 0 00-3.1-3.016zm0 5.216a2.2 2.2 0 112.284-2.2 2.246 2.246 0 01-2.284 2.2z'/></g></svg>");
}
p.email::before {
	content: "";
	width: 17px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 7px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 13'><g fill='%23004A99' fill-rule='evenodd' stroke='%23054A9A' stroke-width='.5'><path fill-rule='nonzero' d='M16.581 12.043H1.904a1.225 1.225 0 01-1.223-1.224V2.013A1.225 1.225 0 011.904.79h14.677a1.225 1.225 0 011.223 1.223v8.806c0 .675-.548 1.223-1.223 1.224zM1.904 1.279a.734.734 0 00-.734.734v8.806c0 .405.329.734.734.734h14.677a.734.734 0 00.734-.734V2.013a.734.734 0 00-.734-.734H1.904z'/><path d='M9.243 8.863a.245.245 0 01-.159-.059l-8.2-7.057.318-.371 8.046 6.92 8.045-6.92.318.371-8.2 7.057a.245.245 0 01-.159.059h-.009z'/><path d='M12.022 6.23l.36-.33 5.027 5.48-.36.33zM1.032 11.347l5.019-5.48.36.33-5.019 5.48z'/></g></svg>");
}
.tel::before {
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 4px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23004A99' fill-rule='nonzero' stroke='%23054A9A' stroke-width='.25' d='M14.815 11.585l-2.271-2.263a1.322 1.322 0 00-1.869 0l-1.3 1.3a.287.287 0 01-.368.032 15 15 0 01-3.5-3.439.283.283 0 01.028-.368l1.334-1.334a1.321 1.321 0 000-1.867L4.598 1.375c-.523-.5-1.348-.5-1.871 0l-.719.719a4.041 4.041 0 00-1 4.122c.352 1.064.85 2.073 1.479 3a15.719 15.719 0 004.538 4.458 11.569 11.569 0 003.362 1.5c.307.076.622.114.938.113a4.09 4.09 0 002.881-1.212l.618-.618a1.321 1.321 0 00-.009-1.872zm-.572 1.316v-.012l-.618.618a3.233 3.233 0 01-3.051.873 10.743 10.743 0 01-3.12-1.4 14.942 14.942 0 01-4.3-4.215 11.315 11.315 0 01-1.382-2.8 3.233 3.233 0 01.808-3.3l.719-.719a.513.513 0 01.726 0l2.271 2.271a.513.513 0 010 .726L4.962 6.277c-.382.378-.43.98-.113 1.414a15.92 15.92 0 003.7 3.629 1.1 1.1 0 001.4-.121l1.289-1.309a.513.513 0 01.726 0l2.275 2.279a.513.513 0 01.004.732z'/></svg>");
}
.linkedin::before {
	content: "";
	width: 28px;
	height: 28px;
	position: absolute;
	left: 0;
	top: -2px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'><g fill='%23004A99' fill-rule='evenodd'><path d='M5.147 10.98h3.9v11.743h-3.9zM7.073 9.378h.026a2.176 2.176 0 10-.026 0zM15.114 22.724v-6.556c-.015-.323.03-.645.13-.952a2.135 2.135 0 012-1.428c1.413 0 1.977 1.077 1.977 2.655v6.283h3.9v-6.734c0-3.607-1.926-5.285-4.5-5.285a3.878 3.878 0 00-3.519 1.94v.038h-.026c.007-.013.018-.026.026-.038v-1.664h-3.9c.052 1.1 0 11.743 0 11.743h3.9l.012-.002z'/><path fill-rule='nonzero' d='M0 0v28.043h28.043V0H0zm26.308 26.308H1.735V1.735h24.573v24.573z'/></g></svg>");
}

#colophon .widget_nav_menu li {
	margin: 8px 0;
	overflow: hidden;
}
#colophon .widget_nav_menu a {
	padding: 10px 0;
}
#colophon .widget_nav_menu li:first-child{
	margin-top: 22px;
	margin-bottom: 20px;
}
#colophon li.fake_nav_menu {
	margin-top: 48px;
	margin-bottom: 20px;
}
#colophon .widget_nav_menu li:first-child a, #colophon li.fake_nav_menu a{
	font-size: 16px;
	color: var(--color-darkGrey);
	font-weight: 600;
	position: relative;

	transition: padding .4s cubic-bezier(.18,.69,.61,.91);
}
#colophon .widget_nav_menu li:first-child a::before, #colophon li.fake_nav_menu a::before{
	content: "";
	width: 20px;
	height: 1px;
	position: absolute;
	top: 19px;
	left: 0;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='20' viewBox='0 0 20 1'><path fill='none' fill-rule='evenodd' stroke='%233D3935' d='M0 .5h20'/></svg>");
	transform: translateX(-50px);
	transition: transform .4s cubic-bezier(.18,.69,.61,.91);
}
#colophon .widget_nav_menu li:first-child a:hover, #colophon li.fake_nav_menu a:hover {
	padding-left: 26px;
	padding-right: 10px;
	text-decoration: none;
}
#colophon .widget_nav_menu li:first-child a:hover::before, #colophon li.fake_nav_menu a:hover::before {
	transform: translateX(0);
}
#colophon .strong a{
	font-weight:600;
}



.footer-bottom {
	margin-top: 120px;
}
.footer-bottom .container {
	border-top: 1px solid var(--color-secondary);
	padding-top: 24px;
}
#menu-bottom {
	margin: 0;
}

#menu-bottom li {
	display: inline-block;
}
#menu-bottom a {
	border-right: 1px solid black;
	padding: 0 10px;
}
#menu-bottom a:first-child {
	padding-left: 0;
}
#menu-bottom li:last-child a {
	border: none;
	padding-right: 0;
}
#menu-bottom a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}


/* Content
--------------------------------------------- */

section {
	margin: 100px 10px;
	position: relative;

	scroll-snap-margin: 140px;
	scroll-margin: 140px;
}

.bg-light {
	padding: 80px 20px 150px;
}
.enlaces {
	margin: 120px 0;
}

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

.entry-content {
	position: relative;
	z-index: 0;
}
.entry-content ul:not([class]) {
	list-style: square;
	padding-left: 0;
}
.entry-content ul:not([class]) li {
	margin-left: 2em;
	margin-bottom: 0.5em;
}
.entry-header {
	width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);

	padding-top: 90px;
	padding-bottom: 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-color: var(--color-secondary);

	padding-left: 10px;
	padding-right: 10px;
}
#breadcrumbs {
	position: absolute;
	margin-top: 30px;
	z-index: 1;
	font-size: 14px;
	color: #fff;
}
#breadcrumbs a {
	color: #A2A2A2;
}
.home #breadcrumbs,
#post-2113 #breadcrumbs, #post-3247 #breadcrumbs, #post-3379 #breadcrumbs {
	display: none;
}
.breadcrumb_last {
	white-space: nowrap;
}
.entry-title {
	color: #fff;
}
@media only screen and (max-width:479px) {
	.page .entry-header .entry-title{
		font-size:1.8em;
	}
	.page .entry-content h2{
		font-size:1.6em;
	}
}
@media only screen and (max-width:359px) {
	.page .entry-content h2{
		font-size:1.3em;
	}
}
.entry-header p {
	max-width: 640px;
	margin-bottom: 2em;
	color: #fff;
}

.bg-gris .entry-header {
	background-color: var(--color-lightGrey);
}
.bg-gris h1,
.bg-gris p {
	color: var(--color-secondary);
}
.bg-gris #breadcrumbs {
	color: var(--color-primary);
}
.bg-gris #breadcrumbs a {
	color: var(--color-darkGrey);
}
.bg-white, .entry-header.bg-white{
	background-color: var(--bg-color);	
}

.medio-gris {
	width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);
	background-image: linear-gradient(0deg, #fff 33%, #E7EAEd 33%);
	padding: 40px 0 30px;
}
.medio-gris.inverso {
	background-image: linear-gradient(0deg, #fff 30%, #E7EAEd 30%);
}
.medio-gris.vertical {
	background-image: linear-gradient(180deg, #fff 15%, #E7EAEd 15%);
}
.medio-gris .col-6 {
	order: -1;
}
.bg-dark {
	padding: 80px 0;
}
.bg-dark h2,
.bg-dark p,
.bg-dark form{
	color:#fff;
}
.bg-dark form span{
	color:var(--color-grey);
}
.bg-dark form a{
	color: var(--color-lightBlue);
}

.full {
	width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);
}
.full.full-gris {
	background-color: var(--color-lightGrey);
	padding: 80px 0;
}

.largo-gris {
	min-height: 800px;
	margin-bottom: -500px;
}




.lower {
	text-transform: none;
}
.oscuro {
	color: var(--color-darkGrey);
}


.clientes {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.clientes li {
	flex-basis: 50%;
	text-align: center;
	display: grid;
	place-items: center;
}

.home .integral {
	width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);

	padding-top: 120px;
	padding-bottom: 100px;
	background: var(--color-lightGrey);
}

.integral-img {
	position: relative;
	margin: 40px 10px 0;
}
.integral-img img {
	border-radius: 50%;
}

.integral-img::before {
	content: "";
	display: block;
	/* width: 400px;
	height: 400px; */

	width: calc(100% + 50px);
	height: calc(100% + 50px);
	max-width: 400px;
	max-height: 400px;

	position: absolute;
	top: -24px;
	left: -24px;
	z-index: -1;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380'><g fill='none' fill-rule='evenodd'><circle cx='190' cy='190' r='188.5' stroke='%23084A99' stroke-width='3'/><path fill='%23FFF' d='M0 0h227v259H0z'/><path stroke='%23094C97' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M9.353 274.157l4.433-17.203 15.139 9.295'/></g></svg>");
	transition: transform .6s cubic-bezier(.5,1.06,.79,.99);
}
.integral:hover .integral-img::before {
	transform: rotate(520deg);
}
.home .integral-img::before {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380'><g fill='none' fill-rule='evenodd'><circle cx='190' cy='190' r='188.5' stroke='%23084A99' stroke-width='3'/><path fill='%23E7EAED' d='M0 0h227v259H0z'/><path stroke='%23094C97' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M9.353 274.157l4.433-17.203 15.139 9.295'/></g></svg>");
}

/* Falso borde para navegadores antiguos */
.outline {
	color: #fff;
	/* No se puede usar transparencia */
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
	font-size: 45px;
}
/* Borde real para navegadores que lo soportan */
@supports((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {
	.outline {
		color: transparent;
		-webkit-text-stroke: 2px #fff;
		text-stroke: 2px #fff;
		text-shadow: none;
	}
}
.outline{
	background: linear-gradient(to right, #E7EAED 50%, #004A99 50%);
	background-size: 200%;
	background-position: 0 0;
	display: inline;
	transition: .5s ease-in-out;

	background-position: -100% 0;
}

#socios {
	background-image: url(img/puerto-bilbao-sm.jpg);
	background-position: center top;
	background-size: cover;
}
#socios::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(0deg, #fff 0%, #fff 1.5%, rgba(255, 255, 255, 0) 40%);
}
#socios::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	background-image: linear-gradient(180deg, rgba(0, 74, 153, .9) 0%, rgba(0, 74, 153, .7) 40%, rgba(255, 255, 255, 0) 80%);
	z-index: -1;
}
.socios-list {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 80px 0;
}
.socios-list li {
	background-color: #fff;
	padding: 50px 20px 10px;
	max-width: 270px;
	margin-bottom: 20px;
	z-index: 0;
}
.socios-list img {
	display: flex;
	margin-bottom: 20px;
	margin: 0 auto 20px;
}
.socios-list p {
	color: var(--color-darkGrey);
	font-weight: bold;
}
.socios-list .button {
	margin-right: 0;
}

.razones li {
	padding-bottom: 40px;
	padding-top: 20px;
}
.razones li::before {
	content: "02.";
	font-family: 'Archivo Black';
	font-size: 90px;
	color: var(--color-primary);
}
.razones li:first-child::before {
	content: "01.";
}
.razones li:last-child::before {
	content: "03.";
}




.material-list {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.material-list li {
	min-height: 380px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid var(--color-primary);
	box-shadow: 0px 0px 6px rgba(0,0,0,.4);

	background-repeat: no-repeat;
	background-position: center -35px;
	background-size: cover;

	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;

	flex-basis: 100%;
}
.material-list h3,
.desplazado h3 {
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
	color: var(--color-primary);
	text-transform: none;
	padding: 20px;
	padding-left: 50px;

	background-repeat: no-repeat;
	background-position: 14px center;
}
.material-list p {
	color: #fff;
	background-color: var(--color-primary);
	padding: 30px 20px 100px;
	height: 360px;

	position: absolute;
	top: 85px;
	/* transform: translateY(240px); */
	transition: transform .65s cubic-bezier(.17,.67,.14,.95);
}

.material-list .button {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	background: #fff;
	width: 100%;
}
.material-list .button:hover {
	opacity: 1;
}

.mineral h3 {
	background-position-x: 25px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' viewBox='0 0 15 30'><defs><path id='a' d='M0 0h14.376v30H0z'/></defs><g fill='none' fill-rule='evenodd'><path fill='%236FC8FF' d='M4.417 8.32a.412.412 0 00-.28.38v3.265c0 .21.173.406.424.442.327.047.611-.158.611-.419V8.696c-.004-.296-.375-.519-.755-.376M10.862 10.345c-.286 0-.517.202-.517.452v9.422a.47.47 0 00.352.448c.356.098.682-.136.682-.439v-9.431c0-.25-.231-.452-.517-.452M8.793 8.276c-.286 0-.517.188-.517.421v5.347c0 .185.136.362.352.418.356.091.682-.127.682-.41V8.698c0-.233-.231-.421-.517-.421'/><mask id='b' fill='%23fff'><use xlink:href='%23a'/></mask><path fill='%236FC8FF' d='M11.387 29.126H9.705l-2.23-4.576a1579.665 1579.665 0 00-.054-8.859.436.436 0 00-.427-.442.437.437 0 00-.422.45c.02 2.135.037 4.728.048 7.088l-5.248-10.76c0-.01-.01-.02-.015-.028L.877 6.99h12.63l-1.023 10.645a.47.47 0 00-.02.1l-.22 2.45-.857 8.941zm-3.865.005c.01-.356.014-.906.018-1.774v-.834l1.27 2.603H7.517l.006.005zm-.922-.005H4.894V25.74c0-.216-.139-.419-.343-.457-.263-.049-.492.167-.492.44v3.404h-.987l-.424-4.515-.146-1.723a.468.468 0 00-.027-.123l-.783-8.322 4.925 10.32c.003 2.019-.002 3.653-.022 4.363H6.6zM2.752 1.264l3.513 4.707h-5.24l1.727-4.707zm8.139-.39L7.19 5.83 3.49.874h7.4zm2.467 5.097H8.124l3.514-4.707 1.72 4.707zm-.01 11.276l1.027-10.672a.482.482 0 000-.085.463.463 0 00-.026-.2L12.136.245v.028s.011-.038.001-.056a.426.426 0 00-.03-.047l-.012-.013a.453.453 0 00-.038-.044L12.05.108l-.024-.022-.014-.01-.011-.009a.421.421 0 00-.046-.03c-.019-.009-.038-.016-.058-.037h-.01c-.019.009-.038.004-.057.001-.018-.001-.037-.001-.055.145H2.613C2.593 0 2.575 0 2.556 0 2.536.004 2.518.009 2.5 0h-.01c-.018.021-.036.028-.053.037a.417.417 0 00-.05.03l-.012.008-.014.011-.024.022-.007.006a.452.452 0 00-.038.044l-.008.008a.461.461 0 00-.03.048c-.01.018-.005.056-.005.056v.005L.028 6.328a.463.463 0 00-.026.2.482.482 0 000 .085l1.426 14.829L2.3 29.9c.077.065.173.1.272.1h9.238a.414.414 0 00.272-.1l1.266-12.653z' mask='url(%23b)'/></g></svg>");
}
.metal h3,
.proyecto h3 {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='29' viewBox='0 0 29 28'><g fill='%236FC8FF' fill-rule='evenodd'><path fill-rule='nonzero' d='M.445 27.563H28.01a.444.444 0 00.445-.445V25.34a.444.444 0 00-.445-.445h-1.334v-3.556h1.334a.444.444 0 00.445-.445v-1.778a.444.444 0 00-.445-.445h-1.635l-9.188-6.546c.1-.332.152-.676.155-1.023a3.511 3.511 0 00-.865-2.347l.329-1.642h.083c.14 0 .272-.066.356-.178l1.333-1.78a.447.447 0 00.088-.267V.445a.444.444 0 00-.443-.447h-8a.444.444 0 00-.445.445v4.446c0 .096.03.19.088.267l1.334 1.78a.445.445 0 00.356.178h.015v.958a.439.439 0 00.127.33l1.759 1.76a.876.876 0 01-.193 1.4.436.436 0 00-.075-.26.445.445 0 00-.62-.1l-.343.245-.028-.022-1.171-1.17a.445.445 0 00-.752.237 3.559 3.559 0 00.287 2.14l-8.488 6.039H.445a.444.444 0 00-.445.445v1.782a.444.444 0 00.445.445h1.334v3.555H.445A.444.444 0 000 25.34v1.778a.444.444 0 00.445.445zM10.663 4.741V.889h7.114v3.852l-1.11 1.483h-4.893l-1.111-1.483zm3.419 7.307a1.777 1.777 0 000-2.515l-1.626-1.627v-.792H15.9l-.338 1.684v.043a.444.444 0 00.098.324.379.379 0 00.024.036c.502.501.78 1.185.77 1.894a2.7 2.7 0 01-.794 1.903 2.667 2.667 0 01-3.773 0c-.044-.044-.08-.093-.12-.139l.53-.378c.629.2 1.317.033 1.785-.432v-.001zm-2.921-.407l.325.325-.186.132c-.06-.148-.107-.3-.139-.457zm-.122 1.736c.07.084.141.17.22.249a3.56 3.56 0 005.03 0c.201-.203.378-.43.526-.674l8.029 5.72H3.606l7.433-5.295zM.889 19.561h26.676v.889H.889v-.889zm1.779 1.778h23.119v3.559H2.668v-3.559zM.889 25.785h26.676v.889H.889v-.889z'/><path d='M16.888 22.675h-5.335a.445.445 0 100 .889h5.335a.445.445 0 100-.889z'/></g></svg>");
}
.caucho h3 {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' viewBox='0 0 30 30'><g fill='%236FC8FF' fill-rule='nonzero'><path d='M14.938 0C6.688 0 0 6.688 0 14.938s6.688 14.938 14.938 14.938 14.938-6.688 14.938-14.938A14.938 14.938 0 0014.938 0zm13.4 18.769l-.936-.3-.308.946.94.305a13.938 13.938 0 01-1.537 3l-.8-.578-.586.806.791.575a14.077 14.077 0 01-2.383 2.387l-.575-.791-.806.586.578.8a13.934 13.934 0 01-3 1.535l-.305-.94-.946.308.3.936c-1.086.31-2.206.488-3.335.527v-.983h-1v.983a13.864 13.864 0 01-3.333-.527l.3-.936-.946-.308-.307.94a13.938 13.938 0 01-3-1.537l.578-.8-.806-.586-.575.791a14.076 14.076 0 01-2.385-2.385l.791-.575-.586-.806-.8.578a13.934 13.934 0 01-1.532-3l.94-.305-.308-.946-.936.3a13.867 13.867 0 01-.53-3.335h.983v-1h-.97c.04-1.128.216-2.248.527-3.333l.936.3.308-.946-.937-.307c.39-1.058.905-2.066 1.537-3l.8.578.586-.806-.8-.574a14.076 14.076 0 012.386-2.38l.575.791.806-.586-.578-.8a13.934 13.934 0 013-1.532l.305.94.946-.308-.3-.936a13.867 13.867 0 013.335-.53v.983h1v-.98c1.128.04 2.248.216 3.333.527l-.3.936.946.308.307-.937c1.058.39 2.066.905 3 1.537l-.578.8.806.586.575-.791a14.076 14.076 0 012.381 2.382l-.791.575.586.806.8-.578c.63.934 1.146 1.942 1.534 3l-.94.305.308.946.936-.3c.31 1.086.488 2.206.527 3.335h-.983v1h.983a13.864 13.864 0 01-.53 3.324h-.002z'/><path d='M14.937 3.983c-6.05 0-10.953 4.905-10.953 10.955S8.889 25.89 14.938 25.89c6.05 0 10.954-4.904 10.954-10.954A10.954 10.954 0 0014.937 3.983zm0 20.913c-5.5 0-9.959-4.459-9.959-9.959s4.459-9.959 9.959-9.959 9.959 4.459 9.959 9.959-4.459 9.959-9.959 9.959z'/><path d='M14.938 6.473a8.465 8.465 0 100 16.93 8.465 8.465 0 000-16.93zm6.4 4.639a7.4 7.4 0 011.035 3.161l-3.119-.252a.5.5 0 01-.283-.873l2.367-2.036zm-4.74-3.45l-1.2 2.888a.5.5 0 01-.919 0l-1.2-2.888a7.25 7.25 0 013.321 0h-.002zm-8.065 3.45l2.37 2.033a.5.5 0 01-.284.874l-3.119.252a7.4 7.4 0 011.035-3.159h-.002zm4.193 7.647l-.723 3.046a7.5 7.5 0 01-2.684-1.961l2.665-1.626a.5.5 0 01.744.54l-.002.001zm5.143 3.046l-.724-3.046a.5.5 0 01.744-.54l2.665 1.626a7.5 7.5 0 01-2.681 1.96h-.004zm.538-4.437a1.494 1.494 0 00-2.231 1.621l.747 3.141a7.28 7.28 0 01-3.973 0l.747-3.141a1.494 1.494 0 00-2.231-1.621L8.71 19.05a7.419 7.419 0 01-1.224-3.78l3.216-.26a1.494 1.494 0 00.85-2.623l-2.45-2.1a7.494 7.494 0 013.214-2.335l1.241 2.979a1.494 1.494 0 002.758 0l1.241-2.979a7.5 7.5 0 013.214 2.335l-2.447 2.1a1.494 1.494 0 00.852 2.623l3.216.26a7.419 7.419 0 01-1.224 3.78l-2.76-1.682z'/><path d='M14.938 12.946a1.992 1.992 0 100 3.984 1.992 1.992 0 000-3.984zm0 2.988a1 1 0 110-2 1 1 0 010 2z'/></g></svg>");
}
.peligrosa h3 {
	background-position-y: 18px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='27' viewBox='0 0 27 24'><g fill='%236FC8FF' fill-rule='evenodd'><path fill-rule='nonzero' d='M25.723 18.842L15.731 1.537a3.074 3.074 0 00-5.324 0L.416 18.842a3.074 3.074 0 002.662 4.611h19.983a3.074 3.074 0 002.662-4.61v-.001zM24.4 21.15c-.273.48-.784.774-1.336.771H3.078a1.542 1.542 0 01-1.336-2.313l9.991-17.305a1.542 1.542 0 012.671 0L24.4 19.608a1.527 1.527 0 010 1.542z'/><path d='M12.09 6.118h1.96v9.798h-1.96zM13.069 17.641a1.306 1.306 0 100 2.612 1.306 1.306 0 000-2.612z'/></g></svg>");
}
.dimensionada h3 {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' viewBox='0 0 41 43'><defs><clipPath id='a'><path d='M0 0h41v43H0z'/></clipPath></defs><g fill='%236fc8ff' stroke='%236ec8ff' stroke-width='.25' clip-path='url(%23a)' data-name='Grupo 926'><path d='M40.124 37.152l-4.533-21.221a4.1 4.1 0 00-3.973-3.227h-1.401a4.211 4.211 0 00-2.8-3.4v-1.5a6.81 6.81 0 00-6.8-6.8 6.809 6.809 0 00-6.8 6.8v1.5a4.209 4.209 0 00-2.8 3.385h-1.37a4.06 4.06 0 00-3.952 3.239L1.106 37.163a4.135 4.135 0 00.824 3.484 4.039 4.039 0 003.155 1.514h31.074a4.037 4.037 0 003.159-1.519 4.13 4.13 0 00.806-3.49zM14.97 7.802a5.647 5.647 0 015.641-5.641 5.648 5.648 0 015.642 5.641v1.283c-.065 0-.128-.009-.193-.009h-1.12V7.808a4.334 4.334 0 00-4.329-4.329 4.334 4.334 0 00-4.329 4.329v1.268h-1.119c-.065 0-.129.007-.193.009zm8.422 1.274H17.83V7.808a2.784 2.784 0 012.781-2.781 2.784 2.784 0 012.781 2.781zm-8.229 1.161h10.9a3.048 3.048 0 012.987 2.462h-5.137l-11.73-.009a3.047 3.047 0 012.98-2.454zm23.233 29.672a2.872 2.872 0 01-2.248 1.083H5.074a2.877 2.877 0 01-2.246-1.079 2.971 2.971 0 01-.591-2.5l4.588-21.234a2.9 2.9 0 012.814-2.318h3.294l18.664.012h.017a2.931 2.931 0 012.835 2.306l4.534 21.223a2.97 2.97 0 01-.587 2.507z' data-name='Trazado 1615'/><g data-name='Grupo 924'><path d='M13.142 31.622v-8.4h1.775v3.7h.111l3.021-3.7h2.127l-3.115 3.763 3.152 4.637H18.09l-2.3-3.451-.873 1.066v2.385z' data-name='Trazado 1616'/><path d='M26.199 25.941a1.853 1.853 0 00-.242-.531 1.553 1.553 0 00-.378-.394 1.707 1.707 0 00-.508-.248 2.179 2.179 0 00-.63-.086 2.008 2.008 0 00-1.129.319 2.094 2.094 0 00-.756.929 3.655 3.655 0 00-.271 1.487 3.756 3.756 0 00.266 1.493 2.077 2.077 0 00.754.936 2.044 2.044 0 001.152.322 2.278 2.278 0 001.031-.215 1.533 1.533 0 00.655-.609 1.827 1.827 0 00.228-.93l.361.053h-2.164V27.13h3.513v1.057a3.687 3.687 0 01-.467 1.9 3.175 3.175 0 01-1.292 1.222 4 4 0 01-1.878.428 4.032 4.032 0 01-2.074-.522 3.576 3.576 0 01-1.392-1.488 4.943 4.943 0 01-.5-2.294 5.222 5.222 0 01.3-1.822 3.883 3.883 0 01.834-1.359 3.608 3.608 0 011.251-.848 4.049 4.049 0 011.545-.292 4.147 4.147 0 011.329.207 3.591 3.591 0 011.092.584 3.187 3.187 0 01.782.9A3.074 3.074 0 0128 25.945z' data-name='Trazado 1617'/></g></g></svg>");
}
.siderurgico h3 {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' viewBox='0 0 30 31'><defs><clipPath id='b'><path d='M0 0h30v31H0z'/></clipPath><style>.b{fill:none;stroke:%236fc8ff}</style></defs><g id='a' clip-path='url(%23b)'><path d='M-3516 6609.144v-13.252h3.224l.157-1.594V6583h3v11.453l.534.52 1.258.919h3.1l.1-.624V6583h3v11.461l1.776 1.43h3.608v13.252z' class='b' transform='translate(3521.116 -6580.571)'/><path d='M3524.26-6563.821v-2.789h15.551v2.789z' class='b' transform='translate(-3517.144 6585.166)'/></g></svg>");
}
.minero h3 {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' viewBox='0 0 30 31'><defs><clipPath id='b'><path d='M0 0h30v31H0z'/></clipPath><style>.b{fill:none;stroke:%236fc8ff}</style></defs><g id='a' clip-path='url(%23b)'><path d='M3583.735-6514.789c.291-1.532 2.92-21.062 2.92-21.062h7.56l2.992 21.062z' class='b' transform='translate(-3575.735 6543.465)'/><path d='M3596.936-6514.986l-11.954-6.917s7.765-5.668 9.686-7.054a78.817 78.817 0 00-8.187-6.955' class='b' transform='translate(-3575.551 6543.456)'/><path d='M3583.814-6514.959s9.125-5.064 11.943-7.149c-2.5-1.829-5.865-4.346-9.658-6.914 2.451-2.432 7.855-6.7 7.855-6.7' class='b' transform='translate(-3575.723 6543.483)'/><path d='M3585.417-6529.794h9.674' class='b' transform='translate(-3575.487 6544.359)'/><path d='M3583.735-6523.83h11.5' class='b' transform='translate(-3574.662 6545.239)'/><g class='b'><path d='M0 0h12.624v4.59H0z' transform='translate(8.304 3)'/><path fill='none' d='M.5.5h11.624v3.59H.5z' transform='translate(8.304 3)'/></g></g></svg>");
}
.petroquimico h3 {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' viewBox='0 0 30 31'><defs><clipPath id='b'><path d='M0 0h30v31H0z'/></clipPath><style>.b,.e{fill:none}.b{stroke:%236fc8ff}.d{stroke:none}</style></defs><g id='a' clip-path='url(%23b)'><path d='M3655.065-6513.8v-6.809l1.985-3.831h6.3v-2.859h11.236s-.11 6.627 0 6.69 8.3 0 8.3 0v6.506z' class='b' transform='translate(-3653.868 6542.651)'/><path d='M3664.018-6513.386l-.106-10.825' class='b' transform='translate(-3654.53 6542.42)'/><path d='M3653.046-6520.21h8.427' class='b' transform='translate(-3652.062 6542.12)'/><path d='M3676.046-6521.834v8.19' class='b' transform='translate(-3655.437 6542.242)'/><g class='b'><path d='M0 0h9.252v2.776H0z' class='d' transform='translate(10.389 16.553)'/><path d='M.5.5h8.252v1.776H.5z' class='e' transform='translate(10.389 16.553)'/></g><g class='b'><path d='M0 0h9.252v2.776H0z' class='d' transform='translate(10.389 20.254)'/><path d='M.5.5h8.252v1.776H.5z' class='e' transform='translate(10.389 20.254)'/></g><g class='b'><path d='M0 0h4.626v3.748H0z' class='d' transform='rotate(90 -4.904 19.504)'/><path d='M.5.5h3.626v2.748H.5z' class='e' transform='rotate(90 -4.904 19.504)'/></g><g class='b'><path d='M0 0h4.626v3.748H0z' class='d' transform='rotate(90 -2.59 21.817)'/><path d='M.5.5h3.626v2.748H.5z' class='e' transform='rotate(90 -2.59 21.817)'/></g><g class='b'><path d='M0 0h3.701v5.599H0z' class='d' transform='rotate(90 1.985 25.606)'/><path d='M.5.5h2.701v4.599H.5z' class='e' transform='rotate(90 1.985 25.606)'/></g><g class='b'><path d='M0 0h3.701v5.599H0z' class='d' transform='rotate(90 -7.811 15.81)'/><path d='M.5.5h2.701v4.599H.5z' class='e' transform='rotate(90 -7.811 15.81)'/></g><path d='M3657.98-6524.9v-7.318h-1.28v-2.072h8.877v2.072h-1.506v4.291' class='b' transform='translate(-3653.991 6543.173)'/><path fill='none' stroke='%236fc8ff' stroke-linecap='round' stroke-width='.75' d='M7.72 4.18c.146-.781-1.938-2.05-2.3-2.214.951 2.455-.919 2.037-1.028 4.62s1.911 2.39 3.639 2.318a1.99 1.99 0 001.843-2.763c-.408-1.149-1.622-1.791-1.281-2.79a8.7 8.7 0 00-1.3 1.283'/></g></svg>");
}
.neumaticos h3 {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' viewBox='0 0 30 31'><defs><clipPath id='b'><path d='M0 0h30v31H0z'/></clipPath><style>.b{fill:%236fc8ff}</style></defs><g id='a' clip-path='url(%23b)'><path d='M14.938 0a14.938 14.938 0 1014.938 14.938A14.938 14.938 0 0014.938 0zm13.4 18.769l-.936-.3-.308.946.94.305a13.938 13.938 0 01-1.537 3l-.8-.578-.586.806.791.575a14.077 14.077 0 01-2.383 2.387l-.575-.791-.806.586.578.8a13.934 13.934 0 01-3 1.535l-.305-.94-.946.308.3.936a13.868 13.868 0 01-3.335.527v-.983h-1v.983a13.864 13.864 0 01-3.333-.527l.3-.936-.946-.308-.307.94a13.938 13.938 0 01-3-1.537l.578-.8-.806-.586-.575.791a14.076 14.076 0 01-2.385-2.385l.791-.575-.586-.806-.8.578a13.934 13.934 0 01-1.532-3l.94-.305-.308-.946-.936.3a13.867 13.867 0 01-.53-3.335h.983v-1h-.97a13.865 13.865 0 01.527-3.333l.936.3.308-.946-.937-.307a13.938 13.938 0 011.537-3l.8.578.586-.806-.8-.574a14.076 14.076 0 012.386-2.38l.575.791.806-.586-.578-.8a13.934 13.934 0 013-1.532l.305.94.946-.308-.3-.936a13.867 13.867 0 013.335-.53v.983h1v-.98a13.865 13.865 0 013.333.527l-.3.936.946.308.307-.937a13.938 13.938 0 013 1.537l-.578.8.806.586.575-.791a14.076 14.076 0 012.381 2.382l-.791.575.586.806.8-.578a13.935 13.935 0 011.534 3l-.94.305.308.946.936-.3a13.868 13.868 0 01.527 3.335h-.983v1h.983a13.864 13.864 0 01-.53 3.324z' class='b' transform='translate(0 1)'/><path d='M74.954 64a10.954 10.954 0 1010.955 10.954A10.954 10.954 0 0074.954 64zm0 20.913a9.959 9.959 0 119.959-9.959 9.959 9.959 0 01-9.959 9.959z' class='b' transform='translate(-60.017 -59.017)'/><path d='M112.465 104a8.465 8.465 0 108.465 8.465 8.465 8.465 0 00-8.465-8.465zm6.4 4.639a7.4 7.4 0 011.035 3.161l-3.119-.252a.5.5 0 01-.283-.873zm-4.74-3.45l-1.2 2.888a.5.5 0 01-.919 0l-1.2-2.888a7.25 7.25 0 013.321 0zm-8.065 3.45l2.37 2.033a.5.5 0 01-.284.874l-3.119.252a7.4 7.4 0 011.035-3.159zm4.193 7.647l-.723 3.046a7.5 7.5 0 01-2.684-1.961l2.665-1.626a.5.5 0 01.744.54zm5.143 3.046l-.724-3.046a.5.5 0 01.744-.54l2.665 1.626a7.5 7.5 0 01-2.681 1.96zm.538-4.437a1.494 1.494 0 00-2.231 1.621l.747 3.141a7.28 7.28 0 01-3.973 0l.747-3.141a1.494 1.494 0 00-2.231-1.621l-2.756 1.682a7.419 7.419 0 01-1.224-3.78l3.216-.26a1.494 1.494 0 00.85-2.623l-2.45-2.1a7.494 7.494 0 013.214-2.335l1.241 2.979a1.494 1.494 0 002.758 0l1.241-2.979a7.5 7.5 0 013.214 2.335l-2.447 2.1a1.494 1.494 0 00.852 2.623l3.216.26a7.419 7.419 0 01-1.224 3.78z' class='b' transform='translate(-97.527 -96.527)'/><path d='M209.992 208a1.992 1.992 0 101.992 1.992 1.992 1.992 0 00-1.992-1.992zm0 2.988a1 1 0 111-1 1 1 0 01-1 1z' class='b' transform='translate(-195.054 -194.054)'/></g></svg>");
}

.sectores h3 {
	color: #fff;
	background-color: var(--color-primary);
	position: absolute;
	width: 100%;
	z-index: 1;
	margin: 0;
	height: 80px;
	background-position-y: 16px;
}
.sectores p {
	font-size: 14px;
}

.servicios-list,
.servicios {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
}
.servicios-list li {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-color: var(--color-primary);
	box-shadow: 0 0 10px rgba(0,0,0,.24);
	margin: 0 20px 40px;

	height: 285px;
	/* max-width: 360px; */
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;

	flex-basis: 100%;
}

.servicios li {
	padding: 14px;
	margin: 0 14px 40px;

	flex-basis: 100%;

	opacity: 1;
	visibility: visible;
}
.servicios li:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.24);
}
.servicios.sector li:hover {
	box-shadow: none;
}

.servicios-list h3,
.servicios h3 {
	color: #fff;
	font-family: Inter;
	font-weight: bold;
	font-size: 30px;
	text-transform: none;
}
.servicios-list h3 {
	margin: 0;
	padding: 130px 10px 20px;
	background-image: linear-gradient(0deg, rgba(2, 37, 74, 0.66) 0%, rgba(255, 255, 255, 0) 61%);
}
.servicios h3 {
	height: 80px;
	transform: translateY(-80px);
	margin: 0 0 -60px;
	padding: 10px 10px;
	display: grid;
	align-items: end;
	background-image: linear-gradient(0deg, rgba(2, 37, 74, 0.66) 0%, rgba(255, 255, 255, 0) 100%);
}
.servicios h3.h3-xl {
	transform: translateY(-110px);
}
.servicios-list .button {
	background-color: var(--color-primary);
	width: 100%;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
.servicios-list .button:hover {
	padding-top: 20px;
	padding-bottom: 20px;
	opacity: 1;
}
.servicios .button {
	padding-left: 0;
	text-align: left;
}
.servicios .button:hover {
	padding-left: 0;
}
.servicios.sector li {
	padding-bottom: 0;
	margin-bottom: 0;
	max-width: 267px;
}
.servicios.sector h3 {
	font-size: 16px;
	text-align: center;
	background-color: rgba(2, 37, 74, .6);
	background-image: none;
	height: 50px;
	margin-top: 30px;
}

.multimodal {
	background-image: url('img/transporte-multimodal.jpg');
}
.flete {
	background-image: url('img/flete-maritimo.jpg');
}
.consigna {
	background-image: url('img/consignatario.jpg');
}
.almacena {
	background-image: url('img/almacenaje.jpg');
}
.agente {
	background-image: url('img/agente-transitario.jpg');
}
.aduana {
	background-image: url('img/gestion-aduanas.jpg');
}

.transporte h3 {
	color: var(--color-primary);
	font-family: Inter;
	font-size: 20px;
	font-weight: bold;
}
.transporte + .transporte {
	margin-top: 40px;
}
.transporte .col-6 {
	align-self: flex-start;
}


ul.lista {
	padding-left: 40px;
	margin-top: 80px;
	margin-bottom: 40px;
}
.lista li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 36px;
	max-width: 750px;
	min-height: 29px;
}
.lista li::before {
	content:"";
	display: block;
	width: 24px;
	height: 29px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' viewBox='0 0 24 29'><g fill='%231f4a94' fill-rule='evenodd'><path d='M9.666 28.273l14.04-14.04L9.666.193v4.9l8.806 8.805-8.674 8.674z'/><path d='M0 28.273l14.04-14.04L0 .193v4.9l8.806 8.805-8.674 8.674z'/></g></svg>");
}

.columnas {
	-webkit-columns: 4 250px;
       -moz-columns: 4 250px;
            columns: 4 250px;
	-webkit-column-gap: 2em;
	   -moz-column-gap: 2em;
			column-gap: 2em;
}

ul.contenedores {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
}
.contenedores li {
	box-shadow: 0 0 10px rgba(0,0,0,.22);
	flex-basis: 100%;
	margin: 0 20px 40px;
	padding: 0 0 10px;
}
.contenedores img {
	width: 100%;
}
.contenedores h3 {
	color: var(--color-secondary);
	font-family: Inter;
	font-weight: bold;
	font-size: 20px;
	text-transform: none;
	padding: 20px 14px 10px;
}
.contenedores p {
	font-weight: 15px;
	padding: 0 14px;
}
.contenedores.combi li {
	padding-bottom: 0;
}
.contenedores.combi h3 {
	color: #fff;
	background: var(--color-primary);
	margin: 0;
	padding-bottom: 20px;
}

.desplazados {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	margin-top: 60px;
	flex-wrap: wrap;
}
.desplazado {
	box-shadow: 0 0 6px rgba(0,0,0,.29);
	max-width: 400px;
	background-color: #fff;
	padding: 20px 10px 20px;
	margin: 0 60px 60px 20px;
	position: relative;
	/* transform: translate(20px, -20px); */
}
.desplazado::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--color-primary);
	position: absolute;
	z-index: -1;
	top: 14px;
	left: -14px;
}
/* .desplazado .dimensionada::before {
	background-image: url("data:image/svg+xml;utf8, <svg></svg>");
} */

.certificaciones {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
}
.certificacion {
	box-shadow: 0 0 6px rgba(0,0,0,.22);
	max-width: 450px;
	padding: 30px 14px;
	background-color: #fff;
	margin: 30px 0;

	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;
}
.certificacion h2 {
	color: var(--color-secondary);
	margin-bottom: 20px;
}
.certificacion h3 {
	text-transform: none;
	color: var(--color-primary);
	font-family: Inter;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}
.certificacion .button {
	margin-top: auto;
	width: 300px;
	margin-right: 0;
}

.down-arrow {
	position: relative;
}
.down-arrow::before {
	content: "";
	display: block;
	width: 77px;
	height: 69px;
	position: absolute;
	right: 20px;
	top: -108px;
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='77' viewBox='0 0 28 25'><g fill='none' fill-rule='evenodd'><path fill='%23FFF' d='M2 10l12 12 12-12z'/><path fill='%231F4A94' d='M14 19l8.551-9H28L14 25 0 10h5.449L14 19z'/><path fill='%231F4A94' d='M14 9l8.551-9H28L14 15 0 0h5.449L14 9z'/></g></svg>");
}

.trabajo {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
}

#info h3, #info h4, #info h5 {
	font-family: Inter;
	font-weight: bold;
	color: #fff;
}
#info h3 {
	font-size: 15px;
	border-bottom: 1px solid #87C6FA;
	max-width: 250px;
	padding-bottom: 10px;
	margin: 60px 0 40px;
}
#info h4 {
	font-size: 20px;
	margin-bottom: 30px;
}
#info h5 {
	font-size: 18px;
}
#info a, #info b {
	color: #fff;
}
::placeholder {
	color: rgba(255,255,255,0.45);
}

.botones {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.botones > * {
	/* flex-basis: 28%; */
}

.btn-servicios {
	width: 220px;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	background-color: #fff;
	padding: 25px 0 25px 60px;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #054A99;
	cursor: pointer;
	text-align: left;
	margin: 20px;
}
.btn-servicios::before {
	content:"";
	display: block;
	width: 24px;
	height: 29px;
	position: absolute;
	left: 20px;
	top: calc(50% - 12px);
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' viewBox='0 0 24 29'><g fill='%231f4a94' fill-rule='evenodd'><path d='M9.666 28.273l14.04-14.04L9.666.193v4.9l8.806 8.805-8.674 8.674z'/><path d='M0 28.273l14.04-14.04L0 .193v4.9l8.806 8.805-8.674 8.674z'/></g></svg>");
}
.btn-servicios.activado, .btn-servicios:hover {
	border: 1px solid #87C6FA;
	background-color: #405973;
	color: #fff;
	opacity: 1 !important;
}
.btn-servicios.activado::before, .btn-servicios:hover::before {
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' viewBox='0 0 24 29'><g fill='%23fff' fill-rule='evenodd'><path d='M9.666 28.273l14.04-14.04L9.666.193v4.9l8.806 8.805-8.674 8.674z'/><path d='M0 28.273l14.04-14.04L0 .193v4.9l8.806 8.805-8.674 8.674z'/></g></svg>");
}

.btn-servicios.empresa {
	padding: 25px;
	text-align: center;
	border: 1px solid #fff;
	width: auto;
	min-width: 220px;
}
.btn-servicios.empresa:hover {
	border: 1px solid #87C6FA;
}
.btn-servicios.empresa::before {
	background-image: none;
}


.servicios li.oculto {
	display: none;

	/* opacity: 0;
	visibility: hidden;
	transition: opacity 2s ease-out, visibility 2s ease-out; */
}

.lista-iconos li {
	/* display: grid;
	place-items: center; */
	flex-basis: calc(50% - 60px);
	margin: 140px 30px 30px;
	position: relative;
	/* box-shadow: 0 0 9px rgba(0,0,0,.16); */
}
@media only screen and (min-width:600px) {
	.lista-iconos {
		display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.lista-iconos li {
		max-width: 260px;
	}
}
.lista-iconos img {
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.lista-iconos h3,
.lista-iconos p {
	font-family: Inter;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	color: var(--color-primary);
	text-transform: none;
	width: 100%;
	text-align: center;
	/* padding: 40px 10px; */
	margin: 0;
}
.lista-iconos span {
	font-size: 18px;
	font-weight: normal;
}

.vertical-line {
	border-left: 4px solid var(--color-primary);
	min-height: 80px;
	margin-left: calc(50% - 2px);
}

#bgvid {
	display: none;
}
.home .entry-header {
	background-image: url(img/hero-home.jpg);
	background-position: right center;
}
#soluciones-logisticas {
	background-image: url(img/soluciones-logisticas.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.localizador {
	display: block;
	width: 112px;
	height: 112px;
	background-color: rgba(2, 37, 74, 0.56);
	/*background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' viewBox='0 0 23.858 23.085'><path fill='%23fff' d='M.008 7.993a.35.35 0 01.231-.256l7.985-2.662a.35.35 0 11.221.663l-6.67 2.223L10.3 9.444l11.148-8.04L9.937 5.241a.35.35 0 11-.221-.663L23.4.017h.012a.349.349 0 01.418.476l-9.266 20.84a.349.349 0 01-.56.112l-3.865-3.666-3.427 2.164a.348.348 0 01-.181.052h-.04a.349.349 0 01-.308-.306l-.757-6.367-5.311-5a.35.35 0 01-.1-.33zm1.429.619l4.345 4.09 3.725-2.686zm7.136 6.719l5.054 4.794-1.9-7.86zm-.356.625L7.2 18.81l2.42-1.528zM6.7 18.131l1.04-2.915v-.006a.349.349 0 01.083-.127L13 10.063a.349.349 0 01.487.5l-1.169 1.135 2.028 8.41 8.112-18.251-7.967 7.733a.349.349 0 11-.487-.5l5.826-5.655-13.7 9.883z' data-name='Trazado 1602'/><path fill='%23fff' d='M1.122 17.682a.348.348 0 00.247-.1l3.088-3.088A.35.35 0 003.963 14L.875 17.088a.349.349 0 00.247.6z' data-name='Trazado 1603'/><path fill='%23fff' d='M6.525 23.085a.348.348 0 00.247-.1l3.088-3.088a.35.35 0 00-.494-.494l-3.088 3.088a.349.349 0 00.247.6z' data-name='Trazado 1604'/><path fill='%23fff' d='M1.122 23.085a.348.348 0 00.247-.1l3.088-3.088a.35.35 0 00-.494-.494L.875 22.491a.349.349 0 00.247.6z' data-name='Trazado 1605'/></svg>");*/
	background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' viewBox='0 0 17 23'><g fill='%23fff' fill-rule='nonzero'><path d='M8.455 12.48a8.465 8.465 0 018.457 8.456 1.112 1.112 0 01-2.224 0 6.232 6.232 0 00-12.464 0 1.112 1.112 0 11-2.224 0 8.465 8.465 0 018.455-8.456zM8.456 0a5.7 5.7 0 015.692 5.692A5.692 5.692 0 118.456 0zm3.208 5.692a3.208 3.208 0 10-6.416 0 3.208 3.208 0 006.416 0z'/></g></svg>");
	background-repeat: no-repeat;
	background-position: center 15px;
	border: 2px solid #fff;
	border-radius: 100%;
	box-shadow: 0 0 6px rgba(111, 200, 255, .72);
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 46px 10px 0;
	text-align: center;
}


.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(2, 24, 47,0.7);
}

.modal-content {
	background-color: var(--color-secondary);
	margin: 180px auto 50px;
	padding: 30px 5%;
	width: 80%;
	max-width: 750px;
	position: relative;
	color: #fff;
}
.modal-content p {
	color: #fff;
}
.modal a {
	color: var(--color-lightBlue);
}
.mauticform-row {
	margin-top: 20px;
}
p.descarga {
	font-size: 20px;
	display: inline-block;
	border-bottom: 1px solid #6FC8FF;
	padding-bottom: 10px;
}
.close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	padding: 10px;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* Blog
--------------------------------------------- */

.blog-cont {
	margin-top: 50px;
}

.articulos {
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 80px;
}
/* .articulos.relacionados {
	margin-top: 0;
	justify-content: flex-start;
}
.articulos.relacionados .entry-summary {
	display: none;
} */
.home .articulos {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.articulos article {
	flex-basis: 100%;
	margin: 20px 0;
	box-shadow: 0px 0px 6px rgba(0,0,0,.22);
}
.img-cont {
	width: 100%;
	height: 180px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}
.articulo-cont {
	padding: 20px;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	flex-direction: column;
	height: calc(100% - 180px);
	background-color: var(--bg-color);
}
.articulo-titulo {
	font-size: 16px;
	text-transform: none;
	line-height: 1.4;
}
.articulo-titulo a {
	color: #000;
}
.articulo-cont p {
	font-size: 15px;
}
.articulos article .button {
	text-align: left;
}



.blog-title {
	color: var(--color-secondary);
	text-transform: none;
	padding-bottom: 10px;
	margin-top: 40px;
	font-size: clamp(3rem, 2.7545rem + 0.6818vw, 3.5rem);
}

.blog-content h2,
.blog-content h3 {
	font-family: Inter;
	text-transform: none;
	color: var(--color-secondary);
}
.blog-content h2 {
	margin-top: 9rem;
	font-size: clamp(2.4rem, 1.9091rem + 1.3636vw, 3rem);
}
.blog-content h3 {
	margin-top: 6rem;
	font-size: clamp(2rem, 1.8364rem + 0.4545vw, 2.2rem);
}

.post-thumbnail img {
	width: 100%;
	height: auto;
}
.fecha {
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
}

.blog-content a {
	text-decoration: underline;
}

.blog-content ul {
	margin-top: 60px;
	padding-left: 50px;
	list-style-type: disc;
}
.blog-content li {
	margin-bottom: 16px;
}

.entry-footer {
	margin-top: 80px;
	margin-bottom: 100px;
	padding: 40px 0 10px;
	border-top: 2px solid var(--color-primary);
	border-bottom: 2px solid var(--color-primary);
}

.cat-links {
	margin-top: 26px;
}

.search .archivo {
	display: none;
}



/* Media queries
--------------------------------------------- */
@media only screen and (max-width:479px) {
	#header-movil .language-selector{
		right:55px;
	}
	.perfil{
		right:125px;	
	}
	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
		right:18px;
	}
}
@media only screen and (max-width:574px) {
	h1 br, h2 br {
		display: none;
	}
	#colophon .col-3 {
		margin-left: 30px;
	}
	.top-bar #topbar-menu a{
		font-size:13px;
	}
	.top-bar #topbar-menu a, .top-bar #topbar-menu .dark a {
		padding:4px;
	}
	.top-bar #topbar-menu .dark a{
		margin-right:4px;
	}
}

@media only screen and (min-width:575px) {
	.material-list li {
		flex-basis: 48%;
	}
	.servicios-list {
		margin-left: -20px;
	}
	.servicios-list li {
		flex-basis: calc(50% - 40px);
	}
	.servicios li {
		flex-basis: calc(50% - 28px);
	}
	.contenedores {
		margin-left: -20px;
	}
	.contenedores li {
		flex-basis: calc(50% - 40px);
	}

	section.doble-margin {
		margin-top: 220px;
		margin-bottom: 220px;
	}
	.home header > .container{
		position:relative;
	}
	.localizador {
		bottom: -40px;
	}
}

@media only screen and (min-width:600px) {
	.blog-col {
		padding-right: 2rem;
	}

	.trabajo {
		align-self: initial;
		background-image: url(img/trabajo.jpg);
		background-size: cover;
		background-position: center;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: -20px;
		margin-bottom: 20px;
	}
	#tr-conductores .trabajo {
		background-image: url(img/conductores.jpg);
	}

	.outline {
		font-size: 72px;
	}
	.clientes li {
		flex-basis: 25%;
	}

	.certificacion {
		padding: 30px 20px;
		margin: 50px 0;
	}

	.home .entry-header,
	#soluciones-logisticas {
		background-image: none;
	}
	#bgvid {
		display: block;
		position: absolute;
		top: -80px;
		left: 0;
		/* width: 100vw; */
		width: 177.77777778vh;
		z-index: -1;
	}
	.home #bgvid {
		top: auto;
		bottom: 0;
	}

}

@media only screen and (min-width:768px) {
	section {
		margin: 170px 10px;
	}
	section.doble-margin {
		margin-top: 240px;
		margin-bottom: 240px;
	}

	.max-700 {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.max-900 {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.largo-gris {
		min-height: 600px;
		margin-bottom: -400px;
	}


	/* Limita la anchura, pero no centra el contenido */
	.limit-700 {
		max-width: 700px;
	}
	.limit-850 {
		max-width: 850px;
	}

	.transporte .col-6 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.certificacion {
		margin: 50px;
	}

	.blog-col {
		padding-right: 5rem;
	}

	.cat-links {
		margin-top: 0;
	}
	.tags-links, .cat-links {
		align-self: flex-start;
	}

	.wpcf7-form {
		padding: 80px 120px 40px;
	}
	.page-id-1965 .wpcf7-form {
		padding: 80px 60px 40px;
	}

	.trabajo {
		padding-left: 40px;
		padding-right: 40px;
	}

	.articulos {
		justify-content: flex-start;
	}
	.articulos article {
		flex: 30.26% 0 0;
		margin: 20px 1.5%;
	}

	.medio-gris {
		background-image: linear-gradient(90deg, #fff 33%, #E7EAEd 33%);
	}
	.medio-gris .col-6:last-child {
		order: 2;
	}
	.medio-gris.inverso {
		background-image: linear-gradient(270deg, #fff 33%, #E7EAEd 33%);
	}
	.medio-gris.vertical {
		background-image: linear-gradient(180deg, #fff 33%, #E7EAEd 33%);
	}

	#menu-bottom {
		text-align: right;
	}
	#socios {
		background-image: url(img/puerto-bilbao-md.jpg);
	}

	.integral .col-6 div {
		margin: 40px 80px 0;
	}

	.material-list p {
		transform: translateY(240px);
	}
	.material-list li:hover p {
		transform: translateY(0);
	}
	.mineral {
		background-image: url('img/minerales.jpg');
	}
	.metal {
		background-image: url('img/metales.jpg');
	}
	.caucho {
		background-image: url('img/caucho.jpg');
	}
	.peligrosa {
		background-image: url('img/mercancia-peligrosa.jpg');
	}
	.siderurgico {
		background-image: url('img/sector-siderurgico.jpg');
	}
	.minero {
		background-image: url('img/sector-minero.jpg');
	}
	.petroquimico {
		background-image: url('img/sector-petroquimico.jpg');
	}
	.neumaticos {
		background-image: url('img/neumaticos.jpg');
	}
	.sectores h3 {
		transform: translateY(300px);
		transition: transform .65s cubic-bezier(.17,.67,.14,.95);
	}
	.sectores li:hover h3 {
		transform: translateY(0);
	}
	.servicios.grupo{
		justify-content:center;
		gap:50px;
	}
	.servicios.grupo li {
		flex-basis: 390px;
	}

	.outline{
		background-position: 0 0;
	}
	.integral:hover .outline {
		background-position: -100% 0;
	}
	.outline {
		font-size: 52px;
	}

	.button + br {
		display: none;
	}
}


@media screen and (min-width: 1150px) {
	.material-list li {
		flex-basis: 24%;
	}
	.servicios li {
		margin: 0 20px 40px;
	}
	.servicios-list li,
	.servicios li {
		flex-basis: calc(33% - 40px);
	}
	.servicios.sector li {
		margin: 0 16px 40px;
	}
	.servicios.sector li {
		flex-basis: calc(25% - 32px);
	}
	.contenedores li {
		flex-basis: calc(33% - 40px);
	}
	.contenedores.cuatro li {
		flex-basis: calc(25% - 40px)
	}

	#bgvid {
		width: 100vw;
	}

	#socios {
		background-image: url(img/puerto-bilbao-lg.jpg);
	}

	.outline {
		font-size: 72px;
	}
}


/* Menú desktop */
/*@media screen and (min-width: 1230px) {*/
	.top-bar {
		display: block;
		height: 46px;
		background-color: var(--color-secondary);
		text-align: right;
		position: relative;
		z-index: 2;
		border-bottom:1px solid #FFFFFF;
	}
	.menu-top-bar-container,.menu-top-bar-en-container,.menu-top-bar-fr-container {
		display: inline-block;
	}
	#topbar-menu {
		margin: 0;
	}
	#topbar-menu li {
		display: inline-block;
	}


	.top-bar a {
		line-height: 45px;
		color: white;
		font-size: 15px;
		padding: 10px;
	}
	.top-bar a:hover {
		color: #87C6FA;
		opacity: 1;
	}
	.top-bar .dark a {
		padding: 5px 20px;
		border: 1px solid #fff;
	}
	.top-bar .dark a:hover {
		color: var(--color-secondary);
		background-color: #fff;
	}
	.top-bar .language-selector{
		display:none;
	}

@media screen and (min-width: 1230px) {
	.top-bar .language-selector{
		display:inline-block;
	}
	.iconos {
		display: block;
		text-align: right;
		z-index: 1;
		flex: 0 0 15%;
		margin-left:-104px;;
		max-width: unset;
	}
	.iconos svg {
		padding-top: 34px;
		/* transition: fill 1s ease-out; */
	}
	.hovered .iconos g,
	.buscando .iconos g {
		fill: #fff;
	}
	.hovered .iconos a,
	.buscando .iconos a {
		border-color: #fff;
	}
	.iconos a {
		border-left: 2px solid var(--color-secondary);
		padding: 5px 9px 0px;
		margin-left: 5px;
		position: relative;
	}
	.tooltip .tiptext {
		visibility: hidden;
		margin-left: -45px;
		top: 120%;
		left: 50%;
		width: 90px;
		background-color: var(--color-secondary);
		color: #fff;
		text-align: center;
		padding: 2px 0;
		position: absolute;
		border: 1px solid #fff;
		font-size: 14px;
	}
	.tooltip .tiptext::after {
		content: "";
		position: absolute;
		border-width: 5px;
		border-style: solid;
		margin-left: -5px;
		bottom: 100%;
		left: 50%;
		border-color: transparent transparent #02254A transparent;
	}
	.tooltip:hover .tiptext {
		visibility: visible;
	}
	.tooltip .client-area {
		max-width:121px;
		background-color: var(--color-secondary);
		color: #fff;
		text-align: center;
		padding: 3px 5px;
		position: relative;
		border: 1px solid #fff;
		font-size: 14px;
		display: inline-block;
		margin-top: -10px;
		vertical-align: middle;
	}
	.tooltip .client-area:hover{
		background-color:var(--color-primary);
	}
	#btn-buscar {
		cursor: pointer;
	}

	.menu-toggle,
	.main-navigation .perfil {
		display: none;
	}
	#header-movil .language-selector{
		display:none;
	}


	#masthead {
		position: fixed;
		width: 100%;
	}
	#desktop-menu,
	#desktop-menu .container {
		height: 100px;
	}
	#desktop-menu.sombra {
		box-shadow: 0 0px 6px rgba(0,0,0,.12);
	}
	#primary {
		padding-top: 184px;
	}
	.menu-desk-bg {
		position: fixed;
		width: 100vw;
		height: 320px;
		background: var(--color-secondary);
		top: 0;
		left: 0;
		z-index: 0;

		transform: translateY(-400px);
		transition: transform .75s cubic-bezier(.215,.61,.355,1);
	}
	.hovered .menu-desk-bg {
		transform: translateY(0);
		transition-duration: 1s;
	}
	.hovered #desk-navigation a {
		color: rgba(255,255,255,.5);
	}

	#bg-overlay {
		height: 100%;
		width: 100%;
		position: fixed;
		opacity: 0;
		background-color: hsla(0,0%,9%,.7);
		pointer-events: none;
		transition: opacity .75s easeInCubic;
		z-index: -3;
	}
	.hovered #bg-overlay,
	.buscando #bg-overlay {
		opacity: 1;
		transition-duration: 1.2s;
		transition-delay: .2s;
	}


	#desk-navigation {
		margin-left: -40px;
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,.3);
	}
	#desk-menu {
		display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		margin-top: 36px;
		margin-bottom: 10px;
		padding: 0;
	}
	#desk-menu li {
		list-style-type: none;
		overflow: hidden;
	}
	#desk-menu a {
		color: #000;
		font-size: 15px;
		padding: 10px 14px;
		transition: color .3s ease-out;
	}
	#desk-menu > li > a {
		padding-left:7px;
		padding-right:7px;
	}

	#desk-menu .sub-menu {
		position: absolute;
		padding: 20px 0 0;

		visibility: hidden;
		opacity: 0;

		transform: translateX(-20px);
	}
	#desk-menu > li > .sub-menu {
		left: 0;
		width: 100%;
		min-height: 195px;
	}
	#desk-menu .menu-item-has-children:hover .sub-menu {
		display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		opacity: 1;
		visibility: visible;

		transform: translateX(0);

		transition: opacity .35s ease-in, visibility .35s ease-in, transform .45s ease-out;
		transition-delay: .25s;
	}

	#desk-menu > li:hover > a {
		color: #fff;
	}
	#desk-menu .sub-menu a {
		color: #fff;
	}
	#desk-menu > li > .sub-menu > li > a {
		transition: padding .4s cubic-bezier(.18,.69,.61,.91);
		position: relative;
	}
	#desk-menu > li > .sub-menu > li:not(.button) > a::before {
		content: "";
		width: 20px;
		height: 1px;
		position: absolute;
		top: 19px;
		left: 0;
		background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='20' viewBox='0 0 20 1'><path fill='none' fill-rule='evenodd' stroke='%23FFF' d='M0 .5h20'/></svg>");
		transform: translateX(-50px);
		transition: transform .4s cubic-bezier(.18,.69,.61,.91);
	}
	#desk-menu > li > .sub-menu > li:not(.button) > a:hover {
		padding-left: 26px;
		padding-right: 10px;
	}
	#desk-menu > li > .sub-menu > li > a:hover::before {
		transform: translateX(0);
	}
	#desk-menu .sub-menu .sub-menu a {
		color: rgba(255,255,255,.5);
	}
	#desk-menu .sub-menu .sub-menu a:hover {
		color: #fff;
	}
	#desk-menu .sub-menu .button {
		position: absolute;
		left: 12px;
		top: 70px;
		font-weight: 400;
		font-weight: 400;
		padding: .8rem 7rem .8rem 2rem;
		background: none;
		margin-top: 0;
	}
	#desk-menu .sub-menu .button:hover {
		padding-left: 7rem;
		padding-right: 2rem;
	}

	#desk-menu .sub-menu a {
		padding-right: 22px;
	}

	#desk-menu .sub-menu .sub-menu {
		display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		flex-direction: column;
		width: 100%;
		padding: 10px 0 0;
	}
	#desk-menu .sub-menu .sub-menu li {
		margin: 4px 0;
	}

	#search-container {
		background: var(--color-secondary);
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		padding-top: 84px;
		padding-bottom: 20px;

		transition: opacity 0.3s ease-out,
				 visibility 0.3s ease-out;
	}
	#search-container form {
		margin-left: auto;
		margin-right: auto;
		width: 40%;
	}
	.search-field {
		padding-right: 40px !important;
	}
	#primary .search-field {
		max-width: 600px;
	}
	#desktop-menu.buscando #search-container {
		visibility: visible;
		opacity: 1;
	}

	#servicios {
		scroll-snap-margin: 140px;
		scroll-margin: 140px;
	}
	#newsletter .col-5, #newsletter .col-6{
		align-self: flex-start;
	}
	#newsletter .mauticform-field-1,
	#newsletter .mauticform-field-2{
		width: 47.5%;
		display: inline-block;
		vertical-align:top;
	}
	#newsletter .mauticform-field-1{
		margin-right: 4%;
	}
}

/* Laptop L */
@media screen and (min-width: 1440px) {
	#desk-menu > li > a {
		padding-left:12px;
		padding-right:12px;
	}
}
	/* Wide Screens */
@media screen and (min-width: 1901px) {
	.home #bgvid {
		bottom:-200px;
	}
}
.certificaciones_logo
{
		padding:0px;
	margin:0px;
}
.certificaciones_logo a
{
		float:right;
}
.certificaciones_logo img
{
		width:250px;
}
@media screen and (max-width: 800px) {
	.certificaciones_logo a
{
		float:none;
}
}