/* */
/*
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-showreel{position:relative;height:90vh;z-index:250;}
.b-showreel-background{position:absolute;top:0;right:0;bottom:0;left:0;}
.b-showreel-foreground{position: relative;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;height: 100%;}
.b-showreel-preview{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;cursor: pointer;}
.b-showreel-preview-icon{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;animation: b-showreel-preview-icon-animation 750ms infinite linear;animation-fill-mode: both;animation-direction: alternate;border: calc(1px + 0 * ((100vw - 320px) / 1120)) solid #9f9166;border-radius: calc(60px + 60 * ((100vw - 320px) / 1120));height: calc(60px + 60 * ((100vw - 320px) / 1120));margin-bottom: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));width: calc(60px + 60 * ((100vw - 320px) / 1120));}
@keyframes b-showreel-preview-icon-animation{from{transform: scale(1);}to{transform: scale(1.1);}}
.b-showreel-preview-icon svg{transform:translateX(15%);}
.b-showreel-preview-text{position:relative;height:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));width: 100%;}
.b-showreel-preview-caption{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition-property: opacity, visibility;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.b-showreel-preview--playing .b-showreel-preview-caption{opacity:1;transition-delay:1000ms;}
.b-showreel-preview-caption-text{position:absolute;top:0;right:0;bottom:0;left:0;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;color: #9f9166;font-size: calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));font-weight: normal;letter-spacing: 0.4em;opacity: 0;text-align: center;text-transform: uppercase;transform: translateY(calc(9.071604px + -4.071604 * ((100vw - 320px) / 1120)));transition-property: opacity, transform;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);user-select: none;}
.b-showreel-preview-caption-text a{color:inherit;}
.b-showreel-preview-caption-text.b-showreel-preview-caption-text--visible{opacity:1;transform:none;}
.b-showreel-player{position:fixed;top:0;right:0;bottom:0;left:0;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: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;-moz-align-items: stretch;align-items: stretch;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;opacity: 0;transition-property: opacity, visibility;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);visibility: hidden;z-index: 1000;}
.b-showreel-player.b-showreel-player--loading, .b-showreel-player.b-showreel-player--playing{opacity: 1;visibility: visible;}
.b-showreel-player-close{position:absolute;top:calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));right: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));border: 1px solid #fff;border-radius: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));cursor: pointer;height: 60px;overflow: hidden;transition-property: opacity, transform;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);transition-delay: 1000ms;width: 60px;z-index: 10;}
.b-showreel-player--loading .b-showreel-player-close, .b-showreel-player--playing .b-showreel-player-close{transform: rotate(45deg);transition-delay: 1000ms;}
.b-showreel-player-close-bar{position:absolute;top:50%;left:50%;background:#fff;opacity:0;transition-property: opacity, transform;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.b-showreel-player--loading .b-showreel-player-close-bar,.b-showreel-player--playing .b-showreel-player-close-bar{opacity: 1;transform: none;}
.b-showreel-player-close-bar:nth-child(1){height:1px;margin-left:-15px;transform:translateX(100%);width: 30px;}
.b-showreel-player--loading .b-showreel-player-close-bar:nth-child(1),.b-showreel-player--playing .b-showreel-player-close-bar:nth-child(1){transform: none;transition-delay: 150ms;}
.b-showreel-player-close-bar:nth-child(2){height:30px;margin-top:-15px;transform:translateY(100%);width: 1px;}
.b-showreel-player--loading .b-showreel-player-close-bar:nth-child(2), .b-showreel-player--playing .b-showreel-player-close-bar:nth-child(2){transform: none;transition-delay: 300ms;}
.b-showreel-player-video{position:absolute;top:0;right:0;bottom:0;left:0;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: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;-moz-align-items: stretch;align-items: stretch;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;background: #000;}
.b-showreel-player-video video{display:block;opacity:0;transition-property:opacity, visibility;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);width: 100%;}
.b-showreel-player--playing .b-showreel-player-video video{opacity:1;transition-delay:1000ms;}
.b-showreel-player-caption{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;padding-top:calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));padding-bottom: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));transition-property: opacity, visibility;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.b-showreel-player--playing .b-showreel-player-caption{opacity:1;transition-delay:1000ms;}
.b-showreel-player-caption-text{position:absolute;right:0;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: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;justify-content: flex-end;color: #fff;font-size: calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));font-weight: normal;letter-spacing: 0.4em;opacity: 0;padding: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));text-transform: uppercase;transition-property: opacity, transform, visibility;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);visibility: hidden;}
.b-showreel-player-caption-text a{color:inherit;display:block;}
.b-showreel-player-caption-text svg{display:block;margin:0px;margin-left:calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));}
.b-showreel-player-caption-text svg circle{transition-property:stroke-dashoffset;transition-duration: 250ms;transition-timing-function: linear;}
.b-showreel-player-caption-text svg path{transition-property:transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.b-showreel-player-caption-text.b-showreel-player-caption-text--visible{opacity:1;visibility:visible;}
.no-touchevents .b-showreel-player-caption-text:hover svg path{transform:translateX(calc(10.632312px + -0.632312 * ((100vw - 320px) / 1120)));}
.b-showreel-marquee{position:absolute;right:0;left:0;transform:translateY(-100%);transition-property: opacity, transform;transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.is-in-viewport .b-showreel-marquee{transform:translateY(-76%);}
.b-showreel-marquee-body{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;height: calc(57.453552px + 102.546448 * ((100vw - 320px) / 1120));overflow: hidden;width: 100%;height:50%; background-color:#fff;}
.b-showreel-marquee-text{color:#fff;animation:b-showreel-animation linear infinite 15s;color:#fff;font-size: calc(44.967888px + 24.032112 * ((100vw - 320px) / 2500));font-weight: 700;margin: 0px;padding-left: calc(44.967888px + 75.032112 * ((100vw - 320px) / 1120));padding-right: calc(44.967888px + 75.032112 * ((100vw - 320px) / 1120));text-transform: uppercase;white-space: nowrap;}
@supports (-webkit-text-stroke-width: calc(1px + 0 * ((100vw - 320px) / 1120))){.b-showreel-marquee-text{-webkit-text-stroke-width: calc(1px + 0 * ((100vw - 320px) / 1120));-webkit-text-stroke-color: rgba(255, 255, 255, 0.07);color:rgba(159, 145, 102, 0.69);}}
@keyframes b-showreel-animation{to{transform:translateX(-100%);}}