@charset "UTF-8";

/*
Theme Name: Tradecos Theme
Theme URI: http://tradecos.net
Author: Visiva Estudio
Author URI: http://visivaestudio.com.ar
Description: Personalizado
Version: 1.0
*/
html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	margin: 0;
}

html {
	font-size: 1em;
	line-height: 1.4;
	margin-top: 0 !important;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

/*****************************************
SLIDER BASICS
*******************************************/
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block !important;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	cursor: pointer;
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-dots {
	position: absolute;
	left: 30px;
	top: 50%;
	padding: 0;
	list-style-type: none;
	z-index: 0;
	margin: -100px 0 0 0;
}

.slick-dots li {
	display: block;
	vertical-align: middle;
	margin: 0 0 10px 0;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: solid 2px #fff;
	background: none;
	padding: 0;
	width: 8px;
	cursor: pointer;
	height: 8px;
	position: relative;
}

.slick-dots li button {
	background: none;
	border: none;
	font-size: 0px;
	line-height: 0;
	display: block;
	left: -2px;
	top: -2px;
	position: relative;
}

.slick-dots .slick-active {
	background: #fff
}

.slick-dots li button:active, .slick-dots li button:focus, .slick-dots li button:hover {
	outline: 0;
}

.nw_arrows {
	display: inline;
	position: absolute;
	top: 45%;
	font-size: 50px;
	color: #fff;
	margin: 0 10px;
	text-decoration: none;
}

.flex-next {
	right: 0;
}

.flex-prev {}

.nw_arrows:before {
	font-family: FontAwesome;
	padding: 3px 15px 5px 17px;
	color: #191919;
	font-size: 35px;
	line-height: 0;
}

.flex-next:before {
	content: "\f105";
}

.flex-prev:before {
	content: "\f104";
}

/*****************************************
HOME SLIDERS
*******************************************/
#home_sliders .tradecos_slide {
	background-size: cover;
	position: relative;
}

#home_sliders .tradecos_slide .linkSlide {
	position: absolute;
	width: 100%;
	height: 100%;
}

#home_sliders {
	position: relative;
	padding: 0;
	position: relative;
	padding: 0;
	margin-top: -15px;
	margin-bottom: -36px;
	height: calc(100vh);
}

@media screen and (max-width: 1100px) {
	#home_sliders {
		height: auto;
	}
}


#slider_principal {
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: calc(95vh);
	overflow: hidden;
	margin: 0px;
}

#home_sliders .idiomas {
	position: absolute;
	height: auto;
	top: 5%;
	right: 4%;
}

#home_sliders .idiomas .idiomasContent {
	display: flex;
	align-items: center;
}

#home_sliders .idiomas .idiomasContent .idiomaFlag {
	padding: 5px;
	width: 30px;
}


@media screen and (max-width: 1100px) {
	#slider_principal {
		height: calc(46vh);
	}
}

@keyframes vibrate {
	0% {
		transform: translate(0);
	}


	25% {
		transform: translate(-2px, 2px);
	}


	50% {
		transform: translate(2px, -2px);
	}

	75% {
		transform: translate(-2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}

@keyframes move-fruit {
	from {
		-webkit-transform: rotate(90deg) translateX(15px) rotate(-90deg);
	}

	to {
		-webkit-transform: rotate(180deg) translateX(0px) rotate(-180deg);
	}
}

@keyframes move-fruit-02 {
	from {
		-webkit-transform: rotate(180deg) translateX(5px) rotate(-180deg)
	}

	to {
		-webkit-transform: rotate(180deg) translateX(10px) rotate(-180deg);
	}
}

@keyframes move-fruit-03 {
	from {
		-webkit-transform: rotate(75deg) translateY(5px) rotate(-75deg)
	}

	to {
		-webkit-transform: rotate(90deg) translateY (20px) rotate(-90deg);
	}
}

@keyframes move-fruit-04 {
	from {
		-webkit-transform: rotate(75deg) translateX(25px) rotate(-75deg)
	}

	to {
		-webkit-transform: rotate(80deg) translateX(40px) rotate(-80deg);
	}
}

#home_sliders .fruitsAbsolute {
	position: absolute;
	width: 510px !important;
	height: auto;
	top: 70px;
	right: 105px;
	animation: vibrate 2s ease-in-out 0s infinite alternate both;
}



#home_sliders .fruitPpal {
	position: absolute;
	height: auto;
}

