:root {
  --bg1: #f54e0c;
  --bg2: #720cf5;
  --bg3: #2b3332;
  --bg4: #fff;
  --bg5: #000;
  --c1: #000;
  --c2: #0cf5ce;
  --c3: #fff;
  --c4: #f54e0c;
}
@font-face {
  font-family: "AvenirNextLTPro-Bold";
  src: url("../fonts/f40d7927f91a3aadc09a34313996126f.eot");
  src: url("../fonts/f40d7927f91a3aadc09a34313996126f.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/f40d7927f91a3aadc09a34313996126f.woff") format("woff"),
    url("../fonts/f40d7927f91a3aadc09a34313996126f.woff2") format("woff2"),
    url("../fonts/f40d7927f91a3aadc09a34313996126f.ttf") format("truetype"),
    url("../fonts/f40d7927f91a3aadc09a34313996126f.svg#AvenirNextLTPro-Bold")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AvenirNextLTPro-Regular";
  src: url("../fonts/d26b4996febf7f02ac43ae8b81afaac6.eot");
  src: url("../fonts/d26b4996febf7f02ac43ae8b81afaac6.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/d26b4996febf7f02ac43ae8b81afaac6.woff") format("woff"),
    url("../fonts/d26b4996febf7f02ac43ae8b81afaac6.woff2") format("woff2"),
    url("../fonts/d26b4996febf7f02ac43ae8b81afaac6.ttf") format("truetype"),
    url("../fonts/d26b4996febf7f02ac43ae8b81afaac6.svg#AvenirNextLTPro-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circular Std Bold";
  src: url("../fonts/961a181da27e7cbc072ec2fb5bbfe2a9.eot");
  src: url("../fonts/961a181da27e7cbc072ec2fb5bbfe2a9.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/961a181da27e7cbc072ec2fb5bbfe2a9.woff") format("woff"),
    url("../fonts/961a181da27e7cbc072ec2fb5bbfe2a9.woff2") format("woff2"),
    url("../fonts/961a181da27e7cbc072ec2fb5bbfe2a9.ttf") format("truetype"),
    url("../fonts/961a181da27e7cbc072ec2fb5bbfe2a9.svg#Circular Std Bold")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circular Std Book";
  src: url("../fonts/860c3ec7bbc5da3e97233ccecafe512e.eot");
  src: url("../fonts/860c3ec7bbc5da3e97233ccecafe512e.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/860c3ec7bbc5da3e97233ccecafe512e.woff") format("woff"),
    url("../fonts/860c3ec7bbc5da3e97233ccecafe512e.woff2") format("woff2"),
    url("../fonts/860c3ec7bbc5da3e97233ccecafe512e.ttf") format("truetype"),
    url("../fonts/860c3ec7bbc5da3e97233ccecafe512e.svg#Circular Std Book")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Bold";
  src: url("../fonts/0575d7da3dfafe0b95ef267746af68cc.eot");
  src: url("../fonts/0575d7da3dfafe0b95ef267746af68cc.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/0575d7da3dfafe0b95ef267746af68cc.woff") format("woff"),
    url("../fonts/0575d7da3dfafe0b95ef267746af68cc.woff2") format("woff2"),
    url("../fonts/0575d7da3dfafe0b95ef267746af68cc.ttf") format("truetype"),
    url("../fonts/0575d7da3dfafe0b95ef267746af68cc.svg#Helvetica Bold")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face{font-family:'sw-medium-italic';src:url('../fonts/SuisseWorks-MediumItalic-WebXL.woff') format('woff'),url('../fonts//SuisseWorks-MediumItalic-WebXL.woff2') format('woff2');font-weight:normal;font-style:normal}
.sw-medium-italic{
  font-family: 'sw-medium-italic', arial;
}
html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg5);
  color: var(--c3);
  font: 400 18px/1.5em 'Circular Std Book', arial;
  text-rendering: optimizeLegibility;
}
#s0{
  padding-top:170px;
}
html {
  scroll-behavior: smooth;
}
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}
*,
*:focus,
*:hover {
  outline: none;
}
.c2 {
  color: var(--c2);
}
.c1 {
  color: var(--c1);
}
.c3 {
  color: var(--c3);
}
.c4 {
  color: var(--c4);
}
.bg5 {
  background: var(--bg5);
  color: var(--c3);
}
.bg3 {
  background: var(--bg3);
}
a,
a:hover,
a:visited,
*:focus {
  color: var(--c2);
  text-decoration: none;
  outline: none;
}
.oh {
  overflow: hidden;
}
.pr {
  position: relative;
}
button {
  background: none;
  border: none;
  cursor: pointer;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.disabled {
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
  cursor: not-allowed;
}
.vh {
  visibility: hidden;
}
.flex-wrap-wrap {
  flex-wrap: wrap;
}
::selection {
  background: var(--c2);
  color: #fff;
}
::-moz-selection {
  background: var(--c2);
  color: #fff;
}
.cursor-pointer {
  cursor: pointer;
}
.white-space-nowrap {
  white-space: nowrap;
}
.vertical-align-middle {
  vertical-align: middle;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.wlogo span{
  position: absolute;
  z-index:3;
  color:#fff;
  top:8px;
  left:0;
  font: 20px "sw-medium-italic", arial;
}
.logo {
  background: linear-gradient(91deg, #DF2328 0.77%, #F64800 99.23%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font: 200px/0.9em "AvenirNextLTPro-Bold", arial;
  max-width:100%;
}
.l1{
  font-size:24px;
}
.l1 span{
}
.e1 {
  z-index: 2;
  position: relative;
  height:781px;
  aspect-ratio: 2/2;
}
.e1::after{
  content: '';
  background: #f54700;
  background: linear-gradient(0deg, #f54700 0%, #df2427 100%);
  border-radius: 100%;
  height: 100%;
  aspect-ratio: 2/2;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index:-1;
}
.e2 {
  font: 36px/1.2em "Helvetica Bold", arial;
  color:var(--c3)
}
.e3 {
  font: 66px/1.4em "sw-medium-italic", arial;
}
.e4 {
  font: 32px/1.3em "Circular Std Book", arial;
}

.w1 {
  max-width: 450px;
}
.t1 {
  font: 40px/1.4em "Circular Std Book", arial;
  color: #fff;
  text-align: justify;
}
.wfashion {
  width: fit-content;
  margin: auto;
  max-width: 515px;
}
.wfashion .rocket{
  position:absolute;
  width:252px;
  left:-235px;
  top:27px;
  z-index: 2;
}
.wfashion .fire{
  position:absolute;
  width:109px;
  right:-144px;
  bottom:62px;
  z-index: 2;
}
.ifashion {
  max-width: 100%;
  display: block;
}
.lfashion {
  font: 12px/1.2em "Circular Std Book", arial;
  color: var(--c3);
  background-color: var(--bg5);
  border-radius: 26px;
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 2;
  padding: 8px 20px;
}

nav {
  color: var(--c3);
  border-radius: 54px;
background: rgba(24, 24, 24, 0.73);
backdrop-filter: blur(4.5px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 85px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 8;
  padding: 15px;
}
nav a {
  font: 20px/1.2em "Circular Std Book", arial;
  color: var(--c3);
  margin: 0 15px;
  white-space: nowrap;
}
nav a:hover,
nav a:active,
nav a:visited,
nav a:focus {
  color: var(--c3);
}
.btn1,
.btn1:hover,
.btn1:active,
.btn1:visited,
.btn1:focus {
  background: var(--bg4);
  color: var(--c4);
  padding: 10px 25px 10px 30px;
  border-radius: 90px;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
}
.btn4,
.btn4:hover,
.btn4:active,
.btn4:visited,
.btn4:focus {
  background: #720cf5;
  color: #fff;
  padding: 10px 25px 10px 30px;
  border-radius: 90px;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
}

.btn5,
.btn5:hover,
.btn5:active,
.btn5:visited,
.btn5:focus {
  background: #000;
  color: #fff;
  padding: 10px 25px 10px 30px;
  border-radius: 90px;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
}
.btn2 {
  background: #3e3e3e;
  padding: 23px 28px;
  border-radius: 35px;
}
nav a:first-child {
  margin-left: 0;
}
nav a:last-child {
  margin-right: 0;
}
.btn2.ic {
  transition: all 0.2s allow-discrete;
  min-width: 70px;
  position: relative;
  @starting-style{
    opacity:0;
  }
}
.btn2.ic.hidden {
  opacity: 0;
  display:none
}
.btn2.ic > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg) scale(1.3);
  transform-origin: center;
}
.mw-433 {
  max-width: 433px;
}
.mw-100 {
  max-width: 100%;
}
.mw-700 {
  max-width: 700px;
}
.btn3 {
  cursor: pointer;
  font: 48px/1.2em "Circular Std Bold", arial;
  padding: 15px 30px 15px 60px;
  border-bottom: 8px solid #d9d9d9;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn3 img {
  transition: all 0.2s ease 0s;
  transform: rotate(-45deg);
}
.btn3.on img {
  transform: rotate(0);
  transform-origin: center center;
}
.btn3 + .e4 {
  padding-left: 60px;
}
.container {
  max-width: 864px;
}
.brands > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.brands img {
  margin: 30px;
}
.e6 {
  font: 32px/1.2em "AvenirNextLTPro-Regular", arial;
  color: #fff;
  margin: auto;
  width: fit-content;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  top: -50px;
  left: -36px;
}
.uppercase{
  text-transform: uppercase;
}
.e7 {
  color: var(--c4);
  font: 96px/1.2em "AvenirNextLTPro-Bold", arial;
}
.e8 {
  font: 36px/1.2em "Helvetica Bold", arial;
  color: var(--c3);
}
.e9 {
  font: 20px/1.4em "Circular Std Book", arial;
  color: var(--c3);
}
.e10 {
  font: 24px/1.2em "Circular Std Book", arial;
}
input,
.e11{
  font: 24px/1.2em "sw-medium-italic", arial;
}
input,
textarea {
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  padding: 15px 20px;
  width: 100%;
  color: #000;
  font: 18px/1.2em "Circular Std Book", arial;
}
input:focus,
textarea:focus {
  color: #000;
}
textarea {
  min-height: 144px;
  max-width: 100%;
  min-width: 100%;
}
.idiomas {
  color: var(--c2);
  font: 18px/1.2em "Circular Std Book", arial;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.noselect{
    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.idiomas > div{
  position:absolute;
  color:#fff;
  top:98%;
  z-index:13;
  right:0;
  overflow:hidden;
  display:none;
  width:100%;
  padding:5px 0;
}
.idiomas:hover > div{
  display:block;
}
.idiomas .ci{
  background:#f54e0c;
  border-radius:120px;
  width:fit-content;
  overflow: hidden;
  margin:auto;
  padding: 0 5px;
}
.idiomas .ci a{
  display: block;
  padding:10px 18px;
  cursor:pointer;
  font-size:16px;
  color:#fff;
}
.idiomas .ci a:first-child{
  padding-top:18px;
}
.idiomas .ci > a:last-child{
  padding-bottom:18px;
}
.idiomas .ci > a:hover{
  background:#00000008;
}
.whamburger {
  position: fixed;
  top:60px;right:15px;
  cursor: pointer;
  border-radius:120px;
  display:none;
  z-index: 12;
  background: rgba(24, 24, 24, 0.73);
  backdrop-filter: blur(4.5px);
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
  background-color: #fff !important;
  width:24px;
}
.whamburger .hamburger{
  padding:0;
  display:block;
  padding:10px;

}
.hamburger-box{
  width:24px;
  height:24px;
  display:block;  
}
.hamburger.is-active:hover, .hamburger:hover{
  opacity:1;
}
.select{
  position: relative;
}
.select select{
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  padding: 15px 20px;
  width: 100%;
  color: #000;
  font: 18px / 1.2em "Circular Std Book", arial;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.select img {
    top: 12px;
    right: 15px;
    pointer-events: none;
    position: absolute;
    z-index: 3;
    opacity: 0.5;
    transition: 0.2s ease-in-out;
}
.select:hover img {
  opacity: 1;
}