/*!
Theme Name: frioa
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 0.0.1
*/


:root {
    --azul: #346CA0;
    --azul-2: #015FA3;
    --azul-oscuro: #1A3957;
    --azul-oscuro-2: #16314a;
    --verde: #92CA5D;
    --verde-claro: #CCE68C;
    --amarillo: #F6CC5E;
    --beige: #F3F4EC;
}

.amarillo {
	color: var(--amarillo);
}

.lato-light {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.lato-regular {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.lato-black {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: normal;
}

body {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 30px;
}

h1, h2, h3, h4, h5, .h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Lato", sans-serif;
}

a, a:visited {
    color: var(--azul);
    text-decoration: underline;
}

a:hover {
    color: var(--azul);
}

strong {
	font-weight: 900;
}

h1 {
	color: var(--azul);
	font-size: 35px;
	line-height: 40px;
	font-weight: 900;
	margin: 0 0 40px 0;
}

h2 {
	color: var(--azul);
	font-size: 35px;
	line-height: 40px;
	font-weight: 900;
	margin: 0 0 40px 0;
}


/* Cabecera */

#cabecera {
	width: 100%;
	position: fixed;
	background-color: #fff; /*transparent;*/
	z-index: 100;
	transition: background-color 0.3s ease-in-out;
}

.page-template-page-inicio #cabecera {
	background-color: transparent;
}

/*body.page-template-page-marketplace #cabecera {
	background-color: var(--verde);
}*/

.barra-nav {
	height: 100px;
	color: #fff;
	display: flex;
	align-items: center;
	transition: height 0.3s ease-in-out;
}

#cabecera.barra-nav.movida {
    height: 60px;
    background-color: #fff;
}

.barra-nav .logo {
	display: block;
	margin-left: 30px
}

.barra-nav .logo a {
	display: block;
}

.barra-nav .logo a img {
	display: block;
	width: auto;
	height: 56px;
}

#cabecera.barra-nav.movida .logo a img {
	height: 40px;
	transition: height 0.3s ease-in-out;
}

.barra-nav .wpml-language-selector {
	margin: 0 30px 0 auto;
}

.barra-nav #boton-abrir-menu, .barra-nav #boton-cerrar-menu {
    display: flex;
    align-items: center;
    margin: 0 35px 0 0;
    cursor: pointer;
    color: var(--azul-oscuro);
}

.page-template-page-inicio .barra-nav #boton-abrir-menu {
	color: #fff;
}

#cabecera.barra-nav.movida #boton-abrir-menu {
	color: var(--azul-oscuro);
}

.page-template-page-inicio #cabecera {
	color: var(--azul-oscuro);
}

#cabecera.barra-nav.movida svg rect {
	fill: var(--azul-oscuro);
}

.page-template-page-inicio #cabecera.barra-nav svg rect {
	fill: #fff;
}

.page-template-page-inicio #cabecera.barra-nav.movida svg rect {
	fill: var(--azul-oscuro);
}


#boton-abrir-menu span, #boton-cerrar-menu span {
	display: block;
    font-size: 18px;
    line-height: 18px;
	padding-right: 20px;
	font-weight: 900;
}

@media (max-width: 1100px) {
	.barra-nav {
    	height: 60px;
	}

	.barra-nav .logo {
		display: block;
		margin-left: 15px
	}

	.barra-nav .logo a img {
		height: 40px;
	}

	.barra-nav #boton-abrir-menu, .barra-nav #boton-cerrar-menu {
	    margin: 0 15px 0 0;
	}
}


/* Selector de idioma */

ul.wpml-language-selector {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 8px;
}

ul.wpml-language-selector li a, ul.wpml-language-selector li a:visited {
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	background-color: rgba(22, 49, 74, 1);
	text-decoration: none;
	display: flex;
	width: auto;
	height: 38px;
	padding: 0 8px 0 8px;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
}

#cabecera.barra-nav ul.wpml-language-selector li a, #cabecera.barra-nav ul.wpml-language-selector li a:visited {
	background-color: rgba(22, 49, 74, 0.4);
}

#cabecera.barra-nav.movida ul.wpml-language-selector li a, #cabecera.barra-nav.movida  ul.wpml-language-selector li a:visited {
	background-color: rgba(22, 49, 74, 1); /*var(--azul-oscuro-2);*/
}

ul.wpml-language-selector li a:hover {
	background-color: var(--azul);
}

ul.wpml-language-selector li a img {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	object-fit: cover;
	margin-right: 8px;
}


/* Cabecera página */

.breadcrumb {
	font-size: 14px;
	line-height: 24px;
}

.breadcrumb a, .breadcrumb a:visited {
	color: var(--azul-oscuro);
}

body.single-feria .breadcrumb a, body.single-feria .breadcrumb a:visited {
	color: var(--azul-oscuro);
}

.breadcrumb-item.active {
	color: var(--azul);
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--azul);
}

ol.breadcrumb {
	justify-content: center;
}

.cabecera-pagina {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	background-size: auto 150%;
	color: var(--azul);
	padding: calc(90px + 104px) 0 170px 0;
}

@media (max-width: 1100px) {
	.cabecera-pagina {
		background-position: 0 0;
		background-size: auto 120%;
	}
}

.cabecera-pagina .titulo {
	font-size: 35px;
	line-height: 42px;
	font-weight: 900;
	text-align: center;
	padding: 0;
	margin: 0;
	color: var(--azul);
}

@media (max-width: 1280px) {
	.cabecera-pagina {
		padding: 130px 0 80px 0;
	}
}


/* Lista items */

.lista-items {
	background-color: var(--azul);
	padding: 70px 0;
}

.lista-items .texto {
	text-align: center;
	padding: 0 0 60px 0;
	font-weight: 300;
}

.lista-items .texto .titulo {
	color: #ffffff;
	font-size: 35px;
	line-height: 42px;
	font-weight: 900;
	text-align: center;
}

.lista-items .lista {
	display: flex;
	color: #fff;
}

.lista-items .lista .item {
	text-align: center;
	flex: 1;
}

.lista-items .lista .item svg {
	margin: 0 0 20px 0;
}

.lista-items .lista .item .texto {
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	width: 70%;
	margin: 0 auto;
}

.lista-items .lista .item .texto .amarillo {
	font-weight: 700;
}

@media (max-width: 1100px) {
	.lista-items .lista {
		flex-direction: column;
	}

	.lista-items .lista .item {
		padding: 0 0 60px 0;
	}
}


/* Bloque de enlaces de categorías */

.bloque-enlaces-categorias {
	padding-bottom: 0;
}

.bloque-enlaces-categorias .titulo {
	text-align: center;
	color: #fff;
}

.bloque-enlaces-categorias .texto {
	font-weight: 300;
}

.bloque-enlaces-categorias .lista a.item {
	text-decoration: none;
	font-size: 24px;
	line-height: 36px;
	font-weight: 300;
	color: #fff;
	padding: 40px 0 100px 0;
	/*border-right: 1px solid #fff;*/
	position: relative;
	background-color: transparent;
	transition: background-color 0.3s ease;
}

.bloque-enlaces-categorias .lista a.item:last-child {
	/*border-right: none;*/
}

