/*
	Theme Name: Food Experts v2
	Theme URI: https://www.loygorri.com
	Description: Tailored WordPress Theme
	Version: 2.0
	Author: Gabriel García Loygorri
	Author URI: https://www.loygorri.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


:root {
  --azul: rgba(25,44,84, 1);
  --azul-oscuro: rgba(12,30,60, 1);
  --naranja: #F18A00; /*rgba(219,137,32,1);*/
  --gris: rgba(228,228,228,1);
  --oscuro: rgba(51,51,51,1);
  --muy-oscuro: rgba(21,21,21,1);
}

body{
	background-color: #fff;
	color: var(--oscuro);
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

a{
	/*color: #FFF;*/
	text-decoration: none;
}

h1, h2, h3{
	font-family: 'Prompt', sans-serif;
	font-weight: 700;
}

.wrapper{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.centrado{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

main{
	flex-grow: 2;
	overflow: hidden;
}

main > img{
	position: absolute;
	top: 0px;
	left: 0vw;
	width: 100%;
	z-index: 1;
	margin: auto;
}

.banner-home{
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.banner-home .centrado{
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding-bottom: 200px;
}

.banner-home .centrado > img{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 70%;
	height: auto;
	object-fit: contain;
	z-index: 2;
}

.banner-home .centrado .layer{
	width: 100%;
	max-width: 600px;
	background-color: var(--gris);
	padding: 60px 45px;
	border-radius: 10px;
	margin-top: 60px;
	position: relative;
	z-index: 2;
}

.banner-home .centrado .layer h2{
	font-family: 'Prompt', sans-serif;
	font-weight: 700;
	color: var(--azul);
	font-size: 45px;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0px;
}

.banner-home .centrado .layer h2 span{
	color: var(--naranja);
	font-weight: 700;
	display: block;
}

.banner-home .centrado .layer h2 strong{
	color: var(--naranja);
	font-weight: 700;
}

.banner-home .centrado .layer h2 em{
	color: var(--naranja);
	font-weight: 700;
	font-style: normal;
}

.banner-home .centrado .layer p{
	color: var(--azul);
	font-size: 30px;
	line-height: 1em;
	margin: 0px;
	padding-top: 25px;
}


.enfrentados{
	margin: 40px auto;
}

.enfrentados.inverso{}

.enfrentados .centrado{
	display: flex;
	align-items: flex-start;
}

.enfrentados.inverso .centrado,
.enfrentados:nth-child(even) .centrado{
	display: flex;
	flex-direction: row-reverse;
}

.enfrentados .centrado img{
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	box-shadow: 1px 1px 10px 5px rgba(51, 51, 51, 0.3);
}

.enfrentados .centrado .layer{
	position: relative;
	z-index: 2;
	margin-left: -75px;
	margin-top: 90px;
}



.enfrentados.inverso .centrado .layer,
.enfrentados:nth-child(even) .centrado .layer{
	margin-right: -150px;
	margin-left: 0px;
}

.enfrentados .centrado .layer h2{
	font-size: 38px;
	line-height: 45px;
	color: var(--azul);
	text-transform: uppercase;
	margin: 0px;
	background-color: #FFF;
	border-radius: 5px;
	padding: 15px 30px;
}

.enfrentados.inverso .centrado .layer h2{
}

.enfrentados .centrado .layer h2 strong{
	color: var(--naranja);
	font-weight: 700;
}

.enfrentados .centrado .layer h2 span{
	color: var(--naranja);
	font-weight: 700;
	/*display: block;*/
}

.enfrentados .centrado .layer h2 em{
	color: var(--naranja);
	font-weight: 700;
	font-style: normal;
	/*display: block;*/
}

.enfrentados .centrado .layer p{
	margin: 0px;
	font-size: 24px ;
	color: var(--azul);
	margin-left: 100px;
	width: 100%;
	max-width: 425px;
}

.enfrentados .centrado .layer p strong{
	font-weight: 700px;
}

/**/
.enfrentados .centrado .layer.interior{
	margin-left: -200px;
	margin-top: 50px;
}

.enfrentados .centrado .layer.interior p{
	margin: 0px;
	font-size: 20px;
	line-height: 1.5em;
	color: var(--azul);
	margin-left: 250px;
	width: 100%;
	max-width: 450px;
}
/**/


.medio{
	position: relative;
	padding-top: 100px;
	padding-bottom: 75px;
}

.medio > img{
	position: absolute;
	top: -50px;
	right: 0vw;
	width: 100%;
	z-index: 1;
	margin: auto;
}

.medio .centrado{
	position: relative;
	z-index: 2;
}

.medio .centrado .layer{
	max-width: 800px;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.medio .centrado .layer div{
	display: flex;
	width: 100%;
	max-width: 620px;
	margin: auto;
	margin-bottom: 40px;
}

.medio .centrado .layer div img{
	width: 75px;
	margin-right: 25px;
}

.medio .centrado .layer div h2{
	font-size: 38px;
	line-height: 45px;
	color: var(--azul);
	text-transform: uppercase;
	margin: 0px;
	text-align: left;
}

.medio .centrado .layer h2 strong{
	color: var(--naranja);
}

.medio .centrado .layer h2 em{
	color: var(--naranja);
	font-style: normal;
}

.medio .centrado .layer p{
	margin: 0px;
	font-size: 24px ;
	color: var(--azul);
}

.medio .centrado .layer a{
	background-color: var(--naranja);
	color: #FFF;
	font-family: 'Prompt', sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 10px;
	padding: 20px;
	display: block;
	margin: auto;
	margin-top: 40px;
	transition: all .4s ease-in-out;
}

.medio .centrado .layer a:hover{
	background-color: var(--azul);
}

.pantalla{
	position: relative;
	overflow: hidden;
	padding-top: 75px;
	padding-bottom: 75px;
}

.pantalla > img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	z-index: 1;
	top: 0px;
	left: 0px;
} 

.pantalla .centrado{
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
}

.pantalla.inversa .centrado,
.pantalla:nth-child(odd) .centrado{
	justify-content: flex-start;
}

.pantalla .centrado .layer{
	padding: 55px 45px;
	border-radius: 10px;
	background-color: var(--azul);
	width: 100%;
	max-width: 550px;
}

.pantalla.inversa .centrado .layer,
.pantalla:nth-child(odd) .centrado .layer{
	background-color: #FFF;
}

.pantalla .centrado .layer h3{
	color: var(--naranja);
	margin: 0px;
	text-transform: uppercase;
	font-size: 14px;
}

.pantalla .centrado .layer h2{
	margin: 0px;
	color: #FFF;
	font-size: 30px;
	line-height: 1.1em;
	text-transform: uppercase;
	padding-bottom: 0.25em;
}

.pantalla .centrado .layer p{
	margin: 0px;
	color: #FFF;
	line-height: 1.5em;
}


.pantalla.inversa .centrado .layer h2,
.pantalla:nth-child(odd) .centrado .layer h2{
	color: var(--azul);
	
}

.pantalla.inversa .centrado .layer p,
.pantalla:nth-child(odd) .centrado .layer p{
	color: var(--oscuro);
}

.pantalla .centrado .layer ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	padding-right: 0px;
	justify-content: flex-start;
}

.pantalla .centrado .layer ul li{
	padding-right: 0px;
	width: calc(100% / 3 - 15px);
	min-width: 25%;
	margin-top: 20px;
	margin-right: 10px;
}

.pantalla .centrado .layer ul li a{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: 40px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid white;
	transition: all .4s ease-in-out;
}

.pantalla .centrado .layer ul li a:hover{
	background-color: var(--naranja);
	border: 1px solid var(--naranja);
	color: white;
}

.pantalla.inversa .centrado .layer ul li a,
.pantalla:nth-child(odd) .centrado .layer ul li a{
	color: var(--azul);
	border: 1px solid var(--azul);
}

.pantalla.inversa .centrado .layer ul li a:hover,
.pantalla:nth-child(odd) .centrado .layer ul li a:hover{
	color: white;
	border: 1px solid var(--naranja);
}

.pantalla .centrado .layer ul li{
	border-left: solid 0px #FFF;
	padding-left: 0px;
}

.pantalla.inversa .centrado .layer ul li,
.pantalla:nth-child(odd) .centrado .layer ul li{
	border-left: solid 0px var(--azul);
}

.pantalla .centrado .layer ul li:first-child{
	/*border-left: 0px;*/
	/*padding-left: 0px;*/
}

.clientes{
	min-height: 33vh;
	display: flex;
	padding-top: 100px;
	padding-bottom: 100px;
}

.clientes .centrado{
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
}

.clientes .centrado h2{
	font-size: 38px;
  line-height: 38px;
  color: var(--azul);
  text-transform: uppercase;
  margin: 0px;
  padding-bottom: 25px;
}

.clientes .centrado h2 span,
.clientes .centrado h2 em{
	color: var(--naranja);
	display: block;
	font-style: normal;
}

.clientes .centrado p{
	margin: 0px;
	margin: 0px;
  font-size: 24px;
  color: var(--azul);
}

.clientes .centrado p strong{}

.clientes .centrado ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	margin: 0px;
	padding: 10px;
	padding-top: 50px;
}

.clientes .centrado ul li{
	padding: 5px;
}

.clientes .centrado ul li a{}


.formulario{
	background-color: var(--azul);
	color: #FFF;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	z-index: 2;
}

.formulario h2{
	font-size: 30px;
	text-transform: uppercase;
}

.mi_formulario{
	display: flex;
	justify-content: space-between;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}

.page-template-default ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--azul);
  opacity: 1; /* Firefox */
}

