/*General*/
body
{
	font-family: "Red Hat Display", sans-serif;
	color: #000;
	overflow-x: hidden;
}
.bold
{
	font-weight: bold;
}
.grecaptcha-badge { 
    visibility: hidden !important;
}
/*General*/
/*Header*/
header
{
	position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}
header .logo img
{
	max-width: 100%;
}
/*Header*/
/*Footer*/
footer
{
	border-top: solid 1px #D8D8D8;
	padding: 25px 0px;
}
footer .copy .redes
{
	margin-bottom: 10px;
}
footer .copy .redes a
{
	color: #000;
	text-decoration: none;
	margin-right: 10px;
	font-size: 20px;
	transition: 0.2s;
}
footer .copy .redes a:hover
{
	font-size: 25px;
}
footer .copy .develop
{
	color: #000;
	text-decoration: none;
	transition: 0.2s;
}
footer .copy .develop:hover
{
	font-weight: bold;
}
footer .menu ul li
{
	width: 100%;
	text-align: right;
    margin-bottom: 10px;
}
footer .menu ul li a
{
	text-decoration: none;
	color: #000;
	transition: 0.2s;
}
footer .menu ul li a:hover
{
	font-weight: bold;
}
/*Footer*/
/*Inicio*/
.btn-principal a
{
	color: #000 !important;
	background: transparent !important;
	border: none !important;
    padding: 5px 35px 5px 5px !important;
	transition: 0.2s;
}
.btn-principal a:hover
{
	font-weight: bold;
}
.btn-principal a .vc_btn3-icon
{
	right: 5px !important;
	opacity: 0.4;
	transition: 0.2s;
}
.btn-principal a:hover .vc_btn3-icon
{
	opacity: 1;
}
.proyecto
{
	margin-bottom: 20px;
}
.proyecto a.img-post
{
	display: block;
    height: 380px;
    background-size: 170% !important;
    background-position: center !important;
	transition: background-size 0.5s ease !important;
	margin-bottom: 5px;
}
.proyecto:hover a.img-post
{
	background-size: 200% !important;
}
.proyecto h5 a
{
	text-decoration: none;
	color: #000;
	transition: 0.2s;
}
.proyecto:hover h5 a
{
	font-weight: bold;
}
/*Inicio*/
/*Proyectos*/
.mysingle-proyecto
{
	padding: 50px 0px;
}
.mysingle-proyecto .titulo h1
{
	margin-bottom: 15px;
}
.mysingle-proyecto .imagen img
{
	width: 100%;
	margin-bottom: 35px;
}
.mysingle-proyecto .fila-specs
{
	margin-bottom: 25px;
}
.mysingle-proyecto .specs .spec
{
	margin-bottom: 25px;
}
.mysingle-proyecto .concepto
{
	margin-bottom: 25px;
}
.mysingle-proyecto .fila-planos
{
	margin-bottom: 25px;
}
.mysingle-proyecto .planos img
{
	width: 100%;
	margin-bottom: 20px;
}
.mysingle-proyecto .masonry
{
	column-count: 3;             /* número de columnas */
    column-gap: 15px;           /* espacio entre columnas */
}
/* responsive */
@media (max-width: 900px) { .mysingle-proyecto .masonry { column-count: 2; } }
@media (max-width: 600px) { .mysingle-proyecto .masonry { column-count: 1; } }
.mysingle-proyecto .masonry .item 
{
    display: inline-block;      /* importante para que respete el column flow */
    width: 100%;
    margin-bottom: 15px;
    break-inside: avoid;        /* evita que se corte el contenido dentro de la columna */
}
.mysingle-proyecto .masonry .item img 
{
    width: 100%;
    height: auto;
    display: block;    
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.fancybox__toolbar .fancybox__toolbar__items--right .fancybox__button--zoom,
.fancybox__toolbar .fancybox__toolbar__items--right .fancybox__button--fullscreen
{
	display: none;
}
.cats-proyectos
{
	padding-top: 50px;
	padding-bottom: 35px;
}
.cats-proyectos a
{
	color: #000;
	text-decoration: none;
	padding: 5px 15px;
	border: solid 1px #000;
	margin-right: 10px;
	transition: 0.2s;
}
.cats-proyectos a:hover,
.cats-proyectos a.activate
{
	background: #000;
	color: #fff;
}
ul.alm-paging li a
{
	background: #fff !important;
	color: #000 !important;
	border: solid 1px #000 !important;
}
ul.alm-paging li.active a,
ul.alm-paging li:hover a
{
	background: #000 !important;
	color: #fff !important;
}
/*Proyectos*/
/*Publicaciones*/
.fila-publicaciones .masonry
{
	column-count: 3;             /* número de columnas */
    column-gap: 15px;           /* espacio entre columnas */
}
/* responsive */
@media (max-width: 900px) { .fila-publicaciones .masonry { column-count: 2; } }
@media (max-width: 600px) { .fila-publicaciones .masonry { column-count: 1; } }
.fila-publicaciones .masonry .item 
{
    display: inline-block;      /* importante para que respete el column flow */
    width: 100%;
    margin-bottom: 15px;
    break-inside: avoid;        /* evita que se corte el contenido dentro de la columna */
}
.fila-publicaciones .masonry .item img 
{
    width: 100%;
    height: auto;
    display: block;    
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
/*Publicaciones*/
/*Contacto*/
.form-contacto label
{
	font-weight: bold;
	margin-bottom: 10px;
}
.form-contacto input[type="text"],
.form-contacto input[type="email"],
.form-contacto input[type="tel"],
.form-contacto select,
.form-contacto textarea
{
	width: 100%;
	border: none;
	border-bottom: solid 1px #C8C8C8;
	padding: 5px 10px;
}
.form-contacto .aviso .wpcf7-list-item
{
	margin: 0px;
}
.form-contacto .aviso a
{
	color: #000;
}
.form-contacto input[type="submit"]
{
	background: #000;
	border: solid 1px #000;
	color: #fff;
	transition: 0.2s;
	padding: 5px 35px;
}
.form-contacto input[type="submit"]:hover
{
	background: #fff;
	color: #000;
}
/*Contacto*/
/*Blog*/
.blog
{
	margin-bottom: 20px;
}
.blog a.img-post
{
	display: block;
    height: 400px;
    background-size: 270% !important;
    background-position: center !important;
	transition: background-size 0.5s ease !important;
	margin-bottom: 5px;
}
.blog:hover a.img-post
{
	background-size: 300% !important;
}
.blog h5 a
{
	text-decoration: none;
	color: #000;
	transition: 0.2s;
}
.blog:hover h5 a
{
	font-weight: bold;
}
/*Blog*/
/*Single*/
.contenido-single
{
	padding: 50px 0px;	
}
.contenido-single .imagen-destacada img
{
	width: 100%;	
	margin-bottom: 35px;
}
.contenido-single .date
{
	font-size: 14px;
	color: #a8a8a8;
}
.contenido-single .fila-relacionadas
{
	padding: 10px 15px;
}
.contenido-single .fila-relacionadas .txt-post
{
	background: #fff;	
	padding: 35px 15px;
	border: solid 1px #D1D1D1;
}
.contenido-single .fila-relacionadas .txt-post .title a
{
	color: #000;
	text-decoration: none;
}
.contenido-single .fila-relacionadas .txt-post .title a:hover
{
	color: #cec5a8;
}
.contenido-single .contenido-nota,
.contenido-single .sidebar-nota
{
	padding-bottom: 35px;
}
/*Single*/
/*DESKTOP*/
@media screen and (min-width: 1024px)
{
	/*Header*/
	header .menu #mega-menu-main-menu li#mega-menu-item-19 a	
	{						
		height: 40px !important;
		line-height: 40px !important;
		border: solid 1px #000 !important;		
		transition: 0.2s;
	}
	header .menu #mega-menu-main-menu li#mega-menu-item-19 a:hover,
	header .menu #mega-menu-main-menu li#mega-menu-item-19.mega-current-menu-item a.mega-menu-link
	{
		background: #CEC5A8 !important;
		color: #fff !important;
		border: solid 1px #CEC5A8 !important;	
	}			
	/*Header*/
}
/*DESKTOP*/
/*TABLET*/
@media screen and (min-width: 481px) and (max-width: 780px)
{
	
}
/*TABLET*/
/*MOBILE*/
@media screen and (max-width: 480px)
{
	/*Header*/
	header .logo
	{
		width: 70%;
	}
	header .menu
	{
		width: 30%;
	}
	/*Header*/
	/*Footer*/
	footer .copy,
	footer .menu
	{
		width: 50%;
	}
	/*Footer*/
	/*Proyectos*/
	.cats-proyectos a
	{
		display: inline-block;
		margin-bottom: 10px;
	}
	.proyecto a.img-post
	{
		height: 350px;
	}
	/*Proyectos*/
	/*Blog*/
	.blog a.img-post
	{
		height: 350px;
	}
	/*Blog*/
}
/*MOBILE*/