/*
Theme Name: Mecanomatic
Theme URI: https://moduloweb.net
Author: Moduloweb.net
Author URI: http://moduloweb.net
Description: Layout oficial de Mecanomatic
Version: 1.0.0
template: modulowebblocks
Requires at least: 5.0
Tested up to: 5.6.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mecanomatic
*/
@import url("https://mecanomatic.com/wp-content/themes/mecanomatic/fonts/slider-fonts.css");
/********* COLORS *********/
:root {
    --qode-main-color: #FF732B;
    --qode-header-light-color: #FFFFFF;
    --qode-header-light-hover-color: #FF732B;
    --qode-header-dark-color: #0D0D0D;
    --qode-header-dark-hover-color: #FF732B;
    --qode-secondary-color: #d48063;
}

/********* FONTS *********/
/* Elementor global */
:root,
.elementor-kit-7 {
    --e-global-typography-primary-font-family: "Helvetica Neue Medium";
    --e-global-typography-secondary-font-family: "Helvetica Neue Medium";
    --e-global-typography-text-font-family: "Helvetica Neue Light";
    --e-global-typography-accent-font-family: "Helvetica Neue Medium";
}
/* Títulos: reemplaza Space Grotesk */
h1,
h2,
h3,
h4,
h5,
h6,
.qodef-h1,
.qodef-h2,
.qodef-h3,
.qodef-h4,
.qodef-h5,
.qodef-h6,
.qodef-m-title,
.qodef-m-title-text,
.elementor-heading-title {
    font-family: "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
}
/* Texto general: reemplaza Lato */
body,
p,
li,
input,
textarea,
select,
label,
.qodef-m-text,
.elementor-widget-text-editor {
    font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
/* Texto slider Home */
#SR7_23_1-65-1,
#SR7_23_1-65-1 *,
#SR7_23_1-65-2,
#SR7_23_1-65-2 *,
#SR7_23_1-64-1,
#SR7_23_1-64-1 *,
#SR7_23_1-64-2,
#SR7_23_1-64-2 * {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/*
@media screen and (min-width: 1500px) {
    #SR7_23_1-65-1,
    #SR7_23_1-65-1 *,
    #SR7_23_1-65-2,
    #SR7_23_1-65-2 *,
    #SR7_23_1-64-1,
    #SR7_23_1-64-1 *,
    #SR7_23_1-64-2,
    #SR7_23_1-64-2 * {
        font-weight: 700 !important;
        font-size: 90px !important;
        line-height: 90px !important;
        letter-spacing: -4px !important;
    } 
}
*/

/********* CUSTOMIZED FONTS *********/
/* Marquesina Home */
.qodef-text-marquee .qodef-m-content {
   font-family: "Brulia", serif !important;
   letter-spacing: 0px !important;
}
.elementor-element-73fbca6 .qodef-m-title {
    font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif;
}