#home_sliders .fruitPpal01 {
	width: 22% !important;
	top: 15%;
	right: 10%;
	animation: move-fruit 2s ease-in-out 0s infinite alternate both;
}

#home_sliders .fruitPpal02 {
	width: 15% !important;
	top: 15%;
	right: 5%;
	animation: move-fruit-02 2s ease-in-out 0s infinite alternate both;
}

#home_sliders .fruitPpal03 {
	width: 7% !important;
	top: 45%;
	right: 5%;
	animation: move-fruit-03 3s ease-in-out 0s infinite alternate both;
}

#home_sliders .fruitPpal04 {
	width: 13% !important;
	top: 67%;
	right: 5%;
	animation: move-fruit-04 4s ease-in-out 0s infinite alternate both;
}

#home_sliders .fruitPpal05 {
	width: 7% !important;
	top: 36%;
	right: 29%;
	animation: move-fruit-02 5s ease-in-out 0s infinite alternate both;
}

#home_sliders .fruitPpal06 {
	width: 7% !important;
	top: 19%;
	right: 35%;
	animation: move-fruit 5s ease-in-out 0s infinite alternate both;
}

#home_sliders .fruitPpal07 {
	width: 5% !important;
	top: 10%;
	right: 31%;
	animation: vibrate 5s ease-in-out 0s infinite alternate both;
}

#home_sliders .fruitPpal08 {
	width: 5% !important;
	top: 36%;
	right: 3%;
	animation: vibrate 5s ease-in-out 0s infinite alternate both;
}

@media screen and (max-width: 1100px) {
	#home_sliders .fruitPpal01 {
		width: 42% !important;
	}

	#home_sliders .fruitPpal02 {
		width: 25% !important;
	}

	#home_sliders .fruitPpal03 {
		width: 15% !important;
		top: 53%;
		right: 0%;
	}

	#home_sliders .fruitPpal04 {
		width: 33% !important;
		top: 53%;
	}

	#home_sliders .fruitPpal05 {
		width: 17% !important;
		top: 36%;
		right: 41%;
	}

	#home_sliders .fruitPpal06 {
		width: 18% !important;
		top: 15%;
		right: 46%;
	}

	#home_sliders .fruitPpal07 {
		width: 15% !important;
		top: 7%;
		right: 35%;
	}

	#home_sliders .fruitPpal08 {
		width: 15% !important;
	}
}

#home_sliders .logoTradecos {
	position: absolute;
	width: 150px !important;
	height: auto;
	top: 5%;
	left: 5%;
}

@media screen and (max-width: 1100px) {
	#home_sliders .logoTradecos {
		position: absolute;
		width: 100px !important;
		height: auto;
		top: 6%;
		left: 5%;
	}
}

#menuPrincipal {
	display: flex;
	font-family: BrownPro-Regular;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #fff;
	position: sticky;
	z-index: 999;
	position: fixed;
	bottom: 0;
	width: 100%;
}

#menuPrincipal .menuOpcion {
	padding: 10px 0px;
	width: 20%;
	cursor: pointer;
}

@media all and (max-device-width: 600px) {
	#menuPrincipal {
		position: fixed;
		bottom: 0;
		top: unset;
		width: 100%;
		font-size: 10px;
		height: 5%;
	}

	#menuPrincipal .menuOpcion {
		padding: 10px;
	}

}

#menuPrincipal .menuProductos {
	background-color: rgba(255, 222, 23, .8);
}

#menuPrincipal .menuNosotros {
	background-color: rgba(243, 131, 0, .8);
}

#menuPrincipal .menuSustentabilidad {
	background-color: rgba(165, 207, 50, .8);
}

#menuPrincipal .menuEquipos {
	background-color: rgba(222, 66, 49, .8);
}

#menuPrincipal .menuDenuncias {
	background-color: rgba(147, 149, 152, .8);
}

#menuPrincipal .menuContacto {
	background-color: rgba(25, 25, 25, .8);
}

@keyframes moveupdown {
	0% {
		padding-top: 15px;
	}

	50% {
		padding-top: 20px;
	}

	100% {
		padding-top: 15px;
	}
}

#home_sliders .chevronDown {
	font-size: 15px;
	position: absolute;
	left: 50%;
	margin: 0;
	transform: translate(-50%, 0);
	animation: moveupdown 2s infinite ease-in-out;
}


