/*
███████████████████████████████████████████
████████████      ELEMENTOR    ████████████
███████████████████████████████████████████
*/

/* Decoracion Titulos H2 */
.sub-deco h2 {
    position: relative;
    display: inline-block;
}

.sub-deco h2::after {
    content: '';
    position: absolute;
    bottom:3px;
    left: 0;
    z-index: -1;

    width: 100%;
    height: 8px;
    background-color: #000000;
    opacity: .6;
}
@media only screen and (max-width: 780px) {
    .sub-deco h2::after {
        content: '';
        position: absolute;
        bottom:3px;
        left: 0;
        z-index: -1;
    
        width: 100%;
        height: 8px;
        background-color: #000000;
        opacity: 0;
    }
}

/* Typing Effect */
#typing-text .typed-me, 
#typing-text .typed-cursor {
    color: #ffffff;
    font-size: 7.5em;
    line-height: 1;
	font-family: "Roboto";
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: italic;
	color:#ffffff;
	text-transform: uppercase;
}

#typing-text .typed-cursor {
    color: #ffffff;
    font-weight: normal;
}
@media only screen and (max-width: 780px) {
    #typing-text .typed-me, 
    #typing-text .typed-cursor {
        font-size: 2.5em;
    }
}


:root {
    --primary-color: #A041EA;
    --primary-darken-color: #88000e;

    --second-color: #1A0A0B;
    --second-darken-color: #080303; 

    --main-wrapper: 1200px;

    /* #220901 - #628B48 - #C08497 - #EFEFF0 - #C20114 */
}
/*
███████████████████████████████████████████
████████████       EXTRAS      ████████████
███████████████████████████████████████████
*/
    body {
        background-color: #F5E9E9;
    }

    /*░░░░░░░░░░     HEADER     ░░░░░░░░░░░*/
    #header {
        background-color: transparent;
        position: fixed;
        top: 0;
        left: 0;
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
        -o-transition: var(--transition);
}

    #header.active {
        background-color: rgba(0, 0, 0, 1);
    }

    /*░░░░░░░░░░     NAVBAR     ░░░░░░░░░░░*/
    #header .wrapper .brand .logo {
        color: var(--light-color);
        /* filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1); */
        width: 100%;
        max-height: 80px;
		font-family:'Roboto';
		font-style:italic;
}

    #header .wrapper .brand .logo .color {
        color: var(--primary-color);
        font-weight: 400 !important;
    }

    #header .wrapper .navbar {
        flex: none;
    }

    #header .wrapper .navbar .list .item .link {
        color: var(--light-color);
    }

    #header .wrapper .navbar .list .item.cta .link {
        color: var(--light-color);
        background-color: #A041EA;
        padding: .7rem 1.5rem;
        border-radius: 3rem;
        -webkit-border-radius: 3rem;
        -moz-border-radius: 3rem;
        -ms-border-radius: 3rem;
        -o-border-radius: 3rem;
}

    #header .wrapper .navbar .switch .btn {
        color: #ffffff;
    }

@media only screen and (max-width: 780px) {
	#header .wrapper .navbar .list {
		background-color:#000000;
	}
}

@media only screen and (max-width: 780px){
	#header .wrapper .navbar .list .item.cta {
		padding: .5rem 1rem;
	}
	
	#header .wrapper .navbar .list .item.cta .link {
		text-align: center;
	}
}

    /*░░░░░░░░░░  CONTACT FORM HOME  ░░░░░░░░░░*/
    #contact-form-home {
        width: 100%;
    }

    #contact-form-home .wpcf7-form {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap {
        width: calc(50% - 1rem);
        margin: 0 .5rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;

        position: relative;
    }


    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap.Mensaje_cliente {
        width: calc(100% - 1rem) !important;
    }

    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control {
        width: 100%;
        margin-bottom: 1.2rem;
        padding: .5rem 1rem;
        background-color: transparent;
        border: 1px solid var(--primary-color);
        color: var(--light-grey);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap:last-of-type {
        width: 100%;
    }

    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control {
        width: 100%;
    }

    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--light-grey);
        opacity: 1; /* Firefox */
    }
    
    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: var(--light-grey);
    }
    
    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control::-ms-input-placeholder { /* Microsoft Edge */
        color: var(--light-grey);
    }

    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        background-color: #C20114;
        color: var(--light-color);
        padding: .2rem .5rem;
        display: inline-block;
        font-size: .6rem;
        line-height: 1;
        border-radius: 0 0 10px 0;
        position: absolute;
        z-index: -1;
        bottom: 1.2rem;
        right: 0;
        -webkit-border-radius: 0 0 10px 0;
        -moz-border-radius: 0 0 10px 0;
        -ms-border-radius: 0 0 10px 0;
        -o-border-radius: 0 0 10px 0;
}

    #contact-form-home .wpcf7-form .form_submit {
        display: inline;
        padding: .7rem 2rem;
        margin: 0 .5rem;
        background-color: #A041EA;
        color: var(--light-color);
        font-size: .8rem;
        font-family: inherit;
        text-align: center;
        cursor: pointer;
        border-radius: 3em;
        -webkit-border-radius: 3em;
        -moz-border-radius: 3em;
        -ms-border-radius: 3em;
        -o-border-radius: 3em;
    }

    #contact-form-home .wpcf7-form .wpcf7-response-output {
        width: 40%;
        background-color: var(light-grey);
        color: var(--light-color);
        position: absolute;
        bottom: -2.5rem;
        left: 0;
    }

    /*░░░░░░░░░░     FOOTER     ░░░░░░░░░░░*/
    #footer {
        background-color: #080303;
    }

    #footer .wrapper .column .brand .logo {
        filter: none;
        -webkit-filter: none;
}
		
		#footer .wrapper .column form span input {
    color: #666666;
    width: 100%;
    padding: .5rem 1rem;
    border: 1px solid #ffffff;
    margin-bottom: .5rem;
    border-radius: 3rem;
}

#footer .wrapper .column form input[type=submit] {
    width: max-content;
    min-width: 150px;
    background-color: #A041EA;
    color: #ffffff;
    font-size: .8rem;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: 3rem;
}

#footer .wrapper .column form .wpcf7-response-output {
    color: #ffffff;
}


}

@media only screen and (max-width: 780px) {
    /*░░░░░░░░░░  CONTACT FORM HOME  ░░░░░░░░░░*/
    #contact-form-home .wpcf7-form {
        justify-content: center;
    }

    #contact-form-home .wpcf7-form .wpcf7-form-control-wrap {
        width: 100%;
        margin: 0;
    }

    #contact-form-home .wpcf7-form .wpcf7-response-output {
		width:95%;
        background-color: var(light-grey);
        color: var(--light-color);
        position: absolute;
        bottom: -5rem;
        left: 0;
    }
}