/* */
/* ======================== ESTILOS ============================ */
/* ============================================================= */
/* */
/* ======================== HELPER CLASSES ===================== */
.negrita {
  font-weight: bold;
}
.texto_centrado {
  text-align: center;
}
.texto_derecha {
  text-align: right !important;
}
.texto_italica {
  font-style: italic;
}
.hidden_mobile {
  display: none;
}
a[href^="tel"] {
  /*20200127 - Quitar los estilos propios de los navegadores al detectar número de telefono*/
  color: inherit;
  /* Inherit text color of parent element. */
  text-decoration: none;
  /* Remove underline. */
}
::-webkit-input-placeholder {
  /* Edge */
  font-family: "IBM Plex Sans", sans-serif;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: "IBM Plex Sans", sans-serif;
}
::placeholder {
  font-family: "IBM Plex Sans", sans-serif;
  opacity: 1;
}
/* ======================== HELPER CLASSES - FIN ===================== */
.contenido {
  width: 93.75%;
  margin: 0 auto;
  margin-bottom: 50px;
  position: relative;
}
.contenido.ancho_total {
  width: 100%;
}
.contenido .contenido_texto {
  display: inline-block;
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-color: #0d5998;
}
.contenido .contenido_texto .contenido_texto_filigrana_wrapper {
  width: 100%;
}
.contenido .contenido_texto .contenido_texto_filigrana_wrapper .contenido_texto_filigrana {
  display: inline-block;
  width: 115px;
  height: 8px;
  background-color: #fff;
  margin-bottom: 25px;
}
.contenido .contenido_texto .contenido_texto_titulo {
  width: 100%;
}
.contenido .contenido_texto .contenido_texto_titulo h1 {
  font-family: "Trajan Pro", serif;
  font-size: 1.875rem;
  /*30/16*/
  line-height: 1;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.contenido .contenido_texto .contenido_texto_wrapper {
  width: 100%;
}
.contenido .contenido_texto .contenido_texto_wrapper > div {
  font-weight: 300;
  /*Light*/
}
.contenido .contenido_texto .contenido_texto_wrapper > div p {
  font-size: 1rem;
  /*16*/
  margin-bottom: 30px;
  /*text-align: justify;*/
}
.contenido .contenido_texto .contenido_texto_wrapper > div p:last-child {
  margin-bottom: 0;
}
.contenido .contenido_texto .contenido_texto_wrapper > div strong {
  font-weight: 600;
  /*Semi-bold*/
}
.contenido .contenido_texto .contenido_texto_wrapper > div ul {
  list-style: disc inside;
  font-size: 1rem;
  /*16*/
  margin-bottom: 30px;
  margin-left: 20px;
}
.contenido .contenido_texto .contenido_texto_wrapper > div ul li {
  margin-bottom: 10px;
}
.contenido .contenido_texto .contenido_texto_wrapper > div ul li:last-child {
  margin-bottom: 0;
}
.contenido .contenido_texto .contenido_texto_wrapper > div form input[type=text] {
  font: inherit;
  width: 94%;
  padding: 0 3%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #000;
  background-color: #fff;
  margin-bottom: 19px;
}
.contenido .contenido_texto .contenido_texto_wrapper > div form textarea {
  font: inherit;
  width: 94%;
  padding: 3%;
  height: 124px;
  resize: none;
  border: 1px solid #000;
  margin-bottom: 19px;
}
.contenido .contenido_texto .contenido_texto_wrapper > div form input[type=text]::placeholder,
.contenido .contenido_texto .contenido_texto_wrapper > div form textarea::placeholder {
  color: #c9c9c9;
  font-weight: 200;
  /*ExtraLight*/
}
.contenido .contenido_texto .contenido_texto_wrapper > div form input[type=text]::-moz-placeholder,
.contenido .contenido_texto .contenido_texto_wrapper > div form textarea::-moz-placeholder {
  opacity: 1;
}
.contenido .contenido_texto .contenido_texto_wrapper > div form .formulario_boton {
  position: relative;
  margin-top: 20px;
}
.contenido .contenido_texto .contenido_texto_wrapper > div form .formulario_boton > a {
  display: inline-block;
  width: 140px;
  height: 40px;
  background-color: #fff;
  color: #0d5998;
  line-height: 40px;
  font-family: "Trajan Pro", serif;
  font-weight: 600;
  /*Bold*/
  font-size: 15px;
  text-align: center;
  box-shadow: 0px 11px 45px 0px rgba(0, 0, 0, 0.39);
}
.contenido .contenido_texto .contenido_texto_wrapper > .contenido_nosotros_descargas {
  width: 100%;
  border-top: 1px solid #fff;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contenido .contenido_texto .contenido_texto_wrapper > .contenido_nosotros_descargas .contenido_nosotros_descargas_texto {
  width: 65%;
}
.contenido .contenido_texto .contenido_texto_wrapper > .contenido_nosotros_descargas .contenido_nosotros_descargas_icono {
  width: 30%;
  text-align: right;
  padding-right: 5%;
}
.contenido .contenido_imagen {
  display: none;
}
.contenido .contenido_boton {
  position: relative;
  text-align: right;
  z-index: 10;
  margin-top: 20px;
}
.contenido .contenido_boton.boton_izquierda {
  text-align: left;
}
.contenido .contenido_boton > a {
  display: inline-block;
  width: 140px;
  height: 40px;
  background-color: #fff;
  color: #0d5998;
  line-height: 40px;
  font-family: "Trajan Pro", serif;
  font-weight: 600;
  /*Bold*/
  font-size: 15px;
  text-align: center;
  box-shadow: 0px 11px 45px 0px rgba(0, 0, 0, 0.39);
}
/* ======================== SCREEN STYLES  ====================== */
body {
  color: #fff;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  /*Regular*/
  /* Trazabilidad lleva un fondo propio diferente del resto de páginas */
}
body#home #pie_pagina {
  position: absolute;
  z-index: 10;
  margin-top: 100vh;
  background-color: rgba(185, 176, 176, 0.25);
}
body#trazabilidad #wrapper_interiores {
  background: url(/img/fondo_trazabilidad.jpg) center top no-repeat;
  background-size: cover;
}
body#trazabilidad #wrapper_interiores #pie_pagina {
  background: none;
}
a#retorno {
  /* Flecha de subir */
  width: 44px;
  height: 47px;
  display: none;
  position: fixed;
  top: 70%;
  right: 1.25%;
  /*20200123 - Lo pongo a la misma altura que el icono del menu, antes 0px*/
  background: url(/img/retorno.jpg) no-repeat 0px 0px;
  z-index: 1000;
}
#wrapper_home {
  min-width: 100%;
  /*min-height:100vh;*/
  /*20191219: No podemos darle una altura mínima, hay que calcularla por JS*/
  max-width: 1980px;
  margin: 0 auto;
  position: relative;
  /*overflow-x:hidden;*/
  overflow: hidden;
  /*20230607: Hay que ocultar el overflow, al meter el banner cookies */
}
#wrapper_home video {
  position: absolute;
  right: 0;
  bottom: 0;
  /*min-width: 100%; */
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
#wrapper_interiores {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
  background: url('/img/fondo_cabecera.jpg') center top no-repeat;
  background-size: contain;
  padding-top: 31.25%;
}
/*CABECERA*/
#logotipo {
  position: absolute;
  top: 20px;
  left: 1.92708333%;
  width: 141px;
  /*20191219:Para que tenga un alto de 30px como la hamburguesa*/
}
#logotipo a {
  width: 100%;
}
#logotipo a img {
  width: 100%;
}
#menu_mobile_icon {
  position: absolute;
  top: 20px;
  /*20191219: Para que este cuadrado con la altura del logotipo*/
  right: 1.25%;
  color: #fff;
  height: 30px;
  line-height: 30px;
  z-index: 150;
  /*20200123: Se define que este fijo en pantalla siempre con un fondo azul*/
  position: fixed;
  padding: 5px;
  top: 10px;
  /*background-color:#005b9c;*/
  transition: all 0.5s ease;
}
#menu_mobile_icon.fijar_pantalla {
  position: fixed;
  background-color: #005b9c;
}
#menu_mobile_icon a {
  font-size: 0.8125rem;
  /*13/16*/
}
#menu_mobile_icon a #nav_ham {
  display: inline-block;
  width: 34px;
  height: 30px;
  /*line-height:49px;*/
  vertical-align: middle;
  margin-top: -5px;
  position: relative;
  /*margin: 16px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  /*cursor: pointer;*/
}
#menu_mobile_icon a #nav_ham span {
  display: block;
  position: absolute;
  left: 0;
  height: 6px;
  width: 100%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#menu_mobile_icon a #nav_ham span:nth-child(1) {
  top: 0px;
}
#menu_mobile_icon a #nav_ham span:nth-child(2),
#menu_mobile_icon a #nav_ham span:nth-child(3) {
  top: 12px;
}
#menu_mobile_icon a #nav_ham span:nth-child(4) {
  top: 24px;
}
#menu_mobile_icon a #nav_ham.menu_abierto span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
#menu_mobile_icon a #nav_ham.menu_abierto span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#menu_mobile_icon a #nav_ham.menu_abierto span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#menu_mobile_icon a #nav_ham.menu_abierto span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}
#menu {
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  /*320*/
  height: 100vh;
  background-color: #186292;
  z-index: 100;
  transition: all, 1s;
}
#menu.menu_visible {
  right: 0;
  position: fixed;
}
#menu.menu_visible_paso1 {
  position: fixed;
}
#menu.menu_visible_paso2 {
  right: 0;
}
#menu #menu_wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  /*320*/
}
#menu #menu_wrapper.menu_pantalla_estrecha {
  /*20200302 - Victor: Puesto para que cuando la pantalla sea muy poco alta todo el menu no se centre en altura */
  position: relative;
  transform: none !important;
  padding-top: 30px;
  top: 0 !important;
}
#menu #menu_wrapper.menu_pantalla_estrecha > ul {
  /*20200305 - Victor: Reduzco distancias y tamaños de los item del menu*/
  padding-bottom: 20px;
}
#menu #menu_wrapper.menu_pantalla_estrecha > ul li {
  font-size: 12px;
}
#menu #menu_wrapper.menu_pantalla_estrecha > ul li:first-child {
  font-size: 14px;
}
#menu #menu_wrapper.menu_pantalla_estrecha #menu_subsecciones,
#menu #menu_wrapper.menu_pantalla_estrecha #menu_idiomas {
  margin-top: 10px;
}
#menu #menu_wrapper.menu_pantalla_estrecha #menu_subsecciones ul li,
#menu #menu_wrapper.menu_pantalla_estrecha #menu_idiomas ul li {
  font-size: 12px;
}
#menu #menu_wrapper > ul {
  padding-left: 6.25%;
  padding-bottom: 4.6875%;
}
#menu #menu_wrapper > ul:last-child {
  padding-bottom: 0;
}
#menu #menu_wrapper > ul li {
  line-height: 1;
  padding-bottom: 5px;
  font-size: 1rem;
  /*16/16*/
  font-weight: 300;
  /*Light*/
}
#menu #menu_wrapper > ul li:first-child {
  font-family: "Trajan Pro", serif;
  font-size: 1.125rem;
  /*18/16*/
  font-weight: 400;
  /*Regular*/
}
#menu #menu_wrapper > ul li:last-child {
  padding-bottom: 0;
}
#menu #menu_wrapper #menu_subsecciones {
  /*
			position:absolute;
			margin-right:-4px;
			bottom:percentage((10/320));
			*/
  width: 50%;
  display: inline-block;
  padding-left: 3.125%;
  width: 46%;
  margin-top: 9.375%;
}
#menu #menu_wrapper #menu_subsecciones ul li {
  font-size: 0.875rem;
  /*14/16*/
  display: inline-block;
  padding: 0 15px;
  border-right: 1px solid #fff;
}
#menu #menu_wrapper #menu_subsecciones ul li:first-child {
  padding-left: 0;
}
#menu #menu_wrapper #menu_subsecciones ul li:last-child {
  padding-right: 0;
  border-right: 0;
}
#menu #menu_wrapper #menu_idiomas {
  /*
			position:absolute;
			margin-right:-4px;
			bottom:percentage((10/320));
			right:0;
			*/
  display: inline-block;
  padding-right: 3.125%;
  width: 46%;
  text-align: right;
  margin-top: 9.375%;
}
#menu #menu_wrapper #menu_idiomas ul {
  display: inline-block;
  text-align: right;
}
#menu #menu_wrapper #menu_idiomas ul li {
  font-size: 0.875rem;
  /*14/16*/
  display: inline-block;
  padding: 0 5px;
  border-left: 1px solid #fff;
}
#menu #menu_wrapper #menu_idiomas ul li:first-child {
  padding-left: 0;
  border-left: 0;
}
#menu #menu_wrapper #menu_idiomas ul li:last-child {
  padding-right: 0;
}
/*CABECERA - FIN */
/* CONTENIDO */
.contenido_wrapper {
  width: 100%;
  /*NOSOTROS*/
  /*NOSOTROS - FIN*/
  /*PRODUCTOS*/
  /*PRODUCTOS - FIN*/
  /*SOSTENIBILIDAD*/
  /*SOSTENIBILIDAD - FIN*/
  /* TRAZABILIDAD - CONTENIDO WRAPPER PORTADA*/
  /* TRAZABILIDAD - CONTENIDO WRAPPER PORTADA - FIN */
  /*LEGAL*/
  /*LEGAL - FIN*/
  /*CONTACTO*/
  /*CONTACTO - FIN*/
}
.contenido_wrapper.contenido_nosotros_instalaciones {
  width: 100%;
}
.contenido_wrapper.contenido_nosotros_instalaciones > h1 {
  font-family: "Trajan Pro", serif;
  font-size: 1.875rem;
  /*30/16*/
  line-height: 1;
  padding-bottom: 35px;
  text-transform: uppercase;
  color: #0d5998;
  text-align: center;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper {
  width: 100%;
  background-color: #0d5897;
  margin-bottom: 30px;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item {
  width: 100%;
  margin-top: 0;
  margin-bottom: 60px;
  background-color: #0d5897;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_localizacion {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 25px;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_localizacion a {
  display: inline-block;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_localizacion a img {
  width: 100%;
  vertical-align: top;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre {
  width: 93.75%;
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre h3 {
  font-family: "Trajan Pro", serif;
  font-size: 24px;
  font-weight: 300;
  /*Light*/
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre p {
  font-weight: 300;
  /*Light*/
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_texto {
  width: 93.75%;
  margin: 0 auto;
  padding-top: 35px;
  padding-bottom: 75px;
  border-top: 1px dotted #fff;
  text-align: center;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos {
  width: 93.75%;
  margin: 0 auto;
  text-align: center;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos a {
  display: inline-block;
  margin-right: -3px;
  vertical-align: top;
  width: 33%;
  margin-bottom: 10px;
}
.contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos a img {
  width: 100%;
  vertical-align: top;
}
.contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto > div .conservas_formatos {
  text-align: center;
  font-weight: 600;
  /*Semibold*/
  margin-bottom: 20px;
}
.contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto > div .conservas_formatos .conservas_formato {
  width: 50%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto > div .conservas_formatos .conservas_formato img {
  width: 100%;
  vertical-align: top;
}
.contenido_wrapper.contenido_sostenibilidad_objetivos .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos {
  list-style: none;
  margin: 0;
  width: 100%;
}
.contenido_wrapper.contenido_sostenibilidad_objetivos .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo {
  width: 100%;
  margin-bottom: 30px;
}
.contenido_wrapper.contenido_sostenibilidad_objetivos .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo:last-child {
  margin-bottom: 0;
}
.contenido_wrapper.contenido_sostenibilidad_objetivos .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_imagen {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.contenido_wrapper.contenido_sostenibilidad_objetivos .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_imagen img {
  max-width: 215px;
}
.contenido_wrapper.contenido_sostenibilidad_objetivos .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_texto_wrapper {
  width: 100%;
}
.contenido_wrapper.contenido_sostenibilidad_objetivos .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_texto_wrapper h3 {
  font-family: "Trajan Pro", serif;
  font-size: 1.25rem;
  /*20/16*/
  line-height: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador {
  width: 100%;
  border-bottom: 1px dotted #fff;
  margin-bottom: 30px;
}
.contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador .sostenibilidad_colaborador_imagen {
  width: 100%;
  margin-bottom: 30px;
}
.contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador .sostenibilidad_colaborador_imagen img {
  width: auto;
  max-width: 300px;
}
.contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador .sostenibilidad_colaborador_texto {
  margin-bottom: 20px;
}
.contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador .sostenibilidad_colaborador_link {
  margin-bottom: 30px;
}
.contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador .sostenibilidad_colaborador_link a {
  font: inherit;
  font-weight: 700;
  /*Bold*/
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido {
  text-align: center;
  font-family: "IBM Plex Sans", sans-serif;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_titulo h1 {
  font-family: "Trajan Pro", serif;
  font-size: 1.875rem;
  /*30/16*/
  line-height: 1;
  margin-bottom: 35px;
  text-transform: uppercase;
  color: #0d5998;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_introduccion {
  font-size: 1rem;
  color: #000;
  margin: 20px;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_imagenes {
  width: 100%;
  margin-bottom: 50px;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_imagenes li {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_imagenes li img {
  width: 75%;
  max-width: 456px;
  vertical-align: top;
  -webkit-box-shadow: 10px 10px 0px 0px #0d5998;
  -moz-box-shadow: 10px 10px 0px 0px #0d5998;
  box-shadow: 10px 10px 0px 0px #0d5998;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_lupa {
  margin-bottom: 30px;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_lupa img {
  width: 30%;
  vertical-align: top;
  max-width: 158px;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_claim {
  font-family: "VAG", sans-serif;
  font-size: 1.5625rem;
  /*25/16*/
  margin: 0 20px;
  margin-bottom: 35px;
  text-transform: uppercase;
  color: #0e71b8;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper {
  width: 270px;
  height: 48px;
  padding: 10px 10px;
  border-radius: 34px;
  margin: 0 auto;
  margin-bottom: 40px;
  background-color: #dcdcdc;
  border: 1px solid #cecfd0;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper form {
  width: 100%;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper form input[type='text'] {
  width: 220px;
  height: 48px;
  line-height: 48px;
  border: 0;
  border-right: 1px solid #cecfd0;
  background-color: #dcdcdc;
  color: #939393;
  text-align: center;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  /*16/16*/
  font-weight: 600;
  /*SemiBold*/
  margin-right: 10px;
  /*text-transform: uppercase;*/
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper form input[type='image'] {
  vertical-align: text-bottom;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_mensajes {
  display: none;
  /*SPINNER MEDIANTE CSS */
  /*SPINNER MEDIANTE CSS - FIN */
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_mensajes .spinner,
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_mensajes .spinner:after {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 auto;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_mensajes .spinner {
  background-color: transparent;
  border-top: 5px solid #428bca;
  border-right: 5px solid #428bca;
  border-bottom: 5px solid #428bca;
  border-left: 5px solid rgba(66, 139, 202, 0.2);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 0.8s;
  animation-name: spinner-loading;
}
@keyframes spinner-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_ejemplos {
  width: 100%;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_ejemplos > p {
  font-size: 1rem;
  color: #000;
  margin: 20px;
}
.contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_ejemplos .trazabilidad_ejemplo {
  margin: 0 auto;
  width: 300px;
  height: 68px;
  line-height: 68px;
  margin-bottom: 30px;
  background-color: #0d5998;
  color: #fff;
  text-align: center;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.4375rem;
  /*23/16*/
  font-weight: 300;
  /*Light*/
}
.contenido_wrapper.contenido_legal .contenido_texto_wrapper div div {
  overflow-x: auto;
}
.contenido_wrapper.contenido_legal .contenido_texto_wrapper div div table {
  border: 1px solid #fff;
  margin: 5px auto;
}
.contenido_wrapper.contenido_legal .contenido_texto_wrapper div div table td {
  border: 1px solid #fff;
  text-align: center;
  font-size: 13px;
  padding: 5px;
}
.contenido_wrapper.contenido_contacto .contacto_direccion {
  margin-bottom: 40px;
}
/* TRABILIDAD - TRAZA */
#traza_bloques_wrapper {
  display: none;
  margin-top: 100px;
}
#traza_bloques_wrapper.visible {
  display: block;
}
.traza_bloque {
  width: 100%;
  /*SPINNER FLECHA ABAJO MEDIANTE CSS */
  /*SPINNER FLECHA ABAJOMEDIANTE CSS - FIN */
}
.traza_bloque .flecha_abajo,
.traza_bloque .flecha_abajo:after {
  display: none;
}
.traza_bloque .traza_bloque_cabecera_wrapper {
  width: 100%;
}
.traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera {
  width: 100%;
}
.traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_titulo {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-family: "Trajan Pro", serif;
  /*font-size:1.125rem;*/
  /*18/16*/
  font-size: 0.75rem;
  /*20200225: Para que cojan los textos de SAC*/
  background-color: #0d5998;
  text-align: center;
}
.traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre {
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-family: "IBM Plex Sans", sans-serif;
  /*font-size:1rem;*/
  font-size: 0.75rem;
  /*20200225: Para que cojan los textos de SAC*/
  background-color: #000;
  text-align: center;
  position: relative;
}
.traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre #traza_barco_texto_icon {
  display: none;
}
.traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre .traza_barcos_lista {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 10;
  width: 100%;
}
.traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre .traza_barcos_lista li {
  background-color: #444;
  border-top: 1px solid #fff;
  height: 25px;
  line-height: 25px;
}
.traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre .traza_barcos_lista li a {
  display: inline-block;
  width: 100%;
}
.traza_bloque .traza_bloque_cabecera_wrapper.derecha {
  text-align: right;
}
.traza_bloque .traza_bloque_contenido {
  width: 100%;
  position: relative;
  text-align: center;
  margin: 0 auto;
  /*Tamaños máximos de las imágenes de los contenidos de las trazas*/
  /******************************************************************************/
  /*IMPORTANTE:																  */
  /*Para el Calendario trabajamos en "em" que es relativo al tamaño de la fuente*/
  /******************************************************************************/
}
.traza_bloque .traza_bloque_contenido.traza_especie {
  max-width: 1286px;
  margin-top: 20px;
}
.traza_bloque .traza_bloque_contenido.traza_especie .traza_contenido_texto {
  left: 0;
  /*20200305- Si se aplica animación AOS la propiedad Transform se invalidad y hay que quitar el left:50% que tiene originalmente*/
}
.traza_bloque .traza_bloque_contenido.traza_zona {
  max-width: 1631px;
  margin-top: 20px;
}
.traza_bloque .traza_bloque_contenido.traza_metodo {
  max-width: 1587px;
  margin-top: 20px;
}
.traza_bloque .traza_bloque_contenido.traza_barco {
  max-width: 1200px;
  margin-top: 0px;
}
.traza_bloque .traza_bloque_contenido img {
  width: 100%;
  vertical-align: top;
  padding-bottom: 30px;
}
.traza_bloque .traza_bloque_contenido .traza_especie_wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.traza_bloque .traza_bloque_contenido .traza_especie_wrapper img {
  width: 100%;
  vertical-align: top;
  padding-bottom: 30px;
  position: relative;
  z-index: 5;
}
.traza_bloque .traza_bloque_contenido .traza_especie_wrapper img#traza_especie_imagen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.traza_bloque .traza_bloque_contenido .traza_zona_wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.traza_bloque .traza_bloque_contenido .traza_zona_wrapper img {
  width: 100%;
  vertical-align: top;
  padding-bottom: 30px;
  position: relative;
  z-index: 10;
}
.traza_bloque .traza_bloque_contenido .traza_zona_wrapper img#traza_fao_imagen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.traza_bloque .traza_bloque_contenido .traza_contenido_texto {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Trajan Pro", serif;
  font-size: 0.875rem;
  /*14/16*/
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper {
  font-size: 0.75em;
  /*Reducimos para ajustarlo al Iphone 5*/
  width: 26em;
  /*0.75em=12px -> 12x26=312px*/
  height: 26em;
  overflow: hidden;
  position: relative;
  z-index: 10;
  bottom: 0;
  left: 50%;
  border-radius: 50%;
  margin-left: -13em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 7%;
  /* SOBRE EL ANTERIOR SE AÑADE UN CONTENEDOR en ABSOLUTO PARA RECORTAR EL CENTRO*/
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper .calendario_circulo {
  display: block;
  font-size: 2em;
  /*32px*/
  width: 3em;
  height: 3em;
  position: absolute;
  left: 50%;
  margin-left: -1.5em;
  top: 50%;
  margin-top: -1.5em;
  border-radius: 50%;
  z-index: 10;
  color: transparent;
  background-color: #000;
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper .calendario_circulo .calendario_circulo_texto {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 13px;
  /*20200306 - Para poder meter dos años si es el caso*/
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper * {
  /*IMPORTANTE: Para que todo funcione, cambia el modelo de caja y también hace que todos los elementos tengan posicion relative de inicio.*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  z-index: -5;
  /*20200909:Para posicionarlo por debajo del círculo NEGRO*/
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li {
  /* A los li EN GENERAL,les pone:
						Su origen de transformación sera la esquina inferior-derecha de su contenedor (100% 100% )
						Se les hace un "skew" de 60deg, según las matematicas y la situación que queremos.
					*/
  position: absolute;
  font-size: 1.5em;
  /*24px*/
  width: 10em;
  height: 10em;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  overflow: hidden;
  left: 50%;
  top: 50%;
  margin-top: -1.3em;
  margin-left: -10em;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  transition: border 0.3s ease;
  border: 0.2em solid transparent;
  /*Para añadir espacio entre los items*/
  /*
					Cada "li" debe tener una rotación según su posición o número de elemento.
					rotate indice=  indice*x -[90 - x/2] = indice*x -75 con "x" siendo el Angulo Central
					*/
  /* Ponemos el primer hijo en la posicion de 90 grados, hago pruebas y llego al caso de 75deg luego ir subiendo 30deg cada vez*/
  /*Rotamos 180 los elementos a partir del 7 (Agosto)para adecuarlos al diseño y unamejor lectura*/
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div {
  /* Todos los elementos "div":
							Tienen que hacer el "skew" en el sentido contrario al que se hace con los "li"
							Se rotan
						*/
  display: block;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.18em;
  /*28px sobre su padre*/
  height: 14.5em;
  width: 14.5em;
  position: absolute;
  /*position:fixed;*/
  /*Fix "desplacement" in webkit browsers*/
  bottom: -7.25em;
  right: -7.25em;
  border-radius: 50%;
  text-decoration: none;
  color: #fff;
  /*padding-top: 1.8em;*/
  padding-top: 0.5em;
  text-align: center;
  /*
						  -webkit-transform: skew(-60deg) rotate(-75deg) scale(1);
						  -ms-transform: skew(-60deg) rotate(-75deg) scale(1);
						  -moz-transform: skew(-60deg) rotate(-75deg) scale(1);
						  transform: skew(-60deg) rotate(-75deg) scale(1);
							*/
  /*Adecuamos los textos para que salgan en vertical, hacemos que se alineen a la derecha que es la parte visible */
  -webkit-transform: skew(-60deg) rotate(195deg) scale(1);
  -ms-transform: skew(-60deg) rotate(195deg) scale(1);
  -moz-transform: skew(-60deg) rotate(195deg) scale(1);
  transform: skew(-60deg) rotate(195deg) scale(1);
  padding-top: 80%;
  /*Puesto a ojo*/
  text-align: right;
  padding-right: 40px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, color 0.3s;
  -moz-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
  background-color: #fff;
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div span {
  font-family: "IBM Plex Sans", sans-serif;
  color: #0d5998;
  font-weight: 400;
  /*Regular*/
  font-size: 0.8125rem;
  /*13/16*/
  text-transform: uppercase;
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div.seleccionado {
  background-color: #0d5998;
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div.seleccionado span {
  color: #fff;
  font-weight: bold;
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:first-child {
  /*transform: rotate(-45deg) skew(60deg);*/
  transform: rotate(75deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(2) {
  /*transform: rotate(-15deg) skew(60deg);*/
  transform: rotate(105deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(3) {
  /*transform: rotate(15deg) skew(60deg);*/
  transform: rotate(135deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(4) {
  /*transform: rotate(45deg) skew(60deg);*/
  transform: rotate(165deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(5) {
  /*transform: rotate(75deg) skew(60deg);*/
  transform: rotate(195deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(6) {
  /*transform: rotate(105deg) skew(60deg);*/
  transform: rotate(225deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(7) {
  /*transform: rotate(135deg) skew(60deg);*/
  transform: rotate(255deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(8) {
  /*transform: rotate(165deg) skew(60deg);*/
  transform: rotate(285deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(9) {
  /*transform: rotate(195deg) skew(60deg);*/
  transform: rotate(315deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(10) {
  /*transform: rotate(225deg) skew(60deg);*/
  transform: rotate(345deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(11) {
  /*transform: rotate(255deg) skew(60deg);*/
  transform: rotate(15deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(12) {
  /*transform: rotate(285deg) skew(60deg);*/
  transform: rotate(45deg) skew(60deg);
}
.traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(n+8) div {
  -webkit-transform: skew(-60deg) rotate(15deg) scale(1);
  -ms-transform: skew(-60deg) rotate(15deg) scale(1);
  -moz-transform: skew(-60deg) rotate(15deg) scale(1);
  transform: skew(-60deg) rotate(15deg) scale(1);
  text-align: left;
  padding-left: 40px;
}
/* TRABILIDAD - TRAZA - FIN */
/* CONTENIDO - FIN */
/* PIE PAGINA */
#pie_pagina {
  color: #fff;
  width: 93.75%;
  padding-left: 3.125%;
  padding-right: 3.125%;
  padding-top: 6.25%;
  padding-bottom: 6.25%;
}
#pie_pagina.pie_pagina_interior {
  background: url('/img/fondo_pie_interiores.jpg') left top no-repeat;
  background-size: cover;
  padding-top: 39.32291667%;
  /*Padding inicial sin el cielo cogido de la página nosotros*/
  /*margin-top:percentage((-1285/1920));*/
  /*Margin del cielo de Productos*/
  /*padding-top:percentage((2040/1920));*/
  /*Padding total tras el margin (1285+755) */
}
#pie_pagina #pie_pagina_secciones {
  width: 100%;
  /*300*/
}
#pie_pagina #pie_pagina_secciones #pie_pagina_secciones_principales {
  width: 100%;
  /*300*/
  margin-bottom: 20px;
}
#pie_pagina #pie_pagina_secciones #pie_pagina_secciones_principales li {
  width: 100%;
  padding-bottom: 16px;
  font-family: "Trajan Pro", serif;
  font-size: 1.125rem;
  /*18/16*/
  line-height: 1;
}
#pie_pagina #pie_pagina_secciones #pie_pagina_secciones_principales li:last-child {
  padding-bottom: 0;
}
#pie_pagina #pie_pagina_secciones #pie_pagina_seccions_secundarias {
  width: 100%;
  /*300*/
  padding-top: 16px;
  border-top: 1px solid #fff;
}
#pie_pagina #pie_pagina_secciones #pie_pagina_seccions_secundarias li {
  width: 100%;
  padding-bottom: 16px;
  font-family: "Trajan Pro", serif;
  font-size: 1.125rem;
  /*18/16*/
  line-height: 1;
}
#pie_pagina #pie_pagina_corporativo {
  width: 100%;
  /*300*/
  text-align: center;
}
#pie_pagina #pie_pagina_corporativo #pie_pagina_logotipo {
  width: 80%;
  max-width: 250px;
  display: inline-block;
}
#pie_pagina #pie_pagina_corporativo #pie_pagina_logotipo img {
  width: 100%;
  vertical-align: top;
}
#pie_pagina #pie_pagina_corporativo #pie_pagina_copyright {
  font-family: "IBM Plex Sans", sans-serif;
  width: 100%;
  /*845*/
  padding-top: 20px;
  font-size: 1rem;
  /*16*/
  font-weight: 300;
  /*Light*/
}
/* PIE PAGINA  - FIN */
/**************** BANNER COOKIES ******************/
#freeprivacypolicy-com---nb {
  border-top: 1px solid #0d5998;
  /*Ponemos un borde superior del color azul Salica.es*/
  color: #0d5998;
  /*Estilo banner "simple" con un ancho máximo del 100% siempre */
}
#freeprivacypolicy-com---nb.freeprivacypolicy-com---nb-simple {
  max-width: 100%;
  width: 100%;
}
#freeprivacypolicy-com---nb.freeprivacypolicy-com---nb {
  /*Reducimos el padding vertical*/
}
#freeprivacypolicy-com---nb.freeprivacypolicy-com---nb .cc-nb-main-container {
  padding: 1em 3em;
}
#freeprivacypolicy-com---nb .cc-nb-title {
  color: #0d5998;
  /*Titulo color azul Salica.es*/
}
#freeprivacypolicy-com---nb .cc-nb-text {
  color: #0d5998;
  /*Texto color azul Salica.es*/
}
#freeprivacypolicy-com---nb .cc-nb-okagree {
  background-color: #0d5998;
  /*Boton "Acepto" fondo color azul Salica.es*/
}
#freeprivacypolicy-com---nb .cc-nb-reject {
  display: none !important;
  /*Para no mostrar el botón de "Renuncio"*/
  background-color: #0d5998;
  /*Botón "Renuncio" fondo azul Salica.es*/
}
#freeprivacypolicy-com---nb .cc-nb-changep {
  background-color: #0d5998;
  /*Botón "Renuncio" fondo azul Salica.es y color blanco*/
  color: #fff;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-pc-head .cc-pc-head-title-text {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-pc-head .cc-pc-head-title-headline {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-pc-head .cc-pc-head-lang select {
  display: none;
  /*No mostar el SELECT de lenguaje*/
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-pc-head .cc-pc-head-lang .cc-pc-head-close {
  font-size: 16px;
  /*Aumentamos el tamaño de la "X" cierre del modal*/
  font-weight: 900;
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-tabs-item {
  /*TABS en color azul Salica.es*/
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-tabs-item .cc-cp-body-tabs-item-link {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-tabs-item .cc-cp-body-tabs-item-link:focus {
  box-shadow: none;
  /*Los TABS del Modal les quitamos el box-shadow que se salen un poco*/
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-content {
  /*Textos en color azul Salica.es*/
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-content .cc-cp-body-content-entry-title {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-content .cc-cp-body-content-entry-text {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-content .cc-cp-body-content-entry-text a {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-body-content .cc-custom-checkbox label {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-foot {
  /*Textos en color azul Salica.es*/
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-foot .cc-cp-foot-byline {
  color: #0d5998;
}
.freeprivacypolicy-com---pc-dialog .cc-pc-container .cc-cp-foot .cc-cp-foot-button .cc-cp-foot-save {
  background-color: #0d5998;
  /*Botón "Guardar mis preferencia" fondo azul Club Campos*/
}
/**************** BANNER COOKIES - FIN ******************/
/* ================== SCREEN STYLES - FIN  ====================== */
/* */
/* ======================== ESTILOS - FIN ====================== */
/* ============================================================= */
/* */