#cont_categorias .cardsContainer {
	display: flex;
	flex-wrap: wrap;
}

#cont_categorias .titleCategorias {
	background-color: #FCBB00;
	color: #fff;
	padding: 40px 0px 20px 0px;
	font-family: Graviola-Soft-Black;
	font-size: 25px;
	text-align: center;
}

@media screen and (max-width: 1100px) {
	#cont_categorias .titleCategorias {

		margin-top: 10px;
	}

}


.flip-card {
	background-color: transparent;
	width: 25%;
	aspect-ratio: 1 / 1;
	perspective: 1000px;
	cursor: pointer;
	flex: 0 0 25%;
}

.flip-card img {
	width: 100%;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-front {
	background-color: #bbb;
	color: black;
}

.flip-card-back {
	background-color: #2980b9;
	color: white;
	transform: rotateY(180deg);
	cursor: auto;
}

@media screen and (max-width: 1100px) {
	#cont_categorias .cardsContainer {
		flex-wrap: wrap;
	}

	.flip-card {
		padding: 0;
		flex: 0 0 100%;
	}

}

.flip-card-back .descCat {
	font-family: Graviola-Soft-Black;
	color: #fff;
	padding: 20px 1px;
}

.flip-card-back .descCat a {
	text-decoration: none;
}

.flip-card-back .descCat .titleCat {
	font-size: 30px;
}

.flip-card-back .descCat .subtitleCat {
	font-size: 10px;
	margin-bottom: 30px;
}

.flip-card-back .descCat .icoCat {
	width: 25px;
	padding: 0px 5px;
}

.flip-card-back .descCat .chileCat {
	width: 60px;
}

.flip-card-back .descCat .linkCat {
	font-size: 13px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}

.flip-card-back .descCat .textCat {
	font-family: Graviola-Soft-Bold;
	font-size: 19px;
	padding: 10px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flip-card-back .descCat .textCat ul {
	text-align: left;
	font-size: 13px;
}

#contentProductos {
	width: 95%;
	margin: auto;
	padding-bottom: 40px;
}

#contentProductos .productosDecor {
	position: absolute;
	width: 9% !important;
	height: auto;
	right: 5%;
	padding-top: 50px;
}

#contentProductos .titleProductos {
	background-color: #fff;
	color: #FCBB00;
	padding: 40px 0px 20px 0px;
	font-family: Graviola-Soft-Black;
	font-size: 25px;
	text-align: center;
}

.row {
	display: flex;
	flex-wrap: wrap;
}

/* Create three equal columns that floats next to each other */
.column {
	width: 14.10%;
	display: none;
	/* Hide columns by default */
	margin: 1px;
}

@media all and (max-device-width: 600px) {
	.row {
		justify-content: center;
	}

	.column {
		width: 30%;
		margin: 1px;
	}
}

/* Clear floats after rows */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Content */
.content {
	background-color: white;
}

/* The "show" class is added to the filtered elements */
@keyframes appear {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.show {
	display: block;
	animation: appear 1s ease-out;
	-webkit-animation: appear 1s ease-out;
	transition: .3s;
}

/* Style the buttons */
#filterProds {
	display: flex;
	padding-left: 10px;
}

@media all and (max-device-width: 600px) {
	#filterProds {
		display: block;
		padding-left: 0px;
	}
}

.btn {
	border: none;
	outline: none;
	padding: 3px 16px;
	margin-bottom: 10px;
	cursor: pointer;
	font-family: AvenirLTStd-Black;
	color: #FCBB00;
}

@media screen and (max-width: 1100px) {
	.btn {
		font-size: 15px;
		text-align: center;
	}
}

/* Add a grey background color on mouse-over */
.btn:hover {
	border-bottom: 2px solid #FCBB00;
}

/* Add a dark background color to the active button */
.btn.active {
	border-bottom: 2px solid #FCBB00;
}

.prodImage {
	border: none;
	padding: 0;
	border-radius: 0;
	aspect-ratio: 1/1;
}

.text-over {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, .2);
}

.nameProd {
	font-family: AvenirLTStd-Black;
	font-size: 17px;
	position: relative;
	color: #fff;
	margin: 0;
	display: flex;
	width: 60%;
	height: 100%;
	justify-content: center;
	align-items: center;
	margin: auto;
}

