@charset "UTF-8";
/* COLORS */
/* COLORES DEFAULT */
/*FONTS*/
@font-face {
  font-family: "Holcim";
  src: url("fonts/Holcim-Bold.eot"); /* IE9 Compat Modes */
  src: url("fonts/Holcim-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Holcim-Bold.woff2") format("woff2"), url("fonts/Holcim-Bold.woff") format("woff"), url("fonts/Holcim-Bold.ttf") format("truetype"), url("fonts/Holcim-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
  font-weight: bold;
}
@font-face {
  font-family: "Holcim";
  src: url("fonts/Holcim-Italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/Holcim-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Holcim-Italic.woff2") format("woff2"), url("fonts/Holcim-Italic.woff") format("woff"), url("fonts/Holcim-Italic.ttf") format("truetype"), url("fonts/Holcim-Italic.svg#svgFontName") format("svg"); /* Legacy iOS */
  font-style: italic;
}
@font-face {
  font-family: "Holcim";
  src: url("fonts/Holcim-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Holcim-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Holcim-Regular.woff2") format("woff2"), url("fonts/Holcim-Regular.woff") format("woff"), url("fonts/Holcim-Regular.ttf") format("truetype"), url("fonts/Holcim-Regular.svg#svgFontName") format("svg"); /* Legacy iOS */
  font-style: normal;
}
@font-face {
  font-family: "Holcim-Headline";
  src: url("fonts/Holcim-HeadlineBlack.eot"); /* IE9 Compat Modes */
  src: url("fonts/Holcim-HeadlineBlack.eot?#iefix") format("embedded-opentype"), url("fonts/Holcim-HeadlineBlack.woff2") format("woff2"), url("fonts/Holcim-HeadlineBlack.woff") format("woff"), url("fonts/Holcim-HeadlineBlack.ttf") format("truetype"), url("fonts/Holcim-HeadlineBlack.svg#svgFontName") format("svg"); /* Legacy iOS */
  font-weight: bold;
}
@font-face {
  font-family: "Holcim-Headline";
  src: url("fonts/Holcim-HeadlineBlack.eot"); /* IE9 Compat Modes */
  src: url("fonts/Holcim-HeadlineBlack.eot?#iefix") format("embedded-opentype"), url("fonts/Holcim-HeadlineBlack.woff2") format("woff2"), url("fonts/Holcim-HeadlineBlack.woff") format("woff"), url("fonts/Holcim-HeadlineBlack.ttf") format("truetype"), url("fonts/Holcim-HeadlineBlack.svg#svgFontName") format("svg"); /* Legacy iOS */
  font-weight: bold;
}
/* SELECTORES GENERALES */
body {
  font-family: "Holcim";
}

input[type=text]:focus, input[type=text]:focus, input[type=password]:focus, input[type=password]:focus, input[type=date]:focus, input[type=date]:focus, input[type=email]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=number]:focus, input[type=search]:focus, input[type=search]:focus, input[type=url]:focus, input[type=url]:focus, input[type=datetime-local]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=month]:focus, input[type=time]:focus, input[type=time]:focus, input[type=week]:focus, input[type=week]:focus, textarea:focus, textarea:focus, select:focus, select:focus {
  outline: none;
}

.link {
  color: #f08300;
  font-weight: 700;
}
.link:hover {
  text-decoration: underline;
}

.btn {
  font-size: 1rem;
  margin-top: 0.5rem;
}
.btn:focus {
  box-shadow: none;
}

.btn-all-trans {
  font-size: 12px;
  display: block;
  margin: auto;
  float: none;
}
@media screen and (min-width: 768px) {
  .btn-all-trans {
    margin: 0;
    float: right;
  }
}

.btn-default {
  border-radius: 5px;
}

.btn-canjear {
  color: #ffffff;
  background-color: #f08300;
  border-color: #f08300;
  box-shadow: none;
  /* border-radius: 5px; */
  white-space: normal;
}
.btn-canjear:hover {
  color: #f08300;
  background-color: #ffffff;
  border-color: #f08300;
}
.btn-canjear:active {
  color: #f08300;
  background-color: #ffffff !important;
  border-color: #f08300;
}

.btn--disabled {
  background: #c8c8c8;
  color: #666666;
  border: 2px solid #666666;
  cursor: not-allowed;
}
.btn--disabled:hover {
  background: #c8c8c8;
  color: #666666;
  border: 2px solid #666666;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  position: relative;
}

.title-login {
  font-size: 16px;
  margin-bottom: 10px;
  color: inherit;
}

.header-title {
  padding: 20px 0;
}

.carousel-item-image {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 350px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .carousel-item-image {
    min-height: 550px;
  }
}

/* Data dentro de banner en página Mi cuenta */
.container-data-account {
  color: #ffffff;
  height: 100%;
}

.container-widget-account {
  height: 87%;
  place-items: center;
  display: flex;
}

/* .section-slider {
	min-height: initial;
} */
.main-top {
  padding-bottom: 0;
  padding-top: 0;
}