.page-template-default :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--azul);
}

.page-template-default ::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--azul);
}

.mi_formulario a{
	text-decoration: underline;
	color: white;
}

.page-template-default .mi_formulario a{
	text-decoration: underline;
	color: var(--azul);
}

.mi_formulario div{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.mi_formulario div:first-child{
	padding-right: 20px;
}

.mi_formulario div:first-child label.modules{
	display: flex;
	padding-top: 20px;
	padding-left: 10px;
}

.mi_formulario div:first-child label.modules span{
	padding-left: 20px;
}

.mi_formulario div:last-child{
	padding-left: 20px;
}

.mi_formulario div textarea{
	border: 1px solid rgba(255, 255, 255, 0.1) !Important;
	color: white;
}

.page-template-default .mi_formulario div textarea{
	border: 1px solid rgba(0, 0, 0, 0.1) !Important;
}

.mi_formulario div input,
.mi_formulario div textarea{
	width: 100%;
	padding: 10px;
	margin-top: 20px;
	border: 0px;
	border-bottom: 1px solid #FFF !Important;
	background-color: transparent;
	color: white;
}

.page-template-default .mi_formulario div input,
.page-template-default .mi_formulario div textarea{
	color: black;
}

.page-template-default .mi_formulario div input,
.page-template-default .mi_formulario div textarea{
	border-bottom: 1px solid var(--azul) !Important;
}

.wpcf7-list-item{
	margin-left: 0px;
	padding-bottom: 15px;
	width: 100%;
	padding-top: 5px;
}

.wpcf7-list-item label{
	display: flex;
}

.wpcf7-list-item label input{
	width: initial;
	margin-top: 2px;
	margin-right: 10px;
}

.wpcf7-list-item-label{
	flex-grow: 2;
}

.mi_formulario div input[type=submit] {
    padding:15px 20px;
    background-color: var(--naranja);
    color: #FFF;
    border:0 none;
    cursor:pointer;
    width: initial;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0px !Important;
    width: 100%;
}

/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}
/* Hover style */
.select-css:hover {
  border-color: #888;
}
/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: #aaa;
}