@media screen and (max-width: 1100px) {
	.nameProd {
		font-size: 15px;
	}
}

#contentNosotros {
	height: calc(100vh);
	width: auto;
	padding-top: 50px;
	background-image: url('./img/backgroundNosotros.jpg');
}

@media screen and (max-width: 1100px) {
	#contentNosotros {
		height: auto;
		padding: 50px 0px;
	}

	#contentNosotros :nth-child(1) {
		order: 2;
	}

	#contentNosotros :nth-child(2) {
		order: 1;
	}

	#contentNosotros :nth-child(3) {
		order: 3;
	}
}

#contentNosotros .nosotrosText {
	color: #fff;
	text-align: center;
	font-family: Raleway-Bold;
	font-size: 17px;
	background-color: transparent;
	width: 60%;
	margin: auto;
}

@media screen and (max-width: 1100px) {
	#contentNosotros .nosotrosText {
		width: 100%;
	}
}

#contentNosotros .containerNosotros {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 1100px) {
	#contentNosotros .containerNosotros {
		flex-direction: column;
	}
}

#contentNosotros .containerCenter {
	width: 50%;
}

@media screen and (max-width: 1100px) {
	#contentNosotros .containerCenter {
		width: 90%;
	}

}

#contentNosotros .mapImg {
	width: 100%;
}

#contentNosotros .containerLeft, #contentNosotros .containerRight {
	width: 25%;
	font-family: Graviola-Soft-Black;
	text-align: center;
	color: #fff;
	font-size: 45px;
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 1100px) {
	#contentNosotros .containerLeft, #contentNosotros .containerRight {
		width: 100%;
		flex-direction: row;
	}
}

#contentNosotros .containerLeft p, #contentNosotros .containerRight p {
	font-family: Raleway-SemiBold;
	font-size: 13px;
	margin: 5px;
}

#contentNosotros .containerLeft .counterMedida, #contentNosotros .containerRight .counterMedida {
	font-size: 20px;
	margin-top: -10px;
}

#contentNosotros .containerLeft .counterContainer, #contentNosotros .containerRight .counterContainer {
	margin-top: 10px;
}

#contentNosotros .containerCenter .titleMap {
	font-family: Graviola-Soft-Black;
	font-size: 20px;
	text-align: center;
	color: #1F130E;
	margin: 20px;
}

#contentSustentabilidad {
	background-image: url('./img/sustentabilidadBackground.jpg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	background-color: #E3E4DF;
	padding: 50px 0px;
	/*height: calc(100vh);*/
}

@media screen and (max-width: 1100px) {
	#contentSustentabilidad {
		height: auto;
		padding: 0px;
		background-size: cover !important;
	}
}

#contentSustentabilidad .sustentabilidadInfo {
	width: 45%;
	height: auto;
	margin: auto;
}

@media screen and (max-width: 1100px) {
	#contentSustentabilidad .sustentabilidadInfo {
		width: 90%;
	}

}

#contentSustentabilidad .masInfo {
	position: absolute;
	cursor: pointer;
	color: #191919;
	font-family: Graviola-Soft-Medium;
	font-size: 14px;
	font-weight: bold;
}

#contentSustentabilidad .masInfo:hover {
	color: #179A22;
}

#contentSustentabilidad .masInfoPersonas {
	margin-left: 32.5%;
	margin-top: 34%;
}

#contentSustentabilidad .masInfoCorporativo {
	margin-left: 33%;
	margin-top: 17%;
}

#contentSustentabilidad .masInfoProductos {
	margin-left: 64.3%;
	margin-top: 18%;
}

#contentSustentabilidad .masInfoComunidad {
	margin-left: 64%;
	margin-top: 33.5%;
}

#contentSustentabilidad .pdf {
	margin-left: 50%;
	margin-top: 28%;
	transform: translate(-50%, -50%);
	position: absolute;
	cursor: pointer;
	color: #191919;
	font-family: Graviola-Soft-Medium;
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 1100px) {
	#contentSustentabilidad .masInfo {
		font-size: 10px;
	}

	#contentSustentabilidad .masInfoPersonas {
		margin-left: 14%;
		margin-top: 67.5%;
	}

	#contentSustentabilidad .masInfoCorporativo {
		margin-left: 15%;
		margin-top: 33.5%;
	}

	#contentSustentabilidad .masInfoProductos {
		margin-left: 76.3%;
		margin-top: 35%;
	}

	#contentSustentabilidad .masInfoComunidad {
		margin-left: 76.5%;
		margin-top: 66.5%;
	}
	#contentSustentabilidad .pdf {
		margin-left: 50%;
		margin-top: 57%;
	}
}

