/* */
/*
Theme Name: Web ArtLux ACG 2025
Theme URI: http://www.artlux.mx/
Description: Creador por la compañia ACA para Artlux - Innovamos soluciones
Author: Desarrollo Web
Author URI: http://www.artlux.mx/
Version: 1.0
*/

.b-cta{
    position: relative;
    padding-top: 8.3333333333vw;
    padding-bottom: 8.3333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 100vh;
}
.horizontal-layout.horizontal-layout--enabled .b-cta{-webkit-box-flex:none;-webkit-flex:none;-moz-box-flex:none;-moz-flex:none;-ms-flex:none;flex:none;height:100vh;margin-top:auto;margin-bottom:auto;padding-top:6.25vw;padding-bottom:6.25vw;}
.horizontal-layout.horizontal-layout--enabled .b-cta .container{height: 100%;}
.horizontal-layout.horizontal-layout--enabled .b-cta:first-child .container{margin-left: 8.3333333333vw;}
.horizontal-layout.horizontal-layout--enabled .b-cta:last-child .container{margin-right: 4.1666666667vw;}
@media (max-width: 1199px){.b-cta{height:40vh;}}
@media (max-width: 575px){.b-cta{height: auto;}}
.b-cta.b-cta--black{background:#141414;}
.b-cta.b-cta--green{background:#9f9166;}
.b-cta .container{width: calc(100% - 16.6666666667vw);}
.b-cta-content{letter-spacing: 0.1em;opacity: 0;
  transform: translateX(calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120)));
  transition-property: opacity, transform;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(169.824528px + 350.175472 * ((100vw - 320px) / 1120));
}
.b-cta-content:not(:last-child){margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));}
@media (max-width: 1199px){.b-cta-content{width:45%;}}
@media (max-width: 991px){.b-cta-content{width:50%;}}
@media (max-width: 767px){.b-cta-content{width:auto;}}
.ready .visible-on-screen .b-cta-content{opacity:1;transform:none;}
.b-cta--black .b-cta-content{color:#D7CAC4;}
.b-cta--green .b-cta-content{color:#1e1c1c;}
.b-cta-content .line {position: relative;transition-property: -webkit-text-stroke-color;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.b-cta--black .b-cta-content .line:after{color:#D7CAC4;}
.b-cta--green .b-cta-content .line:after{color:#2a2727;}
.ready .visible-on-screen .b-cta-content .line:after{width:100%;}
.b-cta-content .line:nth-child(1):after {transition-delay: 150ms;}
.b-cta-content .line:nth-child(2):after {transition-delay: 300ms;}
.b-cta-content .line:nth-child(3):after {transition-delay: 450ms;}
.b-cta--black .b-cta-content .line {-webkit-text-stroke-width:calc(1px + 0 * ((100vw - 320px) / 1120));-webkit-text-stroke-color: #d7cac4;color:rgba(215, 202, 196, 0);}
.ready .b-cta--black.visible-on-screen .b-cta-content .line{-webkit-text-stroke-color: rgba(215, 202, 196, 0);transition-delay: 500ms;}
.b-cta-action{opacity:0;transition-property:opacity;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}
.ready .visible-on-screen .b-cta-action{opacity:1;transition-delay:500ms}
.b-cta--black .b-cta-action .button{--foreground-color: #D7CAC4;}
.b-cta--green .b-cta-action .button{--foreground-color: #000000;}
/***********************************************
*******************MISI�N, VIS�N****************
***********************************************/
.b-featured {
    position: relative;
    margin-top: 8.3333333333vw;
    margin-bottom: 8.3333333333vw;
}
.horizontal-layout.horizontal-layout--enabled .b-featured {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    height: 100vh;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
}
    .horizontal-layout.horizontal-layout--enabled .b-featured .container {
        height: 100%;
    }
    .horizontal-layout.horizontal-layout--enabled .b-featured:nth-child(1) .container {
        margin-left: 0.3333333333vw;
    }
    /*.horizontal-layout.horizontal-layout--enabled .b-featured:first-child .container {*/
    .horizontal-layout.horizontal-layout--enabled .b-featured:nth-child(2) .container {
        margin-left: 8.3333333333vw;
    }
    .horizontal-layout.horizontal-layout--enabled .b-featured:last-child .container {
        margin-right: 4.1666666667vw;
    }
.b-featured .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}
@media (min-width:1200px) {
    .b-featured .container {
        margin-right: 0px;
    }
}
@media (max-width:1199px) {
    .b-featured .container {
        margin-top: 16.6666666667vw;
    }
}
@media (max-width:575px) {
    .b-featured .container {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
    }
}
.b-featured-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
@media (max-width: 1199px) {
    .b-featured-head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        width: 50%;
    }
}
@media (max-width: 575px) {
    .b-featured-head {
        width: 100%;
    }
}
.b-featured-body {
    position: relative;
    padding: 0px;
    padding-left: calc(35.60364px + 54.39636 * ((100vw - 320px) / 1120));
    width: calc(163.581696px + 336.418304 * ((100vw - 320px) / 1120));
    z-index: 10;
}
@media (max-width: 1199px) {
    .b-featured-body {
        margin-top: 5.5555555556vw;
        width: 50%;
    }
}
@media (max-width: 575px) {
    .b-featured-body {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        height: auto;
        max-width: none;
        min-width: 0px;
        padding: 0px;
        padding-top: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
        width: 100%;
    }
}
.b-featured-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    margin-top: calc(-20.581848px + -69.418152 * ((100vw - 320px) / 1120));
    margin-right: calc(35.7824px + -48.7824*((100vw - 320px) / 1120));
    margin-bottom: calc(-20.581848px + -69.418152 * ((100vw - 320px) / 1120));
    opacity: 0;
    overflow: hidden;
    transition-property: opacity, transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: calc(48.089304px + 81.910696 * ((100vw - 320px) / 1120));
    z-index: 5;
}
@media (max-width: 1199px) {
    .b-featured-title {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        height: calc(48.089304px + 81.910696 * ((100vw - 320px) / 1120));
        margin-left: -8.3333333333vw;
        margin-right: -8.3333333333vw;
        width: auto;
    }
}
.ready .visible-on-screen .b-featured-title {
    opacity: 1;
}
.b-featured-title h1, .b-featured-title h2, .b-featured-title h3 {
    transform: rotate(180deg);
    writing-mode: tb;
    writing-mode: vertical-lr;
    color: inherit;
    font-size: calc(44.967888px + 75.032112 * ((100vw - 320px) / 1120));
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 0px;
    padding-top: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    padding-bottom: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    white-space: nowrap;
}
@supports (-webkit-text-stroke-width: calc(1px + 0 * ((100vw - 320px) / 1120))) {
    .b-featured-title h1, .b-featured-title h2, .b-featured-title h3 {
        -webkit-text-stroke-color: inherit;
        color: rgba(128, 128, 128, 0.20);
    }
}
@media (max-width: 1199px) {
    .b-featured-title h1, .b-featured-title h2, .b-featured-title h3 {
        padding: 0px;
        padding-left: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
        padding-right: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
        transform: none;
        writing-mode: horizontal-tb;
    }
}
.b-featured-title-track {
    height: 100%;
    overflow: hidden;
}
@media (max-width: 1199px) {
    .b-featured-title-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
}
.b-featured-image {
    position: relative;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    z-index: 10;
    height: calc(216.645768px + 453.354232 * ((100vw - 320px) / 1120));
    width: calc(157.338864px + 322.661136 * ((100vw - 320px) / 1120));
}
@media (max-width: 575px) {
    .b-featured-image {
        height: auto;
        width: 100%;
    }
}
.b-featured-image .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media (max-width: 1199px) {
    .b-featured-image .image {
        height: auto;
        padding: 0px;
        padding-bottom: 140%;
        width: 100%;
    }
}
@media (max-width: 575px) {
    b-featured-image .image {
        position: relative;
        height: 100vh;
        width: 100%;
    }
}
.b-featured-image .image .frame {
    overflow: hidden;
    transform: scale(0.75);
    transition-property: opacity, transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ready .visible-on-screen .b-featured-image .image .frame {
    transform: none;
}
.b-featured-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    color: var(--foreground-color);
    font-weight: 400;
	font-size: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    letter-spacing: 0.15em;
}
@media (max-width: 575px) {
    .b-featured-content br{display: none;}
    /*.b-featured-image .image {height: 300px;position: relative;padding-bottom:0;}*/
}
.b-featured-content:not(:last-child) {
    margin-bottom: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
}
.b-featured-content h1, .b-featured-content h2, .b-featured-content h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}
.b-featured-content p {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateX(calc(2.828772px + -17.828772 * ((100vw - 320px) / 1120)));
}
.ready .visible-on-screen .b-featured-content p {
    opacity: 1;
    transform: none;
    transition-delay: 500ms;
}
.b-featured-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateX(calc(-11.2176px + -48.7824 * ((100vw - 320px) / 1120)));
}
.ready .visible-on-screen .b-featured-action {
    opacity: 1;
    transform: none;
    transition-delay: 500ms;
}
@media (max-width: 992px) {
.b-featured-image .image {height: 300px;position: relative;padding-bottom:0;}
}