@import url(https://www.pikolinos.com/on/demandware.static/-/Library-Sites-GrupoPikolinos/default/plugins/TelephoneInputValidator/css/intlTelInput.css);.form-group {
  position: relative; }
  .form-group.required .form-control-label::before {
    content: "*";
    color: #c00; }
  .form-group .form-control {
    font-size: 12px;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    background-color: transparent; }
    .form-group .form-control:focus {
      border-color: #212529;
      -webkit-box-shadow: none;
              box-shadow: none;
      outline: 0.01em solid black; }
  .form-group .showPasswordEye {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 3px;
    top: 35px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -51px -205px; }
  .form-group .hidePasswordEye {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 3px;
    top: 35px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -230px -180px; }
  .form-group .showPasswordCheck {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 28px;
    top: 30px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -25px -74px; }
  .form-group .showPasswordEyeRecovery {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 3px;
    top: 30px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -50px -200px; }
  .form-group .hidePasswordEyeRecovery {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 3px;
    top: 30px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -230px -175px; }
  .form-group .showPasswordCheckRecovery {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 29px;
    top: 30px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -25px -74px; }
  .form-group .showPasswordEyeRecoveryConfirm {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 3px;
    top: 107px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -50px -200px; }
  .form-group .hidePasswordEyeRecoveryConfirm {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 3px;
    top: 107px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -230px -175px; }
  .form-group .showPasswordCheckRecoveryConfirm {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/images/common/iconos.svg");
    background-size: calc(100 * 10%);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 29px;
    top: 107px;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-position: -25px -74px; }

.custom_select {
  border-style: solid;
  border-radius: 0;
  height: 32px;
  width: 100%;
  font-size: 12px;
  color: transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/v1726728484510/images/common/ico_down.svg") no-repeat calc(100% - 8px) center;
  background-size: 15px; }
  .custom_select:hover {
    cursor: pointer; }
  .custom_select:focus {
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/v1726728484510/images/common/ico_up.svg"); }
  .custom_select.transparent {
    background-color: transparent; }
  .custom_select.is-invalid {
    border-color: #e20026;
    background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/v1726728484510/images/common/ico_up.svg"); }
  .custom_select:disabled {
    cursor: not-allowed;
    color: #848281; }
  .custom_select.not-label {
    color: #848281 !important; }
  .custom_select option {
    color: #848281 !important; }

.form-control-label.no-empty + .custom_select,
.form-control-label.fixed-label + .custom_select {
  color: #848281; }

.footer-info .html-slot-container,
.footer-item .html-slot-container {
  width: 80%; }
  .footer-info .html-slot-container .subscription-footer,
  .footer-item .html-slot-container .subscription-footer {
    padding-right: 15px;
    padding-left: 15px; }
    .footer-info .html-slot-container .subscription-footer .sf-title,
    .footer-info .html-slot-container .subscription-footer .sf-pre-text,
    .footer-info .html-slot-container .subscription-footer .sf-post-text,
    .footer-item .html-slot-container .subscription-footer .sf-title,
    .footer-item .html-slot-container .subscription-footer .sf-pre-text,
    .footer-item .html-slot-container .subscription-footer .sf-post-text {
      color: #fff;
      margin-bottom: 0; }
    .footer-info .html-slot-container .subscription-footer .sf-title,
    .footer-item .html-slot-container .subscription-footer .sf-title {
      font-weight: bold; }
    .footer-info .html-slot-container .subscription-footer .sf-post-text,
    .footer-item .html-slot-container .subscription-footer .sf-post-text {
      margin-top: 5px; }
    .footer-info .html-slot-container .subscription-footer .sf-container,
    .footer-item .html-slot-container .subscription-footer .sf-container {
      position: relative; }
    .footer-info .html-slot-container .subscription-footer #sf-email,
    .footer-item .html-slot-container .subscription-footer #sf-email {
      border: 1px solid #ced4da;
      -webkit-transition: border-color 0.3s;
      transition: border-color 0.3s;
      font-size: 0.7rem; }
    .footer-info .html-slot-container .subscription-footer #sf-button,
    .footer-item .html-slot-container .subscription-footer #sf-button {
      background-color: transparent;
      color: #e20026;
      position: absolute;
      right: 10px;
      top: 6px; }

@media screen and (min-width: 768px) {
  .set-password .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 720px;
    margin: 0 auto; }
  .form-group .showPasswordEyeRecovery {
    right: 449px;
    top: 30px; }
  .form-group .hidePasswordEyeRecovery {
    right: 449px;
    top: 30px; }
  .form-group .showPasswordCheckRecovery {
    right: 473px;
    top: 30px; }
  .form-group .showPasswordEyeRecoveryConfirm {
    right: 165px;
    top: 30px; }
  .form-group .hidePasswordEyeRecoveryConfirm {
    right: 165px;
    top: 30px; }
  .form-group .showPasswordCheckRecoveryConfirm {
    right: 190px;
    top: 30px; } }

/* Para que la linea del input ocupe el total del formulario como el resto de elementos */
.iti {
  width: 100%; }

.login-banner.hero {
  padding: 0 3%;
  height: auto; }
  .login-banner.hero .page-title {
    margin: 20px 0 10px;
    top: initial;
    font-size: 22px;
    color: #e20026;
    text-align: center;
    letter-spacing: 0.5px;
    font-family: "mukta-bold", sans-serif; }
  .login-banner.hero::after {
    display: none; }
  .login-banner.hero.forgotten .page-title {
    margin: 50px 40px;
    font-size: 26px;
    line-height: 120%; }

.reset-password-notification {
  margin: 0 -3% 20px;
  padding: 5%;
  text-align: center;
  background-color: #dfdfde; }
  .reset-password-notification h4 {
    font-size: 18px;
    font-family: "mukta-bold", sans-serif; }
  .reset-password-notification p {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px; }
    .reset-password-notification p span {
      font-size: 14px;
      line-height: 20px; }

.set-password .form-group .container-form-control {
  margin-bottom: 15px; }

.set-password .form-group .form-control {
  background-color: transparent; }

.set-password .form-group .btn-container-submit {
  width: 100%;
  font-size: 14px;
  font-family: "mukta-bold", sans-serif; }

.login-page .alert-danger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
  border: none;
  border-radius: 0;
  background-color: #dfdfde;
  color: #333;
  height: 150px; }
  .login-page .alert-danger h5 {
    margin-bottom: 0;
    font-size: 22px;
    font-family: "mukta-bold", sans-serif; }
  .login-page .alert-danger p {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 14px;
    font-family: "mukta-regular", sans-serif; }

.login-page .card {
  border: none; }
  .login-page .card .card-body {
    padding: 0 3%;
    margin: 0; }
  .login-page .card .tab-pane {
    color: #333; }
    .login-page .card .tab-pane:first-of-type {
      border-bottom: 1px solid #000;
      margin-bottom: 20px; }
    .login-page .card .tab-pane > h2 {
      margin-top: 20px;
      font-size: 18px;
      letter-spacing: 0.5px;
      text-align: center;
      font-family: "mukta-bold", sans-serif; }
    .login-page .card .tab-pane > p {
      margin: 20px auto 30px;
      max-width: 395px;
      text-align: center;
      font-size: 14px;
      letter-spacing: 0.5px; }
      .login-page .card .tab-pane > p:not(:first-of-type) {
        margin-top: -10px; }
    .login-page .card .tab-pane > form {
      max-width: 450px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .login-page .card .tab-pane > form .clearfix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .login-page .card .tab-pane > form .clearfix > * {
          width: 100%; }
          .login-page .card .tab-pane > form .clearfix > *:first-child {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; }
          .login-page .card .tab-pane > form .clearfix > *:nth-child(2) {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; }
            .login-page .card .tab-pane > form .clearfix > *:nth-child(2) a {
              display: block;
              font-size: 12px;
              padding-right: 20px;
              margin-bottom: 10px; }
      .login-page .card .tab-pane > form .custom-control {
        margin-top: 7px;
        margin-bottom: 0; }
        .login-page .card .tab-pane > form .custom-control .custom-control-label::before {
          color: #706765;
          background: white;
          border: 1px solid #bfbfbf;
          border-radius: 0;
          top: 0;
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .login-page .card .tab-pane > form .custom-control .custom-control-label:hover {
          cursor: pointer; }
        .login-page .card .tab-pane > form .custom-control .custom-control-input {
          z-index: 1;
          width: 100%; }
          .login-page .card .tab-pane > form .custom-control .custom-control-input:checked ~ .custom-control-label::after {
            content: '';
            position: absolute;
            width: 2.2ex;
            height: 1.5ex;
            background: transparent;
            top: 0.3ex;
            left: -3.7ex;
            border: 3px solid #e20026;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          .login-page .card .tab-pane > form .custom-control .custom-control-input:hover {
            cursor: pointer; }
      .login-page .card .tab-pane > form > button.btn-submit {
        min-width: 225px;
        height: 35px;
        margin: 20px auto 10px;
        font-size: 14px;
        background-color: #545261;
        color: #fff;
        border: 1px solid #545261;
        border-radius: 0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        font-family: "mukta-regular", sans-serif; }
        .login-page .card .tab-pane > form > button.btn-submit:focus {
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .login-page .card .tab-pane > form > button.btn-submit:hover {
          background-color: #363332;
          border: 1px solid #363332; }
      .login-page .card .tab-pane > form .privacy-policy > p {
        margin-bottom: 10px; }
        .login-page .card .tab-pane > form .privacy-policy > p > a {
          text-decoration: underline; }
    .login-page .card .tab-pane .login-oauth p {
      margin: 0;
      text-align: center;
      font-size: 14px; }
    .login-page .card .tab-pane .login-oauth .form-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 20px 0; }
      .login-page .card .tab-pane .login-oauth .form-group a {
        position: relative;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 14px;
        width: 225px;
        height: 25px;
        border-radius: 0; }
        .login-page .card .tab-pane .login-oauth .form-group a.oauth-facebook {
          background-color: #435c96;
          color: #fff;
          border: 1px solid #435c96; }
          .login-page .card .tab-pane .login-oauth .form-group a.oauth-facebook i {
            background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/v1726728484510/images/social/fb_icon.svg");
            background-size: 20px 20px;
            position: absolute;
            top: 2px;
            left: 5px;
            width: 20px;
            height: 20px; }
        .login-page .card .tab-pane .login-oauth .form-group a.oauth-google {
          background-color: #fff;
          color: rgba(0, 0, 0, 0.54);
          border: 1px solid rgba(0, 0, 0, 0.54);
          font-family: "mukta-semi-bold", sans-serif; }
          .login-page .card .tab-pane .login-oauth .form-group a.oauth-google i {
            background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/v1726728484510/images/social/btn_google_light_normal.svg");
            background-size: 40px 40px;
            background-position: -10px;
            position: absolute;
            top: 2px;
            left: 5px;
            width: 20px;
            height: 20px; }

.login-info {
  margin-top: 20px;
  color: #333;
  padding: 0 3%; }
  .login-info > h3 {
    font-size: 16px;
    margin: 0;
    text-align: center;
    font-family: "mukta-bold", sans-serif; }
  .login-info .advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 20px 0 80px;
    padding: 10px 0; }
    .login-info .advantages .advantage {
      width: 100%;
      margin-bottom: 10px;
      min-width: 266px;
      max-width: 280px;
      padding: 10px; }
      .login-info .advantages .advantage > h4 {
        position: relative;
        line-height: 30px;
        font-size: 16px;
        padding-left: 30px;
        margin-bottom: 0;
        font-family: "mukta-bold", sans-serif; }
        .login-info .advantages .advantage > h4::before {
          position: absolute;
          left: 0;
          top: 2px;
          width: 25px;
          height: 25px;
          content: '';
          background-image: url("https://www.pikolinos.com/on/demandware.static/Sites-PikolinosNA-Site/-/en_US/v1726728484510/images/common/iconos.svg");
          background-size: calc(100 * 10%);
          background-repeat: no-repeat;
          display: block; }
      .login-info .advantages .advantage#tracking > h4::before {
        background-position: -228px -177px; }
      .login-info .advantages .advantage#refunds > h4::before {
        background-position: 2px -202px; }
      .login-info .advantages .advantage#promotions > h4::before {
        background-position: -23px -201px; }
      .login-info .advantages .advantage#purchases > h4::before {
        background-position: -125px 2px; }
      .login-info .advantages .advantage > p {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
        font-family: "mukta-light", sans-serif; }

.reset-content {
  margin: 0 10px 20px;
  max-width: 100%;
  color: #333;
  background-color: #ececec;
  padding: 20px 10px; }
  .reset-content .header {
    padding: 0;
    border: none; }
    .reset-content .header > h2 {
      margin: 20px 0 10px;
      font-size: 14px;
      width: 100%;
      text-align: center;
      line-height: 1.1;
      font-family: "mukta-bold", sans-serif; }
  .reset-content .body {
    padding: 0; }
    .reset-content .body .request-password-body > p {
      font-size: 10px;
      line-height: 140%;
      text-align: center;
      margin: 0; }
      .reset-content .body .request-password-body > p:last-of-type {
        margin-bottom: 20px; }
    .reset-content .body .request-password-body .form-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .reset-content .body .request-password-body .form-group .form-control-label {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin: 5px; }
      .reset-content .body .request-password-body .form-group input.form-control {
        background-color: transparent;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .reset-content .body .request-password-body .form-group .invalid-feedback {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; }
      .reset-content .body .request-password-body .form-group .send-email-btn {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
        width: 100%;
        margin-top: 15px;
        min-width: 230px; }
        .reset-content .body .request-password-body .form-group .send-email-btn #submitEmailButton {
          padding: 8px 30px;
          font-size: 14px;
          line-height: 120%;
          background-color: #696969;
          color: #fff;
          border: none;
          border-radius: 0;
          text-transform: uppercase;
          letter-spacing: 0.5px;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
          font-family: "mukta-bold", sans-serif; }
          .reset-content .body .request-password-body .form-group .send-email-btn #submitEmailButton:focus {
            -webkit-box-shadow: none;
                    box-shadow: none; }
          .reset-content .body .request-password-body .form-group .send-email-btn #submitEmailButton:hover {
            background-color: #363332;
            color: #fff; }
  .reset-content #backToLogin {
    color: #000;
    font-size: 14px;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    text-align: center;
    margin: 15px auto 0;
    text-decoration: underline;
    border: none;
    font-family: "mukta-bold", sans-serif; }
    .reset-content #backToLogin:hover {
      color: #e20026; }

@media screen and (min-width: 768px) {
  .login-banner.hero .page-title {
    font-size: 28px; }
  .login-banner.hero.forgotten .page-title {
    font-size: 32px; }
  .recover-password-notification h4 {
    font-size: 22px; }
  .login-page {
    margin-top: 40px; }
    .login-page .card .tab-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .login-page .card .tab-content .tab-pane {
        padding: 0 3%;
        width: 50%; }
        .login-page .card .tab-content .tab-pane:first-of-type {
          border-bottom: none;
          border-right: 1px solid #000;
          margin-bottom: 0; }
        .login-page .card .tab-content .tab-pane > h2 {
          margin-top: 0;
          font-size: 22px; }
        .login-page .card .tab-content .tab-pane .login-oauth .form-group a {
          height: 30px;
          line-height: 19px; }
          .login-page .card .tab-content .tab-pane .login-oauth .form-group a.oauth-facebook i,
          .login-page .card .tab-content .tab-pane .login-oauth .form-group a.oauth-google i {
            top: 4px; }
  .set-password .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 720px;
    margin: 0 auto; }
    .set-password .form-group .btn-container-submit {
      width: 20%; }
  .set-password .container-form-control {
    width: calc(40% - 20px);
    margin-right: 20px; }
  .reset-content {
    padding: 30px; }
    .reset-content .header > h2 {
      font-size: 16px; }
    .reset-content .body {
      padding: 0; }
      .reset-content .body .request-password-body > p {
        font-size: 12px; }
      .reset-content .body .request-password-body .form-group input.form-control {
        width: calc(96% - 140px);
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .reset-content .body .request-password-body .form-group .invalid-feedback {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4; }
      .reset-content .body .request-password-body .form-group .send-email-btn {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        min-width: 140px;
        width: 140px;
        margin-left: 4%;
        margin-top: 10px; }
        .reset-content .body .request-password-body .form-group .send-email-btn #submitEmailButton {
          min-width: 140px; }
  .set-password .btn {
    font-size: 14px; } }

@media screen and (min-width: 992px) {
  .login-banner.hero.forgotten .page-title {
    font-size: 40px; }
  .reset-content {
    margin-bottom: 40px; }
    .reset-content > * {
      margin-left: auto;
      margin-right: auto;
      max-width: 90%; }
    .reset-content .header > h2 {
      font-size: 22px; }
    .reset-content .body {
      padding: 0; }
      .reset-content .body .request-password-body > p {
        font-size: 14px; }
        .reset-content .body .request-password-body > p:last-of-type {
          margin-bottom: 25px; }
      .reset-content .body .request-password-body .form-group {
        max-width: 720px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .reset-content #backToLogin {
      margin-top: 30px; }
  .set-password .btn {
    font-size: 16px; } }

/*# sourceMappingURL=login.css.map*/