.header-nav {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.nav-link {
  padding: 0.2rem 0.5rem;
}

@media (min-width: 992px) {
  .main-top {
    padding-top: 0;
  }
}
.container .container__mainTitle {
  font-family: "Montserrat";
  font-size: 21px;
  font-weight: 300;
  color: #666666;
  margin: 2rem 0;
}
.container .container__mainText {
  font-size: 16px;
  font-family: "Holcim";
  font-weight: 400;
  font-style: italic;
  margin: 1rem 0 2rem;
  color: #666666;
}
.container .container__btn {
  /* font-family: "Montserrat"; */
  font-weight: 600;
  /* text-transform: none; */
  display: block;
  margin: 1rem auto;
  width: auto;
  height: auto;
  padding: 0.6375rem 2.1rem;
  font-size: 1rem;
  /* font-weight: 500; */
  text-transform: uppercase;
  border-radius: 30px;
  cursor: pointer;
}
.container .container__btn--primary {
  background-color: #f08300;
  border: 2px solid #f08300;
  color: #ffffff;
}
.container .container__btn--primary:hover {
  background-color: #ffffff;
  border: 2px solid #f08300;
  color: #f08300;
}
.container .container__btn--primary:active {
  background-color: #ffffff !important;
  border: 2px solid #f08300;
  color: #f08300;
}
.container .container__btn--secondary {
  background-color: #ffffff;
  border: 2px solid #f08300;
  color: #f08300;
}
.container .container__btn--secondary:hover {
  background-color: #f08300;
  border: 2px solid #f08300;
  color: #ffffff;
}
.container .container__btn--secondary:active {
  background-color: #f08300 !important;
  border: 2px solid #f08300;
  color: #ffffff;
}
.container .container__btn--normalText {
  text-transform: none;
  font-weight: 600;
}
.container .container__btn--margin0 {
  margin: 1rem 0;
}
.container .container__btn--margin1 {
  margin: 1rem;
}
@media (min-width: 768px) {
  .container .container__mainTitle {
    font-size: 26px;
  }
  .container .container__mainText {
    font-size: 20px;
  }
}

.main-section {
  margin-top: 0;
}

.gridContainer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 5%;
  font-family: "Holcim";
  margin-bottom: 4rem;
}
.gridContainer h2 {
  font-size: 21px;
  font-weight: 400;
  color: #1d1d1b;
}
@media (min-width: 992px) {
  .gridContainer {
    grid-template-columns: 1fr 1fr;
  }
  .gridContainer h2 {
    font-size: 24px;
  }
}