.bloque-enlaces-categorias .lista a.item:after {
	content: ' ';
	display: block;
	background-color: #fff;
	width: 1px;
	height: 70%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.bloque-enlaces-categorias .lista a.item .nombre {
	font-weight: 300;
}

.bloque-enlaces-categorias .lista a.item svg {
	height: 130px;
	width: auto;
}

.bloque-enlaces-categorias .lista a.item svg path {
	fill: #fff;
}

.bloque-enlaces-categorias .lista a.item:hover {
	background-color: var(--beige);
	color: var(--azul);
}

.bloque-enlaces-categorias .lista a.item:hover svg path {
	fill: var(--azul);
}

@media (max-width: 1100px) {
	.bloque-enlaces-categorias .lista a.item:after {
		display: none;
	}
}


/* Página genérica */

.pagina .titular {
	padding: calc(40px + 104px) 0 40px 0;
}

.pagina .titular h1 {
	font-family: "Lato", sans-serif;
	font-weight: 900;
}

.pagina .contenido {
	padding: 0 0 40px 0;
	font-weight: 300;
}

.pagina .contenido.sin-titular {
	padding: 40px 0 40px 0;
}


/* Portada */

.slider-portada {
	display: flex;
	z-index: 20;
}

.slider-portada > div:not(:first-child) {
	visibility: hidden;
}

.portada {
	background-color: var(--azul-oscuro);
	background-image: url(img/fondo-mar_00.jpg);
	background-size: cover;
	background-position: 50% 30%;
	padding: 290px 0 290px 0;
	color: #fff;
	font-size: 72px;
	line-height: 67px;
	font-weight: 300;
	position: relative;
	overflow: hidden;
}

.portada video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: bottom;
}

.portada .capa {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	left: 0;
	top: 0;
}

.portada strong {
	color: var(--amarillo);
}

.portada a, .portada a:visited, .portada a:hover {
	font-weight: bold;
	color: var(--amarillo);
	text-decoration: none;
}

.portada .circulos {
	z-index: 10;
	position: absolute;
	top: calc(50% - 98px);
	left: 50%;
	display: flex;
	gap: 100px;
	transition: transform 0.5s cubic-bezier(0.25, 1.5, 0.5, 1);
}

.portada .circulos .circulo {
	width: 196px;
	height: 196px;
	border-radius: 98px;
	background-color: #fff;
	opacity: 0.5;
	mix-blend-mode: overlay;
}

.portada .circulos .circulo.actual {
	background-color: #EED139;
}

@media (max-width: 1100px) {
	.portada {
		padding: 190px 0 290px 0;
		font-size: 48px;
		line-height: 54px;
	}
}

.somos {
	padding: 0 0 100px 0;
	overflow: hidden;
	position: relative;
}

.redondeo-arriba-solapado {
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	margin-top: -50px;
}

.somos .texto {
	padding: 100px 0 0 0;
	font-weight: 300;
}

.somos .imagen {
	padding: 100px 0 0 0;
}

.page-template-page-inicio .somos .imagen {
	padding: 0 0 0 0;
}

.page-template-page-inicio .somos .imagen img {
	border-radius: 24px;
}

.page-template-page-logistica .somos .imagen img {
	border-radius: 24px;
}

.somos .imagen a {
	text-decoration: none;
}

.somos .imagen a svg {
	margin-left: 10px;
}

.somos .imagen img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

.somos .circulo {
	width: 400px;
	height: 400px;
	border-radius: 200px;
	background-color: #EED139;
	position: absolute;
	right: -200px;
	top: calc(50% - 200px);
	mix-blend-mode: multiply;
}

@media (max-width: 767px) {
	.somos .texto {
		padding-top: 50px;
	}
	.somos .imagen {
		padding-top: 50px;
	}

	.somos .circulo {
		width: 300px;
		height: 300px;
		border-radius: 150px;
		top: calc(65% - 150px);
	}
}

.colaboramos {
	padding: 65px 0;
	background-color: var(--beige);
}

.colaboramos .texto {
	width: 100%;
	font-size: 35px;
	line-height: 24px;
	font-weight: 900;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.colaboramos .texto div {
	width: 100%;
}

.colaboramos .logos {
	display: flex;
	gap: 40px;
	justify-content: center;
	align-items: center;
}

.colaboramos .logos img {
	display: block;
}

@media (max-width: 1100px) {
	.colaboramos .texto {
		padding: 0 0 40px 0;
	}

	.colaboramos .logos {
		flex-direction: column;
		align-items: center;
	}
}

.datos {
	background-color: var(--beige);
	background-image: url(img/fondo-company_03.svg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0;
	text-align: center;
}

.datos .texto-datos {
	font-weight: 300;
}

.datos .dato {
	padding: 20px 0 40px 0;
	font-size: 54px;
	line-height: 60px;
	font-weight: 300;
}

.almacen {
	padding: 120px 0;
	background-image: url(img/fondo-puerto_02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.almacen .lista-datos {
	display: flex;
	gap: 30px;
	justify-content: center;
}

.almacen .lista-datos .dato {
	background-color: var(--beige);
	font-size: 25px;
	line-height: 30px;
	font-weight: 300;
	color: var(--azul);
	text-align: center;
	flex: 1;
	aspect-ratio: 1 / 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
}

.almacen .lista-datos .dato:nth-child(2) {
	background-color: #fff;
}

.almacen .lista-datos .dato svg {
	display: block;
	margin: 0 auto 20px auto;
}

/*.almacen .lista-datos .dato svg * {
	fill: #346CA0;
}*/

.almacen .lista-datos .dato .titulo {
	font-size: 35px;
	line-height: 40px;
	font-weight: 900;
}

.almacen .lista-datos .dato p {
	padding: 0 0 20px 0;
}

.almacen .lista-datos .dato p:last-child {
	padding: 0 0 0 0;
}

@media (max-width: 1280px) {
	.almacen {
		padding: 60px 0;
	}
	.almacen .lista-datos {
		flex-direction: column;
		align-items: center;
	}
	.almacen .lista-datos .dato {
		width: 80%;
	}
}


/* Página de productos */

.lista-productos {
	background-color: #fff;
	color: #333;
}

.lista-productos .lista {
	display: flex;
	padding: 60px 0;
	flex-wrap: wrap;
	gap: 40px 40px;
}

.lista-productos .lista a, .lista-productos .lista a:visited {
	text-decoration: none;
	color: #333;
}

.lista-productos .lista .producto {
	flex: 1 1 calc(25% - 40px);
	max-width: 25%;
	text-align: center;
}

.lista-productos .lista.dos-cols .producto {
	flex: 1 1 calc(50% - 40px);
	max-width: 50%;
}

.lista-productos .lista .producto a {
	display: block;
	padding: 0 0 20px 0;
	border-radius: 10px;
	background-color: transparent;
	transition: background-color 0.5s ease-in-out;
	position: relative;
	overflow: hidden;
}

.lista-productos .lista .producto a::before {
	content: ' ';
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	position: absolute;
	background-color: #EBECDF;
    transform: translate(-50%, -50%);
    transition: width 1.0s ease-out, height 1.0s ease-out;
    z-index: 0;
}

.lista-productos .lista .producto a > * {
	z-index: 1;
	position: relative;
	transition: transform 1.0s ease-out;
}

.lista-productos .lista .producto a:hover {
	background-color: #F3F4EC;
}

.lista-productos .lista .producto a:hover > * {
	transform: translateY(-15px);
}

.lista-productos .lista .producto a:hover::before {
	width: 600px;
	height: 600px;
}

.lista-productos .lista .producto .imagen-destacada {
	padding: 0 0 10px 0;
}

.lista-productos .lista .producto .imagen-destacada img {
	width: 100%;
	height: auto;
}

.lista-productos .lista .producto .titulo {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.lista-productos .lista .producto .nombre-cientifico {
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	font-style: italic;
	color: #333;
}

.lista-productos .filtros {
	padding: 60px 0 0 0;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}

.lista-productos .filtros select {
	display: block;
	border: 0 none;
	background-color: var(--beige);
	padding: 10px 20px;
}

.lista-productos .filtros #selector-columnas {
	display: flex;
	gap: 10px;
}

.lista-productos .filtros #selector-columnas a {
	display: block;
	text-decoration: none;
}

.lista-productos .filtros #selector-columnas a svg {
	display: none;
}

.lista-productos .filtros #selector-columnas a.seleccionado svg.activo {
	display: block;
}

.lista-productos .filtros #selector-columnas a:not(.seleccionado) svg.inactivo {
	display: block;
}

