/*CONTACTO*/
.contacto{
	color: #414242;
}
.contacto h2{
	text-align: center;
	color: #414141;
	font-size: 35px;
}
.contacto h3{
	color: #5b5b5b;
	text-align: center;
	font-size: 22px;
}
.contacto .info{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
}
.contacto .info h4{
	font-size: 22px;
	margin-bottom: 20px;
}
.contacto .info h5{
	font-size: 15px;
}
.contacto .info p{
	font-size: 15px;
}
.contacto .info .left{
	position: relative;
	float: left;
	width: 48%;
	overflow: hidden;
}
.contacto .info .left .donde{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.contacto .info .left .donde .dirs{
	float: left;
	width: 200px;
	position: relative;
}
.contacto .info .left .donde .dirs a{
	display: inline;
	color: #5b5b5b;
}
.contacto .info .left .donde .map{
	float: right;
	width: 222px;
	position: relative;
}
.contacto .info .right{
	position: relative;
	float: right;
	width: 48%;
	overflow: hidden;
}
.contacto .info .right input{
	width: 40%;
	width: calc(50% - 40px);
	float: left;
	position: relative;
	border-radius: 4px;
	height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	color: #414242;
	font-family: brandon_grotesque_regularRg, Arial;
}

.contacto .info .right #email{
	float: right;
}
.contacto .info .right .form{
	position: relative;
	overflow: visible;
	width: 100%;
}

.contacto .info .right select
{
	margin-top: 15px;
	width: 100%;
	float: left;
	position: relative;
	border-radius: 4px;
	height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	color: #414242;
	font-family: brandon_grotesque_regularRg, Arial;
}

.contacto .info .right textarea{
	width: 100%;
	float: left;
	position: relative;
	resize: none;
	border-radius: 4px;
	padding: 15px;
	margin-top: 15px;
	font-size: 15px;
	color: #414242;
	font-family: brandon_grotesque_regularRg, Arial;
	height: 70px;
}
.contacto .info .submit{
	position: relative;
	display: block;
	clear: both;
	width: 186px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	height: 39px;
	line-height: 39px;
	vertical-align: middle;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	background-color: #1a1a1a;
	border-radius: 25px;
	font-family: brandon_grotesquebold;
	cursor: pointer;
	/*Animation*/
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.contacto .info .submit:hover{
	background-color: #494949;
}

/* ── Datacrush form overrides ── */
#z-form-container {
	width: 100%;
}
.contacto .z-form-horizontal {
	width: 100%;
}

/* Remove default Datacrush padding/margin from fieldsets */
.contacto .z-fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

/* Labels - hide them, we use placeholders like the original */
.contacto .z-label {
	display: none;
}

/* All inputs, select, textarea - match original style */
.contacto .z-form-control {
	width: 100%;
	border-radius: 4px;
	height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	color: #414242;
	font-family: brandon_grotesque_regularRg, Arial;
	border: 1px solid #ccc;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 0;
	display: block;
	float: none;
}

/* Nombre and Email side by side like original */
#fieldset_first_name {
	float: left;
	width: calc(50% - 8px);
	margin-right: 8px;
}
#fieldset_email {
	float: right;
	width: calc(50% - 8px);
}

/* Select - full width below the two inputs */
#fieldset_tema {
	clear: both;
	width: 100%;
	margin-top: 15px;
}
.contacto #fieldset_tema .z-form-control {
	width: 100%;
	height: 32px;
}

/* Textarea */
#fieldset_mensaje {
	clear: both;
	width: 100%;
	margin-top: 15px;
}
.contacto #fieldset_mensaje .z-form-control {
	height: 70px;
	padding: 15px;
	resize: none;
}

/* reCAPTCHA */
.contacto #z-form-captcha {
	clear: both;
	margin-top: 15px;
}
.contacto .z-help-block {
	display: none !important;
}
.contacto .z-controls {
	width: 100%;
}
.contacto .z-control-group {
	margin-bottom: 0;
}

/* Submit button - match original .submit style */
.contacto .z-control-button {
	clear: both;
	text-align: center;
	margin-top: 15px;
}
.contacto .z-btn-primary {
	position: relative;
	display: inline-block;
	width: 186px;
	height: 39px;
	line-height: 39px;
	padding: 0;
	font-size: 20px;
	color: #FFF !important;
	text-align: center;
	background-color: #1a1a1a !important;
	border: none !important;
	border-radius: 25px;
	font-family: brandon_grotesquebold;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.contacto .z-btn-primary:hover {
	background-color: #494949 !important;
}


/* ── Datacrush sizing fixes ── */

/* Force full width on all control wrappers */
.contacto .z-control-group,
.contacto .z-controls {
	width: 100% !important;
	float: none !important;
	display: block !important;
}

/* Nombre and Email inputs — match original calc width */
#fieldset_first_name .z-form-control {
	width: 100% !important;
	box-sizing: border-box !important;
}
#fieldset_email .z-form-control {
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Uniform height for all inputs and select */
.contacto .z-form-control {
	height: 32px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Textarea taller */
.contacto #fieldset_mensaje .z-form-control {
	height: 70px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

/* Spacing between rows */
#fieldset_first_name,
#fieldset_email {
	margin-bottom: 15px !important;
}
#fieldset_tema {
	margin-top: 15px !important;
	clear: both !important;
}
#fieldset_mensaje {
	margin-top: 15px !important;
}
.contacto #z-form-captcha {
	margin-top: 15px !important;
}
.contacto .z-control-button {
	margin-top: 15px !important;
}