/**/

.banner-interior{
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.banner-interior .centrado{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 200px;
}

.banner-interior .centrado .button{
	background-color: var(--naranja);
    color: white;
    border-radius: 10px;
    padding: 15px 50px;
    font-size: 20px;
    text-transform: uppercase;
    position: absolute;
    font-weight: 700;
    bottom: 75px;
    z-index: 3;
    transition: all .4s ease-in-out;
}

.banner-interior .centrado .button:hover{
	background-color: var(--azul);
}


.banner-interior .centrado h1{
	background-color: var(--naranja);
	color: white;
	border-radius: 20px;
	padding: 15px 50px;
	font-size: 50px;
	text-transform: uppercase;
	position: absolute;
	right: 175px;
	z-index: 3;
}

.banner-interior .centrado h3{
	background-color: var(--naranja);
	color: white;
	border-radius: 20px;
	padding: 15px 30px;
	font-size: 32px;
	line-height: 1.2em;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
	max-width: 500px;
	left: 50px;
	top: 25px;
	z-index: 3;
}

.banner-interior .centrado img{
	position: absolute;
	right: 100px;
	top: 0px;
	z-index: 3;
}


.banner-interior .centrado .layer{
	width: 100%;
	max-width: 1000px;
	background-color: var(--gris);
	padding: 60px 45px;
	border-radius: 10px;
	margin-top: 130px;
	position: relative;
	z-index: 2;
}

.banner-interior .centrado .layer h2{
	font-family: 'Prompt', sans-serif;
	font-weight: 700;
	color: var(--azul);
	font-size: 45px;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0px;
}

.banner-interior .centrado .layer h2 span{
	color: var(--naranja);
	font-weight: 700;
	display: block;
}

.banner-interior .centrado .layer h2 strong{
	color: var(--naranja);
	font-weight: 700;
}

.banner-interior .centrado .layer h2 em{
	color: var(--naranja);
	font-weight: 700;
	font-style: normal;
}

.banner-interior .centrado .layer p{
	color: var(--azul);
	font-size: 28px;
	margin: 0px;
	padding-top: 35px;
}

main.services section{
	position: relative;
	z-index: 2;
	overflow: hidden;
}

main.services section.enfrentados{
	padding-bottom: 75px;
	margin: 0px;
}

.bloque_pestana{}

.bloque_pestana > img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.bloque_pestana .centrado{
	padding-top: 75px;
	padding-bottom: 75px;
}

.bloque_pestana .centrado .panel{
	background-color: white;
	border-radius: 10px;
	display: block;
	position: relative;
	z-index: 3;
}

.bloque_pestana .centrado .panel > ul{
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0px;
}

.bloque_pestana .centrado .panel > ul li{
	/*width: calc(100% / 3);*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 2;
}

.bloque_pestana .centrado .panel > ul li{
	border-right: 2px solid;
	color: var(--azul);
}

.bloque_pestana .centrado .panel > ul li:last-child{
	border-right: 0px;
}

.bloque_pestana .centrado .panel > ul li span{
	padding: 5px;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--azul);
	cursor: pointer;
}

.bloque_pestana .centrado .panel > ul.size_1 li span{
	cursor: initial;
}

.bloque_pestana .centrado .panel > ul li.activa span{
	color: var(--naranja);
}

.bloque_pestana .centrado .panel .destino{}

.bloque_pestana .centrado .panel .destino > div{
	position: relative;
	display: none;
	padding-bottom: 25px;
	padding-right: 50px;
	align-items: flex-start;
}

.bloque_pestana .centrado .panel .destino > div.visible{
	display: flex;
}

.bloque_pestana .centrado .panel .destino > div h2{
	display: none;
}

.bloque_pestana .centrado .panel .destino > div img{
	max-width: 250px;
	max-height: 180px;
	padding: 60px;
	padding-top: 0px;
}

.bloque_pestana .centrado .panel .destino > div img.multiple{
	max-width: 200px;
	max-height: 120px;
	padding: 20px;
	padding-top: 0px;
}


.bloque_pestana .centrado .panel .destino > div .contenido_destino{
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	font-size: 18px;
	line-height: 1.5em;
}

.bloque_pestana .centrado .panel .destino > div .contenido_destino p{
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

.bloque_pestana .centrado .panel .destino > div .contenido_destino p:last-of-type{
	padding-bottom: 0px;
}

.bloque_pestana .centrado .panel .destino > div .contenido_destino ul li {
	padding-bottom: 5px;
}


/**/

.compa{
	position: relative;
	z-index: 2;
}

.compa .centrado{
	padding-left: 210px;
	position: relative;
}

.compa .centrado > img{
	max-width: 170px;
	position: absolute;
	top: 85px;
	left: 60px;
	z-index: 3;
}

.compa .layer {
    width: 100%;
    background-color: var(--gris);
    padding: 66px;
    border-radius: 10px;
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

.compa .layer h1{
	margin: 0px;
	font-size: 48px;
	text-transform: uppercase;
	color: var(--azul);
}

.compa .layer h1 strong{
	color: var(--naranja);
}

.compa .layer p{
	padding: 0px;
	margin: 0px;
	font-size: 28px;
	color: var(--azul);
}

.muchas_bolas{
	position: relative;
	z-index: 2;
}

.bolas{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}



.bola{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--gris);
  border-radius: 100%;
  width: 340px;
  height: 340px;
  padding: 75px;
  position: relative;
}

.bola img{
	position: absolute;
	left: -100px;
	width: 100%;
}

.bolas .bola p{
	font-family: 'Prompt', sans-serif;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1.1em;
	color: var(--azul);
	font-weight: 700;
	flex-grow: 2;
}

.bolas .bola p strong{
	color: var(--naranja);
}

.marco_1{
	padding-top: 75px;
	display: flex;
	justify-content: center;
	margin-left: 300px;
}

.marco_1 .bola{
	width: 380px;
  height: 380px;
}

.marco_1 .bola img{
	max-width: 365px;
	left: -320px;
}

.marco_2{
	padding-top: 0px;
	margin-top: -50px;
	display: flex;
	justify-content: flex-start;
}

.marco_2 .bola{
	width: 340px;
  height: 340px;
  padding: 45px;
  padding-left: 30px;
}

.marco_2 .bola img{
	max-width: 185px;
	right: -150px;
	left: initial;
}

.marco_2 .bola p{
	text-align: right;
	padding-right: 25px;
}

.marco_3{
	padding-top: 0px;
	margin-top: -150px;
	display: flex;
	justify-content: flex-end;
}

.marco_3 .bola{
	width: 340px;
  height: 340px;
  padding: 25px;
}

.marco_3 .bola img{
	max-width: 170px;
	left: -120px;
}

.marco_3 .bola p{
	text-align: center;
}

.bolas .bola p strong{
	display: block;
}

.marco_4{
	padding-top: 0px;
	margin-top: -50px;
	display: flex;
	justify-content: flex-start;
	padding-left: 150px;
}

.marco_4 .bola{
	width: 375px;
  height: 375px;
  padding: 35px;
}

.marco_4 .bola img{
	max-width: 140px;
	left: 0px;
	top: 0px;
}

.marco_4 .bola p{
	text-align: right;
}

.marco_5{
	padding-top: 0px;
	margin-top: -150px;
	display: flex;
	justify-content: flex-end;
	padding-right: 150px;
}

.marco_5 .bola{
	width: 340px;
  height: 340px;
  padding: 50px;
}

.marco_5 .bola img{
	max-width: 140px;
	left: initial;
	top: -25px;
}

.marco_5 .bola p{
	text-align: center;
}


.cierre{
	   position: relative;
    padding-top: 100px;
    padding-bottom: 75px;
}

.cierre > img {
    position: absolute;
    top: -50px;
    right: 0vw;
    width: 100%;
    z-index: 1;
    margin: auto;
}

.centrado.final{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	z-index: 2;
}

.centrado.final p{
	text-transform: uppercase;
	font-family: 'Prompt', sans-serif;
	font-size: 36px;
	line-height: 1.1em;
	color: var(--azul);
	font-weight: bold;
	text-align: center;
	max-width: 900px;
}

.centrado.final p strong{
	color: var(--naranja);
}

/**/

.page-template-default{}

.page-template-default section .centrado{
	padding-bottom: 50px;
}

.page-template-default section .centrado h1{
	color: var(--azul);
	font-family: 'Prompt', sans-serif;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
}

.page-template-default section .centrado h2{
	font-family: 'Prompt', sans-serif;
	margin: 0px;
	padding: 0px;
	color: var(--azul);
}

.page-template-default section .centrado h3{
	font-family: 'Prompt', sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	color: var(--naranja);
}

.page-template-default section .centrado pre{
	font-family: 'Roboto', sans-serif;
	line-height: 1.4em;
	color: var(--azul);
	background-color: rgba(0, 0, 0, 0.02);
	padding: 20px 20px 0px 20px;
	margin: 0px;
	margin-bottom: 10px;
	border:  1px solid rgba(0, 0, 0, 0.1);
}

.page-template-default section .centrado p{
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	text-align: justify;
}

.page-template-default section .centrado p a,
.page-template-default section .centrado li a{
	font-weight: bold;
	text-decoration: underline;
	color: var(--azul);
}

.page-template-default section .centrado ul{}

.page-template-default section .centrado ul li {}

/**/


@media (max-width: 1440px) { 

	
 }

 @media (max-width: 1280px) { 

 	.centrado{
 		padding-left: 20px;
 		padding-right: 20px;
 	}

 }

 @media (max-width: 1024px) { 

	
 }

 @media (max-width: 768px) { 

	
 }

 @media (max-width: 428px) { 

 	.barra .centrado a:first-child{
 		flex-grow: 2;
 	}

 	main{
 		padding-top: 110px;
 		z-index: 1;
 	}

 	.centrado {
    padding-left: 10px;
    padding-right: 10px;
	}

	.banner-home .centrado{
		padding-bottom: 0px;
		flex-direction: column-reverse;
	}

	.banner-home .centrado > img{
		position: relative;
		width: 100%;
		top: 0px;
		margin-top: 20px;
	}

	.banner-home .centrado .layer{
		padding: 30px;
		/*margin-top: 50vh;*/
		margin-top: 25px;
	}

	.banner-home .centrado .layer h2{
		font-size: 30px;
		line-height: 40px;
	}

	.banner-home .centrado .layer p{
		font-size: 30px;
    padding-top: 30px;
	}

 	.enfrentados .centrado,
 	.enfrentados:nth-child(even) .centrado{
 		flex-direction: column;
 	}

 	.enfrentados .centrado .layer,
 	.enfrentados .centrado .layer.interior{
 		margin-left: 0px;
 		margin-top: -100px;
 		margin-left: 20px;
 		margin-right: 20px;
 	}

 	.enfrentados.inverso .centrado .layer,
 	.enfrentados:nth-child(even) .centrado .layer
 	{
 		margin-right: 0px;
 		margin-left: 20px;
 		margin-right: 20px;
 	}

 	.enfrentados .centrado .layer h2{
 		padding: 20px;
 		font-size: 30px;
    line-height: 35px;
 	}

 	.enfrentados .centrado .layer p,
 	.enfrentados .centrado .layer.interior p{
 		margin-left: 0px;
 	}

 	.medio{
 		padding-top: 25px;
 	}

 	.medio > img{
 		top: initial;
 		bottom: 0px;
 	}

 	.medio .centrado .layer div{
 		flex-direction: column;
 		justify-content: center;
 		align-items: center;
 	}

 	.pantalla .centrado .layer{
 		padding: 25px;
 	}

 	.pantalla .centrado .layer h2{
 		line-height: 35px;
 	}

 	.pantalla .centrado .layer p{
 		line-height: 1.5em;
 	}

 	.medio .centrado .layer div img{
 		margin-right: 0px;
 		margin-bottom: 25px;
 	}

 	.medio .centrado .layer div h2{
 		text-align: center;
 		font-size: 30px;
    line-height: 35px;
 	}

 	.pantalla .centrado .layer ul{
 		/*flex-direction: column;*/
 	}

 	.pantalla .centrado .layer ul li{
 		margin-bottom: 0px;
 		/*padding: 10px 10px;*/
 		margin-top: 10px;
 	}

 	.pantalla .centrado .layer ul li a{
 		text-align: center;
 	}

 	.pantalla .centrado .layer ul li:first-child {
    /*border-left: solid 1px #FFF;*/
    padding-left: 0px; 
    /*padding: 10px 10px;*/
	}

	.pantalla:nth-child(odd) .centrado .layer ul li:first-child{
		/*border-left: solid 1px var(--azul);*/
	}

	.pantalla .centrado .layer ul li {
		max-width: 50%;
		width: 45%;
	}

	.formulario{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.mi_formulario{
		flex-direction: column;
	}

	.mi_formulario div:first-child{
		padding-right: 0px;
	}

	.mi_formulario div:last-child {
    padding-left: 0px;
	}

	/**/

	.banner-interior .centrado{
		padding-bottom: 50px;
		flex-direction: column;
	}

	.pppls .banner-interior .centrado{
		padding-bottom: 100px;
	}

	.banner-interior .centrado .button{
		padding: 15px;
		width: calc(100% - 20px);
		bottom: 25px;
	}

	.banner-interior .centrado h1{
		position: relative;
		top: 0px;
		right: inherit;
		font-size: 35px;
		padding: 10px 20px;
	}

	.banner-interior .centrado .layer{
		padding: 25px;
		margin-top: 0px;
	}

	.banner-interior .centrado .layer h2{
		font-size: 30px;
		line-height: 1.2em;
	}

	.banner-interior .centrado .layer p{
		font-size: 25px;
	}

	.bloque_pestana .centrado .panel{
		padding-top: 25px;
	}

	.bloque_pestana .centrado .panel > ul{
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 20px;
		/**/
		display: none;
		/**/
	}

	.bloque_pestana .centrado .panel > ul li{
		width: 100%;
		border-right: 0px;
		border-bottom: 1px solid var(--azul);
	}

	.bloque_pestana .centrado .panel > ul li span{
		font-size: 25px;
	}

	.bloque_pestana .centrado .panel .destino > div{
		display: flex;
	}

	.bloque_pestana .centrado .panel .destino > div{
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
	}

	.bloque_pestana .centrado .panel .destino > div img{
		padding: 0px;
		max-width: 150px;
	}

	.bloque_pestana .centrado .panel .unico{
		display: flex;
		width: 100%;
	}

	.bloque_pestana .centrado .panel .destino > div img.multiple{
		max-width: calc(100% / 3);
	}

	.bloque_pestana .centrado .panel .destino > div h2{
		display: flex;
    padding: 5px;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--naranja);
    margin: 0px;
    width: 100%;
  	}

  /**/

  .compa .centrado > img{
  	display: none;
  }

  .compa .centrado{
  	padding-left: 10px;
  }

  .compa .layer{
  	padding: 30px;
  }

  .compa .layer h1{
  	font-size: 30px;
  }

  .compa .layer p{
  	font-size: 22px;
  }

  /**/

  .food-securitas main{
  	padding-top: 150px;
  }

  .banner-interior .centrado img{
  	position: relative;
  	width: 100%;
  	max-width: 100%;
  	right: initial;
  }

  .banner-interior .centrado h3{
  	position: relative;
  	left: initial;
  	margin: 0px;
  	margin-top: 20px;
  	margin-bottom: 20px;
  	top: 0px;
  }

  /**/

  .marco_1,
  .marco_2,
  .marco_3,
  .marco_4,
  .marco_5{
  	margin-left: 0px;
  	margin-top: initial;
  	margin-right: 0px;
  	padding-left: initial;
  	padding-right: initial;
  	justify-content: center;
  	padding-top: 100px;
  }

  .marco_1 .bola,
  .marco_2 .bola,
  .marco_3 .bola,
  .marco_4 .bola,
  .marco_5 .bola{
  	width: 300px;
  	height: 300px;
  }

  .marco_1 .bola img,
  .marco_2 .bola img,
  .marco_3 .bola img,
  .marco_4 .bola img,
  .marco_5 .bola img{
  	left: 0px;
  	right: 0px;
  }

  .marco_1 .bola img{
  	top: -75px;
  }

  .marco_2 .bola img{
  	top: -50px;
  	max-width: 125px;
  }

  .marco_2 .bola p{
  	padding-right: 0px;
  }

  .marco_3 .bola img{
  	top: -50px;
  }

  .marco_4 .bola img,
  .marco_5 .bola img{
  	top: -30px;
  }

  .cierre{
  	padding-top: 25px;
  	padding-bottom: 25px;
  }

  .centrado.final{
  	padding-top: 0px;
  	padding-bottom: 0px;
  }

  .cierre > img{
  	bottom: 0px;
  	top: initial;
  }

}