/*POP*/

.pop {
	position: fixed;
	z-index: 999999999999999999;
	top: 0;
	width: 40%;
	aspect-ratio: 1/1;
	background: rgb(25 154 34 / 85%);
	text-align: center;
	display: none;
	top: 10%;
	left: 30%;
	border-radius: 50%;
}

@media screen and (max-width: 1100px) {
	.pop {
		width: 95%;
		top: 20%;
		left: 2.5%;
		border-radius: unset;
		aspect-ratio: unset;
		padding: 20px 0px;
	}
}

.pop .contentPopup {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

#popupPersonas .contentPopup img:first-child, #popupProductos .contentPopup img:first-child {
	margin-bottom: 50px;
}

.pop .contentPopup .titlePopup {
	color: #fff;
	font-family: Graviola-Soft-Black;
	font-size: 17px;
}

.pop .contentPopup p {
	color: #fff;
	font-family: Roboto-Regular;
	font-size: 15px;
    padding: 0px 30px;
}

.pop .contentPopup .descSustentabilidad {
	padding: 0px 50px;
}

@media screen and (max-width: 1100px) {
	.pop .contentPopup .descSustentabilidad {
		padding: 0px 10px;
	}

	.pop .contentPopup p {
		font-size: 15px;
	}

	.pop .contentPopup br {
		display: none;
	}

	.pop .contentPopup .icoPopup {
		width: 15%;
	}
}

.pop .contentPopup .comunidad {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.pop .contentPopup .comunidad .comunidad-item {
	width: 33.3%;
	flex: 0 0 33.3%;
	text-align: center;
	text-align: -webkit-center;
}

@media screen and (max-width: 1100px) {
	.pop .contentPopup .comunidad .comunidad-item {
		width: auto;
	}

	.pop .contentPopup .logoPopup {
		width: 120px;
	}
}


.pop .contentPopup .comunidad img {
	height: 70px;
}

@media screen and (max-width: 1100px) {
	.pop .contentPopup .comunidad img {
		margin: auto;
	}
}

.pop .contentPopup a {
	color: #fff;
	text-decoration: none;
}

.pop .contentPopup .comunidad p {
	margin-bottom: 0;
}

.pop .pop_close {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 5%;
	font-size: 30px;
	cursor: pointer;
	color: #179A22;
}

@media screen and (max-width: 1100px) {

	.pop .pop_close {
		top: 15%;
	}
}

.equiposContainer .equipo {
	display: flex;
}

.equiposContainer .equipo:nth-child(odd) {
	flex-direction: row-reverse;
}

@media screen and (max-width: 1100px) {
	.equiposContainer .equipo, .equiposContainer .equipo:nth-child(odd) {
		flex-direction: column;
	}
}

.equiposContainer .containerImgEquipo {
	width: 30%;
}

@media screen and (max-width: 1100px) {
	.equiposContainer .containerImgEquipo {
		width: 100%;
	}
}

.equiposContainer .containerImgEquipo img {
	width: 100%;
}

.equiposContainer .infoEquipo {
	width: 80%;
	font-family: Graviola-Soft-Black;
	font-size: 15px;
	color: #fff;
	padding: 0px 30px;
}

@media screen and (max-width: 1100px) {
	.equiposContainer .infoEquipo {
		width: 100%;
		padding: 0px;
	}

}

.equiposContainer .infoEquipo .descEquipo {
	font-family: Raleway-SemiBold;
	font-size: 12px;
}

.equiposContainer .infoEquipo .descEquipo a {
	text-decoration: none;
}

@media screen and (max-width: 1100px) {
	.equiposContainer .titleEquipo {
		margin: 20px;
	}

	.equiposContainer .infoEquipo .descEquipo {
		margin: 20px;
		font-size: 15px;
	}
}

.equiposContainer .infoEquipo .descEquipo .link {
	background-color: #fff;
	width: fit-content;
	padding: 5px 10px;
	cursor: pointer;
	font-family: Graviola-Soft-Black;
	font-weight: bold;
}

.equiposContainer .infoEquipo .descEquipo .linkDeptoTecnico {
	color: #F55A14;
}

.equiposContainer .infoEquipo .descEquipo .linkDeptoComercial {
	color: #f4bc4c;
}

.equiposContainer .infoEquipo .descEquipo .linkDeptoLogistica {
	color: #a5cf32;
}

.equiposContainer .infoEquipo .descEquipo .linkDeptoFinanzas {
	color: #0696b5;
}

#cont_denuncias {
	width: 100%;
	height: auto;
	background-color: #DE4231;
	color: #FFFFFF;
}