.shipmentForm {
  border-radius: 20px;
}
.shipmentForm .shipmentForm__container {
  border-radius: 20px;
  border: 1px solid #c8c8c8;
  padding: 4rem 1rem 2rem;
}
.shipmentForm .shipmentForm__checkboxLabel {
  margin-bottom: 0.5rem;
}
.shipmentForm .shipmentForm__subtitle {
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 16px;
}
.shipmentForm .shipmentForm__taxMessage {
  background: #f8e160;
  padding: 1.5rem;
  margin: 1rem 0 2rem;
  border-radius: 10px;
  text-transform: uppercase;
  text-align: center;
}
.shipmentForm .shipmentForm__taxMessageTitle * {
  margin: 3px;
}
.shipmentForm span.checkmark--radio:after {
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
  transform: scale(0.1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  top: 50%;
  left: 50%;
}
.shipmentForm label.radioContainer span.checkmark--radio:after {
  transform: translateX(-50%);
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #f08300;
}
.shipmentForm label.radioContainer input:checked ~ .checkmark--radio:after {
  display: block;
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
}
@media (min-width: 768px) {
  .shipmentForm .shipmentForm__container {
    padding: 4rem 2rem 2rem;
  }
  .shipmentForm .shipmentForm__subtitle {
    font-size: 20px;
  }
}

.ticket {
  max-width: 250px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ticket .ticket__message {
  font-size: 12px;
  text-align: left;
}
.ticket .ticket__title {
  display: block;
  padding: 10px 10px 10px 30px;
  background: url(img/icon-tip.svg) no-repeat left center;
}
.ticket ol {
  padding: 0;
  font-size: 10px;
  list-style-position: inside;
}
.ticket ol li {
  margin-bottom: 10px;
}
.ticket .ticket-img {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 250px;
  height: 200px;
  border-radius: 10px;
  border: 1px solid #A7A8A9;
  cursor: pointer;
}
.ticket .ticket-img img {
  max-width: 100px;
  max-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  /* &:hover{
  	border: 1px solid #F88D2B;
  } */
}
@media screen and (min-width: 992px) {
  .ticket {
    margin: 0 100px 0 0;
  }
}

.defaultForm {
  font-family: "Holcim";
}
.defaultForm section {
  margin: 2rem 0;
}
.defaultForm label {
  width: 100%;
  margin-bottom: 1rem;
}
.defaultForm input,
.defaultForm select,
.defaultForm textarea {
  font-size: 14px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
}
.defaultForm input:focus,
.defaultForm select:focus,
.defaultForm textarea:focus {
  outline: none;
}
.defaultForm textarea {
  height: 90px;
}
.defaultForm ::-moz-placeholder {
  color: #c0c0c0;
}
.defaultForm ::placeholder {
  color: #c0c0c0;
}
.defaultForm .inputLabel {
  font-size: 16px;
}
.defaultForm .inputHint {
  font-style: italic;
  line-height: 1.2;
}
.defaultForm .estrellas-container label {
  width: auto;
}
.defaultForm .radioContainer--pl0 {
  text-align: left;
  padding-left: 0;
}
.defaultForm .radioContainer--pl0 .radioContainer__checkmarkText {
  right: initial;
  position: relative;
  font-size: 13px;
}
.defaultForm .radioContainer--pl0 span.checkmark--radio:after {
  transform: rotate(45deg) translate(-50%, -50%);
  border: solid #f08300;
  border-width: 0 3px 4px 0;
  top: 45%;
  left: 6px;
  width: 7px;
  height: 13px;
  border-radius: 0;
  background: none;
}
.defaultForm .checkmark--radio {
  transform: translateY(-50%);
  top: 50%;
}
.defaultForm .checkmark--radio-25px {
  height: 25px;
  width: 25px;
}
.defaultForm .checkmark--radio--right {
  right: 0;
  left: initial;
}
.defaultForm .checkmark--radio--square {
  border-radius: 5px;
}
.defaultForm .checkmark--radio--grayborder {
  border: 1px solid #c8c8c8;
}
@media screen and (min-width: 550px) {
  .defaultForm .radioContainer--pl0 {
    text-align: center;
  }
  .defaultForm .radioContainer--pl0 .radioContainer__checkmarkText {
    right: 7%;
    font-size: 16px;
  }
  .defaultForm .checkmark--radio--right {
    right: 15%;
    left: initial;
  }
}

.container-premio {
  text-align: center;
  margin-bottom: 15px;
}
.container-premio p {
  margin-bottom: 3px;
}
.container-premio .name-premio {
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-premio .points-premio {
  padding-bottom: 10px;
}

.prizesList .prizesList__container {
  padding: 2rem 1rem;
  border-radius: 20px;
  border: 1px solid #c8c8c8;
}
@media (min-width: 768px) {
  .prizesList .prizesList__container {
    padding: 2rem 3rem;
  }
}

.prizeUnit {
  position: relative;
  font-family: "Holcim";
  padding: 2rem 0;
  border-bottom: 1px solid #c8c8c8;
  /* Empieza selectores precio descuento en carrito de compra */
  /* Acaba selectores precio descuento en carrito de compra */
  /* .prizeUnit__name {
  	text-transform: uppercase;
  } */
}
.prizeUnit .prizeUnit__paymentComponent {
  margin-top: 1.5rem;
}
.prizeUnit .prizeUnit__paymentComponent .prizeUnit__title {
  color: #f08300;
  font-family: "Holcim";
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.prizeUnit .prizeUnit__paymentComponent .prizeUnit__title::first-letter {
  text-transform: uppercase;
}
.prizeUnit .prizeUnit__deleteButton {
  background: transparent;
  border: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  right: 0;
  top: 2rem;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.prizeUnit .prizeUnit__deleteButton svg {
  width: 100%;
  height: auto;
}
.prizeUnit .prizeUnit__deleteButton svg .graypath {
  fill: gray;
}
.prizeUnit .prizeUnit__deleteButton:hover svg {
  width: 100%;
  height: auto;
}
.prizeUnit .prizeUnit__deleteButton:hover svg .graypath {
  fill: #f08300;
}
.prizeUnit .prizeUnit__info {
  position: relative;
  display: block;
}
.prizeUnit .prizeUnit__prizeImage {
  display: block;
  margin: auto;
  height: auto;
  width: 80%;
}
.prizeUnit .prizeUnit__data p {
  margin-bottom: 0.5rem;
}
.prizeUnit .prizeUnit__name {
  text-transform: uppercase;
}
.prizeUnit .prizeUnit__discountTicket {
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  padding: 20px 10px;
  background: #f00;
  color: #fff;
  display: none;
}
@media screen and (min-width: 992px) {
  .prizeUnit .prizeUnit__discountTicket {
    font-size: 14px;
    border-radius: 7px;
    padding: 4px 8px;
  }
}
.prizeUnit .prizeUnit__discountPrices {
  margin: 20px 0;
  display: none;
}
.prizeUnit .prizeUnit__points--before {
  color: #c8c8c8;
  text-decoration: line-through;
  font-size: 13px;
}
.prizeUnit .prizeUnit__prizeImage {
  display: block;
  margin: 0 auto 1rem;
  height: auto;
  width: 80%;
}
.prizeUnit .prizeUnit__data p {
  margin-bottom: 0.5rem;
}
.prizeUnit .prizeUnit__codeContainer {
  margin-top: 70px;
}
.prizeUnit .prizeUnit__alertMessage {
  color: #f00;
  padding: 1rem 0 0;
}
.prizeUnit .prizeUnit__codeContainer {
  margin-top: 70px;
}
.prizeUnit .prizeUnit__typeOfPayment {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  color: #878787;
}
.prizeUnit .prizeUnit__counterContainer {
  max-width: 250px;
  padding: 0;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.prizeUnit .prizeUnit__counterElements {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.prizeUnit .prizeUnit__btnQuantity {
  text-align: center;
  font-size: 20px;
  color: #c8c8c8;
  position: relative;
  top: initial;
}
.prizeUnit .prizeUnit__inputQuantity {
  max-width: 100px;
  font-weight: 300;
  color: #999;
  display: inline;
  border: none;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: center;
}
.prizeUnit .prizeUnit__radioButtons {
  padding: 1rem 0;
  display: block;
}
.prizeUnit .prizeUnit__radioContainer {
  margin: 10px 0;
  padding: 0 35px 0 0;
}
.prizeUnit .prizeUnit__itemTitle {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1rem;
}
.prizeUnit .prizeUnit__itemTitle--secondaryColor {
  color: #f08300;
}
.prizeUnit .prizeUnit__itemTitle--margin0 {
  margin-bottom: 0;
}
.prizeUnit .prizeUnit__exchangeStatus {
  font-size: 16px;
  font-weight: 700;
  color: #666666;
  margin-bottom: 0.5rem;
}
.prizeUnit .prizeUnit__radioCheckmark {
  right: 0;
  left: initial;
  top: 50%;
  height: 25px;
  width: 25px;
  transform: translateY(-50%);
  border: 1px solid #c0c0c0;
}
.prizeUnit .radioContainer input:checked ~ .prizeUnit__radioCheckmark {
  border: 1px solid #f08300;
}
.prizeUnit .prizeUnit__resumeContainer--marginTop {
  margin-top: 2rem;
}
.prizeUnit .prizeUnit__resumePayment {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 1rem 1%;
}
.prizeUnit .prizeUnit__resumePayment--onlyPoints {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
}
.prizeUnit .prizeUnit__resumePayment--onlyPoints div {
  text-align: center;
}
.prizeUnit .prizeUnit__resumePayment--onlyPoints svg {
  transform: rotate(90deg);
}
.prizeUnit .prizeUnit__resumeValue {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.prizeUnit .prizeUnit__resumeValue--alignRight {
  text-align: center;
}
.prizeUnit .prizeUnit__operator {
  text-align: center;
  font-size: 2rem;
}
.prizeUnit .prizeUnit__resumeCash {
  text-align: center;
}
.prizeUnit span.checkmark--radio:after {
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
  transform: scale(0.1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  top: 50%;
  left: 50%;
}
.prizeUnit label.radioContainer span.checkmark--radio:after {
  transform: rotate(45deg) translate(-50%, -50%);
  border: solid #f08300;
  border-width: 0 4px 5px 0;
  top: 47%;
  left: 5px;
  width: 8px;
  height: 15px;
  border-radius: 0;
  background: none;
}
.prizeUnit label.radioContainer input:checked ~ .checkmark--radio:after {
  display: block;
  opacity: 1;
}
.prizeUnit .form-disabled.radioContainer input ~ .checkmark--radio {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}
@media (min-width: 992px) {
  .prizeUnit .prizeUnit__info {
    width: 95%;
    gap: 2rem;
    grid-template-columns: 25% 1fr;
    align-items: center;
    display: grid;
  }
  .prizeUnit .prizeUnit__prizeImage {
    width: 95%;
    max-width: 120px;
    margin: 0 auto;
  }
  .prizeUnit .prizeUnit__radioButtons {
    align-items: center;
    justify-content: space-between;
    display: flex;
  }
  .prizeUnit .prizeUnit__radioContainer {
    margin: 0;
    padding: 0 35px 0 0;
  }
}
@media (min-width: 550px) {
  .prizeUnit .prizeUnit__resumeValue {
    text-align: left;
  }
  .prizeUnit .prizeUnit__resumeValue--alignRight {
    text-align: right;
  }
  .prizeUnit .prizeUnit__itemTitle {
    text-align: left;
  }
  .prizeUnit .prizeUnit__resumePayment {
    display: grid;
    grid-template-columns: 45% 8% 45%;
    justify-items: normal;
    gap: 1rem 1%;
  }
  .prizeUnit .prizeUnit__resumePayment--onlyPoints {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-items: normal;
  }
  .prizeUnit .prizeUnit__resumePayment--onlyPoints div {
    text-align: right;
  }
  .prizeUnit .prizeUnit__resumePayment--onlyPoints svg {
    transform: rotate(0deg);
  }
  .prizeUnit .prizeUnit__resumeCash {
    text-align: right;
  }
}

.prizeUnit--discount .prizeUnit__prices {
  display: none;
}
.prizeUnit--discount .prizeUnit__discountTicket {
  display: block;
}
.prizeUnit--discount .prizeUnit__discountPrices {
  display: block;
}

.container-descrition-award .name-award {
  font-size: 20px;
}
.container-descrition-award .points-award {
  font-size: 18px;
}

.detail-discount .points-before {
  font-size: 16px;
  width: auto;
  display: inline-block;
  text-decoration: line-through;
  color: #c8c8c8;
}

.conditions-award {
  margin-top: 1rem;
  font-size: 10px;
  color: #666666;
}

.sliderContainer {
  width: 100%; /* Width of the outside container */
  margin: 1rem 0;
}

.slider {
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 5px;
  background: #f08300;
  outline: none;
  transition: opacity 0.2s;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 35px;
  height: 35px;
  background: #f08300;
  border-radius: 50%;
  border: 5px solid #ffffff;
  box-shadow: 0 0 5px #c0c0c0;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 35px;
  height: 35px;
  background: #f08300;
  border-radius: 50%;
  border: 5px solid #ffffff;
  box-shadow: 0 0 5px #c0c0c0;
  cursor: pointer;
}

.slider--disabled {
  background: #c8c8c8;
}
.slider--disabled::-webkit-slider-thumb {
  background: #c8c8c8;
}
.slider--disabled::-moz-range-thumb {
  background: #c8c8c8;
}

.resumeTransaction {
  display: grid;
  grid-template-columns: 1fr;
  padding: 3rem 0 1rem;
  gap: 1rem 1%;
}
.resumeTransaction .resumeTransaction__title {
  font-family: "Holcim";
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
}
.resumeTransaction .resumeTransaction__operator {
  text-align: center;
  font-size: 2rem;
  transform: rotate(90deg);
}
.resumeTransaction .resumeTransaction__operator svg {
  vertical-align: middle;
}
.resumeTransaction .resumeTransaction__totalPoints div {
  text-align: center;
}
.resumeTransaction .resumeTransaction__title--secondaryColor {
  color: #f08300;
}
.resumeTransaction .resumeTransaction__title--bold {
  font-family: "Holcim";
  font-size: 18px;
  color: #f08300;
}
.resumeTransaction .resumeTransaction__value {
  font-family: "Holcim";
  font-size: 28px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .resumeTransaction {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 3rem 0 1rem;
    gap: 1rem;
  }
  .resumeTransaction .resumeTransaction__title {
    text-align: left;
  }
  .resumeTransaction .resumeTransaction__title--center {
    text-align: center;
  }
  .resumeTransaction .resumeTransaction__operator {
    text-align: center;
    font-size: 2rem;
    transform: rotate(0deg);
    /* svg {
    	vertical-align: top;
    } */
  }
  .resumeTransaction .resumeTransaction__totalPoints div {
    text-align: right;
  }
}

.resumeTransaction--block {
  display: block;
  text-align: center;
  padding: 2rem 0;
}

.resumeTransaction--mixPayment .resumeTransaction__title {
  grid-column: 1;
  text-align: center;
}
.resumeTransaction--mixPayment .resumeTransaction__totalCash {
  text-align: center;
}
.resumeTransaction--mixPayment .resumeTransaction__operator {
  align-self: center;
}
.resumeTransaction--mixPayment .resumeTransaction__totalPoints {
  grid-column: 1;
}
.resumeTransaction--mixPayment .resumeTransaction__totalPoints div {
  text-align: center;
}
@media (min-width: 768px) {
  .resumeTransaction--mixPayment .resumeTransaction__title {
    grid-column: 1/span 3;
    text-align: left;
  }
  .resumeTransaction--mixPayment .resumeTransaction__totalPoints {
    grid-column: 1;
  }
  .resumeTransaction--mixPayment .resumeTransaction__totalPoints div {
    text-align: left;
  }
  .resumeTransaction--mixPayment .resumeTransaction__totalCash {
    grid-column: 3;
    text-align: right;
  }
}

.message .message__eval-points {
  font-size: 12px;
  font-weight: 700;
}
.message .message__secondary-message {
  font-size: 12px;
  margin: 1em 0;
  color: #666666;
}
.message .message__link {
  color: #f08300;
  font-weight: 700;
}
.message .message__link:hover {
  text-decoration: underline;
}

.cta--rightAlign {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .cta--rightAlign {
    justify-content: center;
  }
}
.star-rating {
  align-items: center;
  display: flex;
  margin: 0;
}
.star-rating .star-rating__evalNumber span {
  font-weight: 700;
  color: #1d1d1b;
  font-size: 18px;
  margin: 0 0.5rem 0 0;
}

.star-rating--centered {
  justify-content: center;
}

.star-rating--margin0 {
  margin: 0;
}

.star-rating-display {
  color: #f08300;
}
.star-rating-display:before, .star-rating-display:after {
  display: block;
  white-space: nowrap;
  font-size: 18px;
}
.star-rating-display:before {
  content: "★ ★ ★ ★ ★";
  color: #f08300;
}
.star-rating-display:after {
  z-index: 0;
  content: "☆ ☆ ☆ ☆ ☆";
}

.star-rating-title {
  text-align: center;
  margin-top: 1.5rem;
}

.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.estrellas-container label:hover,
.estrellas-container label:hover ~ label {
  color: #f08300 !important;
  content: "★";
}

.estrellas-container input.estrellada:checked ~ label,
.estrellas-container label:hover,
.estrellas-container label:hover ~ label {
  color: #f08300 !important;
  content: "★";
}

.estrellas-container--error label:hover,
.estrellas-container--error label:hover ~ label {
  color: #f00 !important;
  content: "★";
}

.estrellas-container--error input.estrellada:checked ~ label,
.estrellas-container--error label:hover,
.estrellas-container--error label:hover ~ label {
  color: #f00 !important;
  content: "★";
}

.stars_evaluation--block {
  display: block;
  text-align: center;
}

p.stars_evaluation_status {
  width: 100%;
}

.stars_evaluation_link,
.stars_review_link {
  display: inline-block;
  margin: 0;
  color: #f08300;
}
.stars_evaluation_link:hover,
.stars_review_link:hover {
  text-decoration: underline;
  color: #f08300;
}

.stars_evaluation_link {
  background: url("img/icon-eval.png") no-repeat left center;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

.stars_review_link {
  background: none;
  padding: 0.5rem;
}

.opinionSection {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 1.5rem 0;
}
.opinionSection .opinionSection__card {
  position: relative;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  border: 1px solid #f08300;
}
.opinionSection .opinionSection__content {
  display: block;
  width: 85%;
  height: 90%;
}
.opinionSection .opinionSection__content .btn.btn-sm {
  width: 100%;
}
.opinionSection .opinionSection__sectionAward {
  margin-bottom: 2rem;
  align-items: center;
  grid-template-columns: 100px 1fr;
  display: grid;
}
.opinionSection .opinionSection__link {
  position: absolute;
  bottom: 0.7rem;
  right: 2rem;
  text-align: right;
  font-size: 12px;
}
.opinionSection .opinionSection__link a {
  color: #f08300;
  font-weight: 400;
  cursor: pointer;
}
.opinionSection .opinionSection__link a:hover {
  text-decoration: underline;
  color: #f08300;
}
.opinionSection .opinionSection__link--hidden {
  display: none;
}
.opinionSection .opinionSection__nameAward {
  font-size: 16px;
  margin: 10px;
}
.opinionSection .opinionSection__opinion {
  font-family: "Montserrat";
  font-weight: 300;
}
.opinionSection .opinionSection__opinion p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0.5rem 0 1rem;
  line-height: 1.4;
}
.opinionSection .opinionSection__evalStars {
  display: grid;
  place-items: center;
}
.opinionSection .opinionSection__evalStars--marginAuto {
  margin: auto;
}
.opinionSection .opinionSection__starsError {
  text-align: center;
  margin-bottom: 1rem;
}
.opinionSection .opinionSection__errorMessage {
  font-size: 12px;
  border: 5px solid #f00;
  background: #f08300;
  padding: 5px;
  color: #ffffff;
  border-right-width: 10px;
  border-left-width: 10px;
  margin-bottom: 1rem;
}
.opinionSection .rate > label {
  margin-bottom: 0;
  -webkit-text-stroke-color: #f08300;
}
.opinionSection .rate > label:before {
  font-size: 1.2rem;
}
.opinionSection .rate--error {
  padding-bottom: 0;
}
.opinionSection .rate--error > label {
  -webkit-text-stroke-color: #f00;
  -webkit-text-stroke-width: 2px;
}
.opinionSection .opinionSection__textarea {
  font-size: 16px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 1rem;
  color: #666666;
}
.opinionSection .opinionSection__textarea::-moz-placeholder {
  color: #c8c8c8;
}
.opinionSection .opinionSection__textarea::placeholder {
  color: #c8c8c8;
}
@media (min-width: 768px) {
  .opinionSection {
    grid-template-columns: 1fr 1fr 1fr;
    margin: 2.5rem 0;
  }
}
@media (min-width: 992px) {
  .opinionSection .opinionSection__card {
    height: 240px;
  }
}
@media (max-width: 350px) {
  .opinionSection .opinionSection__sectionAward {
    grid-template-columns: auto;
  }
  .opinionSection .opinionSection__nameAward {
    text-align: center;
  }
  .opinionSection .opinionSection__imgAward {
    display: block;
    width: 90%;
    margin: auto;
  }
  .opinionSection .opinionSection__content {
    margin: auto;
    display: block;
    width: 70%;
    height: 90%;
  }
  .opinionSection .opinionSection__buttons {
    flex-direction: column;
  }
}

.opinionSection--block {
  font-size: 16px;
  color: #666666;
  display: block;
  margin: 0;
}
.opinionSection--block .opinionSection__title {
  text-align: center;
}
.opinionSection--block .opinionSection__card {
  border: none;
  height: auto;
}
.opinionSection--block .opinionSection__comment {
  margin: 1.5rem 0;
  font-family: "Montserrat";
  font-weight: 300;
}
.opinionSection--block .opinionSection__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.opinionSection--block .opinionSection__buttons buttons {
  font-size: 0.7rem;
  margin: 0 0.5rem;
}

.modal-header {
  position: relative;
  display: block;
  padding: 30px 20px 20px;
  height: auto;
  max-height: 115px;
  border-radius: 0;
  font-weight: 600;
  text-align: center;
}
.modal-header .close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-header .close:active {
  background: none !important;
  border: none;
}

.modal--review .modal-title {
  font-size: 28px;
}

.modal-body--p3 {
  padding: 3rem;
}

.modal-body--p0 {
  padding: 0;
}

.icon_regalo_modal {
  margin-top: 0;
  margin-bottom: 0;
}

.head_card_correo {
  max-height: initial;
}

.modal-title {
  font-family: "Holcim", sans-serif;
  /* color: $secondary; */
  font-weight: 600;
  text-align: center;
}

.modal-info-img {
  margin: 0 auto 2rem;
  display: block;
  height: auto;
  width: 90%;
}

.modal--addToCart .modal-dialog {
  top: 40%;
  left: initial;
}
.modal--addToCart .modal-header {
  background: #65b46e !important;
  color: #1d1d1b !important;
  padding: 10px 10px 10px 1rem;
}
.modal--addToCart .modal-header .close {
  position: absolute;
  z-index: 5;
  flex: 0 0 20px;
  padding: 0;
  margin: 0;
  color: #1d1d1b;
  text-shadow: none;
  opacity: 1;
}
.modal--addToCart .modal-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1d1d1b !important;
  font-size: 1rem;
  font-weight: 400;
  flex: 0 0 calc(100% - 20px);
  text-align: center;
}
.modal--addToCart .modal-title span {
  margin-left: 1rem;
}
.modal--addToCart .modal-body {
  padding: 1rem;
}
.modal--addToCart .modal-body p {
  width: 100%;
}
.modal--addToCart .modal-footer {
  padding: 1rem 0 0;
  justify-content: space-between;
  flex-direction: column;
}
.modal--addToCart .modal-footer .modal-link-back {
  padding-left: 20px;
  margin: 0;
  background: url("img/arrow-back.png") no-repeat left center;
}
.modal--addToCart .modal-footer .modal-link-forward {
  padding-right: 20px;
  margin: 0;
  background: url("img/arrow-forward.png") no-repeat right center;
}
.modal--addToCart .modal-footer .modal-link-back:hover,
.modal--addToCart .modal-footer .modal-link-forward:hover {
  text-decoration: underline;
}
@media screen and (min-width: 1600px) {
  .modal--addToCart .modal-dialog {
    top: 75%;
    left: 34%;
  }
}
@media screen and (min-width: 1250px) and (max-width: 1599px) {
  .modal--addToCart .modal-dialog {
    top: 75%;
    left: 30%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1249px) {
  .modal--addToCart .modal-dialog {
    top: 75%;
    left: 22%;
  }
}
@media screen and (min-width: 600px) {
  .modal--addToCart .modal-header {
    padding: 10px 10px 10px 1rem;
  }
  .modal--addToCart .modal-title {
    font-size: 1.25rem;
  }
  .modal--addToCart .modal-body {
    padding: 1rem 2rem;
  }
  .modal--addToCart .modal-footer {
    flex-direction: row;
  }
}

.modal--imgVideo .modal-content {
  background-color: #e7e3de;
}
.modal--imgVideo .modal-header {
  position: relative;
  display: flex;
  place-items: center;
  background: #222;
  color: #fff;
  padding: 40px 20px 20px;
  max-height: initial;
}
.modal--imgVideo .modal-title {
  font-family: "Montserrat";
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
  width: 100%;
  color: #fff;
}
.modal--imgVideo .modal-body {
  font-size: 16px;
  color: #707070;
  padding: 40px 25px 1rem;
}
.modal--imgVideo .modal-image {
  display: block;
  max-width: 450px;
  width: 100%;
  /* max-height: 337px; */
  /* max-height: 253px; */
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 0 40px;
  aspect-ratio: 16/9;
}
.modal--imgVideo .modal-image--square {
  aspect-ratio: 4/4;
}
.modal--imgVideo .modal-image--portrait {
  aspect-ratio: 3/4;
}
.modal--imgVideo .modal-video-container {
  width: 100%;
  max-width: 450px;
  margin: 0 0 40px;
  /* aspect-ratio: 16 / 9;
  video {
  	width: 100%;
  	max-width: 450px;
  } */
}
.modal--imgVideo .modal-video-container iframe {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}
.modal--imgVideo .modal-textbox {
  margin: 0;
}
.modal--imgVideo .close {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 0;
}
.modal--imgVideo .btn_cta {
  margin-bottom: 0;
  border-radius: 5px;
  font-size: 16px;
  text-decoration: none;
  padding: 5px 60px;
}
.modal--imgVideo .btn_cta:hover {
  cursor: pointer;
  text-decoration: none;
  /* color: #4f4f4f; */
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 1px rgba(60, 64, 67, 0.15);
}
.modal--imgVideo .modal-footer {
  padding: 0 0 40px;
}
@media screen and (max-width: 576px) {
  .modal--imgVideo .modal-title {
    font-size: 24px;
  }
}

.pagination {
  color: #666666;
  display: block;
}
.pagination .pagination__counter {
  text-align: center;
}
.pagination .pagination__container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0;
  margin: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
}
.pagination .pagination__container li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 3px;
  height: 25px;
  width: 25px;
  min-width: 25px;
}
.pagination .pagination__container li a {
  color: #666666;
  text-decoration: none;
  font-size: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
}
.pagination .pagination__container li a svg {
  height: 18px;
}
.pagination .pagination__container li a:hover {
  background: #f08300;
  color: #ffffff;
}
.pagination .pagination__container li a:hover svg path {
  fill: #f08300;
  stroke: #f08300;
}
.pagination .pagination__container .next-page a:hover,
.pagination .pagination__container .previous-page a:hover {
  background: none;
}
.pagination .pagination__container .active {
  background: #f08300;
  color: #ffffff;
}
.pagination .page-link {
  padding: 0;
}
@media (min-width: 992px) {
  .pagination {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0;
  }
  .pagination .pagination__container li {
    height: 45px;
    width: 45px;
    min-width: 45px;
  }
  .pagination .pagination__container li a {
    font-size: 16px;
  }
  .pagination .pagination__container li a svg {
    height: 20px;
  }
  .pagination .pagination__counter {
    text-align: right;
  }
}

.cont_product {
  text-align: center;
  flex-direction: column;
  width: 100%;
  padding: 0;
}

.cont_mixPayIcon {
  position: absolute;
  left: 5px;
  top: 5px;
}

.content-trans p {
  width: 80%;
  margin: 1rem auto;
  font-size: 12px;
  text-align: center;
}

.title-group-trans {
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .title-group-trans h3 {
    width: 18%;
  }
}

.title-trans-mobile {
  font-size: 12px;
  margin-right: 8px;
}

.name_product {
  font-weight: bold;
  margin: 1rem auto;
  width: 80%;
  text-align: center;
}

.stars_evaluation {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .name_product {
    margin: 10px;
    text-align: left;
  }
  .cont_product {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .cont_product {
    /* width: 25%; */
    width: 21.2%;
  }
  .content-trans {
    justify-content: space-between;
  }
  .content-trans p {
    width: 18%;
    font-size: 14px;
    text-align: center;
    margin: 1rem 10px;
  }
  .content-trans--flexstart {
    justify-content: flex-start;
  }
  .content-trans--flexstart p {
    width: 15.8%;
    margin: 0;
  }
  .title-trans-mobile {
    font-size: 14px;
    margin-right: 8px;
  }
  .stars_evaluation {
    width: 15%;
    margin-top: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .content-trans {
    margin: 20px 0px;
  }
  .content-trans p {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .cont_product {
    align-items: center;
  }
}
.container-all-filters {
  justify-content: space-between;
  border-bottom: solid 1px #d8d9d9;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1050px) {
  .container-all-filters {
    display: block;
  }
  .container-all-filters .wrapper-filter {
    max-width: 100%;
    width: 100%;
  }
  .container-all-filters button.btn-catalog-vertodo {
    float: none;
    margin-left: 10px;
  }
}

.content-range input[type=text] {
  width: 100%;
  padding: 0;
  margin: 8px 0;
  display: inline-block;
  position: relative;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  resize: none;
  color: #2F3A5B;
}

/* Selector para productos en columna de productos similares */
.content-product {
  padding: 1em;
  margin-bottom: 0;
}

/* Selector en selects que despliegan los catálogos en filtro */
.selectCatalogs {
  border-radius: 0;
}

.btn-filtrar {
  float: none;
  position: relative;
  left: 0;
}

.btn.all {
  position: relative;
  top: 0;
  margin-right: 0;
}

@media screen and (min-width: 992px) {
  .btn-filtrar {
    float: right;
    position: relative;
    top: -53px;
  }
  .btn.all {
    margin-right: 0 !important;
    float: none;
  }
}
@media (min-width: 812px) {
  .btn.all {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .btn.all {
    top: 0;
  }
}
@media screen and (min-width: 766px) {
  .container-others-catalogs {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .container-others-catalogs {
    margin-left: 0;
  }
  .btn.all {
    margin-bottom: 20px;
    margin-right: 0 !important;
  }
}
.searchF input[type=text] {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #666666;
}
@media (min-width: 300px) {
  .searchF {
    margin: 0;
  }
  .searchF .btn.all {
    margin-right: 0 !important;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1rem 0;
}

.page-link {
  place-items: center;
  display: grid;
  padding: 0;
  margin: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #666666 !important;
  background-color: #ffffff;
  border: 1px solid #c0c0c0;
  line-height: 0;
}
.page-link:hover {
  color: #ffffff !important;
  background: #f08300;
  border: 1px solid #f08300;
}
.page-link:hover svg path {
  fill: #ffffff;
  stroke: #ffffff;
}

.page-item.active .page-link {
  color: #ffffff !important;
  background-color: #f08300;
  border-color: #f08300;
}

.page-link--arrow {
  border: none !important;
  border-radius: 50%;
}
.page-link--arrow:hover {
  border: none;
  background: transparent;
}
.page-link--arrow:hover svg path {
  fill: #f08300;
  stroke: #f08300;
}

.page-item:first-child .page-link {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

@media screen and (min-width: 992px) {
  .page-link {
    margin: 10px;
    height: 45px;
    width: 45px;
  }
  .page-link--arrow span {
    font-size: 45px;
  }
}
/* SELECTORES MI CUENTA */
@media screen and (max-width: 768px) {
  .header-section {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .header-section .title-secc-account {
    text-align: center;
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .header-section .data-account {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
  }
  .header-section .btn-editar {
    margin: auto;
  }
  .container-title {
    padding: 25px 0;
  }
}
/* SELECTORES PREMIOS CATÁLOGO */
@media screen and (min-width: 992px) {
  .content-catalogue {
    flex: 0 0 33%;
    max-width: 33%;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .content-catalogue {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 490px) {
  .content-catalogue {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.img-premio img {
  margin: auto;
  display: block;
  border-radius: 10px;
  width: auto;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .img-premio img {
    margin: auto;
    display: block;
    border-radius: 10px;
    width: 100%;
    height: auto;
  }
}

.discount .data-premio {
  flex: 0 0 60%;
}
.discount .discount-premio {
  place-items: center;
  display: grid;
  border-radius: 50%;
  background-color: #f00;
  background-image: none;
  padding: 10px;
  flex: 0 0 40%;
}
.discount .points-before {
  width: auto;
  display: inline-block;
  text-decoration: line-through;
  color: #c8c8c8;
}
@media screen and (min-width: 992px) {
  .discount .data-premio {
    flex: 0 0 50%;
  }
}

.discount-premio p {
  font-size: 28px;
}

.title-news {
  font-weight: 600;
}

.main-new, .container-all-news {
  margin-bottom: 1rem;
}

.footer {
  padding: 30px 20px;
  font-size: 12px;
}
.footer .data-footer {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  /* .img-icon-phone {
  	width: 30px;
  	height: auto;
  	float: none;
  	margin-right: 10px;
  	margin-bottom: 0;
  } */
}
.footer .icon-data-footer {
  margin: 0 10px;
}
.footer .icon-data-footer i {
  font-size: 32px;
}
.footer .link {
  font-size: 13px;
  font-weight: 600;
}
.footer .legales-footer {
  display: block;
}
.footer .list-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .list-menu ul {
  padding: 20px 0;
  justify-content: center;
  display: flex;
}
.footer .list-menu a:hover {
  text-decoration: underline;
}
.footer .list-legales {
  justify-content: center;
  display: flex;
  width: initial;
  padding: 20px 0;
}
.footer .list-legales li {
  margin: 0;
  text-align: center;
  flex: 0 0 50%;
  border-right: 1px solid #fff;
}
.footer .list-legales li:last-child {
  border-right: none;
}
.footer .list-redes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .list-redes li {
  float: none;
  margin: 0;
  display: grid;
  place-items: center;
  flex: 0 0 20%;
  height: 100%;
  width: 100%;
  float: none;
  margin: 0;
}
@media screen and (max-width: 450px) {
  .footer .list-legales {
    flex-direction: column;
  }
  .footer .list-legales li:first-child {
    border-right: none;
  }
  .footer .list-legales li:nth-child(2) {
    border-right: none;
  }
}
@media screen and (min-width: 768px) {
  .footer .data-footer {
    justify-content: flex-start;
    flex-direction: row;
  }
  .footer .container-footer {
    grid-template-columns: 1fr 1fr 185px 185px;
    display: grid;
  }
  .footer .legales-footer {
    max-width: 370px;
    grid-column: 3/span 2;
    margin-top: 0;
  }
  .footer .list-legales {
    padding: 0 0 10px;
  }
  .footer .list-redes {
    justify-content: flex-end;
  }
}

/*REDES SOCIALES*/
.icon-fb {
  background-image: url(img/icon-fb.png);
}

.icon-fb:hover {
  background-image: url(img/icon-fb-hover.png);
}

.icon-tw {
  background-image: url(img/icon-tw2.png);
}

.icon-tw:hover {
  background-image: url(img/icon-tw2-hover.png);
}

.icon-yt {
  background-image: url(img/icon-yt.png);
}

.icon-yt:hover {
  background-image: url(img/icon-yt-hover.png);
}

.icon-in {
  background-image: url(img/icon-in.png);
}

.icon-in:hover {
  background-image: url(img/icon-in-hover.png);
}

.icon-lk {
  background-image: url(img/icon-lk.png);
}

.icon-lk:hover {
  background-image: url(img/icon-lk-hover.png);
}

.shipmentForm {
  border-radius: 20px;
}
.shipmentForm .shipmentForm__container {
  border-radius: 20px;
  border: 1px solid #c8c8c8;
  padding: 4rem 1rem 2rem;
}
.shipmentForm .shipmentForm__checkboxLabel {
  margin-bottom: 0.5rem;
}
.shipmentForm .shipmentForm__subtitle {
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 16px;
}
.shipmentForm .shipmentForm__subtitle:hover {
  color: #f08300;
}
.shipmentForm .shipmentForm__taxMessage {
  background: #f8e160;
  padding: 1.5rem;
  margin: 1rem 0 2rem;
  border-radius: 10px;
  text-transform: uppercase;
  text-align: center;
}
.shipmentForm .shipmentForm__taxMessageTitle * {
  margin: 3px;
}
.shipmentForm .shipmentForm__stripeContainer {
  color: #666666;
  text-align: center;
  margin: 2rem 0;
}
.shipmentForm .shipmentForm__stripeHeader {
  display: flex;
  font-size: 13px;
  margin-bottom: 1rem;
}
.shipmentForm .shipmentForm__stripeHeader > div:first-child {
  position: relative;
  padding: 0 1rem 0 0;
}
.shipmentForm .shipmentForm__stripeHeader > div:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 30%;
  background: #c8c8c8;
}
.shipmentForm .shipmentForm__stripeHeader > div:last-child {
  padding: 0 0 0 1rem;
}
.shipmentForm .shipmentForm__stripeHeader img {
  max-height: 15px;
  height: auto;
}
.shipmentForm .shipmentForm__stripeImgContainer {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
}
.shipmentForm img.shipmentForm__visaLogo {
  align-self: center;
  max-height: 11px;
}
.shipmentForm .shipmentForm__stripeLabel {
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: bold;
  color: #1d1d1b;
  margin-bottom: 0.5rem;
}
.shipmentForm .shipmentForm__stripeInputFullCol {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.shipmentForm .shipmentForm__stripeInputLeftCol {
  margin-left: -0.5rem;
}
.shipmentForm .shipmentForm__stripeInputRightCol {
  margin-right: -0.5rem;
}
.shipmentForm .shipmentForm__stripeInput {
  box-sizing: border-box;
  resize: none;
  color: #666666;
  position: relative;
  font-size: 14px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 12px 20px;
  margin: 8px 0;
}
.shipmentForm .shipmentForm__stripeInput--invalid {
  border: 1px solid #f00;
}
.shipmentForm label.radioContainer span.checkmark--radio:after {
  transform: translateX(-50%);
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #666666;
}
.shipmentForm label.radioContainer:hover input ~ .checkmark--radio:after {
  display: block;
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
  background: #f08300;
}
.shipmentForm label.radioContainer input:checked ~ .checkmark--radio:after {
  display: block;
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
}
@media (min-width: 768px) {
  .shipmentForm .shipmentForm__container {
    padding: 4rem 3rem 2rem;
  }
  .shipmentForm .shipmentForm__subtitle {
    font-size: 20px;
  }
}

/* AVISO DE PRIVACIDAD */
.content-aviso-privacidad table {
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1250px) {
  .content-aviso-privacidad td {
    display: block;
    width: 100%;
  }
}/*# sourceMappingURL=newstyles.css.map */