.lista-productos .contenido {
	padding: 0 0 100px 0;
}

.bloque-no-encuentra-el-producto, .bloque-cta-texto {
	padding: 120px 0;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 60%;
}

.wrap-bloque-no-encuentra-el-producto {
	background-color: #EBF0F5;
	background-image: url(img/pez_00_05.svg);
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: 50% 50%;
}

.bloque-no-encuentra-el-producto {
	background-color: transparent !important;
}

.bloque-cta-texto {
	/*background-image: url(img/pez_00_02.svg);*/
}

.bloque-no-encuentra-el-producto, .bloque-cta-texto .titulo {
	color: #fff;
}

.bloque-no-encuentra-el-producto, .bloque-cta-texto .texto {
	font-weight: 300;
	width: 60%;
	margin: 0 auto;
}

@media (max-width: 1100px) {
	.lista-productos .lista {
		display: flex;
		padding: 60px 0;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 0px 0px;
	}

	.lista-productos .lista .producto {
		flex: 1;
		max-width: 100%;
		padding: 0 0 60px 0;
	}

	.lista-productos .lista.dos-cols .producto {
		flex: 1;
		max-width: 100%;
	}

	.lista-productos .lista .producto .imagen-destacada img {
		width: 80%;
	}

	.lista-productos .filtros {
		flex-direction: column;
		justify-content: center;
		gap: 20px 0px;
	}

	.lista-productos .filtros #selector-columnas {
    	display: none;
	}
}

.enlaces-tipos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-top: -65px;
}

.enlaces-tipos a.tipo {
	color: var(--azul);
	background-color: var(--beige);
	text-decoration: none;
	width: 130px;
	height: 130px;
	border-radius: 65px;
	font-size: 14px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.enlaces-tipos a.tipo:visited {
	color: var(--azul);
}

.enlaces-tipos a.tipo:hover {
	background-color: var(--azul);
	color: #fff;
}

.enlaces-tipos a.tipo:hover .imagen svg path {
	fill: var(--beige);
}

.enlaces-tipos a.tipo.actual {
	color: #fff;
	background-color: var(--azul-oscuro);
	text-decoration: none;
}

.enlaces-tipos a.tipo .imagen {
	width: 100%;
	height: 80px;
	display: flex;
	flex-direction: column;
    justify-content: flex-end;
}

.enlaces-tipos a.tipo .imagen svg {
	display: block;
	margin: 0 auto;
}

.enlaces-tipos a.tipo .imagen svg path {
	fill: var(--azul);
}

.enlaces-tipos a.tipo.actual .imagen svg path {
	fill: #fff;
}

.enlaces-tipos a.tipo .nombre {
	padding: 10px 0 0 0;
	position: absolute;
	bottom: 30px;
	width: 100%;
}

@media (max-width: 1100px) {
	.enlaces-tipos {
		margin-top: 0;
		padding: 20px 0 0 0;
		justify-content: center;
		gap: 20px;
	}
}


/* Producto */

.cabecera-producto {
	background-color: var(--beige);
	padding: 144px 0 80px 0;
}

.cabecera-producto .breadcrumb-item.active {
	color: #333;
}

.cabecera-producto .breadcrumb-item+.breadcrumb-item::before {
	color: #333;
}

.cabecera-producto .breadcrumb a, .cabecera-producto .breadcrumb a:visited {
	color: var(--azul);
}

.cabecera-producto .imagen-destacada img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.ficha-producto {
	background-color: #fff;
	padding: 50px 0 100px 0;
	color: #333;
}

.ficha-producto .titulo {
	color: #333;
	font-size: 35px;
	line-height: 29px;
	margin: 0 0 10px 0;
}

.ficha-producto .nombre-cientifico {
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
	font-weight: 300;
	padding: 0 0 20px 0;
}

.ficha-producto ul.tipo, .ficha-producto ul.zonas-de-pesca {
	margin: 0;
	padding: 0 0 20px 0;
	list-style-type: none;
	font-size: 18px;
	line-height: 22px;
}

.ficha-producto ul.zonas-de-pesca {
	/*padding: 0 0 60px 0;*/
}

.ficha-producto .enlace-ficha-producto {
	text-align: right;
}

.ficha-producto .enlace-ficha-producto a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
}

.ficha-producto .presentaciones {
	text-transform: uppercase;
	padding: 0 0 90px 0;
}

.ficha-producto .presentaciones table th {
	padding-top: 0;
	padding-bottom: 0;
	border-bottom-width: 2px;
	border-color: var(--azul);
}

.ficha-producto .presentaciones table td {
	padding-top: 0;
	padding-bottom: 0;
	border: 0 none;
}

.ficha-producto .presentaciones table tr.tam {
	border-top-width: 1px;
	border-color: var(--azul);
}

.ficha-producto .presentaciones table tr:last-child {
	border-bottom-width: 1px;
	border-color: var(--azul);
}

.ficha-producto .descripcion, .ficha-producto .contenido {
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
}

.otros-productos {
	padding: 70px 40px;
}

.otros-productos .titulo {
	text-align: center;
	color: #333;
}

