@font-face { font-family: "Icon"; src: url("./fonts/icomoon.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "SeasonMix"; src: url("./fonts/SeasonMix-Regular.woff") format("woff"), url("./fonts/SeasonMix-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "SeasonMix Bold"; src: url("./fonts/SeasonMix-SemiBold.woff") format("woff"), url("./fonts/SeasonMix-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: "Saans"; src: url("./fonts/SaansRegular.woff") format("woff"), url("./fonts/SaansRegular.woff2") format("woff2"); font-weight: 100; font-style: normal; } @font-face { font-family: "Saans Bold"; src: url("./fonts/SaansBold.woff") format("woff"), url("./fonts/SaansBold.woff2") format("woff2"); font-weight: bold; font-style: normal; } @font-face { font-family: "icon-social"; src: url("./fonts/icon-social.woff?bbl04t") format("woff"); font-weight: normal; font-style: normal; font-display: block; } /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property * - The "symbol *" part is to solve Firefox SVG sprite bug * */ p, h1, h2, h3, h4, h5, h6, span { font-kerning: none; -webkit-text-rendering: optimizeSpeed; text-rendering: optimizeSpeed; transform: translateZ(0); } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { all: unset; cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. * display:revert revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers * - fix for the content editable attribute will work properly. * - webkit-user-select: auto added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } @media screen and (max-width: 1024px) { * { -webkit-tap-highlight-color: transparent; } } /* add reset */ * { box-sizing: border-box; outline: none !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } a { display: inline-block; text-decoration: none; color: inherit; } a:not(.btn):hover { text-decoration: underline; } h1, h2, h3, h4, h5, p { font-size: 1rem; font-weight: normal; margin: 0; } ul { list-style: none; padding: 0; margin: 0; } body, html { position: relative; width: 100%; margin: 0; font-family: "Saans", arial, sans-serif; line-height: 1.2; color: white; background: black; scroll-behavior: smooth; letter-spacing: 0.02em; overflow-x: clip; scrollbar-width: thin; } html { overflow-y: scroll; } strong { font-weight: 700; } a { text-decoration: none !important; } .d-none { display: none !important; } .d-block { display: block; } @media (max-width: 992px) { .d-lg-block { display: block !important; } } @media (max-width: 992px) { .d-lg-none { display: none !important; } } @media (max-width: 768px) { .d-md-block { display: block !important; } } @media (max-width: 768px) { .d-md-none { display: none !important; } } header { position: relative; opacity: 0; } main { position: relative; opacity: 0; } footer { position: relative; color: #29241e; z-index: 10; } .m-wrapper { max-width: 90rem; padding: 0 2rem; margin: 0 auto; } .m-vpadd { padding-top: 12vh; padding-bottom: 12vh; } @media (max-width: 768px) { .m-vpadd { padding-top: 8vh; padding-bottom: 8vh; } } .m-btn { font-family: "Saans Bold", arial, sans-serif; position: relative; display: inline-block; background: #D10019; padding: 0.55rem 3rem 0.65rem; border-radius: 1rem; transition: color 0.2s ease, background 0.2s ease; } .m-btn:hover { background: white; } .m-link { position: relative; display: block; width: -moz-fit-content; width: fit-content; margin: 20px auto 0; color: white; text-decoration: underline !important; } .m-link:hover { color: white; text-decoration: none !important; } .m-grad-top { position: absolute; top: 0; left: 0; width: 100%; height: 133vh; background: black; background: linear-gradient(180deg, rgb(117, 13, 22) 0%, rgb(219, 0, 30) 30%, rgb(0, 0, 0) 100%); } .m-freeze { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: flex; justify-content: space-between; mix-blend-mode: lighten; opacity: 0.6; z-index: 10; pointer-events: none; } .m-freeze img { max-height: 50vh; -o-object-fit: contain; object-fit: contain; } .m-freeze img:nth-of-type(1) { position: absolute; top: 0; left: 0; width: 40%; -o-object-position: top left; object-position: top left; } .m-freeze img:nth-of-type(2) { position: absolute; top: 0; right: 0; width: 30%; max-height: 68vh; -o-object-position: top right; object-position: top right; } .m-freeze img:nth-of-type(3) { position: absolute; bottom: 0; left: 0; width: 30%; -o-object-position: bottom left; object-position: bottom left; } .m-freeze img:nth-of-type(4) { position: absolute; bottom: 0; right: 0; width: 40%; max-height: 40vh; -o-object-position: bottom right; object-position: bottom right; } .m-tit { font-family: "SeasonMix Bold", arial, sans-serif; font-size: 2.0127118644rem; line-height: 1.2; } @media (max-width: 768px) { .m-tit { font-size: 1.8rem; } } .m-text { font-family: "Saans", arial, sans-serif; font-size: 1.2711864407rem; line-height: 1.35; } @media (max-width: 768px) { .m-text { font-size: 1.1rem; } } .m-header { position: relative; padding-top: 2rem; text-align: left; } .m-header__logo { position: relative; display: block; width: 7.5rem; padding-bottom: 2rem; } @media (max-width: 768px) { .m-header__logo { width: 5rem; padding-bottom: 7vh; } } .m-header__bajocero { position: relative; width: 19.375rem; display: block; margin: 0 auto; padding-bottom: 5rem; } @media (max-width: 768px) { .m-header__bajocero { width: 14.0625rem; padding-bottom: 3vh; } } .m-destacado { position: absolute; top: 0; right: 0; z-index: 20; width: 12.5rem; transform: translate(10%, -13%) rotate(5deg) scale(0.9); transition: transform 0.33s cubic-bezier(0.68, 0, 0.32, 1.06); } .m-destacado:hover { transform: translate(10%, -13%) rotate(5deg) scale(0.8); } @media (max-width: 768px) { .m-destacado { transform: translate(24%, -33%) rotate(5deg) scale(0.65); } .m-destacado:hover { transform: translate(24%, -33%) rotate(5deg) scale(0.65); } } .m-destacado span { position: absolute; display: block; left: 50%; top: 50%; width: 73%; height: 45%; text-align: center; display: flex; justify-content: center; align-items: center; z-index: 10; font-size: 1.1875rem; transform: translate(-50%, -50%); color: #D10019; background: white; } .m-destacado img { z-index: 1; display: block; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .m-destacado img:nth-of-type(1) { position: relative; display: block; opacity: 0; } .m-destacado img:nth-of-type(2) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); width: 90%; } @media (max-width: 768px) { .m-destacado img:nth-of-type(2) { width: 85%; } } .m-video { position: relative; display: block; } .m-video__wrapper { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 768px) { .m-video__wrapper { flex-direction: column; gap: 3rem; } } .m-video__text { position: relative; width: 35%; } @media (max-width: 768px) { .m-video__text { width: 100%; order: 2; } } .m-video__text h2 { text-align: center; margin-bottom: 1.5rem; } .m-video__text p { text-align: center; margin-bottom: 1.8rem; } .m-video__text .m-btn { position: relative; display: block; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .m-video__video { position: relative; display: block; width: 55%; } @media (max-width: 768px) { .m-video__video { width: 100%; order: 1; } } .m-video__video .img { position: absolute; display: block; width: auto; height: 110%; left: 0; bottom: 0; transform: translate(-50%, 15%); z-index: 10; filter: drop-shadow(15px 15px 10px rgba(0, 0, 0, 0.3137254902)); } @media (max-width: 768px) { .m-video__video .img { transform: translate(-45%, 15%); height: 88%; } } .m-video__video .video { border-radius: 2rem; overflow: hidden; border: 2px solid white; position: relative; display: block; width: 100%; } @media (max-width: 768px) { .m-video__video .video { border-radius: 1rem; width: 100%; left: 0%; } } #experiencias { position: absolute; top: 0; transform: translateY(-8vh); } .m-promos { position: relative; display: block; } .m-promos__wrapper { display: flex; justify-content: center; padding-top: 17vh; } @media (max-width: 768px) { .m-promos__wrapper { padding-top: 8vh; } } .m-promos__text { text-align: center; position: relative; width: 70%; z-index: 1; } @media (max-width: 768px) { .m-promos__text { width: 100%; } } .m-promos__text h2 { text-align: center; margin-bottom: 1.5rem; } .m-promos__text p { text-align: center; margin-bottom: 1.8rem; } .m-promos__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; mix-blend-mode: exclusion; } .m-promos__bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .m-premios { position: relative; display: block; background: linear-gradient(0deg, rgb(219, 0, 30) 0%, rgb(0, 0, 0) 65%); } .m-premios__wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 25vh; } @media (max-width: 768px) { .m-premios__wrapper { padding-bottom: 15vh; } } .m-premios__text { text-align: center; position: relative; width: 70%; z-index: 1; margin-bottom: 2rem; } @media (max-width: 768px) { .m-premios__text { width: 100%; } } .m-premios__text h2 { text-align: center; margin-bottom: 1.5rem; } .m-premios__text p { text-align: center; margin-bottom: 0.5rem; } @media (max-width: 992px) { .m-premios__text br { display: none; } } .m-premios__premios { display: flex; justify-content: center; align-items: center; gap: 3rem; } @media (max-width: 768px) { .m-premios__premios { flex-wrap: wrap; max-width: 15.625rem; gap: 2vh 4vh; } } .m-premios__premios img { position: relative; display: block; width: 6.25rem; filter: drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.3137254902)); } .m-premios__premios img:nth-of-type(1) { width: 5.625rem; } .m-premios__premios img:nth-of-type(2) { width: 6.5625rem; padding-right: 0.5rem; }/*# sourceMappingURL=style.css.map */