#cont_denuncias .denunciasContainer {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	font-family: Raleway-SemiBold;
    font-size: 18px;
	margin: auto;
	text-align: center;
}

#cont_denuncias .denunciasContainer .logoDenuncias img {
	width: 40px;
	margin: 20px auto 0px;
}

#cont_denuncias .denunciasContainer .titleDenuncias {
	font-family: Graviola-Soft-Black;
	font-size: 25px;
	padding: 20px;
	margin: auto;
}

#cont_denuncias .denunciasContainer .descDenuncias {
	font-family: Raleway-SemiBold;
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 20px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 90%;
	margin: auto;

}

#cont_denuncias .denunciasActions .botonDenuncias a {
	display: inline-block;
	text-decoration: none;
}

#cont_denuncias .denunciasActions .botonDenuncias .botonDenunciasTexto {
	font-family: Graviola-Soft-Black;
	font-size: 18px;
	padding: 10px;
	color: #231F20;
	background-color: #fff;
	width: 200px;
	text-align: center;
	cursor: pointer;
	margin: 20px auto;
	text-decoration: none;
}

#cont_contacto {
	width: 100%;
	height: auto;
}

#cont_contacto .contactoContainer {
	display: flex;
	justify-content: center;
	align-content: center;
}

@media screen and (max-width: 1100px) {
	#cont_contacto .contactoContainer {
		flex-direction: column-reverse;
	}
}

#cont_contacto .contactoContainer .mapContacto {
	width: 65%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px;
}

@media screen and (max-width: 1100px) {
	#cont_contacto .contactoContainer .mapContacto {
		width: 95%;
		margin: auto;
		padding: 0;
		padding-top: 30px;
	}

}

#cont_contacto .contactoContainer .mapContacto .infoContacto {
	width: 90%;
}

#cont_contacto .contactoContainer .mapContacto .mapContainer {
	border: 1px solid #1A428A;
	padding: 10px;
	margin: 1px;

}

#cont_contacto .contactoContainer .mapContacto .mapContainer .mapIframe {
	width: 100%;
	height: calc(50vh);
}


#cont_contacto .contactoContainer .mapContacto .infoContacto .redes {
	display: flex;
	align-items: baseline;
	margin-top: 20px;
}

#cont_contacto .contactoContainer .mapContacto .infoContacto .redes img {
	width: 35px;
	height: auto;
	cursor: pointer;
	margin: 6px;
}

#cont_contacto .contactoContainer .mapContacto .infoContacto p {
	font-family: BrownPro-Regular;
	font-size: 17px;
	color: #606060;
	padding-bottom: 15px;
	width: 50%;
	border-bottom: 30px solid #F4BC4C;
}

#cont_contacto .contactoContainer .formContacto {
	background-color: #F4BC4C;
	font-family: Graviola-Soft-Black;
	padding: 80px;
	color: #fff;
	width: 35%;
}

@media screen and (max-width: 1100px) {
	#cont_contacto .contactoContainer .formContacto {
		width: 100%;
		padding: 0px;
		padding-bottom: 30px;
	}

}

#cont_contacto .contactoContainer .formContacto .titleContacto {
	font-size: 25px;
}

@media screen and (max-width: 1100px) {
	#cont_contacto .contactoContainer .formContacto .titleContacto {
		margin: 20px;
	}

	#cont_contacto .contactoContainer .formContacto form {
		margin: 20px;
	}
}

#cont_contacto .contactoContainer .formContacto form p input, #cont_contacto .contactoContainer .formContacto form p textarea {
	border: none;
	width: 80%;
	font-family: Raleway-SemiBold;
}

@media screen and (max-width: 1100px) {
	#cont_contacto .contactoContainer .formContacto form p input, #cont_contacto .contactoContainer .formContacto form p textarea {
		width: 90%;
	}
}