.otros-productos .lista {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.otros-productos .lista a.producto {
	width: calc((100% - 40px) / 3);
	display: flex;
	text-decoration: none;
}

.otros-productos .lista a.producto:hover {
	background-color: transparent;
}

.otros-productos .lista a.producto .imagen-destacada {
	width: 40%;
	padding: 0 40px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.otros-productos .lista a.producto .imagen-destacada img {
	display: block;
	width: 100%;
	height: auto;
}

.otros-productos .lista a.producto .info {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #333;
}

.otros-productos .lista a.producto .info .titulo-producto {
	font-size: 18px;
	line-height: 24px;
}

.otros-productos .lista a.producto .info .nombre-cientifico-producto {
	font-size: 14px;
	line-height: 16px;
	font-style: italic;
}

@media (max-width: 1100px) {
	.otros-productos {
		padding: 70px 20px;
	}

	.otros-productos .lista a.producto {
		flex: 1 1 100%;
	}
}


/* Formularios */

.formulario input[type="text"], input[type="email"], .formulario textarea, .formulario select {
	display: block;
	width: 100%;
	background-color: #F8F8F8;
	padding: 10px 20px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #E5E5E5;
	font-size: 14px;
	color: #000;
}

.formulario textarea {
	height: 240px;
}

.formulario input[type="text"]::placeholder, .formulario input[type="email"]::placeholder, .formulario textarea::placeholder {
	color: #BBBBBB;
}

.wpcf7-list-item {
	margin: 0;
}

@media (max-width: 1100px) {
	.formulario {
		padding: 40px 0;
	}
}


/* Mapa de FAOs de flota */

.page-template-page-inicio #fao-77, .page-template-page-inicio #fao-61,
.page-template-page-flota #fao-77, .page-template-page-flota #fao-61 {
	display: none;
}

.mapa-faos {
	padding: 60px 0 60px 0;
}

.mapa-faos .texto {
	padding: 0 0 60px 0;
	font-weight: 300;
}

.mapa-faos .mapa-faos-svg svg {
	width: 50%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.mapa-faos .mapa-faos-svg svg .fao {
	cursor: pointer;
}

.mapa-faos .mapa-faos-svg svg .fao:hover > g > path {
	fill-opacity: 1;
}


.mapa-faos .mapa-faos-svg svg .fao.seleccionada > g > path {
	fill: #B4D4ED;
	fill-opacity: 1;
}

.mapa-faos .mapa-faos-svg svg .fao#fao-87:hover > g > path, .mapa-faos .mapa-faos-svg svg .fao#fao-87.seleccionada > g > path { fill: #8FDDBE; }
.mapa-faos .mapa-faos-svg svg .fao#fao-41:hover > g > path, .mapa-faos .mapa-faos-svg svg .fao#fao-41.seleccionada > g > path { fill: #DEECF7; }
.mapa-faos .mapa-faos-svg svg .fao#fao-47:hover > g > path, .mapa-faos .mapa-faos-svg svg .fao#fao-47.seleccionada > g > path { fill: #FEEBAE; }
.mapa-faos .mapa-faos-svg svg .fao#fao-34:hover > g > path, .mapa-faos .mapa-faos-svg svg .fao#fao-34.seleccionada > g > path { fill: #FCECCF; }
.mapa-faos .mapa-faos-svg svg .fao#fao-51:hover > g > path, .mapa-faos .mapa-faos-svg svg .fao#fao-51.seleccionada > g > path { fill: #F8EDF1; }
.mapa-faos .mapa-faos-svg svg .fao#fao-27:hover > g > path, .mapa-faos .mapa-faos-svg svg .fao#fao-27.seleccionada > g > path { fill: #FCE9EE; }
.mapa-faos .mapa-faos-svg svg .fao#fao-21:hover > g > path, .mapa-faos .mapa-faos-svg svg .fao#fao-21.seleccionada > g > path { fill: #DBF6C2; }

.mapa-faos-producto {
	padding: 0 0 60px 0;
}

.mapa-faos-producto .mapa-faos-svg {

}

.mapa-faos-producto .mapa-faos-svg svg {
	width: 100%;
	height: auto;
}

@media (max-width: 1280px) {
	.mapa-faos .mapa-faos-svg svg {
		width: 60%;
	}
}


/* Mapa de FAOs con fichas */

.mapa-faos.fichas {
	overflow: visible;
}

.contenedor-mapa-y-fichas-faos {
	position: relative;
}

.mapa-faos.fichas .titulo {
	color: var(--azul);
	text-align: center;
}

.mapa-faos.fichas .texto {
	padding: 0 0 0 0;
	text-align: center;
	font-weight: 300;
}

.mapa-faos.fichas .mapa-faos-svg {
	padding: 30px 0 50px 0;
}

.mapa-faos.fichas .mapa-faos-svg svg {
	width: 90%;
	margin: 0;
	height: auto;
}

.fichas-faos {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	height: calc(100% - 40px);
	z-index: 10;
}

.fichas-faos .ficha-fao {
	background-color: pink;
	padding: 60px 30px 50px 30px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
}

.fichas-faos .ficha-fao.fao-87 { background-color: #8FDDBE; }
.fichas-faos .ficha-fao.fao-41 { background-color: #DEECF7; }
.fichas-faos .ficha-fao.fao-47 { background-color: #FEEBAE; }
.fichas-faos .ficha-fao.fao-34 { background-color: #FCECCF; }
.fichas-faos .ficha-fao.fao-51 { background-color: #F8EDF1; }
.fichas-faos .ficha-fao.fao-27 { background-color: #FCE9EE; }
.fichas-faos .ficha-fao.fao-21 { background-color: #DBF6C2; }

.fichas-faos .ficha-fao.desapareciendo {
	visibility: visible;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.fichas-faos .ficha-fao.seleccionada {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}

.fichas-faos .ficha-fao a.boton-cerrar {	
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	height: 48px;
	display: none;
	justify-content: center;
	align-items: center;
}

.fichas-faos .ficha-fao a.boton-cerrar:hover {
	background-color: transparent;
}

.fichas-faos .ficha-fao a.boton-cerrar svg {
	display: block;
	width: 36px;
	height: 36px;
}

.fichas-faos .ficha-fao .titulo-fao {
	font-size: 35px;
	line-height: 37px;
	font-weight: 900;
	text-transform: uppercase;
	padding: 0 0 15px 0;
}

.fichas-faos .ficha-fao .iconos-fao {
	display: flex;
	gap: 10px;
	align-items: flex-end;
	padding: 0 0 15px 0;
}

.fichas-faos .ficha-fao .iconos-fao svg {
	display: block;
}

.fichas-faos .ficha-fao .texto-fao {
	padding: 0 0 15px 0;
}

.fichas-faos .ficha-fao .texto-fao ul {
	padding-left: 1rem;
}

.fichas-faos .ficha-fao .barcos-fao {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: flex-end;
}

.fichas-faos .ficha-fao .barcos-fao img {
	display: block;
	max-height: 50px;
	height: auto;
	width: auto;
}

@media (max-width: 1100px) {
	.mapa-faos.fichas .mapa-faos-svg svg {
		width: 100%;
		margin: 0 auto;
	}

	.fichas-faos {
		position: absolute;
		right: 10%;
		top: 20px;
		width: 80%;
		height: calc(100% - 40px);
	}

	.fichas-faos .ficha-fao {
		height: fit-content;
	}

	.fichas-faos .ficha-fao a.boton-cerrar {
		display: flex;
	}
}



/* Lista de barcos */

.lista-barcos {
	padding: 0 0 100px 0;
}

.lista-barcos .lista {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.lista-barcos .lista .barco {
	background-color: var(--amarillo);
	border-radius: 20px;
	width: calc(33.333% - 20px);
	position: relative;
	overflow: hidden;
}

.lista-barcos .lista .barco .imagen {
	aspect-ratio: 395 / 292;
	position: relative;
	width: 100%;
	height: auto;
}

.lista-barcos .lista .barco .imagen .imagen-destacada {
	aspect-ratio: 395 / 292;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	opacity: 1;
	transition: opacity 0.4s ease;
}

.lista-barcos .lista .barco:hover .imagen .imagen-destacada {
	opacity: 0;
}

.lista-barcos .lista .barco .imagen .ilustracion {
	aspect-ratio: 395 / 292;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.lista-barcos .lista .barco:hover .imagen .ilustracion {
	opacity: 1;
}

.lista-barcos .lista .barco .imagen img {
	width: 100%;
	height: auto;
}

.lista-barcos .lista .barco .imagen .ilustracion img {
	display: block;
	width: 80%;
}

.lista-barcos .lista .barco:hover {
	
}


.lista-barcos .lista .barco.fao-21 { background-color: #CCE68C; }
.lista-barcos .lista .barco.fao-27 { background-color: #F3B0C1; }
.lista-barcos .lista .barco.fao-34 { background-color: #F0A31A; }
.lista-barcos .lista .barco.fao-87 { background-color: #1B5A41; }
.lista-barcos .lista .barco.fao-41 { background-color: #B4D4ED; }
.lista-barcos .lista .barco.fao-47 { background-color: #EED139; }
.lista-barcos .lista .barco.fao-51 { background-color: #CA769A; }
.lista-barcos .lista .barco.fao-77 { background-color: var(--beige); }
.lista-barcos .lista .barco.fao-61 { background-color: var(--beige); }

.lista-barcos .lista .barco.fao-21-english { background-color: #CCE68C; }
.lista-barcos .lista .barco.fao-27-english { background-color: #F3B0C1; }
.lista-barcos .lista .barco.fao-34-english { background-color: #F0A31A; }
.lista-barcos .lista .barco.fao-87-english { background-color: #1B5A41; }
.lista-barcos .lista .barco.fao-41-english { background-color: #B4D4ED; }
.lista-barcos .lista .barco.fao-47-english { background-color: #EED139; }
.lista-barcos .lista .barco.fao-51-english { background-color: #CA769A; }
.lista-barcos .lista .barco.fao-77-english { background-color: var(--beige); }
.lista-barcos .lista .barco.fao-61-english { background-color: var(--beige); }

.lista-barcos .lista .barco .texto {
	padding: 30px;
	display: flex;
}

.lista-barcos .lista .barco .texto .uno {
	width: 50%;
}

.lista-barcos .lista .barco .texto .dos {
	width: 50%;
}

.lista-barcos .lista .barco .texto .titulo {
	color: #333;
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin: 0;
}

.lista-barcos .lista .barco .texto .faos {
	color: #333;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
}

.lista-barcos .lista .barco .texto .informacion-tecnica {
	color: #333;
	font-size: 18px;
	line-height: 21px;
	font-weight: 300;
}

@media (max-width: 1280px) {
	.lista-barcos .lista .barco {
		width: calc(50% - 20px);
	}
}

@media (max-width: 768px) {
	.lista-barcos .lista {
		gap: 20px 0;
	}
	.lista-barcos .lista .barco {
		width: 100%;
	}
}


/* Página de historia */

.nuestra-historia {
	padding: 90px 0;
	font-weight: 300;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporción 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-corporativo {
	width: 50%;
	margin: 40px auto 40px auto;
}

.video-corporativo.ancho-completo {
	width: 100%;
}

@media (max-width: 1100px) {
	.video-corporativo {
		width: 100%;
	}
}


/* Nuestra historia */

ul.selector-anos {
	list-style-type: none;
	margin: 0 0 60px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

ul.selector-anos li {
	flex: 1;
	position: relative;
}

ul.selector-anos li:before {
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 45px;
	background-color: var(--azul);
	/*z-index: 10;*/
}

ul.selector-anos li:first-child:before {
	width: 50%;
	left: 50%;
}

ul.selector-anos li:last-child:before {
	width: calc(100% - 18px);
}

ul.selector-anos li:last-child:after {
	content: ' ';
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9L-8.15666e-07 17.6603L-5.85621e-08 0.339745L15 9Z' fill='%23346CA0'/%3E%3C/svg%3E");
	width: 15px;
	height: 18px;
	display: block;
	position: absolute;
	right: 0;
	top: 37px;
}

ul.selector-anos li a {
	text-decoration: none;
	z-index: 11;
	position: relative;
}

ul.selector-anos li a:hover {
	text-decoration: none;
}

ul.selector-anos li a .ano {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	background-color: var(--azul);
	width: 60px;
	height: 60px;
	border-radius: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

ul.selector-anos li a .ano > div {
	width: fit-content;
}

ul.selector-anos li.actual a .ano {
	color: #fff;
	background-color: var(--azul-oscuro);
	width: 90px;
	height: 90px;
	border-radius: 45px;
}

ul.selector-anos li:not(.actual) {
	padding: 15px 0 15px 0;
}

ul.selector-anos li a .titulo {
	color: #333;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	text-align: center;
	margin: 15px 0 0 0;
}

ul.selector-anos li:not(.actual) a .titulo {
	padding: 15px 0 0 0;
}

.bloques-anos .bloque:not(.actual) {
	display: none;
}

.bloques-anos .bloque .texto {
}

.bloques-anos .bloque .imagen img {
	max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 24px;
}

.nuestra-historia .col {
	position: relative;
}

.bloques-anos .circulo {
	width: 400px;
	height: 400px;
	border-radius: 200px;
	background-color: #EED139;
	position: absolute;
	right: -20px;
    top: calc(50% + 10px);
	mix-blend-mode: multiply;
}

@media (max-width: 1100px) {
	ul.selector-anos li {
		flex: 0 0 33.333%;
	}

	.bloques-anos .circulo {
		width: 300px;
		height: 300px;
		border-radius: 150px;
		background-color: #EED139;
		position: absolute;
		right: -20px;
	    top: calc(50% + 10px);
		mix-blend-mode: multiply;
	}
}


/* Equipo */

.equipo {
	padding: 90px 0 120px 0;
	font-weight: 300;
	position: relative;
}

.equipo .lista {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 60px 0 0 0;
}

.equipo .lista .miembro {
	width: 20%;
	text-align: center;
}

.equipo .lista .miembro img {
	width: 80%;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	margin: 0 auto 20px auto;
}

.equipo .lista .miembro .nombre {
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
}

.equipo .lista .miembro .puesto {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}

.equipo .circulo {
	width: 90px;
	height: 90px;
	background-color: var(--azul);
	border-radius: 45px;
	position: absolute;
	bottom: -45px;
	z-index: 1;
}

.equipo .circulo.uno {
	left: calc(50% - 70px - 45px);
}

.equipo .circulo.dos {
	left: calc(50% + 70px - 45px);
	background-color: #333333;
}

@media (max-width: 1100px) {
	.equipo .lista .miembro {
		width: 100%;
		padding-bottom: 40px;
	}
}


/* Galería */

.galeria {
	padding: 90px 0;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.galeria .fotos {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}

.galeria .fotos a.foto {
	width: calc((100% - 6px) / 4);
	text-decoration: none;
}

.galeria .fotos a.foto:hover {
	background-color: transparent;
}

.galeria .fotos a.foto img {
	width: 100%;
	height: auto;
	aspect-ratio: 200 / 125;
	object-fit: cover;
}

.galeria .fotos a.foto .leyenda {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #333;
}

@media (max-width: 1100px) {
	.galeria .fotos a.foto {
		width: calc(50% - 2px);
	}
}


/* Página de logística */

.fortalezas .lista .item .texto {
	font-size: 25px;
	line-height: 30px;
	font-weight: 300;
}

.proceso {
	padding: 90px 0;
}

.proceso .titulo {
	text-align: center;
}

.proceso .pasos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 0 30px 0;
}

.proceso .pasos a.paso {
	display: flex;
	text-decoration: none;
}

.proceso .pasos a.paso:hover {
	background-color: transparent;
}

.proceso .pasos .paso .flecha {
	content: ' ';
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAzOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNUMwLjQ0NzcxNSA1IDIuOTg4OWUtMDggNS40NDc3MiAwIDZDLTIuOTg4OWUtMDggNi41NTIyOCAwLjQ0NzcxNSA3IDEgN0wxIDVaTTM4IDYuMDAwMDFMMjggMC4yMjY1MDFMMjggMTEuNzczNUwzOCA2LjAwMDAxWk0xIDdMMjkgN0wyOSA1TDEgNUwxIDdaIiBmaWxsPSIjMzQ2Q0EwIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	display: block;
	width: 37px;
	height: 20px;
	margin: 36px 10px 0 10px;
}

.proceso .pasos .paso:last-child .flecha {
	display: none;
}

.proceso .pasos .paso .icono {
	width: 86px;
	height: 86px;
	border-radius: 43px;
	background-color: var(--azul);
	display: flex;
	justify-content: center;
}

.proceso .pasos .paso .icono svg {
	width: 45%;
	height: auto;
	display: block;
}

.proceso .pasos .paso .icono svg path {
	fill: #fff;
}

.proceso .pasos .paso .nombre {
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	color: var(--azul);
	padding: 16px 0 16px 0;
}

.proceso .pasos .paso.actual .icono {
	background-color: var(--amarillo);
}

.proceso .pasos .paso.actual .icono svg path {
	fill: #333;
}

.proceso .pasos .paso.actual .nombre {
	color: #333;
}

.proceso .pasos .paso.actual .wrap:after {
	content: ' ';
	display: block;
	width: 18px;
	height: 15px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTVMMC4zMzk3NDMgMS42MzEzM2UtMDZMMTcuNjYwMyAxLjE3MTI0ZS0wN0w5IDE1WiIgZmlsbD0iI0ZDQzUwMCIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	margin: 0 auto;
}

.proceso .contenidos .contenido {
	display: none;
}

.proceso .contenidos .contenido.actual {
	display: block;
}

.proceso .contenidos .contenido img {
	width: 80%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.proceso .contenidos .contenido video {
	width: 80%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.proceso .contenidos .contenido .texto {
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
}

.cold-storage {
	padding: 100px 0;
}

.cold-storage .imagen img {
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.freezer {
	background-color: #EBF0F5 !important;
	padding: 100px 0;
}

.freezer .titulo {
	color: var(--azul-2);
}

.freezer .imagen img {
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
}

@media (max-width: 1100px) {
	.proceso .pasos {
		gap: 10px;
	}

	.proceso .pasos .paso .flecha {
		display: none;
	}
}


/* Página de packaging */

.packagings {
	padding: 90px 0 0 0;
}

.packagings .titulo {
	text-align: center;
	color: #fff;
}

.packagings .texto {
	text-align: center;
	font-weight: 300;
	padding: 0 0 60px 0;
}

.packagings .slider-packagings {
	padding: 40px 0 0 0;
	text-align: center;
}

.packagings .slider-packagings .packaging {
	position: relative;
}

.packagings .slider-packagings .packaging:after {
	content: ' ';
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 1px;
	height: 70%;
	background-color: #fff;
}

.packagings .slider-packagings .foto {
	padding: 0 0 20px 0;
}

.packagings .slider-packagings .foto img {
	display: block;
	width: 70%;
	height: auto;
	margin: 0 auto;
}

.packagings .slider-packagings .nombre {
	font-size: 25px;
	line-height: 24px;
	font-weight: 500;
	padding: 0 0 20px 0;
}

.packagings .slider-packagings .descripcion {
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	padding: 0 0 60px 0;
}

.unboxing {
	padding: 90px 0;
}

.unboxing .titulo {
	text-align: center;
	color: var(--azul);
}

.unboxing .texto {
	text-align: center;
	padding: 0 0 60px 0;
	font-weight: 300;
}

.unboxing img {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.galeria-estatica {
	padding: 90px 0;
}

.galeria-estatica .fotos {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.galeria-estatica .fotos .c {
	flex: 1;
	aspect-ratio: 13 / 18;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
}

.galeria-estatica .fotos .c a {
	width: 100%;
	height: 100%;
	display: block;
}

.galeria-estatica .fotos .c img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.galeria-estatica .fotos .c.dos {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.galeria-estatica .fotos .c .f {
	flex: 1;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.galeria-estatica .fotos .c .f a {
	width: 100%;
	height: 100%;
	display: block;
}

.galeria-estatica .fotos .c .f img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.galeria-estatica .texto {
	font-weight: 300;
	width: 60%;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

.video-packaging video {
	display: block;
	margin: 0 auto;
	width: 80%;
	height: auto;
}

@media (max-width: 992px) {
	.video-packaging video {
		width: 100%;
		height: auto;
	}
}


/* Formulario de contacto */

.lista-items.datos-contacto {
	font-weight: 300;
}

.lista-items.datos-contacto a {
	font-weight: 500;
}

.formulario-contacto {
	padding: 100px 0;
}

.formulario-contacto .texto h1 {
	color: #333;
	font-size: 35px;
    line-height: 46px;
    margin: 0;
} 

.formulario-contacto .texto .subtitulo {
	color: #333;
	font-size: 35px;
    line-height: 46px;
    font-weight: 300;
} 


/* Bloque CTA */

.bloque-cta {
	padding: 70px 0;
	background-color: var(--azul-oscuro);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	color: #fff;
	text-align: center;
}

.bloque-cta .titulo {
	font-size: 35px;
    line-height: 40px;
    font-weight: 900;
    color: #fff;
    padding: 0 0 50px 0;
    margin: 0;
}

.bloque-cta svg {
	display: inline-block;
	margin: 0 0 50px 0;
}

.bloque-cta .texto {
	font-size: 45px;
    line-height: 90px;
    font-weight: 300;
}


/* Mapa */

.mapa {
	padding: 70px 0;
	background-color: var(--azul);
	color: #fff;
	text-align: center;
}

.mapa .titulo {
	font-size: 35px;
    line-height: 40px;
    font-weight: 900;
    color: #fff;
    padding: 0 0 50px 0;
    margin: 0;
}

.mapa.fondo-beige .titulo {
	color: var(--azul);
}

.mapa img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 60px 0;
}

.mapa img.imagen-mapa-desktop {
	display: block;
}

.mapa img.imagen-mapa-mobile {
	display: none;
}

.mapa .texto {
	font-weight: 300;
}

@media (max-width: 1100px) {
	.mapa img.imagen-mapa-desktop {
		display: none;
	}

	.mapa img.imagen-mapa-mobile {
		display: block;
	}
}


/* Cuadros barcos */

.cuadros-barcos {
	padding: 0 0 70px 0;
}

.cuadros-barcos img {
	width: 100%;
	height: auto;
	display: block;
}


/* Slider */

ul.slick-dots {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 10px;
}

ul.slick-dots li button {
	display: block;
	border: 0 none;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #333;
	color: #333;
	font-size: 6px;
}

ul.slick-dots li.slick-active button {
	background-color: var(--azul);
	color: var(--azul);
}


/* Bloque ferias */

.bloque-ferias {
	padding: 40px 0 120px 0;
	background-color: var(--azul-oscuro);
	overflow: hidden;
}

.bloque-ferias .titulo {
	font-size: 35px;
	line-height: 42px;
	font-weight: 900;
	color: #fff;
	text-align: center;
	margin: 0 0 40px 0;
	z-index: 10;
    position: relative;
}

.bloque-ferias .lista {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.bloque-ferias .lista a.feria {
	text-decoration: none;
	background-color: #92CA5D;
	color: #fff;
	text-align: center;
	flex: 1;
	aspect-ratio: 1 / 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.2s ease;
    color: #fff;
	text-transform: uppercase;
}

.bloque-ferias .lista a.feria.destacada {
	transform: scale(2.5);
}

.bloque-ferias .lista a:hover {
	z-index: 10;
}

.bloque-ferias .lista a.pasada {
	filter: grayscale(100%);
}

.bloque-ferias .lista a.feria img {
	display: block;
	width: 70%;
	height: 30%;
	margin: 0 auto;
	object-fit: contain;
}

.bloque-ferias .lista a.feria .fechas-ciudad-pais {
	font-size: 12px;
	line-height: 16px;
	font-weight: 900;
	padding: 10px 0 0 0;
}

.bloque-ferias .lista a.feria .lugar {
	font-size: 12px;
	line-height: 16px;
	font-weight: 900;
}

.bloque-ferias .lista a.feria .texto-proximo {
	font-size: 12px;
	line-height: 16px;
	font-weight: 900;
}

@media (max-width: 1100px) {
	.bloque-ferias {
		padding: 40px 0 80px 0;
	}

	.bloque-ferias .lista {
		flex-direction: column;
	}

	.bloque-ferias .lista a.feria.destacada {
		transform: none;
	}

	.bloque-ferias .lista a:not(.feria.destacada) {
		display: none;
	}
}


/* Página de sostenibilidad */

.contenedor-sostenibilidad {
	padding: 120px 0 60px 0;
}

.contenedor-sostenibilidad .texto-grande {
	font-size: 37px;
	line-height: 45px;
	text-align: center;
	font-weight: 300;
	padding: 0 0 60px 0;
}

.grafico-sostenibilidad {
	padding: 0 0 80px 0;
}

.grafico-sostenibilidad img {
	display: flex;
	width: 100%;
	height: auto;
}

.grafico-sostenibilidad img .cuadrada {
	height: 100%;
}

.contenedor-sostenibilidad .etapas {
	padding: 0 0 90px 0;
}

.contenedor-sostenibilidad .etapas.bloques-enlace-calidad {
	padding: 90px 0 90px 0;
}

.contenedor-sostenibilidad .etapas.bloques-enlace-calidad .bloque-enlace {
	
}

.contenedor-sostenibilidad .etapas.bloques-enlace-calidad .bloque-enlace a {
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.contenedor-sostenibilidad .etapas.bloques-enlace-calidad .bloque-texto strong {
	font-size: 37px;
	line-height: 45px;
	color: #346CA0;
	font-weight: 400;
}

.contenedor-sostenibilidad .etapas.bloques-enlace-calidad .bloque-enlace a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #2CC5E0;
}

.contenedor-sostenibilidad .etapas.bloques-enlace-calidad .bloque-enlace a:hover {
	background-color: #015FA4;
}

.contenedor-sostenibilidad .etapas.bloques-enlace-calidad .bloque-icono {
	padding: 20px;
	background-color: #015FA4;
	justify-content: center;
	align-items: center;
}

.contenedor-sostenibilidad .etapas .etapa {
	font-weight: 300;
	padding: 0 0 60px 0;
}

.contenedor-sostenibilidad .etapas .etapa .f {
	display: flex;
}

.contenedor-sostenibilidad .etapas .etapa .f .c {
	display: flex;
	flex-direction: column;
	width: 50%;
	position: relative;
}

.contenedor-sostenibilidad .etapas .etapa .f.alto-50 {
	height: 50%;
}

.contenedor-sostenibilidad .etapas .etapa .t {
	padding: 40px 50px;
}

.contenedor-sostenibilidad .etapas .etapa .t .titular {
	font-size: 37px;
	line-height: 45px;
	color: #346CA0;
	font-weight: 400;
}

.contenedor-sostenibilidad .etapas .etapa img {
	height: 100%;
	object-fit: cover;
}

.contenedor-sostenibilidad .etapas .etapa .f .c .texto {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--azul);
	color: #fff;
	padding: 20px;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.contenedor-sostenibilidad .etapas .etapa .f .c .texto.visible {
	opacity: 1;
}

.contenedor-sostenibilidad .etapas .etapa .f .c .texto .titulo {
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 10px 0;
	font-weight: 500;
}

.contenedor-sostenibilidad .etapas .etapa .f .c .texto .parrafo {
	font-size: 14px;
	line-height: 21px;
}

.contenedor-sostenibilidad .etapas .etapa .f .c .texto:hover {
	opacity: 1;
}


@media (max-width: 992px) {
	.contenedor-sostenibilidad .etapas .etapa img {
		width: 100%;
		height: auto;
	}

	.contenedor-sostenibilidad .etapas .etapa .f {
		width: 100%;
		display: block;
	}

	.contenedor-sostenibilidad .etapas .etapa .f .c {
		width: 100%;
		display: block;
	}

	.contenedor-sostenibilidad .etapas.bloques-enlace-calidad .f .c.bloque-icono {
		display: flex;
	}
}


/* Feria */

.contenido-feria {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 0 80px 0;
}

.contenido-feria .datos-feria {
	padding: 0 0 30px 0;
	display: flex;
	gap: 30px;
	justify-content: center;
}

.contenido-feria .datos-feria .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	border-radius: 75px;
	background-color: var(--azul);
}

.contenido-feria .datos-feria .logo img {
	width: 80%;
	height: auto;
}

.contenido-feria .datos-feria .texto {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contenido-feria .datos-feria .texto .campos {
}

.contenido-feria .titular {
	padding: 0 0 30px 0;
	margin: 0;
	text-align: center;
}

.contenido-feria .cta {
	padding: 0 0 30px 0;
	text-align: center;
}

.contenido-feria .contenido {
	padding: 0 0 30px 0;
	font-weight: 300;
}

.contenido-feria .galeria {
	padding: 0 0 30px 0;
}

.contenido-feria .texto-2 {
	padding: 0 0 30px 0;
	font-weight: 300;
}

.contenido-feria .video {
	padding: 0 0 80px 0;
}

.contenido-feria .ediciones-anteriores {

}

.contenido-feria .ediciones-anteriores .lista {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.contenido-feria .ediciones-anteriores .lista a.edicion {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	border-radius: 75px;
	background-color: var(--azul);
	position: relative;
}

.contenido-feria .ediciones-anteriores .lista a.edicion:hover {
	background-color: transparent;
}

.contenido-feria .ediciones-anteriores .lista a.edicion img {
	width: 80%;
	height: auto;
	margin-top: -15px;
}

.contenido-feria .ediciones-anteriores .lista a.edicion .anho-edicion {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 20px;
	font-weight: bold;
	color: #333;
}

@media (max-width: 992px) {
	.contenido-feria .datos-feria {
		display: block;
	}

	.contenido-feria .datos-feria .logo {
		margin: 0 auto 30px auto;
	}
}


/* Página de calidad */

/*.cabecera-calidad {
	width: 100%;
	background-image: url(img/cabecera-calidad_00.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 240px 0 120px;
	margin: 0 0 80px 0;
}

.cabecera-calidad h1 {
	text-transform: uppercase;
	color: #fff;
}

@media (max-width: 992px) {
	.cabecera-calidad {
		padding: 80px 0 80px;
	}
}*/


/* Página de marketplace */

.contenedor-marketplace {
	padding: 120px 0 120px 0;
}

.contenedor-marketplace .titulo {
	text-align: center;
}

.contenedor-marketplace .texto {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-weight: 300;
	padding: 0 0 40px 0;
}

.selector-anos.ferias {
	justify-content: center;
}

.selector-anos.ferias li {
	width: 10%;
	flex: none;
}

.selector-anos.ferias li:last-child:after {
	display: none;
}

.selector-anos.ferias li:last-child:before {
	width: calc(50% - 18px);
}

ul.selector-anos.ferias li svg {
	margin: 4px auto 0 auto;
	display: none;
}

ul.selector-anos.ferias li.actual svg {
	display: block;
}

ul.selector-anos.ferias li a .ano {
	background-color: #3794B2;
}

ul.selector-anos.ferias li.actual a .ano {
	background-color: var(--amarillo);
}

.bloques-anos.ferias .lista-ferias {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.bloques-anos.ferias .lista-ferias a.feria {
	text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    background-color: var(--azul);
    position: relative;
}

.bloques-anos.ferias .lista-ferias a.feria img {
	width: 80%;
    height: auto;
}

@media (max-width: 992px) {
	.contenedor-marketplace {
		padding: 40px 0 40px 0;
	}

	.contenedor-marketplace .texto {
		width: 100%;
	}

	.selector-anos.ferias li {
		width: auto;
		flex: 1;
	}
}


/* Pie */

#pie {
	background-color: var(--azul-oscuro);
	color: #fff;
}

#pie .logos-pie {
	padding: 60px 0 80px 0;
	background-color: var(--azul-oscuro);
	background-image: url('img/bg-logos-peces_01.png');
	background-repeat: repeat;
    background-size: auto 100%;
    background-position: 0 0;
}

#pie .logos-pie img {
	display: block;
	height: auto;
}

#pie .logos-pie .logos {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	padding: 0 0 40px 0;
	align-items: center;
}

#pie .logos-pie .logos .sep {
	width: 1px;
	height: 100px;
	background-color: #fff;
}

#pie .logos-pie .certificaciones {
	display: flex;
	gap: 20px;
	align-items: center;
}

#pie .pie-1 {
	display: flex;
	padding: 40px 40px 80px 40px;
	background-image: url('img/bg-logo_00.svg');
	background-repeat: no-repeat;
	background-position: 50% 120px;
}

#pie .pie-2 {
	text-align: center;
	padding: 30px;
	border-top: 1px solid var(--azul);
	font-size: 13px;
}

#pie .pie-2 .enlaces a, #pie .pie-2 .enlaces a:visited, #pie .pie-2 .enlaces a:hover {
	color: #F3F4EC;
	text-decoration: none;
}

#pie .logo {
	padding: 0 0 40px 0;
}

#pie nav {
	display: flex;
	padding: 0 0 40px 0;
}

#pie nav ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

#pie nav > ul {
	width: 33.333%;
}

#pie nav ul li {
    display: block;
}

#pie nav ul li a, #pie nav ul li a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    font-size: 25px;
    line-height: 38px;
    text-transform: lowercase;
}

#pie nav ul li a:hover {
    color: #fff;
}

#pie nav > ul > li > ul > li > a, #pie nav > ul > li > ul > li > a:visited {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
}

#pie .varios {
	padding: 0 0 40px 0;
}


@media (max-width: 1100px) {
	#pie .logos-pie {
	    background-size: auto 50%;
	}
}

/* Fondos y enlaces */

.fondo-azul {
	color: #fff;
	background-color: var(--azul);
}

.fondo-azul a, .fondo-azul a:visited {
	color: #FBE9A7;
	text-decoration: underline;
}

.fondo-azul a:hover {
	color: #FCC500;
	background-color: #28537B;
	text-decoration: underline;
}


.fondo-beige {
	background-color: var(--beige);
	color: #333;
}

.fondo-beige a, .fondo-beige a:visited {
	color: #346CA0;
	text-decoration: underline;
}

.fondo-beige a:hover {
	color: #346CA0;
	background-color: #FFFFFF;
	text-decoration: underline;
}


.fondo-blanco {
	background-color: #fff;
	color: #333;
}

.fondo-blanco a, .fondo-blanco a:visited {
	color: #346CA0;
	text-decoration: underline;
}

.fondo-blanco a:hover {
	color: #346CA0;
	background-color: #F3F4EC;
	text-decoration: underline;
}


.fondo-negro {
	background-color: #333;
	color: var(--beige);
}

.fondo-negro a, .fondo-negro a:visited {
	color: #FCC500;
	text-decoration: underline;
}

.fondo-negro a:hover {
	color: #FCC500;
	background-color: #333;
	text-decoration: underline;
}


/* Botones */

.boton {
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	text-decoration: none !important;
	color: var(--azul) !important;
	background-color: transparent;
	padding: 6px 16px 6px 22px;
	border-radius: 4px;
	position: relative;
	transition: color 0.4s ease, padding-left 0.4s ease;
}

.boton::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: var(--azul);
	left: 0;
	top: 12px;
	z-index: 0;
	transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, border-radius 0.4s ease;
}

.boton span {
	position: relative;
	z-index: 1;
}

.boton:hover {
	background-color: transparent !important;
	color: #fff !important;
	text-decoration: none !important;
	padding-left: 16px;
	transition: color 0.4s ease, padding-left 0.4s ease;
}

.boton:hover::before {
	width: 100%;
	height: 36px;
	top: 0;
	border-radius: 4px;
	transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, border-radius 0.4s ease;
}


.fondo-azul .boton {
	color: #F3F4EC !important;
}

.fondo-azul .boton::before {
	background-color: #F6CC5E;
}

.fondo-azul .boton:hover {
	color: #333333 !important;
}


.fondo-negro .boton {
	color: #F6CC5E !important;
}

.fondo-negro .boton::before {
	background-color: #F6CC5E;
}

.fondo-negro .boton:hover {
	color: #333333 !important;
}


/* Navegación mobile */

#capa-menu {
	z-index: 120;
    position: fixed;
    background: var(--azul-oscuro);
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}

#capa-menu.open {
    visibility: visible;
    height: 100%;
}

#capa-menu nav {
	padding: 100px 0 120px 0;
	display: flex;
}

#capa-menu nav ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

#capa-menu nav > ul {
	width: 33.333%;
}

#capa-menu nav ul li {
    display: block;
}

#capa-menu nav ul li a, #capa-menu nav ul li a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    font-size: 45px;
    line-height: 68px;
    text-transform: lowercase;
}

#capa-menu nav ul li a:hover {
    color: #fff;
}

#capa-menu nav > ul > li > ul > li > a, #capa-menu nav > ul > li > ul > li > a:visited {
    font-weight: 300;
    font-size: 25px;
    line-height: 45px;
}

#capa-menu .varios {
	display: flex;
}

#capa-menu .varios .enlaces {
	width: 66.666%;
}

#capa-menu .varios .botones {
	width: 33.333%;
}

#capa-menu .varios a, #capa-menu .varios a:visited {
	color: #fff;
	text-decoration: none;
}


/* Media queries */
@media (max-width: 1100px) {

	/* Página genérica */

	.pagina .titular {
		padding: 130px 0 20px 0;
	}

	.pagina .titular h1 {
		font-family: "Lato", sans-serif;
		font-weight: 900;
	}

	.pagina .contenido {
		padding: 0 0 20px 0;
	}

	.pagina .contenido.sin-titular {
		padding: 20px 0 20px 0;
	}

	/* Navegación mobile */

    #boton-abrir-menu {
        display: block;
    }
    
    #boton-abrir-menu span, #boton-cerrar-menu span {
    	display: none !important;
    }

    #capa-menu {
    	text-align: center;
    }

    #capa-menu nav {
		padding: 60px 0 48px 0;
		display: block;
	}

	#capa-menu nav > ul {
		width: 100%;
	}

	#capa-menu nav ul li a, #capa-menu nav ul li a:visited {
	    color: #fff;
	    text-decoration: none;
	    font-weight: 900;
	    font-size: 36px;
	    line-height: 48px;
	}

	#capa-menu nav > ul > li > ul > li > a, #capa-menu nav > ul > li > ul > li > a:visited {
	    font-weight: 300;
	    font-size: 18px;
	    line-height: 24px;
	}

	#capa-menu .varios {
		display: block;
	}

	#capa-menu .varios .enlaces {
		width: 100%;
	}

	#capa-menu .varios .botones {
		width: 100%;
	}

	#pie {
		text-align: center;
	}

	#pie nav {
		display: block;
	}

	#pie nav > ul {
		width: 100%;
	}

	#pie .pie-1 {
		background-position: 50% bottom;
	}

	#pie .logos-pie .logos, #pie .logos-pie .certificaciones {
		flex-direction: column;
		align-items: center;
	}

	#pie .logos-pie .sep {
		display: none;
	}
}


/*--------------------------------------------------------------
# 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
--------------------------------------------- */
.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;
}