{"version":3,"sourceRoot":"","sources":["../../../../../resources/aura/src/scss/abstracts/__abstracts-dir.scss","../../../../../resources/aura/src/scss/layouts/footer/_footer_common.scss","../../../../../resources/aura/src/scss/abstracts/_custom_properties.scss","../../../../../resources/aura/src/scss/abstracts/_variables.scss","../../../../../resources/aura/src/scss/layouts/footer/_footer_full_elements.scss","../../../../../resources/aura/src/scss/layouts/footer/_newsletter.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;EACE;;AACA;EAFF;IAGI;;;AAHJ;EAKE;;AACA;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE,YC1DoB;ED2DpB;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAEF;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;IACA;;;AAEF;EACE;EACA;;AACA;EAHF;IAII;IACA;;EACA;IACE;;;AAGJ;EACE;;AAKR;EACE;EACA,YExCa;EFyCb;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAED;EACE;EACA,aEmEM;EFlEN,WEgDQ;EF/CR,OExCW;;AF0Cd;EACE;;AACA;EAFF;IAGI;;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA,aE6BO;EF5BP;EACA;;AAEF;EACE;EACA;EACA,aEsBO;EFrBP;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA,aEOW;EFNX;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA,aETS;EFUT;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,MElIU;;AFsIZ;EACE;;AAGJ;EACE;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;EACA;;AAGJ;EACE;;AACA;EACE;EACA;;;AAIN;EAEI;IACE;;EACA;IACE;;;AAMR;EAEI;IACE;;;AAMN;EAEI;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEC;IACE;;EACC;IACE;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;;EACE;IACA;;EAIJ;IACE;IACA,WEpMI;IFqMJ;IACA;IACA;IACA;;EACA;IACE;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA,aEhMJ;IFiMI;IACA;IACA;IACA;IACA;;EAEF;IACE;;EAMN;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;;EAGN;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;;EAIA;IACE;;EAGJ;IACE;;EAEF;IACE;IACA;IACA,WErQM;;EFuQR;IACE;;EAKJ;IACE;IACA;IACA,WEhRQ;IFiRR;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;;EACA;IACE;;;AAOZ;EACE;IACE;;;AAGJ;EACE;IACE;IACA;IACA;;EACA;IACE;IACA;;;AAIN;EAEI;IACE;IACA;IACA;IACA;;;AAIN;EACE;IACE;;;AAGJ;AACA;AAGI;EADF;IAEI;IACA;IACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,YEvaiB;;AF0ajB;EADF;IAEI;;;;AAKR;EACE,YChegB;EDiehB,OC9dkB;ED+dlB;;AACA;EACE;;AACA;EACE,YCteY;;ADweV;EACE;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGA;EACE;EACA;;AAEF;EACE;;AAKR;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA,OCxgBY;EDygBZ;EACA;;AACA;EACE;;AAKR;EACE;;;AAIF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAGA;EACE;;;AAKJ;EACE;;;AAIF;EACE;;AAEF;EACE;;AAEF;EACE;;;AGxkBF;EACE;EACA,aDuKW;ECtKX;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE,MD+CU;;AC3CZ;EACE;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAIN;EACE;;;ACnEN;AAAA;AAAA;AAAA;AAIA;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;;AACA;EAGE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EA3CF;IA4CM;;;;AAMJ;EAFF;AAAA;IAGI;;EACA;AAAA;IACE;;;AAGJ;EARF;AAAA;IASI;;EACA;AAAA;IACE;;;;AAIN;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IAEE;IACA;IACA;;;AAGJ;EACE;EACA;;;AAMJ;AACA;AAEA;EAEI;AAAA;IAEE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAGA;IACE;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EACA;IACE;IACA;IACA;;EAGJ;IACE;IACA;;EACA;IACE;;;AAOZ;EACE;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EACA;IACE;IACA;;EAGJ;IACE;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIJ;EAEI;IACE;;EAEF;IACE;;;AAKN;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;;AAIN;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EACA;IACE;;;AAKN;AACA;EACE;IACE;IACA;;EAEF;IACE;;;AAGJ;AACA;EACE;IACE;;EAEF;IACE;;EAGA;IACE;;;AAIN;AACA;EACE;IACE;;;AAGJ;AACA;EACE;IACE;IACA;;EAEF;IACE;;;AAGJ;EACE;IACE;;;AAGJ;AACA;EACE;IACE;;;AAGJ;EACE;;AACA;EACE;EACA;;;AAGJ;AAIM;EACE;;AAKA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AAGJ;EACE;IACE","file":"footer_full.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","#footer {\n  margin-top:60px;\n  @media (min-width:$grid-float-breakpoint) {\n    margin-top:90px;\n  }\n  color:#FFF;\n  .icon-footer-sure {\n    fill: #FFF;\n    vertical-align:middle;\n    & * {\n      fill: #FFF\n    }\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n  .icon-logo-iata {\n    width: 40px;\n    height: 27px;\n  }\n  .icon-logo-confianzaonline {\n    width: 32px;\n    height: 30px;\n  }\n  .icon-logo-globessl {\n    width: 90px;\n    height: 23px;\n  }\n  .icon-logo-visa {\n    width: 48px;\n    height: 15px;\n  }\n  .icon-logo-mastercard {\n    width: 39px;\n    height: 30px;\n  }\n  .icon-logo-dinersclub {\n    width: 90px;\n    height: 29px;\n  }\n  .icon-logo-paypal {\n    width: 63px;\n    height: 17px;\n  }\n  .icon-logo-bitcoin {\n    width: 81px;\n    height: 17px;\n  }\n  .icon-logo-bitpay {\n    width: 54px;\n    height: 36px;\n  }\n  .icon-logo-americanexpress {\n    width: 30px;\n    height: 30px;\n  }\n  .icon-logo-klarna {\n    width: 60px;\n    height: 60px;\n  }\n   // footer colaboraciones\n  .footer-collaborations  {\n    background:$brand-primary;\n    text-align: center;\n    margin-bottom:1px;\n    padding:20px 0;\n    min-height:72px;\n    @media (max-width: $grid-float-breakpoint-max) {\n      padding: 20px 0 0;\n    }\n    .logos-container {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      align-items: center;\n      @media (min-width: $screen-lg-min) {\n        width: 992px;\n        margin: 0 auto;\n      }\n      .logo-item {\n        margin: 0;\n        text-align: center;\n        @media (max-width: 500px) {\n          flex: 1 1 16%;\n          margin-left: 2%;\n          &:first-child {\n            margin-left: 0;\n          }\n        }\n        .icon {\n          display: inline-block;\n        }\n      }\n    }\n  }\n  .footer-links{\n    height: auto;\n    background: $blue-grey-dark;\n    border-bottom:5px solid $brand-primary;\n    .opacity-layer-footer{\n      height: auto;\n      padding:0;\n      margin: 0;\n      .container-limited > .responsive-cols {\n        margin: 0 -15px;\n      }\n       .title-link-list{\n         text-transform: uppercase;\n         font-weight: $roboto-light;\n         font-size: $font-size-base;\n         color:$colorBordes;\n       }\n      .cont-links {\n        padding: 20px 15px;\n        @media (min-width: $screen-md-min) {\n          width: 66.666667%;\n        }\n          button{\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            border-radius: 0!important;\n            outline: 0 !important;\n            border:0;\n            width:100%;\n            background:transparent;\n            text-align: left;\n            cursor: inherit;\n            padding-left: 0;\n        }\n      }\n    }\n    hr{\n      border-bottom:2px solid $colorBordes;\n      width:20px;\n      border-top:0;\n      margin:15px 0;\n      text-align: left;\n    }\n    .links {\n      margin:0;\n      padding:0;\n      li{\n        list-style: none;\n        color:#FFF;\n        font-size:14px;\n        font-weight:$roboto-light;\n        line-height:24px;\n        text-align: left;\n      }\n      a{\n        color:#FFF;\n        font-size:14px;\n        font-weight:$roboto-light;\n        text-decoration: none;\n      }\n    }\n    .icon-logo-destinia {\n      width: 100px;\n      height:17px;\n      margin:2px 0 17px 0;\n      display: block;\n      &, & * {\n        fill: #fff;\n      }\n    }\n    p.copy{\n      color:#FFF;\n      font-size:12px;\n      font-weight:$roboto-regular;\n      margin-bottom: 0;\n    }\n    .address-phone, .company-phone {\n      display: block;\n      text-align: left;\n    }\n  }\n  .cont-apps {\n    margin: 0;\n    margin-bottom: 25px;\n    font-size: 0;\n    .appclaim {\n      width: 42%;\n      color: #fff;\n      font-weight: $roboto-light;\n      display: inline-block;\n      font-size: 16px;\n      vertical-align: top;\n      line-height: 1.1;\n    }\n    a {\n      display: inline-block;\n      .icon{\n        width: 134px;\n        height: 40px;\n        opacity: 0.7;\n        margin-right: 10px;\n        margin-bottom: 10px;\n        transition: opacity 0.3s;\n        &, & * {\n          fill:$colorBordes;\n        }\n      }\n      &:hover, &:focus {\n        .icon {\n          opacity: 1;\n        }\n      }\n      &:last-child {\n        margin-left: 0;\n      }\n    }\n  }\n  .trusted-shops-footer-elem {\n    display: inline-flex;\n    flex-wrap: nowrap;\n    border-radius: 6px;\n    border: 1px solid rgba(255, 255,255, 0.8);\n    padding: 5px 10px;\n    margin-bottom: 20px;\n    gap: 10px;\n    color: rgba(255, 255,255, 0.8);\n    line-height: 1.1;\n    font-size: 13px;\n    align-items: center;\n    .logo.trustedshops-guarantee, .logo.trustedshops-e-circle {\n      width: 36px;\n      height: 36px;\n    }\n    > div {\n      border-left: 1px solid rgba(255, 255,255, 0.8);\n      padding: 0 0 0 10px;\n    }\n    .trusted-shops-buyer-protection-text {\n      max-width: 100px;\n      text-align: center;\n    }\n    .trusted-shops-stars-container {\n      display: inline-block;\n      width: 64px;\n      height: 10px;\n\n      .trusted-shops-stars-rating {\n        height: 10px;\n      }\n    }\n    .trusted-shops-rating-text {\n      display: flex;\n      flex-wrap:nowrap;\n      gap: 5px;\n    }\n  }\n  .transparencia-algoritmica-logo {\n    margin-bottom: 20px;\n    svg {\n      width: 183px;\n      height: 54px;\n    }\n  }\n}\n@media (min-width: $screen-lg-min) {\n  #footer {\n    hr.separator_footer {\n      margin-top: 20px;\n      [lang|='es'] & {\n        margin-top: 20px;\n      }\n    }\n  }\n}\n// small desktop from 992 to 1199\n@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n  #footer {\n    .cont-apps{\n      padding: 0;\n    }\n  }\n}\n\n//mobile\n@media (max-width: $grid-float-breakpoint-max) {\n  #footer {\n    .footer-collaborations {\n      padding:20px 0 0 0;\n    }\n    .icon-footer-sure {\n      vertical-align:super;\n      margin-bottom: 20px;\n    }\n    .icon-logo-iata {\n      width: 32px;\n      height: 22px;\n    }\n    .icon-logo-confianzaonline {\n      width: 26px;\n      height: 24px;\n    }\n    .icon-logo-globessl {\n      width: 73px;\n      height: 19px;\n    }\n    .icon-logo-visa {\n      width: 41px;\n      height: 13px;\n    }\n    .icon-logo-mastercard {\n      width: 32px;\n      height: 25px;\n    }\n    .icon-logo-dinersclub {\n      width: 73px;\n      height: 19px;\n    }\n    .icon-logo-paypal {\n      width: 51px;\n      height: 14px;\n    }\n    .icon-logo-bitcoin {\n      width: 66px;\n      height: 14px;\n    }\n    .icon-logo-bitpay {\n      width: 36px;\n      height: 24px;\n    }\n    .icon-logo-americanexpress {\n      width: 24px;\n      height: 24px;\n    }\n    .icon-logo-klarna {\n      width: 50px;\n      height: 50px;\n    }\n    .footer-links {\n      background-image:none;\n\n       .opacity-layer-footer {\n         padding:0;\n          .cont-links {\n            height: auto;\n            padding:0;\n            .opacity-mobile-tablet{\n              width:100%;\n              height: auto;\n              background-color:rgba(16,32,44, 0.6);\n              padding:0;\n              margin:0;\n                > div{\n                padding: 0;\n                }\n            }\n\n            button{\n              color:#FFF;\n              font-size:$font-size-large;\n              opacity:1;\n              cursor: pointer;\n              text-align: left;\n              padding:32px 21px;\n              &[data-bs-toggle=\"collapse\"] {\n                position: relative;\n                padding:32px 32px 32px 21px;\n                &:after {\n                  content: '';\n                  width: 10px;\n                  height: 10px;\n                  display: inline-block;\n                  background-image: url('/headers/svg/background/icon-ownfill-ui-minus-ffffff.svg'), none;\n                  background-repeat: no-repeat;\n                  background-size: 100%;\n                  font-weight: $roboto-bold;\n                  font-size: 16px;\n                  position: absolute;\n                  top: 50%;\n                  right: 20px;\n                  transform: translate(0, -50%);\n                }\n                &.collapsed:after {\n                  background-image: url('/headers/svg/background/icon-ownfill-ui-plus-ffffff.svg'), none;\n                }\n              }\n\n\n            }\n            .cont-copy-footer {\n              padding:21px 21px 10px 21px!important;\n            }\n            hr{\n              margin:0;\n              border-bottom:1px solid #d8d8d8;\n              width:auto;\n              opacity: 0.2;\n              display: block;\n            }\n            hr.separator_footer{\n              border:0;\n            }\n          }\n        .cont-redes-sociales {\n          background-color: rgba(255, 255, 255, 0.1);\n          padding:20px 20px 0 20px;\n          min-height:initial;\n          .individual-redsocial {\n            width: 32px;\n            height: 32px;\n            margin-right: 4% !important;\n           }\n          .cont-tweet\n          {\n            * {\n              font-size: 14px;\n            }\n          }\n          .row > div{\n            padding-top:0;\n          }\n          .title-link-list {\n            text-align: left;\n            padding-top: 0;\n            font-size: $font-size-large;\n          }\n          .blog-footer {\n            padding:0 0 31px 0;\n          }\n        }\n      }\n      .links {\n        a {\n          display:block;\n          color: #FFF;\n          font-size: $font-size-large;\n          text-decoration: none;\n          padding: 7px 10px 7px 21px;\n          line-height: 30px;\n          vertical-align: middle;\n          width: 100%;\n        }\n        li {\n          background:transparent;\n          border-bottom: 1px solid rgba(216, 216, 216, .2);\n          a {\n            padding: 7px 10px 7px 34px;\n          }\n        }\n      }\n    }\n  }\n}\n@media (max-width: 320px) {\n  #footer .footer-links .opacity-layer-footer .cont-links .cont-copy-footer {\n    padding: 21px 21px 10px 21px!important;\n  }\n}\n@media (min-width: $screen-sm-min) {\n  .footer-menu, .footer-menu .destinia_seo_web_common_modules_footermenu {\n    display: flex;\n    flex-wrap: nowrap;\n    width: 100%;\n    .responsive-col {\n      max-width: 33.333333%;\n      flex: 1 0 auto;\n    }\n  }\n}\n@media (min-width: $screen-md-min) {\n  .opacity-layer-footer {\n    > .container-limited > .responsive-cols {\n      display: flex;\n      align-items: stretch;\n      flex-direction: row-reverse;\n      flex-wrap: nowrap;\n    }\n  }\n}\n@media print {\n  #footer {\n    display: none;\n  }\n}\n/* skeleton footer links */\n/* Destinia links footer */\n.destinia_seo_web_common_modules_footermenu {\n  .skeleton {\n    @media (min-width: $screen-sm-min) {\n      display: flex;\n      flex-wrap: nowrap;\n      width: 100%;\n    }\n    .skeleton__title {\n      display: inline-block;\n      vertical-align: middle;\n      margin: 0;\n      width: 80px;\n      height: 6px;\n      background: $brand-grey-secondary;\n    }\n    .accordion-footer {\n      @media (max-width: $screen-xs-max) {\n        display: none;\n      }\n    }\n  }\n}\n#footer.footer-wl {\n  background: $brand-navbar-bg;\n  color: $brand-navbar-text;\n  margin-top: 0;\n  .footer-links.no-bgimage {\n    border-bottom: 0;\n    .opacity-layer-footer {\n      background: $brand-navbar-bg;\n      .cont-copy-footer {\n        p {\n          margin: 0;\n        }\n      }\n      .cont-links {\n        text-align: center;\n        background: none;\n        @media (min-width: $screen-md-min) {\n          width: 100%;\n        }\n        &.links-compact-footer {\n          .opacity-mobile-tablet {\n            flex-wrap: wrap;\n            background: none;\n          }\n          .cont-copy-footer, .cont-menu-footer {\n            flex: 0 0 100%;\n          }\n        }\n      }\n    }\n    .footer-menu {\n      justify-content: center;\n    }\n    .links {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 10px 15px;\n      width: 100%;\n      li {\n        border-bottom: 0;\n      }\n      a {\n        font-size: 14px;\n        color: $brand-navbar-text;\n        padding: 0;\n        line-height: 1;\n        &:hover, &:focus {\n          text-decoration: underline;\n        }\n      }\n    }\n  }\n  .link_powered {\n    margin-top: 10px;\n  }\n}\n#footer.tor-footer, #footer.wozozo-footer, #footer.consolidator-footer {\n  #accordion-footer {\n    overflow: hidden;\n    padding: 20px 12px;\n  }\n  .opacity-mobile-tablet {\n    display: none !important;\n  }\n  .footer-links.no-bgimage .links {\n    display: none;\n  }\n  .link_powered a {\n    &, &:hover, &:focus {\n      color: #fff;\n    }\n  }\n}\n#footer.consolidator-footer {\n  .footer-links.no-bgimage .opacity-layer-footer {\n    background: #4949f3 !important;\n  }\n}\n#footer.destiniabusiness-footer {\n  #accordion-footer {\n    overflow: hidden;\n  }\n  .opacity-mobile-tablet {\n    display: none !important;\n  }\n  .copyline, .adr, .company-phone, .footer-menu, .link_powered {\n    display: none;\n  }\n}\n","// 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);","// 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;","#footer {\n  .footer-links {\n    .opacity-layer-footer {\n\n    }\n  }\n  .cont-redes-sociales{\n    background-color:rgba(255, 255, 255, 0.1);\n    font-weight:$roboto-light;\n    padding:20px 2% 20px 2%;\n    overflow: hidden;\n    @media (min-width: $screen-md-min) {\n      width: 33.333333%;\n    }\n    .individual-redsocial{\n      margin:0 4% 25px 0;\n      display: inline-block;\n      .icon {\n        width: 30px;\n        height: 30px;\n        opacity: 0.7;\n        transition: opacity 0.3s;\n        &, & * {\n          fill:$colorBordes;\n        }\n      }\n      &:hover, &:focus {\n        .icon {\n          opacity: 1;\n        }\n      }\n    }\n    .individual-chatbot {\n      color: #fff;\n      font-size: 11px;\n      text-transform: capitalize;\n      border: 1px solid;\n      margin-bottom: 25px;\n      margin-right: 15px;\n      padding: 10px 14px;\n      &:last-child {\n        margin-right: 0;\n      }\n      &.fb-chatbot {\n        background: #0084ff;\n        border-color: #0084ff;\n      }\n      &.whatsapp-chatbot {\n        background: #25d366;\n        border-color: #25d366;\n      }\n      &.telegram-chatbot {\n        background: #0088cc;\n        border-color: #0088cc;\n      }\n      .icon {\n        width: 16px;\n        height: 16px;\n        vertical-align: middle;\n        opacity: 1;\n        margin-right: 0;\n        &, & * {\n          fill: #fff;\n        }\n      }\n    }\n    .title-link-list{\n      padding-bottom:15px;\n    }\n  }\n}\n","/*\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/*Unsubscribe styles*/\n.form-newsletter-captcha-unsubscribe {\n  height: 80px;\n}\n\n/*Form subscribe */\n.form-newsletter-captcha-container {\n  height: 105px;\n}\n\n/*Subscribe styles*/\n.cont-info-newsletter {\n  background: #fff;\n  padding: 45px 0 30px;\n  margin-top: 0;\n  margin-bottom: 0;\n  border-top: 1px solid #dfdfdf;\n  .form-group {\n    margin-top: 0;\n    margin-bottom: 15px;\n    label {\n      position: relative;\n      top: 0;\n      background: none;\n      display: inline-block;\n      right: auto;\n      left: 0;\n      padding: 0 0 5px 0;\n      font-size: 14px;\n      vertical-align: top;\n      &.sr-only {\n        position: absolute;\n        padding: 0;\n      }\n    }\n  }\n  .form-group label:not(.sr-only)+.autocomplete-widget .form-control, .form-group label:not(.sr-only)+.autocomplete-widget .twitter-typeahead .form-control, .form-group label:not(.sr-only)+.form-control, .form-group label:not(.sr-only)+.geounits-autocomplete-input-widget .twitter-typeahead .form-control, .form-group label:not(.sr-only)+.twitter-typeahead .form-control, .form-group label:not(.sr-only)+span .form-control, .form-group label:not(.sr-only)~.form-control.bootstrap-select .dropdown-toggle {\n    height: 50px;\n    padding: 5px 15px;\n    border-radius: 8px;\n    font-weight: 400;\n    font-size: 16px;\n    &::-moz-placeholder,\n    &:-ms-input-placeholder,\n    &::-webkit-input-placeholder {\n      font-weight: 300;\n    }\n  }\n  .form-newsletter-button {\n    border-radius: 8px;\n  }\n  .container-limited {\n    width: 100%;\n  }\n  @media print {\n      display: none;\n    }\n}\n\n.cont-info-newsletter,\n.destinia_web_aura_components_lazy_newsletter {\n  @media (max-width: $screen-xs-max) {\n    margin-top: 60px;\n    & + #footer {\n      margin-top: 0;\n    }\n  }\n  @media (min-width: $screen-sm-min) {\n    margin-top: 90px;\n    & + #footer {\n      margin-top: 30px;\n    }\n  }\n}\n.newsletter-subscribe-text {\n  min-height: 50px;\n  margin-bottom: 15px;\n  font-size: 16px;\n  @media (min-width: $screen-sm-min) {\n    padding-left: 80px;\n    background-size: 50px; //TODO: review why this is not necessary in sunrise\n    &.loaded {\n      //Styles for module loaded, skeleton uses lazy-bg\n      background-image: url(\"/headers/svg/background/icon-ownfill-graph-newsletter.svg\");\n      background-repeat: no-repeat;\n      background-position: left 0 top 0;\n    }\n  }\n  strong {\n    font-size: 18px;\n    display: block;\n  }\n}\n\n\n//Aura adjustments\n/*****************/\n/*****************/\n\n@media (min-width: $screen-sm-min) {\n  .form-newsletter-footer form {\n    .form-group#newsletter_footer_nearest_airport,\n    input#newsletter_footer_nearest_airport {\n      border-bottom-left-radius: 0;\n      border-top-left-radius: 0;\n    }\n    .includes_error + .includes_error #newsletter_footer_nearest_airport {\n      border-left: 0 !important;\n    }\n    .autocomplete-widget .form-control {\n      border: 1px solid #d0cbc9 !important;\n    }\n    .includes_error .autocomplete-widget .form-control {\n      border: 1px solid #E50000 !important;\n    }\n    .form-newsletter-tos .form-newsletter-checkbox {\n      padding-top: 15px;\n    }\n    .form-content {\n      .form-fields {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        flex-wrap: wrap;\n        gap: 0 25px;\n        .form-group {\n          flex: 1 1 33%;\n          margin-bottom: 0;\n          order: 1;\n        }\n        .form-group + .form-group {\n          margin-left: 0;\n        }\n        .container-submit-newsletter {\n          flex: 0 1 auto;\n          margin-left: 0;\n          order: 1;\n          .form-newsletter-button {\n            height: 50px;\n            font-size: 20px;\n            margin-top: 21px;\n          }\n        }\n        .newsletter_footer {\n          order: 2;\n          flex: 1 0 100%;\n          .extended-form {\n            padding-top: 15px;\n          }\n        }\n      }\n    }\n  }\n}\n@media (min-width: $screen-lg-min) {\n  .form-newsletter-footer form {\n    display: flex;\n    justify-content: flex-start;\n    align-items: flex-start;\n    margin-bottom: 0;\n\n    .form-description {\n      width: 400px;\n      padding-right: 30px;\n      flex:  0 0 auto;\n      .newsletter-subscribe-text {\n        margin-top: 20px;\n        margin-bottom: 0;\n      }\n    }\n    .form-content {\n      flex:  1 0;\n    }\n  }\n}\n\n.form-newsletter-success {\n  font-size: 16px;\n  text-align: center;\n\n  .thanks, .text-ok, .text-error {\n    font-size: 18px;\n    font-weight: 300;\n    background-repeat: no-repeat;\n    background-position: center top;\n    margin-top: 15px;\n    padding-top: 45px;\n  }\n  .thanks {\n    background-image: url(\"/headers/svg/background/icon-ownfill-graph-satisfied-5f7a06.svg\");\n    padding-top: 35px;\n    background-size: 35px;\n  }\n  .text-ok {\n    background-image: url(\"/headers/svg/background/icon-ownfill-graph-success-circle-neg-027A02.svg\");\n  }\n  .text-error {\n    background-image: url(\"/headers/svg/background/icon-ownfill-graph-error-circle-neg-ec5b14.svg\");\n  }\n  .form-newsletter-ok {\n    min-height: 190px;\n  }\n}\n\n@media (min-width: $screen-md-min) {\n  .form-newsletter-success {\n    .thanks, .text-ok, .text-error {\n      font-size: 20px;\n    }\n    .double-optin {\n      padding: 0 90px 0 90px;\n    }\n  }\n}\n\n.cont-info-newsletter-message {\n  background: #f6f6f6;\n  padding: 55px 0;\n  margin-top: 0;\n}\n\n.newsletter_footer {\n  display: flex;\n  justify-content: space-between;\n  .form-check {\n    margin-bottom: 10px;\n  }\n  .form-group {\n    align-self: flex-end;\n    margin-bottom: 0;\n    margin-left: auto;\n\n    &.popover-container {\n      margin-bottom: 15px;\n    }\n  }\n}\n@media (max-width: $screen-xs-max) {\n  .form-group {\n    margin-left: 0;\n    width: 100%;\n  }\n  .form-newsletter-button {\n    width: 100%;\n  }\n  .newsletter_footer {\n    flex-direction: column;\n    .extended-form {\n      margin-bottom: 15px;\n    }\n  }\n}\n\n/* 768px - 991px */\n@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n  .cont-info-newsletter-message {\n    min-height: 450px;\n    padding-top: 45px;\n  }\n  .newsletter-container-limited {\n    margin-left: 0;\n  }\n}\n/* hasta 768px */\n@media (max-width: $screen-xs-max) {\n  .newsletter-container-limited {\n    margin-left: 0;\n  }\n  .form-newsletter-airport .autocomplete-widget .form-control {\n    border: 1px solid #d0cbc9 !important;\n  }\n  .form-newsletter-airport.includes_error {\n    .autocomplete-widget .form-control {\n      border: 1px solid $brand-red !important;\n    }\n  }\n}\n/* Small devices (tablets, 991x) */\n@media (max-width: $screen-sm-max) {\n  .newsletter-container-limited {\n    margin-left: 0;\n  }\n}\n/* Medium devices (desktops, 992px and up) */\n@media (min-width: 992px) and (max-width: 1199px) {\n  .cont-info-newsletter-message {\n    min-height: 721px;\n    padding-top: 60px;\n  }\n  .newsletter-container-limited {\n    margin-left: 0;\n  }\n}\n@media (min-width: 992px) {\n  .newsletter-container-limited {\n    margin-left: 0;\n  }\n}\n/* Large devices (large desktops, 1200px and up) */\n@media (min-width: 1200px) {\n  .cont-text-error {\n    padding-top: 0;\n  }\n}\n.newsletter-popover {\n  max-width: 450px;\n  .popover-header {\n    padding: 10px;\n    margin: 0;\n  }\n}\n/* skeleton */\n.lazy-module {\n  .skeleton {\n    .newsletter-subscribe-text {\n      .skeleton__title {\n        width: 290px;\n      }\n    }\n    .form-group {\n      label {\n        .skeleton__title {\n          margin: 0;\n          display: inline-block;\n        }\n      }\n      .skeleton__title.skeleton__input {\n        height:50px;\n        margin: 0;\n        width: 100%;\n      }\n    }\n    @media (max-width: 767px) {\n      .skeleton__button.form-newsletter-button {\n        width: 100%;\n      }\n    }\n  }\n}"]}