/********** REGLAS *********/
.elementor-element-1383651b .qodef-m-text {
    font-size: 17px;
    line-height: 1.2em;
}
.elementor-element-1383651b .qodef-m-title-text {
    font-size: 17px;
}
.elementor-element-7932d1c .qodef-section-title h5 {
    text-transform: initial;
}
.elementor-element-7932d1c .qodef-section-title p {
    margin-top: 5px !important;
}
.elementor-element-2ccd433 p {
    font-size: 80px;
    font-family: 'Helvetica Neue Bold';
}
#qodef-page-footer-top-area .qodef-footer-top-area-title {
    font-size: 45px !important;
    font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif !important;
}
.elementor-element-57b63aa7 h4.qodef-m-title,
.elementor-element-d88aab9 h4.qodef-m-title,
.elementor-element-3f82bf3c h4.qodef-m-title {
    font-size: 25px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.4px !important;
}
.elementor-element-59575e05 h4, .elementor-8397 .elementor-element.elementor-element-2326b767 {
    font-size:25px !important;
} 
.elementor-8397
.elementor-element.elementor-element-c362527,
.elementor-8397
.elementor-element.elementor-element-c362527 p {
    font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif !important;
}
.elementor-element-2d847325 .qodef-m-button-arrow-holder, .elementor-element-57b63aa7 .qodef-m-button-arrow-holder {
    display: none !important;
}
.elementor-element-0008289 p {
    font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif !important;
}
.elementor-element-8ab5842 > div:first-child {
    height: 75vh;
    height: 75dvh;
}
.elementor-element-8ab5842 h1 {
    font-size: 50px; 
    letter-spacing: normal;
}
.elementor-element-6c999ba0 .qodef-m-title-text {
    font-size: 20px;
    letter-spacing: normal;
}
.elementor-element-75c8b34d .qodef-m-title, .elementor-element-7d38b4df .qodef-m-title, .elementor-element-9a36059 .qodef-m-title {
    font-size: 45px;
    letter-spacing: normal;
}
.elementor-element-7d38b4df .qodef-m-subtitle, .elementor-element-9a36059 .qodef-m-subtitle {
    font-size: 21px;
}
.elementor-element-76acdcd8 .qodef-m-button {
    display: none;
}
.elementor-element-76acdcd8 .qodef-m-title {
   font-size: 25px; 
   letter-spacing: normal;
}
.elementor-element-6ee286f6 .qodef-m-title {
   letter-spacing: normal;
}
.wpcf7-form .qodef-grid-item {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.elementor-element-6c999ba0 .qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper img {
    width: 11px;
}
.elementor-element-3586c237 .qodef-m-text {
    white-space: pre-line;
}

.elementor-element-960ca59 .qodef-m-title, .elementor-element-724f336 .qodef-m-title {
    font-size: 45px;
}
.elementor-element-960ca59 .qodef-m-subtitle, .elementor-element-724f336 .qodef-m-subtitle {
    font-size: 21px;
}
.elementor-element-ca5f6ed .qodef-m-title-text, .elementor-element-ca5f6ed .qodef-m-text {
    font-size: 17px;
        line-height: 1.15;
}
.team .qodef-e-title, .team .qodef-e-role {
    color: #FFFFFF; 
}
.elementor-element-44b0e9e .qodef-m-subtitle {
    font-family: 'Helvetica Neue';
    font-size: 19px;
    line-height: 1.3;
}
.elementor-element-2e65c281 .elementor-icon-list-item p {
    font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif !important;
}
.elementor-element-2e65c281 .elementor-icon-list-item {
    font-size: 17px !important;
}
.elementor-element-2e65c281 > div:first-of-type {
    width: 100% !important;
    max-width: 100% !important;
}
.team .qodef-e-title {
    font-size: 20px;
    font-family: 'Helvetica Neue Medium', Helvetica, Arial, sans-serif;
}
.team .qodef-e-role {
    font-size: 17px;
    font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    text-transform: none;
    color: #b6b6b6;  
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-top: 10px;
}
.elementor-9509 .elementor-col-33 .qodef-m-title {
    font-size: 20px; 
}
.elementor-element-75e05d54 .qodef-m-title {
    font-size: 45px; 
}
.elementor-element-75e05d54 .qodef-svg--button-arrow {
    display: none;
}



/********** RESPONSIVE *********/
/***     Celular y Tablet    ***/
@media screen and (max-width: 1025px) {
    
}

/* Móvil */
@media screen and (max-width: 689px) {

    /* Ambos slides con la misma posición y altura */
    body.page-id-8397 sr7-slide#SR7_23_1-64,
    body.page-id-8397 sr7-slide#SR7_23_1-65 {
        top: -120px !important;
        height: calc(100% + 120px) !important;
    }

    /* Imágenes de ambos slides con la misma altura */
    body.page-id-8397 sr7-slide#SR7_23_1-64 sr7-img#SR7_23_1-64-5,
    body.page-id-8397 sr7-slide#SR7_23_1-64 sr7-img#SR7_23_1-64-6,
    body.page-id-8397 sr7-slide#SR7_23_1-65 sr7-img#SR7_23_1-65-5,
    body.page-id-8397 sr7-slide#SR7_23_1-65 sr7-img#SR7_23_1-65-6 {
        height: 462px !important;
        background-size: cover !important;
        background-position: center center !important;
    }
    
    /* Contador Produccion  */
    .elementor-element-2ccd433 p {
        font-size: 60px;
    }
}

@media only screen and (max-width: 480px) {
    .qodef-m-title {
        font-size: 35px !important;
    }
   .elementor-element-8ab5842 .qodef-m-title {
        font-size: 40px !important;
    }
   .elementor-element-76acdcd8 .qodef-m-title, .elementor-element-7932d1c .qodef-m-title  {
        font-size: 25px !important;
    }
}

/*  ALL views EXCEPT < 480px width  */
@media only screen and (min-width: 481px) {
    .elementor-element-304254 .qodef-m-title {
        font-size: 45px !important;
    }
}


/* Tablet */
@media screen and (min-width: 690px) and (max-width: 1025px) {
    body.page-id-8397 sr7-slide#SR7_23_1-64,
    body.page-id-8397 sr7-slide#SR7_23_1-65 {
        top: -100px !important;
        height: calc(100% + 100px) !important;
    }
}