#cont_contacto .contactoContainer .formContacto form p input:focus {
	border: none;
}

#cont_contacto .contactoContainer .formContacto form p input[type=submit] {
	width: 20%;
	cursor: pointer;
	font-family: Graviola-Soft-Black;
	color: #606060;
	padding: 5px;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 13px;

}

/*ESTILOS PAGINAS DEPARTAMENTOS*/
#departamentoContent {
	min-height: calc(100vh);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 30px;
}

.volverDepartamento {
	position: absolute;
	height: auto;
	top: 5%;
	right: 4%;
	width: 70px;
	background-color: #fff;
	color: #606060;
	font-family: Graviola-Soft-Black;
	padding: 10px;
	cursor: pointer;
	text-align: center;

}

@media screen and (max-width: 1100px) {
	.volverDepartamento {
		top: 1%;	
	}
}


#departamentoContent .titleContent, #departamentoContent .titlePpalContent {
	display: flex;
	align-items: center;
}

#departamentoContent .titleContentTecnico {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

#departamentoContent .titleContent .icoTitle, #departamentoContent .titlePpalContent .icoTitle, #departamentoContent .titleContentTecnico .icoTitle {
	width: 45px;
	padding-right: 10px;
}

#departamentoContent .titleTecnico, #departamentoContent .titleComercial, #departamentoContent .titleLogistica, #departamentoContent .titleFinanzas, #departamentoContent .titlePpalTecnico, #departamentoContent .subtitlePpalTecnico {
	color: #414042;
	font-family: Graviola-Soft-Black;
	margin: 0;
	line-height: normal;
}

#departamentoContent .titleTecnico {
	font-size: 20px;
}

#departamentoContent .titlePpalTecnico {
	color: #F55A14;
}

#departamentoContent .subtitlePpalTecnico {
	font-size: 15px;
}


@media screen and (max-width: 1100px) {
	#departamentoContent .titleTecnico, #departamentoContent .titleComercial, #departamentoContent .titleLogistica, #departamentoContent .titleFinanzas, #departamentoContent .titlePpalTecnico, #departamentoContent .subtitlePpalTecnico {
		font-size: 18px;
	}

	#departamentoContent .titlePpalTecnico {
		color: #414042;
		font-size: 20px;
	}

	#departamentoContent .subtitlePpalTecnico {
		font-size: 12px;
	}
}

#departamentoContent .gridComercial, #departamentoContent .gridLogistica, #departamentoContent .gridFinanzas, #departamentoContent .gridTecnico {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: 70%;
	justify-content: center;
	margin-top: 40px;
}

@media screen and (max-width: 1100px) {
	#departamentoContent .gridComercial, #departamentoContent .gridLogistica, #departamentoContent .gridFinanzas, #departamentoContent .gridTecnico {
		width: 90%;
	}
}

#departamentoContent .tareasTecnico {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: 70%;
	justify-content: center;
	margin-top: 40px;
}

@media screen and (max-width: 1100px) {
	#departamentoContent .tareasTecnico {
		width: 100%;
	}
}

#departamentoContent .tareasTecnico .tarea {
	flex: 0 0 30%;
	text-align: center;
	margin: 20px 0px;
	display: flex;
	padding-left: 10px;
}

@media screen and (max-width: 1100px) {
	#departamentoContent .tareasTecnico .tarea {
		flex: 0 0 90%;
	}
}

#departamentoContent .tareasTecnico .tarea .icoTarea {
	height: 70px;
}

#departamentoContent .tareasTecnico .tarea .descContent {
	text-align: left;
	font-size: 11px;
	padding-left: 10px;
}

#departamentoContent .tareasTecnico .tarea .descContent .titleTarea {
	font-family: Graviola-Soft-Black;
}

#departamentoContent .tareasTecnico .tarea .descContent .descTarea {
	font-family: Raleway-Bold;
}

#departamentoContent .flagAr, #departamentoContent .flagCh {
	position: absolute;
}

#departamentoContent .gridComercial .flagAr, #departamentoContent .gridLogistica .flagAr {
	left: 10%;
	margin-top: 4.5%;
	width: 6%;
}

#departamentoContent .gridFinanzas .flagAr, #departamentoContent .gridTecnico .flagAr {
	left: 8%;
	margin-top: 3.5%;
	width: 6%;
}

