@keyframes fadeEffect {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

.quote {
	animation: fadeEffect .8s ease-in;
}

.header {
	display: flex !important;
}

.columna-1 {
	order: 1;
}

.columna-2 {
	order: 2;
}

.page .entry-title {
	display: none;
}

/*MOBILE*/
@media (max-width: 789px) {
	.columna-1 {
		order: 2;
	}
	
	.columna-2 {
		order: 1;
		display: none;
	}
	
	.quote {
		padding: .7em !important;
	}
	
	.quote p {
		font-size: .6rem !important;
	}
	
	.img-header img {
		max-height: 5em !important;
	}
	
	.quienes-somos-contenedor {
		display: flex !important;
	}
	
	.quienes-somos-columna-2 {
		order: 1;
	}
	
	.quienes-somos-columna-1 {
		order: 2;
	}
	
	.columna-margin-bottom-especial {
		margin-bottom: -1em !important;
	}
	
	.img-columnas img {
		padding: 1em;
		max-height: 10em !important;
		object-fit: contain !important;
	}
	
	.img-columnas-conocenos figure img {
		padding: 0 !important;
	}
	
	.header {
		flex-direction: column !important;
		margin-bottom: -3em !important;
	}
	
	.h1-estilos, .p-header {
		text-align: center;
	}
	
	.h1-estilos {
		font-size: 2rem !important;
	}
	
	.columnas-info {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.columnas-info h2, .columnas-info h3, .columnas-info p {
		text-align: left !important;
	}
	
	.columnas-info h3 {
		font-size: 1.3rem !important;
	}
	
	.contenedor-columnas {
		gap: 0;
	}
	
	.secciones-margin {
		margin-top: -1em !important;
		margin-bottom: -2em !important;
	}
	
	.pastilla-1 {
		max-width: 17em !important;
	}
	
	.pastillas-contenedor {
		justify-content: center;
	}
	
	.p-cards {
		min-height: 2em !important;
	}
	
	.img-cards-conocenos {
		height: 5vh !important;
		margin-bottom: 0 !important;
	}
	
	.img-cards-conocenos div figure img {
		margin-left: 0 !important;
	}
	
	.pastillas-conocenos, .pastillas-conocenos p {
		text-align: center !important;
	}
	
	.columna-importacion-conocenos-1 {
		order: 2;
	}
	
	.columna-importacion-conocenos-2 {
		order: 1;
	}
	
	.servicios-titular-cards h3 {
		text-align: center;
	}
	
	.servicios-botones {
		justify-content: center !important;
	}
	
	/*---Contactanos*/
	.contactanos {
		margin-top: 1em !important;
	}
	
	.email {
		margin-bottom: -1em !important;
	}
	
	.footer-columna h3, .footer-columna p {
		text-align: center !important;
	}
	
	.footer-columna {
		margin-bottom: 0 !important;
	}
	
	#toggle-menu {
		font-size: .7rem !important;
		background-color: #df1363;
		text-decoration: none !important;
	}
	
	.main-navigation {
		margin-top: 0 !important;
		z-index: 3000 !important;
	}
	
	#toggle-menu .open {
		color: transparent;
		background: url('https://panatrades.com/wp-content/uploads/2024/05/mesa-de-trabajo-2.png') center center no-repeat;
		margin-left: .3rem;
		padding-left: .3em !important;
		padding-right: .3em !important;
		padding-top: 1em !important;
		padding-bottom: 1em !important;
	}
	
	#toggle-menu .close {
		color: transparent;
		background: url('https://panatrades.com/wp-content/uploads/2024/05/mesa-de-trabajo-3.png') center center no-repeat;
		margin-left: .3rem;
		padding-left: .2em !important;
		padding-right: .3em !important;
		padding-top: 1em !important;
		padding-bottom: 1em !important;
	}
	
	.menu-menu-container {
		width: 8em !important;
		background-color: #E2E2E2 !important;
		padding-left: .7em;
		padding-right: .7em;
		padding-top: 1em;
		padding-bottom: .7em;
		border-radius: 7px;
	}
	
	.menu-menu-container ul li a {
		font-size: .9rem !important;
		border-bottom: 1px #30303042 solid;
	}
	
	.cards-tablet-desktop {
		display: none;
	}
	
	.cards-mobile div div {
		padding: 0 !important;
	}
	
	.importacion-cards-mobile p {
		padding-top: 1vh !important;
		padding-bottom: 1vh !important;
	}
	
	.importacion-cards-mobile {
		margin-bottom: 1em !important;
	}
	
	.exportacion-cards {
		margin-bottom: 0 !important;
	}
	
	.exportacion-cards h3, .exportacion-cards p {
		text-align: center !important;
		max-height: 2vh !important;
	}
	
	.exportacion-cards p {
		font-size: .6rem !important;
	}
	
	.columna-contacto-1 {
		order: 2;
		margin-top: 2em !important;
	}
	
	.columna-contacto-1 h2 {
		margin-bottom: 0 !important;
	}
	
	.columna-contacto-2 {
		order: 1;
	}
	
	.pastillas-contenedor-contacto {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.pastillas-contenedor-contacto .pastilla-1 {
		flex: none !important;
	}
	
	.pastillas-contenedor-contacto .pastilla-1:nth-child(5) {
		grid-column: span 2;
		justify-self: center;
	}
	
	.img-importacion-cards {
		display: none;
	}
	
	/* PREFAB HOUSES */
	.z-index-pastillas-houses-home {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/*TABLET*/
@media (min-width: 790px) {
	.img-header img {
		max-height: 15em !important;
	}
	
	.wp-block-columns {
		flex-wrap: nowrap !important;
	}
	
	.img-columnas img {
		padding: 1em;
	}
	
	.header {
		flex-direction: row !important;
	}
	
	.header h2, .header p {
		text-align: left !important;
	}
	
	.h1-estilos, .p-header {
		text-align: center;
	}
	
	.h1-estilos {
		font-size: 2rem !important;
	}
	
	.columnas-info {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.columnas-info h3 {
		font-size: 1.3rem !important;
	}
	
	.contenedor-columnas {
		gap: 0;
	}
	
	.pastilla-especial {
		margin-top: 3em !important;
	}
	
	.footer-columna {
		margin-bottom: 0 !important;
	}
	
	/*Escondo tarjetas mobile*/
	.cards-mobile {
		display: none;
	}
	
	.cards-tablet-desktop {
		margin: auto !important;
	}
	
	.cards-tablet-desktop div {
		margin: auto !important;
	}
}

/*DESKTOP*/
main {
	padding-bottom: 0 !important!;
}

.site-content {
	margin-bottom: -1em !important;
}

.h1-estilos {
	font-size: 240% !important;
}

/*---Nav*/
.site-logo {
	margin: 0 !important;
}

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

.site-header .main-navigation>div>ul>li>a {
	font-size: .7rem;
}

/*---Quienes Somos*/
.quienes-somos {
	margin-top: 2em !important;
	margin-bottom: .5em !important;
}

/*---Servicios*/
.pastilla-1 p {
	margin-top: -0 !important;
}

strong {
	font-weight: 600 !important;
}

.img-cards {
	margin-bottom: -.6em !important;
}

.p-cards {
	min-height: 17em;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2) !important;
	border-radius: .7em;
}

.propuestas {
	background: linear-gradient(150deg, rgba(44,183,186,1) 0%, rgba(223,19,99,1) 60%, rgba(109,45,136,1) 100%);
}

.wp-block-cover .wp-block-cover__inner-container {
	margin: 0;
}

/*---Contactanos*/
.contactanos {
	max-height: 30vh;
}

/*---Esconder WordPress Logo*/
.site-info {
	color: transparent !important;
	font-size: .1rem !important;
}

/*---Footer*/
.footer {
	margin-bottom: -10em !important;
	padding-left: 1em !important;
	padding-right: 1em !important;
}

.p-footer {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.h3-footer {
	margin-bottom: 3px !important;
}

.contenedor-img-footer figure {
	text-align: left;
}

/*CONOCENOS*/
.banner-subcategorias {
	padding-top: 3vh !important;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
}

.subtexto-subcategorias {
	animation: fadeEffect 1s ease-in;
}

/*.banner-conocenos {
	background: linear-gradient(150deg, rgba(44,183,186,1) 0%, rgba(223,19,99,1) 60%, rgba(109,45,136,1) 100%) !important;
}*/
.site-main {
	padding-top: 0;
}

.servicios h3 {
	font-size: 1.7rem !important;
	padding-top: .7em !important;
}

.servicios-titular-cards {
	margin-bottom: -0 !important;
}

.servicios-botones {
	margin-top: -1.5em !important;
}

.servicios-boton-1 a:hover {
	background-color: #6E2E89 !important;
	transition: .3s ease-in;
}

.servicios-boton-2 a:hover {
	background-color: #2CB7BA !important;
	transition: .3s ease-in;
}

/*IMPORTACIÓN*/
/*--Textos*/
.importacion-cards-padre {
	padding: 0 !important;
	margin: 0 !important;
}

.importacion-cards {
	align-content: center;
	height: 11.5em;
}

.exportacion-cards {
	height: 9em;
}

/*--Imagenes*/
.importacion-cards-contenedor-img figure {
	overflow: hidden !important;
}

.importacion-cards-contenedor-img:hover .img-importacion-cards img {
	transform: scale(1.2);
}

.importacion-cards-contenedor-img:hover .img-exportacion-cards img {
	transform: scale(1.2);
}

.img-importacion-cards img {
	object-fit: cover !important;
	width: 100%;
	height: 100%;
	transition: transform .5s ease;
}

.drop-down-pink {
	background-color: #df1363;
}

.drop-down-blue {
	background-color: #2cb7ba;
}

.drop-down-purple {
	background-color: #6d2d88;
}

.ancho-completo {
	width: 100%;
}

.img-exportacion-cards img {
	overflow: hidden !important;
	object-fit: cover !important;
	height: 9em !important;
	transition: transform .5s ease;
}

/*CONTACTO*/
label {
	font-size: .7rem;
	padding: 1em;
}

form button, .contenedor-boton div a {
	font-size: .7rem !important;
}

form button:hover {
	background-color: #DF1363 !important;
	transition: .2s ease-in;
}

.ancho-whatsapp {
	margin: auto !important;
	margin-top: -1em !important;
}

.columna-whatsapp-imagen {
	margin: auto !important;
}

.columna-whatsapp-imagen .wp-block-image {
	width: 1.5em !important;
}

.contenedor-boton {
	margin: auto !important;
}

.contactos {
	margin-top: 0 !important;
}

.contenedor-boton div a:hover {
	background-color: #DF1363 !important;
	color: white;
	transition: .2s ease-in;
}

.image-banner {
	background-color: transparent !important;
}

/* PREFAB HOUSES */
.z-index-pastillas-houses {
	z-index: 2000 !important;
	position: relative !important;
	justify-content: center !important;
}

.z-index-pastillas-houses-home {
	z-index: 2000 !important;
}

.hover-imagenes-prefab span:hover {
	opacity: .2 !important;
	transition: ease-in .2s;
}

.hover-imagenes-prefab:hover div p {
	display: none !important;
	transition: ease-out .2s;
}

.site-header {
	height: 8vh !important;
}

.z-index-pastillas-houses-home {
	margin-left: .7em !important;
	margin-right: .7em !important;
}

.width-intro-houses {
	max-width: 60vw !important;
}

/* PREFAB HOUSES: PASTILLAS */
.pastillas-houses-transition {
	transition: .5s ease-in forwards;
}

.site-footer {
	display: none;
}

.site-main {
	padding-bottom: 0;
}

/*MOBILE*/
@media (max-width: 789px) {
	/* PREFAB HOUSES */
	.z-index-pastillas-houses-home {
		max-width: 100vw !important;
		z-index: 1000;
		margin: 0 !important;
	}
	
	.z-index-pastillas-houses {
		margin-top: 1em !important;
	}
	
	.text-balance {
		font-size: 2rem !important;
	}
	
	.site-main {
		padding-left: 0;
		padding-right: 0;
	}
	
	.pastillas-houses-transition {
		padding: 0 !important;
	}
	
	.pastillas-houses-transition div p:first-of-type {
		font-size: .8rem !important;
	}
	
	.pastillas-houses-transition div figure img {
		width: 70px !important;
	}
	
	.pastillas-houses-transition div:first-child p {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.catch-phrase {
		font-size: 1rem !important;
	}
	
	.titulares-fotos {
		padding: .5em !important;
		flex-direction: column;
	}
	
	.titulares-fotos h2 {
		font-size: 1.5rem !important;
		text-align: left;
	}
	
	.titulares-fotos p:last-child {
		text-align: left;
	}
	
	.titulares-fotos-inverso {
		flex-direction: row-reverse;
	}
	
	.titulares-fotos-inverso-2 {
		flex-direction: column-reverse;
	}
	
	.hover-imagenes-prefab p {
		font-size: 1rem !important;
	}
	
	.hover-imagenes-prefab {
		min-height: 20vh !important;
	}
	
	.foto-categoria {
		margin-bottom: 0 !important;
	}
	
	.foto-categoria figure {
		width: 90% !important;
		margin: auto;
	}
	
	/*
		.contactanos-houses{
			width: 100vw !important;
		}
		
		.footer{
			width: 100vw !important;
		}
		*/
	.pastillas-segundas {
		width: 90vw !important;
	}
	
	.cta {
		font-size: 1rem !important;
	}
}