{"version":3,"sourceRoot":"","sources":["../../../../../resources/aura/src/scss/abstracts/__abstracts-dir.scss","../../../../../resources/aura/src/scss/layouts/header/_header_common.scss","../../../../../resources/aura/src/scss/abstracts/_variables.scss","../../../../../resources/aura/src/scss/abstracts/_custom_properties.scss","../../../../../resources/aura/src/scss/abstracts/mixins/_fonts.scss","../../../../../resources/aura/src/scss/layouts/header/_destinia_header.scss","../../../../../resources/aura/src/scss/layouts/header/_telephone.scss","../../../../../resources/aura/src/scss/layouts/header/_destinia_help.scss","../../../../../resources/aura/src/scss/layouts/header_minimal.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;EACE,QCuLc;EDtLd;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YEcc;EFbd;EACA,QC4KY;ED3KZ;;AAIF;EAjBF;IAkBI;;EACA;IACE;;EAEF;IACE;IACA;IACA;IACA,KC8JU;ID7JV;IACA;IACA;IACA,QC0JU;IDzJV;IACA;;EAEF;IACE,QCqJU;;EDnJV;IACE;;EAIF;IACE;IACA;;;AAMJ;EADF;IAEI;IACA;;;AAIJ;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;AAIJ;EACE;EACA;;AACA;EAHF;IAII;IACA;IACA;;;AAIJ;EACE;EACA;EACA,QCqGY;EDpGZ;EACA;EACA;;AACA;EAPF;IAQI;;;AAMF;EACE;EACA;EACA,QCuFU;EDtFV;EACA;;AACA;EANF;IAOI;;;AAIJ;EACE;EACA,QC6EU;ED5EV;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA,4BCuDgB;IDtDhB,2BCsDgB;IDrDhB;;;AAGA;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA,OC1FO;ED2FP,WCDQ;EDER,aCeK;EDdL;EACA;EACA;EACA;EACA;EACA;EACA,QCiBM;EDhBN,aCgBM;EDfN;EACA;;AACA;EACE,OCzGM;ED0GN;EACA,kBCnEI;EDoEJ;;AACA;EACE;;AAGJ;EGnLR;;AACA;EACE;;AHiLM;EAEE,OCnHM;;ADuHR;EADF;IAEI,WC7BM;;;ADiCR;EACE;;AAKR;EACE,YCrIc;EDsId;EACA,2BCTgB;EDUhB,4BCVgB;EDWhB;EACA;;AACA;EACE;;AAEF;EACE;EG/MN;;AACA;EACE;;AH4ME;EAGE;EACA,OCrIY;EDsIZ;EACA;EACA;EACA;;AACA;EACE;EACA,OC1IgB;;AD6IpB;EACE;;AAIN;EACE;EACA;;AAGA;EADF;IAEI;;;AAFJ;EAIE;EACA;EACA;;AAEF;EACE;;;AAIJ;AAEE;EACE;;AACA;EACE;;AAEF;EACE;EACA,QCpEU;EDqEV;EACA;EACA,YEtOiB;EFuOjB,aCxEU;;ADyEV;EACE;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;IACA;;;AASV;EACE,OErQc;EFsQd;;AACA;EACE;;AACA;EACE,ME1QU;;;AF+QlB;EACE;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;;EACA;IACE;IACA;;EACA;IACE;IACA;;EAGJ;IACE;;EAEF;IACE;IACA,OChQO;IDiQP;IACA;;EAEE;IACE;;EAGD;IACE,MEjTU;;EFsTjB;IACE,OCzQS;;ED2QX;IACE;IACA;IACA;IACA;IACA;IACA;IACA,YCpRS;IDqRT;IACA;;EACA;IACE,YCxRO;IDyRP;IACA;;EAEF;IACE;;EAEF;IACE,YChSO;IDiSP;IACA;;EAGJ;IACE;;EAMN;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIN;EAEI;IACE;;EACA;IACE;;EAEF;IACE;IACA,OElXY;;EFqXR;IACE,MEtXM;;EF0XZ;IACE,OE3XU;;EF6XZ;IACE,OE7Xe;;EFgYnB;IACE;;EACA;IACE;IACA,OErYU;IFsYV,YEvYc;;EFwYd;IACE,MExYQ;;EF6YhB;IACE,OE7YmB;IF8YnB;;EACA;IACE;;EACA;IACE,MElZe;;;AFyZzB;EAEI;IACE;;EAGJ;AAAA;AAAA;IAGE;;EAEF;AAAA;IAEE;;;AAIJ;EACE;EACA,eCzQoB;ED0QpB;EACA;EACA;EACA,YElbsB;EFmbtB;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;;AAKN;EACE;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEE;IACE;IACA;IACA;;;AAKR;AACA;EACE;IACE;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;IACA;IACA,YC9be;ID+bf;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA,YC1ca;ID2cb;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA,OEnhBU;IFohBV;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;EAEE;IACE,MCreI;;ED2ed;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;;AAKR;EACE;EACA;EACA,QCtYc;EDuYd,aCvYc;EDwYd;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;;EACA;IACE;;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OE3kBgB;EF4kBhB;EACA;EACA;EACA,WC1bgB;;AD2bhB;EACE;EACA;EACA;EACA;EACA;EACA;;AAEE;EACE,MEzlBU;;AFulBd;AAIE;;AACA;EACE;;AAIN;EACE;;;AAGJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGA;EADF;IAEI;IACA;;EACA;IACE;;;;AAIN;AAEE;EACE,YE3mBmB;EF4mBnB;;AACA;EACE;EACA;;AACA;EACE;;AAKJ;EACE;EACA;;AAEE;EACE;;AAKR;EACE;;AACA;EAFF;IAGI;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;;AAGJ;EAdF;IAeI;;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE,MC9nBW;;ADkoBjB;EACE,OCnoBe;EDooBf;;AAEF;EG/sBA;;AACA;EACE;;AHstBJ;EAEI;IACE;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;AACA;EAFF;IAGI;;;AAGJ;EACE;;AAEF;EACE;;AAGA;EADF;IAEI;IACA;IACA;;EAEE;IACE;;;;AI3vBV;AAGI;EACE,YFqBiB;EEpBjB;;AAEF;EACE;;AAME;EADF;IAEI;;;AAIA;EADF;IAEI;IACA;;;AAIF;EACE,YFDW;EEEX;;AAIN;EACE;EACA;;;AAKR;EAGM;IACE;;EACA;ID1CN;;EACA;IACE;;ECwCI;IAEE;;EACA;IACE;;EAGJ;IACE;;EAEF;IACE;;EAIN;IACE;IACA;;EACA;IACE;;EACA;IACE;IACA;IACA;;EAGJ;IACE;IACA;;;AAMR;AAGI;EACE;;AAEF;EACE;;AAIJ;EAVF;IAWI;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;;EAGF;IACE;ID9GN;;EACA;IACE;;EC2GE;IAGE;IACA;;EAEA;IACE;;EAEF;IACE;;;AAMN;EADF;IAEI;IACA;;;AAMA;EADF;IAEI,OF9Ge;IE+Gf;;EAEE;IACE,MFlHW;;;;AE2HvB;AAEE;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;IACE;IACA;;EAEF;IACE;;EACA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EACA;IACE;IACA;;EAGA;IACE,OH5GK;IG6GL,MH7GK;;EGmHb;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EACA;IACE;IACA;IACA;;EAEA;IACE;;EACA;IACE;IACA,OH7IE;IG8IF;IACA;IACA;IACA;IACA;;EAKE;IACE;;EACA;IACE;;EAEE;IACE,MHtJP;;EG4JH;IACE;IACA;IACA;;EAEA;IACE;;EAKN;IACE;IACA;;EACA;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAEF;IACE;;EACA;IACE,OHnNJ;;EGsNA;IACE;IACA;;EACA;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;EACA;IACE;;EAEF;IACE;;EAIN;IACE;;EAGJ;IACE;;EAMR;IACE;IACA;;EACA;IACE;IACA;;EAEA;IACE;;EACA;IACE;IACA;IACA;;EAGA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EACA;IACE,OHxPH;IGyPG,MHzPH;;EG8PC;IACE;;EAIN;IACE;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAKN;IACE;ID1Vd;;EACA;IACE;;EC0VY;IACE;IACA,kBF3VM;IE4VN;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;;;;AAWhB;EACE;AAAA;AAAA;IAGE;IACA;IACA;IACA;IACA;IACA;IACA;;;AC9XJ;EACE;;AACA;EAFF;IAGI;;EACA;IACE;;;AAGJ;EACE,QJ+KY;EI9KZ;EACA;EACA,YHamB;EGZnB,aJ2KY;EI1KZ,OHagB;;AGZhB;EAPF;IAQI;IACA;;;AAEF;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE,MHHY;;AGQhB;EACE;EACA,OHVc;EGWd,YHjCkB;;AGkClB;EACE,MHbY;;AGiBlB;EACE;EACA;EACA;EACA,YJwIY;EIvIZ;;AAEF;EACE,OHxBqB;EGyBrB;;AACA;EACE,MH3BmB;EG4BnB;;AAGJ;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,WJoFa;EE5Jf;;AACA;EACE;;AEwEA;EACE;EACA,WJmFY;EIlFZ,aJkGW;;AI/FX;EACE;EACA,aJ4FO;;AI1FT;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;;AAMR;EACE;;;AAEF;EACE;IACE;;EACA;IACE;;EAEF;IACE;;EAGA;IACE;;EAEF;IACE;;EAIF;IACE;;EAEF;IACE;;;AAKR;EAEI;IACE;;EACA;IACE;;EAGJ;IACE;;;AAIN;EACE;;;AAIA;EACE;EACA;;AACA;EAHF;IAII;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;;EAEF;IACE;IACA;IACA;;EACA;IACE;IACA;IACA,aJpBK;IIqBL,OJjIQ;IIkIR;;EAIE;IACE,MJvII;;;AI6Id;EACE;EACA;EACA;EACA;;AACA;EACE,WJzDS;EI0DT,aJxCO;EIyCP,OH5LiB;EG6LjB;EACA;EACA;;AACA;EAPF;IAQI;;;AAGJ;EACE;EACA,OJ/JU;EIgKV;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA,WJ7EQ;;AI8ER;EACE,OJ/JQ;;AIiKV;EACE;EACA;EACA;;AACA;EACE;EACA;AACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE,MHrOW;;AGwOf;EACE,OHzOa;;AG8OnB;EACE,WJ7GU;EI8GV;EACA,aJ9FO;EI+FP;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA,aJ5GO;EI6GP,OJzNU;EI0NV;;AAEF;EACE;;AAEF;EACE,OJrNY;;AIuNd;EACE;EACA,aJxHO;EIyHP,OJrOU;EIsOV;EACA;;AAEF;EACE;EACA,OJ3OU;;AI6OZ;EACE;EACA,aJnIO;EIoIP;EACA;EACA,OJlPU;;AIoPZ;EACE,WJ3JS;EI4JT;;;AAOR;EACE;;;AAEF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AC5UJ;EACE;EACA;;AACA;EACE;EACA,QLmLY;EKlLZ;EACA;EACA,YJiBmB;EIhBnB,aL+KY;EK9KZ,OJiBgB;EIhBhB;;AACA;EACE;EACA;EACA,WL+IY;EK9IZ;;AAEF;EAfF;IAgBI;;EACA;IHnBJ;;EACA;IACE;;;AGsBA;EACE;EACA;EACA,YJvBkB;;;AKItB;EACE;;;AAKA;EACE,MLWc;;AKThB;EACE;EACA;EACA;;AAEF;EACE;EACA,WNoIW;EE5Jf;;AACA;EACE","file":"header_minimal.css","sourcesContent":["/*\nThis file is used to contain all abstracts imports.\nFiles inside this folder can contain abstract settings, helpers or functions. They have no direct output.\n*/\n\n//Import Abstracts files\n@import \"custom_properties\";\n@import \"variables\";\n@import \"mixins\";\n",".brand-header {\n  height: $navbar-height;\n  position: relative;\n  &:before {\n    display: block;\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    background: $brand-navbar-bg;\n    background: linear-gradient(90deg, $brand-navbar-bg 0%, $brand-navbar-bg-dark 70%);\n    height: $navbar-height;\n    z-index: 0;\n\n  }\n\n  @media (min-width: $grid-float-breakpoint) {\n    height: $navbar-height * 2;\n    &:before {\n      background: linear-gradient(90deg, $brand-navbar-bg 0%, $brand-navbar-bg 49%, $brand-navbar-bg-dark 50%, $brand-navbar-bg-dark 100%);\n    }\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      top: $navbar-height;\n      left: 0;\n      width: 100%;\n      background: #fff;\n      height: $navbar-height;\n      z-index: 0;\n      border-bottom: 1px solid $colorBordes;\n    }\n    &.compact-header, &.noclick-header {\n      height: $navbar-height;\n\n      &:after {\n        display: none;\n      }\n    }\n    &.open-compact-header {\n      &:after {\n        display: block;\n        z-index: 3;\n      }\n    }\n  }\n\n  .header-position {\n    @media (min-width: $grid-float-breakpoint) {\n      position: relative;\n      display: flex;\n    }\n  }\n\n  ul, ol {\n    list-style: none;\n  }\n\n  .navbar {\n    margin-bottom: 0;\n  }\n\n  .navbar-left {\n    @media (min-width: $grid-float-breakpoint) {\n      float: left !important;\n    }\n  }\n\n  .navbar-header {\n    text-align: center;\n    background: linear-gradient(90deg, $brand-navbar-bg 0%, $brand-navbar-bg-dark 70%);\n    @media (min-width: $grid-float-breakpoint) {\n      flex: 1 1 auto;\n      text-align: left;\n      float: none;\n    }\n  }\n\n  .navbar-brand {\n    margin: 0 !important;\n    padding: 0;\n    height: $navbar-height;\n    position: relative;\n    float: none;\n    display: inline-block;\n    @media (min-width: $grid-float-breakpoint) {\n      float: left;\n    }\n\n    &:hover, &:focus {\n    }\n\n    svg, svg * {\n      shape-rendering: geometricPrecision;\n      width: 100px;\n      height: $navbar-height;\n      fill: #fff;\n      vertical-align: top;\n      @media print {\n        fill: #000;\n      }\n    }\n\n    svg.arabic, svg.arabic * {\n      width: 100px;\n      height: $navbar-height;\n      margin-top: 0;\n      margin-left: 0;\n    }\n\n    img.brand-logo {\n      width: auto;\n      max-height: 40px;\n      margin-top: 5px;\n    }\n  }\n\n  .ball-spin-fade-loader {\n    position: absolute !important;\n    top: 65%;\n    left: 50%;\n    margin-left: -12.5px;\n    margin-top: -23.5px;\n  }\n}\n.brand-header, .custom-brand-header {\n  .dropdown-menu {\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    overflow: hidden;\n    margin:0;\n    @media (min-width: $grid-float-breakpoint) {\n      opacity: 0;\n      border-bottom-right-radius: $border-radius-large;\n      border-bottom-left-radius: $border-radius-large;\n      box-shadow: 0 8px 12px rgba(0, 0, 0, .175);\n    }\n    > ul {\n      @media (min-width: $grid-float-breakpoint) {\n        margin-top: -1px;\n      }\n    }\n    ul {\n      padding: 0;\n      border-left: 1px solid $colorBordes;\n      border-right: 1px solid $colorBordes;\n      margin: 0;\n      li {\n        border-bottom: 1px solid $colorBordes;\n        position: relative;\n        &:last-child {\n          border-bottom: none\n        }\n        > a, > div.collapse-title, > button, .languageSelector, .skeleton__link {\n          text-align: left !important;\n          color: $brand-grey-alt;\n          font-size: $font-size-large;\n          font-weight: $roboto-light;\n          display: inline-block;\n          width: 100%;\n          padding: 0;\n          padding-left: 15px;\n          border: 0;\n          border-radius: 0;\n          height: $navbar-height;\n          line-height: $navbar-height;\n          vertical-align: middle;\n          background: #fff;\n          &:hover, &:focus {\n            color: $brand-grey-dark;\n            text-decoration: none;\n            background-color: $menu-hover-bg;\n            outline: none;\n            &[data-bs-toggle=\"collapse\"] {\n              background-color: #fff;\n            }\n          }\n          &.active_selection {\n            @include medium-weight;\n            color: $brand-grey-dark;\n          }\n        }\n        > a, > button {\n          @media (max-width: $grid-float-breakpoint-max) {\n            font-size: $font-size-large;\n          }\n        }\n        > .skeleton__link {\n          .skeleton__title {\n            display: inline-block !important;\n          }\n        }\n      }\n    }\n    .container-bottom-links {\n      background: $brand-brown-light;\n      padding: 0;\n      border-bottom-left-radius: $border-radius-large;\n      border-bottom-right-radius: $border-radius-large;\n      border: 1px solid $colorBordes;\n      border-top: 0;\n      > button {\n        cursor: pointer;\n      }\n      > button, > .skeleton__button {\n        background: none;\n        @include medium-weight;\n        border: none;\n        color: $interactive-color;\n        display: block;\n        width: 100%;\n        padding: 20px;\n        outline: none;\n        &:hover, &:active {\n          text-decoration: underline;\n          color: $interactive-color-hover;\n        }\n      }\n      > .skeleton__button {\n        min-height: 56px;\n      }\n    }\n  }\n  .dropdown-menu-right {\n    left: auto;\n    right: 0;\n  }\n  .dropdown-menu.show {\n    @media (min-width: $grid-float-breakpoint) {\n      opacity: 1;\n    }\n    height: auto;\n    backface-visibility: hidden;\n    perspective: 1000px;\n  }\n  .header-top-nav .dropdown-menu.show {\n    min-height: 100px;\n  }\n}\n\n/* menu superior cuenta, moneda, idioma */\n.header-top-nav, .custom-brand-header {\n  .navbar-nav > li {\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\n    &:last-child {\n      border-right: 0;\n    }\n    > .dropdown-toggle, > .dropdown-not-toggle {\n      display: inline-block;\n      height: $navbar-height;\n      padding: 0 15px;\n      border: 0;\n      background: $brand-navbar-bg-dark;\n      line-height: $navbar-height;\n      > span {\n        vertical-align: middle;\n        line-height: 1;\n      }\n      svg {\n        vertical-align: middle;\n        &.icon-ui-chevron-down {\n          width: 10px;\n          height: 10px;\n          margin-left: 5px;\n        }\n        &.icon-graph-user {\n          width: 16px;\n          height: 16px;\n          margin-right: 5px;\n          @media (min-width: $grid-float-breakpoint) {\n            width: 14px;\n            height: 14px;\n            margin-right: 5px;\n          }\n        }\n      }\n    }\n    > .dropdown-toggle {\n    }\n  }\n\n  .navbar-nav > li > .dropdown-toggle.show, .navbar-nav > li > .dropdown-toggle.show:hover, .navbar-nav > li > .dropdown-toggle.show:focus {\n    color: $brand-navbar-bg;\n    background: #fff;\n    svg[class*=\"icon-graph\"], svg[class*=\"icon-ui\"] {\n      opacity: 1;\n      &, & * {\n        fill: $brand-navbar-bg;\n      }\n    }\n  }\n}\n@media (max-width: $grid-float-breakpoint-max) {\n  .header-top-nav, .custom-brand-header {\n    border-top: 0;\n    border-bottom: 1px solid $colorBordes;\n    background: #fff;\n    margin:0 0 15px 0;\n    .navbar-nav {\n      display: flex;\n      margin:0;\n      flex-wrap: nowrap;\n      flex-direction: row-reverse;\n      > li {\n        flex: 1 1 auto;\n        border-left: 1px solid $colorBordes;\n        position:static;\n        border-right: 0;\n        &#loginheader {\n          flex: 1 1 auto;\n          border-left: 0;\n          > .dropdown-toggle, > .dropdown-not-toggle {\n            text-align: left;\n            text-decoration: none;\n          }\n        }\n        &.norelative {\n          display: none;\n        }\n        > .dropdown-toggle, > .dropdown-not-toggle {\n          border-top: 0;\n          color: $brand-grey-alt;\n          width: 100%;\n          background: #fff;\n          svg {\n            &.icon-ui-chevron-down {\n              display: none;\n            }\n           &[class*=\"icon-graph\"], &[class*=\"icon-ui\"] {\n             &, & * {\n               fill: $brand-navbar-text-open;\n             }\n            }\n          }\n        }\n        > .dropdown-toggle.show, > .dropdown-not-toggle.show {\n          color: $brand-copy-light;\n        }\n        .dropdown-menu {\n          position: fixed !important;\n          inset: 0 0 0 0 !important;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          width: 100%;\n          background: $brand-grey-light;\n          z-index: 201;\n          box-shadow: none;\n          .dropdown-top-header {\n            background: $brand-grey-light;\n            height: 50px;\n            border-bottom: 1px solid $colorBordes;\n          }\n          ul {\n            border: 0;\n          }\n          .container-bottom-links {\n            background: $brand-grey-light;\n            border: 0;\n            border-top: 1px solid $colorBordes;\n          }\n        }\n        .dropdown-menu.show {\n          transform: translate3d(0, 0, 0) !important;\n        }\n      }\n    }\n  }\n  .brand-header .dropdown-menu {\n    .dropdown-top-header {\n      height: 50px;\n      line-height: 49px;\n      padding: 0;\n    }\n    .mobile-scroll {\n      padding-top: 0;\n      position: absolute;\n      top:50px;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 2;\n    }\n  }\n}\n@media (min-width: $grid-float-breakpoint) {\n  .header-top-nav, .custom-brand-header {\n    .navbar-nav > li {\n      border-right: 1px solid rgba(#fff, 0.3);\n      &:last-child {\n        border-right: 0;\n      }\n      > .dropdown-toggle, > .dropdown-not-toggle {\n        border-top: 1px solid $brand-navbar-bg;\n        color: $brand-navbar-text;\n        svg {\n          &[class*=\"icon-graph\"], &[class*=\"icon-ui\"] {\n            &, & * {\n              fill: $brand-navbar-text;\n            }\n          }\n        }\n        #login-user-info span {\n          color: $brand-navbar-text;\n        }\n        &.show #login-user-info span {\n          color: $brand-navbar-text-open;\n        }\n      }\n      > .dropdown-toggle {\n        transition: background-color 0.3s;\n        &:hover, &:focus {\n          cursor: pointer;\n          color: $brand-navbar-text;\n          background: $brand-navbar-bg-hover;\n          > svg, > svg * {\n            fill: $brand-navbar-text;\n          }\n        }\n      }\n    }\n    .navbar-nav > li > .dropdown-toggle.show, .navbar-nav > li > .dropdown-toggle.show:hover, .navbar-nav > li > .dropdown-toggle.show:focus {\n      color: $brand-navbar-text-open;\n      background: #fff;\n      svg[class*=\"icon-ui\"], svg[class*=\"icon-graph\"] {\n        opacity: 1;\n        &, & * {\n          fill: $brand-navbar-text-open;\n        }\n      }\n    }\n  }\n}\n//mobile menu\n@media (max-width: $grid-float-breakpoint-max) {\n  .brand-header .dropdown-menu .container-bottom-links {\n    > button {\n      text-transform: none;\n    }\n  }\n  .brand-header .dropdown-menu ul li > button:active,\n  .brand-header .dropdown-menu ul li > a:active,\n  .navbar-nav > li > .dropdownmenu-main-more > ul.navbar-main-more > li button:active {\n    background-color: $menu-hover-bg !important;\n  }\n  .brand-header .dropdown-menu ul li > a:hover,\n  .brand-header .dropdown-menu ul li > button:hover {\n    background: none\n  }\n}\n\n.navbar-toggle {\n  position: relative;\n  border-radius: $border-radius-large;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  background: $brand-navbar-bg-hover;\n  border: 0;\n  padding: 8px;\n  line-height: 1;\n  height: auto;\n  margin: 7px 0;\n  .icon {\n    width: 20px;\n    height: 20px;\n    vertical-align: top;\n    &, & * {\n      fill: #fff;\n    }\n  }\n}\n\n@media (min-width: $grid-float-breakpoint) {\n  .open_header {\n    position: absolute;\n    left: 0;\n    right: 0;\n    width: 100%;\n    margin: 0 auto\n  }\n  .collapsed_header {\n    display: none!important;\n  }\n}\n@media (min-width:$grid-float-breakpoint) {\n  .menus-container {\n    flex: 0 0 auto;\n    .header-top-nav {\n      .navbar-nav {\n        display: flex;\n        flex-wrap: nowrap;\n        margin: 0 -15px 0 0;\n      }\n    }\n  }\n}\n/* Refurbish menu mobile */\n@media (max-width:$grid-float-breakpoint-max) {\n  #body-wrapper {\n    transition: transform 0.3s ease-in;\n    backface-visibility: hidden;\n    &.menus-open {\n      transform: translate3d(100%,0,0);\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 800000;\n    }\n  }\n  .menus-container {\n    position: fixed;\n    width: 100%;\n    background: $brand-grey-light;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    z-index:1000000;\n    border: 0;\n    transform: translate3d(-100%,0,0);\n    .menus-header {\n      height: 50px;\n      line-height: 49px;\n      padding: 0;\n      background: $brand-grey-light;\n      border-bottom: 1px solid $colorBordes;\n      .menus-close-bt {\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        display: inline-block;\n        width: auto;\n        border: 0;\n        background: 0;\n        color: $brand-secondary;\n        padding: 0 15px;\n        vertical-align: middle;\n        .icon {\n          display: inline-block;\n          width: 14px;\n          height: 14px;\n          margin: 0;\n          padding: 0;\n          vertical-align: middle;\n          &.icon-ui-close {\n            &, & * {\n              fill: $brand-grey-dark;\n            }\n          }\n        }\n      }\n    }\n    .menus-overflow {\n      position: absolute;\n      top: 50px;\n      left: 0;\n      right:0;\n      bottom:0;\n      z-index: 1;\n      &.blocked-scroll {\n        overflow: hidden;\n      }\n    }\n  }\n}\ndiv.iran_message {\n  color:#fff;\n  font-size: 16px;\n  height: $navbar-height;\n  line-height: $navbar-height;\n  padding: 0 15px;\n  float: right;\n  border-right: 1px solid rgba(255, 255, 255, 0.3);\n  @media (min-width: $grid-float-breakpoint) and (max-width: $screen-sm-max) {\n    max-width: 140px;\n    line-height: 1.5;\n    font-size: 15px;\n    html[lang|=\"hu\"] & {\n      display: none;\n    }\n  }\n}\n.dropdown-close-bt {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: inline-block;\n  width: auto;\n  border: 0;\n  background: 0;\n  color: $brand-secondary;\n  padding: 0 15px;\n  vertical-align: middle;\n  text-transform: capitalize;\n  font-size: $font-size-large;\n  .icon {\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    margin-right: 5px;\n    padding: 0;\n    vertical-align: middle;\n    &.icon-ui-chevron-left {\n      &, & * {\n        fill: $brand-secondary;\n      }\n      /*rtl:ignore*/\n      [dir='rtl'] & {\n        transform: rotate(180deg);\n      }\n    }\n  }\n  span {\n    vertical-align: middle;\n  }\n}\n/* generic background svg */\n.checked:after {\n  content: '';\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  background-image: url('/headers/svg/background/icon-ownfill-graph-check-027a02.svg'), none;\n  background-repeat: no-repeat;\n  background-size:100% 100%;\n}\n.mobile-scroll, .menus-overflow {\n  @media (max-width: $grid-float-breakpoint-max) {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n/* Rewards on header */\n.rewards_selector {\n  .header-top-nav .navbar-nav>&>.dropdown-toggle {\n    background: $brand-navbar-bg-dark;\n    color:#fff;\n    .icon {\n      width: 16px;\n      height: 16px;\n      &, & * {\n        fill: #fff;\n      }\n    }\n  }\n  .header-top-nav .navbar-nav>&>.dropdown-toggle.show {\n    &, &:hover, &:focus {\n      background: #bc4206;\n      color:#fff;\n      svg[class*=icon] {\n        &, & * {\n          fill: #fff;\n        }\n      }\n    }\n  }\n  .brand-header & .dropdown-menu.dropdown-rewards {\n    border: 1px solid #bc4206;\n    @media (max-width: $grid-float-breakpoint-max) {\n      position: absolute !important;\n      min-width: 100%;\n      top: 50px;\n      inset: 50px 0 auto 0!important;\n      right: 0;\n      left: 0;\n      bottom: auto;\n      .mobile-scroll {\n        position: static;\n      }\n    }\n    @media (min-width: $grid-float-breakpoint) {\n      min-width: 306px;\n    }\n  }\n}\n.rewards_alert {\n  display: inline-block;\n  width: 13px;\n  line-height: 13px;\n  border-radius: 12px;\n  background-color: #ffd212;\n  color: #000;\n  margin-top: -15px;\n  font-size: 10px;\n  margin-left: -7px;\n  #mobileNavOpener & {\n    position: absolute;\n    right: -5px;\n    top: 13px;\n  }\n}\n.rewards_message {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 18px;\n  background: #fff;\n  &__icon {\n    margin-right: 8px;\n    flex: 0 0  auto;\n    .icon {\n      width: 18px;\n      height: 18px;\n      &, & * {\n        fill: $brand-copy-light;\n      }\n    }\n  }\n  &__content {\n    color: $brand-copy-light;\n    font-size: 14px;\n  }\n  &__title {\n    @include medium-weight;\n  }\n  &__text {\n\n  }\n}\n\n//header generico para headers no destinia\n@media (max-width: $grid-float-breakpoint-max) {\n  .brand-header:not(.destinia-header) {\n    .navbar-brand {\n      margin: 0 0 0 -36px !important;\n    }\n  }\n}\n.brand-header.wozozo-header {\n  .navbar-brand img.brand-logo {\n    margin-top: 10px;\n    width: auto;\n    margin-bottom: 1px;\n  }\n}\n.brand-header.consolidator-header {\n  &:before {\n    background: #f7f7f7;\n    @media (min-width: $screen-sm-min) {\n      background: #f7f7f7;\n    }\n  }\n  .navbar-header {\n    background: #f7f7f7;\n  }\n  .header-top-nav .navbar-nav>li {\n    border-right-color: transparent;\n  }\n  .header-top-nav .navbar-nav>li>.dropdown-toggle {\n    @media (min-width: $screen-sm-min) {\n      background: #f7f7f7;\n      border-top: #222;\n      color: #222;\n      svg[class*=icon-ui] {\n        &, & * {\n          fill: #222;\n        }\n      }\n    }\n  }\n}\n","// Variables\n\n// structure\n$grid-columns: 12 !default;\n$grid-gutter-width: 15px !default;\n\n//** Disabled cursor for form controls and buttons.\n$cursor-disabled: not-allowed !default;\n\n// media queries\n//== Media queries breakpoints\n//\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n// Small screen / tablet\n$screen-sm-min: 768px !default;\n\n// Medium screen / desktop\n$screen-md-min: 992px !default;\n\n// Large screen / wide desktop\n$screen-lg-min: 1200px !default;\n\n// So media queries don't overlap when required, provide a maximum\n$screen-xs-max: ($screen-sm-min - 1) !default;\n$screen-sm-max: ($screen-md-min - 1) !default;\n$screen-md-max: ($screen-lg-min - 1) !default;\n\n// legacy media-query used in illusion css\n$grid-float-breakpoint: $screen-sm-min;\n$grid-float-breakpoint-max: $screen-xs-max;\n\n// Wide limit\n//Container limited para paginas 1200px\n$container-width-limit: 1200px !default;\n//Container limited para paginas anchas 1600px\n$container-wide-width-limit: 1600px !default;\n\n// Colour variables\n$gray-900: #212529 !default;\n$gray-dark: #4a4a4a;\n\n$gray-border: #c7c7c7;\n\n$brand-yellow: #ffd212;\n$brand-yellow-medium: #fffbcc;\n$brand-yellow-light: #fffae9;\n\n$brand-green: #027a02;\n$brand-green-medium: #bfd653;\n$brand-green-light: #e5f1e5;\n\n$brand-navy: #35495a;\n$brand-navy-medium: #85919c;\n$brand-navy-light: #c2c8cd;\n\n$brand-blue-dark: #1e3747;\n$blue-grey-dark: #35495a;\n\n$brand-red: #e50000;\n$brand-red-medium: #ed8d6b;\n$brand-red-light: #fbd9d9;\n\n$brand-brown: #7c7167;\n$brand-brown-medium: #beb8b3;\n$brand-brown-light: #f4f3f2;\n\n$brand-grey-dark: #222222;\n$brand-grey-alt: #222222;\n$brand-grey-strong: #818181;\n$brand-grey-medium: #dfdfdf;\n$brand-grey-secondary: #ededed;\n$brand-grey-light: #f7f7f7;\n\n$brand-copy-light: #74716e;\n\n$travel-copy-light-color: $brand-red;\n\n$interactive-color: #3171c9;\n$interactive-color-light: #d3e5f8;\n$interactive-color-hover: #185596;\n\n$brand-info: #d3e5f8;\n\n$brand-white: #fff;\n\n$brand-hotel-name: #515253;\n$brand-hotel-score-icon: #f6a623;\n$brand-hotel-location-icon: #3171c9;\n$brand-hotel-background-color: $brand-white;\n\n//** Global text color on `<body>`.\n$text-color: $brand-grey-dark;\n\n//** Global textual link color.\n$link-color: $interactive-color;\n//** Link hover color set via `darken()` function.\n$link-hover-color: $interactive-color;\n\n$dropdown-link-color: $gray-900 !default;\n\n// colours availability\n$colorBordes: $brand-grey-medium;\n\n//** `<input>` border color\n$input-border: #d0cbc9;\n\n$menu-hover-bg: #f4f8fc;\n\n//Aura buttons\n\n$btn-default-color: $brand-grey-dark;\n$btn-default-bg: #fff;\n$btn-default-border: $brand-grey-dark;\n$btn-default-hover-txt: $brand-copy-light;\n$btn-default-hover: #fff;\n\n$btn-primary-color: #fff;\n$btn-primary-bg: $brand-primary;\n$btn-primary-border: $brand-primary;\n$btn-primary-hover: $brand-primary-hover;\n\n$btn-secondary-color: #fff;\n$btn-secondary-bg: $brand-secondary;\n$btn-secondary-border: $brand-secondary;\n$btn-secondary-hover: $brand-secondary-hover;\n$btn-secondary-hover-txt: #fff;\n\n$btn-cta-color: $cta-text-color;\n$btn-cta-bg: $brand-cta;\n$btn-cta-border: $brand-cta;\n$btn-cta-hover-txt: $cta-text-color;\n$btn-cta-hover: $brand-cta-hover;\n\n$btn-link-disabled-color: $brand-copy-light;\n$btn-link-disabled-bg: $brand-grey-medium;\n\n$btn-transparent-border: $input-border;\n$btn-transparent-blue-hover: #185596;\n$btn-transparent-blue-hover-txt: #1c66b5;\n\n$extras-background-color: #fde9dd;\n\n// Font variables\n\n$default_font: 'Roboto Fallback MacOS','Roboto Fallback Windows','Roboto Fallback Linux', sans-serif !default;\n$default_font_heading: 'Georama Fallback MacOS', 'Georama Fallback Windows', 'Georama Fallback Linux', sans-serif !default;\n$text_font: 'Roboto' !default;\n$text_font_heading: 'Georama';\n$arabic_text_font: 'Noto Kufi Arabic';\n$farsi_text_font: 'BYekan';\n$hebrew_text_font: 'Arimo';\n$japanese_text_font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka,\n  'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';\n$chinese_text_font: 'Roboto', sans-serif;\n$fonts_base_url: 'https://eur1.otcdn.com/headers/aura/fonts';\n\n$font-size-base: 14px;\n$font-size-large: 16px; // ~16px\n$font-size-superior-large: 18px; // ~18px\n$font-size-small: 12px; // ~12px\n$font-size-extra-small: 10px; // ~10px\n\n$font-size-h1: 24px;\n$font-size-h2: 22px;\n$font-size-h3: 20px;\n$font-size-h4: ceil(($font-size-base * 1.28)); // ~18px\n$font-size-h5: ceil(($font-size-base * 1.14)); // ~16px\n$font-size-h6: $font-size-base; // ~14px\n\n//** Unit-less `line-height` for use in components like buttons.\n$line-height-base: 1.5; // 21/14\n\n//font-weight equivalence to Roboto font names\n$roboto-thin: 200;\n$roboto-light: 300;\n$roboto-regular: 400;\n$roboto-medium: 500;\n$roboto-bold: 700;\n\n$headings-font-weight: $roboto-light;\n$headings-color: $brand-grey-dark;\n\n// Basics of a navbar\n$navbar-height: 50px;\n\n//border color for active tabs and nav menu\n$active-border: $brand-primary;\n\n$border-radius-base: 4px !default;\n\n$border-radius-large: 6px !default;\n\n$btn-border-radius-base: 10px !default;\n$btn-border-radius-large: 10px !default;\n\n// transitions\n$transition-time: 0.3s;\n\n//forms\n//** `<input>` background color\n$input-bg: #fff !default;\n//** `<input disabled>` background color\n$input-bg-disabled: $brand-grey-secondary !default;\n$padding-base-input: 27px 10px 5px 10px !default;\n\n//** `.form-group` margin\n$form-group-margin-bottom: 15px !default;\n\n//** Text color for `<input>`s\n$input-color: $brand-grey-dark;\n\n$input-border-radius: $border-radius-base !default;\n\n//** Border color for inputs on focus\n$input-border-focus: $input-border;\n\n//** Placeholder text color\n$input-color-placeholder: $brand-copy-light;\n\n//** Default `.form-control` height\n$input-height-base: 40px;\n\n$legend-color: $brand-grey-dark;\n$legend-border-color: $colorBordes;\n\n$padding-small-vertical: 7px;\n$padding-small-horizontal: 14px;\n\n$padding-xs-vertical: 3px;\n$padding-xs-horizontal: 10px;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width) !default;\n//** For `$screen-lg-min` and up.\n$container-lg: $container-large-desktop !default;\n\n//** Breadcrumb\n$breadcrumb-bg: transparent;\n$breadcrumb-color: $brand-grey-dark;\n$breadcrumb-active-color: $brand-grey-dark;\n$breadcrumb-separator: '>';\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n$state-success-text: #3c763d !default;\n$state-success-bg: #dff0d8 !default;\n$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;\n\n$state-info-text: #31708f !default;\n$state-info-bg: #d9edf7 !default;\n$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;\n\n$state-warning-text: #8a6d3b !default;\n$state-warning-bg: #fcf8e3 !default;\n$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;\n\n$state-danger-text: #a94442 !default;\n$state-danger-bg: #f2dede !default;\n$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;\n\n//== Alerts\n//\n//## Define alert colors, border radius, and padding.\n\n$alert-padding: 15px !default;\n$alert-border-radius: $border-radius-base !default;\n$alert-link-font-weight: inherit !default;\n\n$alert-success-bg: $state-success-bg !default;\n$alert-success-text: $state-success-text !default;\n$alert-success-border: $state-success-border !default;\n\n$alert-info-bg: $state-info-bg !default;\n$alert-info-text: $state-info-text !default;\n$alert-info-border: $state-info-border !default;\n\n$alert-warning-bg: $state-warning-bg !default;\n$alert-warning-text: $state-warning-text !default;\n$alert-warning-border: $state-warning-border !default;\n\n$alert-danger-bg: $state-danger-bg !default;\n$alert-danger-text: $state-danger-text !default;\n$alert-danger-border: $state-danger-border !default;\n\n// filters\n$filter-hover-bg: $menu-hover-bg;\n\n$order-menu-dropdown-border: #d3d7dc;\n$order-menu-dropdown-hover: #f4f8fc;\n\n// black friday\n\n$black-friday-background-color: #222;\n$black-friday-svg-background-color: #E50000;\n\n//aura searcher\n$aura-searcher-occupancy-warning-text: #c1a655;\n$aura-searcher-desktop-breakpoint: 900px;\n$aura-searcher-tablet-breakpoint: 690px;","// Variables with custom properties values\n\n// Colour custom properties\n\n$brand-primary:         var(--brand-primary);\n$brand-primary-hover:   var(--brand-primary-hover);\n$brand-primary-medium: var(--brand-primary-medium);\n$brand-primary-light: var(--brand-primary-light);\n\n$brand-secondary: var(--brand-secondary);\n$brand-secondary-hover: var(--brand-secondary-hover);\n$brand-secondary-medium: var(--brand-secondary-medium);\n$brand-secondary-light: var(--brand-secondary-light);\n\n\n//** Background color for `<body>`.\n$body-bg:               var(--body-bg);\n\n$brand-cta: var(--brand-cta); //Call to action #ffd212\n$brand-cta-hover: var(--brand-cta-hover);\n$cta-text-color: var(--cta-text-color); // texto color\n\n// Header and footer colors\n\n$brand-navbar-bg: var(--brand-navbar-bg);\n$brand-navbar-bg-dark: var(--brand-navbar-bg-dark);\n$brand-navbar-bg-hover: var(--brand-navbar-bg-hover);\n$brand-navbar-text: var(--brand-navbar-text);\n$brand-navbar-text-open: var(--brand-navbar-text-open);\n\n// Map\n$brand-map-cluster: var(--brand-map-cluster);","@mixin medium-weight {\n  font-weight: 500;\n  html[lang|=\"ar\"] &, html[lang|=\"fa\"] &, html[lang|=\"he\"] &, html[lang|=\"ja\"] &, html[lang|=\"zh\"] &, html[lang|=\"ko\"] & {\n    font-weight: 700;\n  }\n}\n","/* menu superior cuenta, moneda, idioma */\n.destinia-header {\n  .header-top-nav .navbar-nav>li>.dropdown-toggle.show {\n    &, &:hover {\n      background: $brand-navbar-bg-dark;\n      color: #fff;\n    }\n    &:focus {\n      background: #fff;\n    }\n  }\n  .header-top-nav {\n    .navbar-nav > li {\n      > .dropdown-toggle, > .dropdown-not-toggle {\n        @media (min-width: $grid-float-breakpoint) {\n          padding: 0 10px;\n        }\n        > span {}\n        svg.icon-graph-user {\n          @media (min-width: $grid-float-breakpoint) {\n            width: 16px;\n            height: 16px;\n          }\n        }\n        &.show {\n          &, &:hover, &:focus {\n            background: $brand-navbar-bg-dark;\n            color: #fff;\n          }\n        }\n      }\n      &.rewards_selector a {\n        display: inline-block;\n        text-align: center;\n      }\n    }\n  }\n}\n@media (min-width: $grid-float-breakpoint) {\n  .destinia-header {\n    .header-top-nav {\n      .navbar-nav > li {\n        border-right: none;\n        > button > span, > a > span {\n          @include medium-weight;\n          font-size: 16px;\n          &.mobile-text {\n            display: none;\n          }\n        }\n        .dropdown-not-toggle .mobile-text {\n          display: none;\n        }\n        > .dropdown-toggle {\n          border-top: none;\n        }\n      }\n    }\n    .header-bottom-nav .navbar-nav > li#dropdown-main-more.dropdown {\n      margin-left: auto !important;\n      margin-right: 10px !important;\n      .dropdown-toggle {\n        padding-right: 10px;\n        svg {\n          width: 12px;\n          height: 12px;\n          margin-bottom: -1px;\n        }\n      }\n      .dropdown-menu {\n        right: 0;\n        left: auto;\n      }\n    }\n  }\n}\n\n/* Rewards on header */\n.destinia-header .header-top-nav .navbar-nav>li.rewards_selector {\n  >.dropdown-toggle span {\n    &.rewards-text-desktop {\n      display: none;\n    }\n    &.rewards-text-mobile {\n      display: inline-block;\n    }\n  }\n\n  @media (min-width: $grid-float-breakpoint) {\n    padding: 0 10px;\n    display: flex;\n    flex-wrap: wrap;\n    align-content: center;\n\n    &.hidden {\n      display: none;\n    }\n\n    >.dropdown-toggle {\n      height: auto;\n      padding: 2px 10px;\n      border-radius: 14px;\n      border: solid 1px #fff;\n      line-height: 1;\n      vertical-align: middle;\n      .icon {\n        margin-right: 5px;\n        object-fit: contain;\n      }\n\n      span {\n        display: inline-block;\n        @include medium-weight;\n        font-size: 16px;\n        line-height: 22px;\n\n        &.rewards-text-desktop {\n          display: inline-block;\n        }\n        &.rewards-text-mobile {\n          display: none;\n        }\n      }\n    }\n  }\n  .header-top-nav .navbar-nav>&>.dropdown-toggle .icon {\n    @media (min-width: $grid-float-breakpoint) {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  .header-top-nav .navbar-nav>&>.dropdown-toggle.show {\n    &, &:hover, &:focus {\n      @media (min-width: $grid-float-breakpoint) {\n        color: $brand-navbar-bg-dark;\n        background: #fff;\n        svg[class*=icon] {\n          &, & * {\n            fill: $brand-navbar-bg-dark;\n          }\n        }\n      }\n\n    }\n  }\n}\n\n/* Mobile */\n.destinia-header {\n  .navbar-header {\n    display: flex;\n    flex-direction: row;\n\n    > div button.navbar-toggle {\n      background: none;\n      margin: 14px 0;\n      padding: 0;\n    }\n  }\n  @media (max-width: $grid-float-breakpoint-max) {\n    .navbar-header {\n      flex-direction: row-reverse;\n      justify-content: space-between;\n    }\n    .menus-container {\n      background-color: #fff;\n      .menus-header {\n        height: 50px;\n        text-align: right;\n        border: none;\n        background-color: #fff;\n\n        .menus-close-bt {\n          height: 16px;\n          padding: 1px 20px;\n          svg {\n            height: 16px;\n            width: 16px;\n          }\n          .icon-ui-close {\n            &, & * {\n              color: $brand-copy-light;\n              fill: $brand-copy-light;\n            }\n          }\n        }\n      }\n\n      .menus-overflow {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        top: 50px;\n        bottom: 0;\n\n        .header-top-nav {\n          border-bottom: none;\n          order: 1;\n          .navbar-nav {\n            flex-direction: column;\n            padding: 15px 30px;\n            border-bottom: none;\n\n            li {\n              border: none;\n              a, button {\n                width: auto;\n                color: $brand-grey-dark;\n                background: none;\n                padding: 10px 0;\n                height: auto;\n                line-height: 1;\n                font-size: 16px;\n              }\n\n              &.language_selector, &.locale_selector, &.currency_selector {\n                .dropdown-top-header {\n                  .dropdown-top-header-title {\n                    align-self: flex-end;\n                    + button {\n                      align-self: flex-start;\n                      .icon {\n                        &, & * {\n                          fill: $brand-copy-light;\n                        }\n                      }\n                    }\n                  }\n                }\n                > button {\n                  width: 100%;\n                  display: flex;\n                  justify-content: space-between;\n\n                  > span {\n                    font-size: 16px;\n                  }\n                }\n              }\n\n              &.language_selector, &.locale_selector {\n                border-bottom: 1px solid $colorBordes;\n                padding-bottom: 15px;\n                .dropdown-not-toggle {\n                  padding: 0;\n                }\n                svg {\n                  padding: 0;\n                  margin: 0;\n                }\n              }\n              &.currency_selector .currentCurrencyCode {\n                font-weight: inherit;\n                margin: 0;\n              }\n              &.rewards_selector {\n                padding-top: 15px;\n                span {\n                  color: $brand-green;\n                }\n              }\n              &#loginheader {\n                height: auto;\n                padding: 0;\n                .dropdown-toggle {\n                  padding: 10px 0;\n                }\n                .dropdown-menu.dropdown-account {\n                  position: relative !important;\n                  z-index: 0;\n                  height: auto;\n                  display: block;\n                  padding: 0;\n                  .mobile-scroll {\n                    position: relative;\n                    top: auto;\n                    padding: 0;\n                    li span, li a {\n                      padding: 10px 20px;\n                    }\n                    li.link-logout a {\n                      padding-left: 0;\n                    }\n                  }\n                }\n                .greetings {\n                  display: inline;\n                }\n              }\n              &#loginheader svg, &.rewards_selector svg {\n                display: none;\n              }\n            }\n          }\n        }\n\n        .header-bottom-nav {\n          padding: 0 30px;\n          order: 0;\n          .navbar-nav {\n            border: none;\n            border-bottom: 1px solid $colorBordes;\n\n            li {\n              border-bottom: none;\n              a {\n                line-height: 1;\n                height: auto;\n                padding: 10px 0;\n              }\n              &#dropdown-main-more.dropdown {\n                button {\n                  display: flex;\n                  align-items: center;\n                  justify-content: space-between;\n                  padding: 0;\n\n                  svg {\n                    width: 18px;\n                    height: 18px;\n                    &, & * {\n                      color: $brand-copy-light;\n                      fill: $brand-copy-light;\n                    }\n                  }\n\n                  &.show {\n                    svg.icon-ui-chevron-down {\n                      transform: rotate(180deg);\n                    }\n                  }\n                }\n                .dropdown-menu.dropdownmenu-main-more {\n                  position: relative;\n                  border: none;\n                  padding-left: 25px;\n                  padding-bottom: 10px;\n                  border-bottom: 1px solid $colorBordes;\n                  box-shadow: none;\n                  ul {\n                    border: none;\n                  }\n                }\n              }\n              //Active mark\n              &:has(li.active) button, &.active a {\n                border-left: none;\n                @include medium-weight;\n                &::before {\n                  content: \"\";\n                  background-color: $brand-primary;\n                  height: 21px;\n                  width: 2px;\n                  display: inline-block;\n                  position: absolute;\n                  margin-left: -12px;\n                  margin-top: -4px;\n                }\n              }\n              &:has(li.active) button::before {\n                margin-top: -3px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n//Scroll block at desktop\n@media (min-width: $grid-float-breakpoint) {\n  body:has(header.destinia-header .currency_selector .dropdown-menu.show),\n  body:has(header.destinia-header .language_selector .dropdown-menu.show),\n  body:has(header.destinia-header .locale_selector .dropdown-menu.show) {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    overflow-y: scroll;\n  }\n}",".phone-assistant {\n  float: right;\n  @media (min-width: $grid-float-breakpoint) {\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\n    .noclick-header & {\n      border-right: 0;\n    }\n  }\n  > .dropdown-toggle, > .dropdown-not-toggle {\n    height: $navbar-height;\n    padding: 0;\n    border: 0;\n    background: $brand-navbar-bg-dark;\n    line-height: $navbar-height;\n    color: $brand-navbar-text;\n    @media (min-width: $grid-float-breakpoint) {\n      padding: 0 15px;\n      border-top: 1px solid $brand-navbar-bg;\n    }\n    > span {\n      vertical-align: middle;\n    }\n    svg {\n      vertical-align: middle;\n      &.icon-ui-chevron-down {\n        width: 10px;\n        height: 10px;\n        margin-left: 5px;\n      }\n      &[class*=\"icon-\"], &[class*=\"icon-\"] * {\n        fill: $brand-navbar-text;\n      }\n    }\n  }\n  > .dropdown-toggle {\n    &:hover, &:focus {\n      cursor: pointer;\n      color: $brand-navbar-text;\n      background: $brand-primary-hover;\n      > svg, > svg * {\n        fill: $brand-navbar-text;\n      }\n    }\n  }\n  .dropdown-toggle {\n    display: inline-block;\n    padding-top: 0;\n    line-height: 1;\n    max-height: $navbar-height;\n    position: relative;\n  }\n  > .dropdown-toggle.show, > .dropdown-toggle.show:hover, > .dropdown-toggle.show:focus {\n    color: $brand-navbar-text-open;\n    background: #fff;\n    svg[class*=\"icon-\"], svg[class*=\"icon-\"] * {\n      fill: $brand-navbar-text-open;\n      opacity: 1;\n    }\n  }\n  .icon-graph-customerservice {\n    width: 30px;\n    height: 30px;\n    margin-right: 6px;\n  }\n  .dropdown-toggle .icon-graph-phone {\n    width: 20px;\n    height: 20px;\n    display: none;\n  }\n  .phoneinfo {\n    display: inline-block;\n    vertical-align: top;\n    text-align: left;\n    font-size: $font-size-base;\n    @include medium-weight;\n    span {\n      display: block;\n      font-size: $font-size-small;\n      font-weight: $roboto-regular;\n      &.phonecopy, &.phone_info_desc {\n      }\n      &.phone_info_desc {\n        max-width: 200px;\n        font-weight:$roboto-light;\n      }\n      &.phonecopy{\n        margin-top:3px;\n      }\n      &.skeleton__title {\n        position:relative;\n        overflow: hidden;\n        display: block;\n        width: 98px;\n        height: 11px;\n        margin: 3px 0 3px;\n        border-radius: 2px;\n        background: none;\n        &:after {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          z-index: 2;\n          background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);\n          background-position: 0 0;\n          background-repeat: no-repeat;\n          animation: shinelazyloadphone 2s infinite;\n        }\n      }\n      &.skeleton__sub {\n        width: 147px;\n        height: 9px;\n        margin-top: 2px;\n      }\n    }\n  }\n}\n\nhtml[lang|=\"fa\"] .phone-assistant .phoneinfo span.phonecopy {\n  line-height: 1.8;\n}\n@media (max-width: $grid-float-breakpoint-max) {\n  .phone-assistant {\n    position: static;\n    .phoneinfo, .facelogoinfo .icon-ui-chevron-down {\n      display: none;\n    }\n    .icon-graph-customerservice {\n      margin-right: 0;\n    }\n    .facelogoinfo {\n      .icon-graph-customerservice {\n        display: inline-block;\n      }\n      .icon-graph-phone {\n        display: none;\n      }\n    }\n    .phonelogoinfo {\n      .icon-graph-customerservice {\n        display: none;\n      }\n      .icon-graph-phone {\n        display: inline-block;\n      }\n    }\n  }\n}\n@media (min-width: $grid-float-breakpoint) and (max-width: $screen-md-max) {\n  .phone-assistant {\n    .phoneinfo {\n      display: none;\n      .noclick-header & {\n        display: inline-block;\n      }\n    }\n    .icon-graph-customerservice {\n      margin-right: 0;\n    }\n  }\n}\n.dropdown-phone-info {\n  min-height: 90px;\n}\n//popup telefonos\n.brand-header, .custom-brand-header {\n  .dropdown-menu.dropdown-phone-info {\n    margin: 0;\n    min-width: 100%;\n    @media (max-width: $grid-float-breakpoint-max) {\n      display: block;\n      position: fixed !important;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      float: none;\n      transform: translate3d(100%, 0, 0) !important;\n      transition: transform .3s ease-in;\n      backface-visibility: hidden;\n      box-shadow: none;\n      inset: 0 !important;\n      &.show {\n        transform: translate3d(0, 0, 0) !important;\n      }\n      .dropdown-top-header {\n        background: #fff;\n        border-bottom: 1px solid #fff;\n        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.12);\n        .header-title {\n          display: inline-block;\n          font-size: 18px;\n          font-weight: $roboto-light;\n          color: $brand-grey-dark;\n          vertical-align: middle;\n        }\n        .dropdown-close-bt {\n          .icon {\n            &, & * {\n              fill: $brand-grey-dark;\n            }\n          }\n        }\n      }\n    }\n    .phone-extended-info {\n      min-width: 213px;\n      width:100%;\n      padding-bottom:10px;\n      margin: 0;\n      .assistance-title {\n        font-size: $font-size-base;\n        font-weight: $roboto-light;\n        color: $brand-navbar-text-open;\n        line-height: 1.4;\n        margin-bottom: 0;\n        padding:20px 15px 10px;\n        @media (min-width: $grid-float-breakpoint) {\n          display: none;\n        }\n      }\n      ul li {\n        text-align: left;\n        color: $brand-grey-dark;\n        margin: 0;\n        padding:10px 15px;\n      }\n      ul {\n        border: 0;\n        li {\n          border: 0;\n          text-align: left;\n          font-size:$font-size-large;\n          .txt_faq{\n            color: $interactive-color;\n          }\n          svg {\n            margin-right: 13px;\n            margin-bottom: 0;\n            float: left;\n            &.icon-graph-help{\n              width: 20px;\n              height: 20px;\n              /* margin-bottom:26px;*/\n            }\n            &.icon-graph-phone{\n              width: 20px;\n              height: 20px;\n            }\n            &.icon-graph-email{\n              width: 20px;\n              height: 20px;\n            }\n            &, & * {\n              fill: $brand-navbar-text-open;\n            }\n          }\n          &:last-child a{\n            color: $brand-navbar-text-open;\n          }\n        }\n      }\n\n      a {\n        font-size: $font-size-large;\n        text-align: left;\n        font-weight: $roboto-light;\n        padding: 0 !important;\n        width: auto;\n        line-height: normal;\n        height: auto;\n        display:block;\n        &:hover, &:focus {\n          background: #fff;\n          text-decoration: none;\n        }\n      }\n\n      .phonetype {\n        font-size: 16px;\n        font-weight: $roboto-light;\n        color: $brand-grey-dark;\n        display:block;\n      }\n      .icon + .phonetype {\n        padding-left: 33px;\n      }\n      a .phonetype {\n        color: $interactive-color;\n      }\n      .faq {\n        font-size: 16px;\n        font-weight: $roboto-light;\n        color: $brand-grey-dark;\n        display:block;\n        padding-left:33px;\n      }\n      strong {\n        font-size: 19px;\n        color:$brand-grey-dark;\n      }\n      .phonedesc {\n        font-size: 10px;\n        font-weight: $roboto-light;\n        display: block;\n        line-height:14px;\n        color: $brand-grey-dark;\n      }\n      .alert {\n        font-size: $font-size-base;\n        margin-bottom: 15px;\n      }\n    }\n  }\n}\n\n\n[dir=\"rtl\"] .phone-extended-info .phonetype + strong{\n  padding-left:45px;\n}\n[dir=\"rtl\"] .phone-extended-info ul li svg{\n  margin-top:5px;\n}\n\n@keyframes shinelazyloadphone {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n",".header_destinia_help_button {\n  position: relative;\n  float: right;\n  > .destinia-help-link {\n    display: inline-block;\n    height: $navbar-height;\n    padding: 0;\n    border: 0;\n    background: $brand-navbar-bg-dark;\n    line-height: $navbar-height;\n    color: $brand-navbar-text;\n    vertical-align: middle;\n    > span {\n      display: inline-block;\n      vertical-align: middle;\n      font-size: $font-size-large;\n      line-height: 1;\n    }\n    @media (min-width: $grid-float-breakpoint) {\n      padding: 0 10px;\n      > span {\n        @include medium-weight;\n      }\n    }\n\n    &:hover, &:focus {\n      cursor: pointer;\n      color: $brand-navbar-text;;\n      background: $brand-primary-hover;\n    }\n  }\n}","@charset \"utf-8\";\n//Abstracts\n@import \"../abstracts/__abstracts-dir\";\n\n@import \"header/header_common\";\n@import \"header/destinia_header\";\n@import \"header/telephone\";\n@import \"header/destinia_help\";\n.brand-header {\n  &.noclick-header  .navbar-header {\n    text-align: left;\n  }\n}\n.phone-assistant {\n  &.no-click {\n    .icon-graph-customerservice, .icon-graph-customerservice * {\n      fill: $brand-navbar-text;\n    }\n    .phoneinfo {\n      display: inline-block;\n      vertical-align: top;\n      text-align: right;\n    }\n    .phoneinfo span {\n      display: inline-block;\n      font-size: $font-size-base;\n      @include medium-weight;\n    }\n  }\n}\n"]}