#departamentoContent .gridComercial .flagCh {
	left: 10%;
	margin-top: 40%;
	width: 6%;
}
#departamentoContent .gridLogistica .flagCh {
	left: 10%;
	margin-top: 21%;
	width: 6%;
}

#departamentoContent .gridFinanzas .flagCh {
	left: 8%;
	margin-top: 35%;
	width: 6%;
}

#departamentoContent .gridTecnico .flagCh {
	left: 8%;
	margin-top: 33%;
	width: 6%;
}


@media screen and (max-width: 1100px) {
	#departamentoContent .gridTecnico .flagAr {
		margin-top: 11.5%;
		width: 10%;
	}

	#departamentoContent .gridFinanzas .flagAr {
		margin-top: 12.5%;
		width: 10%;
	}

	#departamentoContent .gridTecnico .flagCh {
		margin-top: 105%;
		width: 10%;
	}

	#departamentoContent .gridFinanzas .flagCh {
		margin-top: 194%;
		width: 10%;
	}

	#departamentoContent .gridComercial .flagAr, #departamentoContent .gridLogistica .flagAr {
		left: 5%;
		margin-top: 13.5%;
		width: 10%;
	}

	#departamentoContent .gridComercial .flagCh {
		left: 5%;
		margin-top: 144%;
		width: 10%;
	}

	#departamentoContent .gridLogistica .flagCh {
		left: 5%;
		margin-top: 118%;
		width: 10%;
	}
}

#departamentoContent .gridComercial .personaGrid, #departamentoContent .gridLogistica .personaGrid {
	flex: 0 0 30%;
	text-align: center;
	margin: 20px 0px;
}

#departamentoContent .gridFinanzas .personaGrid, #departamentoContent .gridTecnico .personaGrid {
	flex: 0 0 25%;
	text-align: center;
	margin: 20px 0px;
}

@media screen and (max-width: 1100px) {
	#departamentoContent .gridComercial .personaGrid, #departamentoContent .gridLogistica .personaGrid {
		flex: 0 0 50%;
	}

	#departamentoContent .gridFinanzas .personaGrid, #departamentoContent .gridTecnico .personaGrid {
		flex: 0 0 50%;
	}
}

@media screen and (max-width: 1100px) {
	#departamentoContent .gridFinanzas .personaGrid, #departamentoContent .gridTecnico .personaGrid {
		flex: 0 0 50%;
	}
}

#departamentoContent .personaGrid .imgPersona {
	width: 60%;
}

#departamentoContent .personaGrid .infoPersona {
	font-family: Raleway-SemiBold;
	font-size: 12px;
	margin-top: 10px;

}

#departamentoContent .personaGrid .infoPersona .nombrePersona {
	font-family: Raleway-Bold;
}

#departamentoContent .personaGrid .infoPersona .nombrePersona, #departamentoContent .personaGrid .infoPersona .puestoPersona {
	margin: 0;
}



.denunciasActions {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	width: 80%;
    margin: auto;
	margin-top: 2rem;
}

.denunciasLeft, .denunciasRight {
	flex: 1;
}

.termsCheck {

}

.termsCheck label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	justify-content: center;
}

.termsCheck a {
	color: #007bff;
	text-decoration: underline;
}

.botonDenuncias a.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}


.denuncia-busqueda h2 {
	margin-bottom: 1rem;
	margin-top: 0px;
	font-size: 1.2rem;
}

.form-group {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.form-control {
	padding: 0.5rem;
	border: 1px solid #ced4da;
	border-radius: 4px;
	width: 100%;
}

.btnConsultar {
	font-family: Graviola-Soft-Black;
    font-size: 18px;
    padding: 10px;
    color: #231F20;
    background-color: #fff;
    width: 200px;
    text-align: center;
    cursor: pointer;
    margin: 20px auto;
    text-decoration: none;
	border: none;
}

.popup {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.popup-content {
	background-color: #fefefe;
	margin: 5% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 600px;
	border-radius: 8px;
	position: relative;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
}

.popup-body {
	max-height: 70vh;
	overflow-y: auto;
	margin-top: 1rem;
}

@media (max-width: 768px) {
	.denunciasActions {
		flex-direction: column;
		width: 100%;
	}
	
	.denunciasLeft, .denunciasRight {
		width: 100%;
	}
}