/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@import url("https://use.typekit.net/rcg4aix.css");

:root {
	--the7-h2-font-family: "bahnschrift";
	--the7-h2-line-height: 1;
	--the7-h4-font-family: "bahnschrift";
	--the7-h5-font-family: "bahnschrift";
	--the7-widget-title-font-family: "bahnschrift";
	--the7-widget-content-font-family: "bahnschrift";
	--the7-base-font-family: "bahnschrift";
}

.elementor-kit-8 {
	--e-global-typography-primary-font-family: "bahnschrift";
	--e-global-typography-secondary-font-family: "bahnschrift";
	--e-global-typography-text-font-family: "bahnschrift";	
}

.elementor-widget-text-editor strong {
	font-weight: 600;
}

.maquinadosat-link a {
    text-decoration: underline;
	transition: all 0.3s ease;
}

.maquinadosat-link a:hover {
	letter-spacing: 1px
}

.image-scroll img {
	position: absolute;
	top: 96px;
	right: 0;
	transform: translateY(0);
	width: 45vw;
	height: auto;
	z-index: 1;
}

.maquinados-button {
	display: inline-flex;
	margin: 0;
	border-radius: 25px;
	padding: 15px 20px;
	position: relative;
	background-color: var( --e-global-color-primary );
	background-image: none;
	color: var( --e-global-color-accent );
	font: 400 1rem / 1 "bahnschrift", sans-serif;
	cursor: pointer;
	-webkit-mask-image: -webkit-radial-gradient(var( --e-global-color-primary ), var( --e-global-color-accent ));
	-webkit-mask-image: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: button;
}

.maquinados-button.white {
	background-color: var( --e-global-color-accent );
}

.maquinados-button span {
	color: var( --e-global-color-accent );
}

.maquinados-button.white span {
	color: var( --e-global-color-primary );
}

.maquinados-button.alt:hover span {
	color: var( --e-global-color-primary );
}

.maquinados-button.white:hover span {
	color: var( --e-global-color-accent );
}

.maquinados-button:before {
	--thickness: 3px;
	content: "";
	position: absolute;
	inset: calc(var(--thickness) * -1);
	border: var(--thickness) solid var( --e-global-color-accent );
	border-radius: 999px;
	opacity: 0;
	pointer-events: none;
	transform: scale(1.3);
	transition: transform 0.2s, opacity 0.2s;
}

.maquinados-button.alt:before {
	border-color: var( --e-global-color-primary );
}

.maquinados-button:hover:before {
	opacity: 1;
	transform: scale(1);
}

.maquinados-button:hover {
	background-color: transparent;
}

/* INICIO */
.logos-container {
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.logo-item,
.logo-item-alt {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item:nth-child(2) {
	transform: translatey(100%);
}

.logo-item:nth-child(3) {
	transform: translatex(-100%);
}

.logo-item:nth-child(4) {
	transform: translatex(100%);
}

.logo-item-alt:nth-child(2) {
	transform: translatex(-100%);
}

.logo-item-alt:nth-child(3) {
	transform: translatey(100%);
}

.logo-item-alt:nth-child(4) {
	transform: translatey(-100%);
}

.card-service .card-service-background {
	transition: all 0.6s linear;
}

.card-service:hover .card-service-background {
	transform: translateY(-100%);	
}

.card-service .card-service-content-text,
.card-service .card-service-content-button {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.8s ease;
}

.card-service:hover .card-service-content-text {
	padding-block: 20px;
}

.card-service:hover .card-service-content-text,
.card-service:hover .card-service-content-button {
	max-height: 200px;
	opacity: 1;
	visibility: visible;
}

/* CONTACTO */
#page .wpcf7-submit {
	border: 1px solid var( --e-global-color-primary );
}

#page .wpcf7-submit:hover {
	background: transparent;
}

#page .wpcf7-submit:hover .button-content {
	color: var( --e-global-color-primary );
}

.form-group p {
	margin-bottom: 0;
	display: flex;
	gap: 20px;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7-form-control-wrap .wpcf7-form-control::placeholder {
	color: var( --e-global-color-text );
	opacity: 1;
}

.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-text,
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #015DA8;
	padding: 10px;
	font: 300 1rem / 1 "bahnschrift", sans-serif;
	color: var( --e-global-color-text );
}


.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea {
	resize: none;
	height: 120px;
}

.maquinados-button.wpcf7-form-control.wpcf7-submit {
	margin-top: 40px;
}


/* FOOTER */
.elementor-image-box-wrapper {
    display: flex;
    gap: 5px;
}