/* Fonts */
/* default letter spacing for titles */
/* Main neutral scale */
/* Interaction Color */
/* Brand colors */
/* Accesibility */
/* z-index */
/* rhythm */
/* Icon in button defaut size */
/* Box shadow */
/* LEGACY DEPRECATED */
/* LEGACY DEPRECATED END */
/* screen Dimensions */
/* Mixings */
/* components */
.home-offer {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 2.5rem 2rem;
}
.home-offer.sticky {
  padding: 1.5rem 2rem;
}
.home-offer__text {
  padding-right: 1rem;
  width: 60%;
}
.home-offer__text-title {
  margin: 0 0 0.5rem;
}
.home-offer__price {
  flex: 1 auto;
  text-align: center;
}
.home-offer__button {
  display: block;
  margin: 1.5rem 0 0 0;
  padding: 1.2rem 0;
  width: 100%;
}
.home__featured {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.home__featured-item-wrapper {
  padding: 0.5rem;
  position: relative;
  width: 50%;
}
.home__featured-item-wrapper:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.home__featured-item-wrapper .home__featured-item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100% - 1rem);
  left: 0.5rem;
  overflow: hidden;
  position: absolute;
  top: 0.5rem;
  width: calc(100% - 1rem);
}
.home__featured-item-wrapper .home__featured-item:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home__featured-item-wrapper .home__featured-item img {
  height: 100%;
  width: 100%;
}
.home__featured-section-text {
  bottom: 0;
  margin: 1rem 0;
  position: absolute;
  width: 100%;
}
.home__services__title {
  margin-bottom: 2rem;
}
.home__services-list {
  font-size: 0;
  padding: 0;
}
.home__services-list-item {
  display: inline-block;
  height: 10rem;
  overflow: hidden;
  padding: 1.4rem 0 1rem;
  position: relative;
  width: 33.33%;
}
.home__services-list-item .home__service-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 3rem;
  margin-bottom: 0.5rem;
  width: 3rem;
}
.home__services-list-item .home__service-text {
  display: block;
  padding: 0 0.5rem;
  position: absolute;
  width: 100%;
}
/* Mapa de la página principal */
.home__map-container {
  height: 30rem;
}
.social {
  padding: 3rem 0.5rem;
}
.social__title {
  margin-bottom: 2rem;
}
.social__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.social__anchor {
  align-items: center;
  display: flex;
  height: 4rem;
  justify-content: center;
  margin: 0 0.5rem 0.5rem;
  width: 4rem;
}
.social__anchor svg {
  height: 2rem;
  width: 2rem;
}
.footer__logo,
.footer__second-logo {
  display: block;
  padding: 2rem 0;
}
.footer__logo img {
  height: var(--footerLogoHeight, 5rem);
}
.footer__second-logo img {
  height: var(--footerSecondLogoHeight, 5rem);
}
.footer__address {
  display: block;
  padding: 1.5rem;
}
.footer__address-text {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.footer__actions a {
  box-sizing: border-box;
  display: inline-block;
  padding: 1.5rem;
  width: 50%;
}
.footer__authorship {
  display: block;
  padding: 1.5rem;
}
.footer__marker {
  height: 1.5rem;
  margin: 0 0.5rem 0 0;
  width: 1.5rem;
}
.cookies-policy {
  bottom: 0;
  padding: 1rem;
  position: fixed;
  width: 100%;
  z-index: 501;
}
.cookies-policy__text {
  width: 95%;
}
.cookies-policy__close {
  position: absolute;
  right: 0.5rem;
  top: 0;
}
.cookies-policy__title {
  margin: 0 0 1rem;
}
.body-open-modal {
  overflow: hidden;
}
.modal-holder {
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding: 1.5rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.modal-holder__title-holder > :first-of-type {
  margin-top: 0.5rem;
}
.modal-holder__title {
  padding-bottom: 1rem;
}
.modal-holder__title-icon {
  padding-right: 0.5rem;
}
.modal-holder__close-button {
  display: block;
  float: right;
}
.modal-holder__button {
  margin-top: 1.5rem;
  width: inherit;
}
.auth {
  padding: 3rem 1rem;
}
.auth__title {
  margin-bottom: 1rem;
}
.auth__title,
.auth__text {
  padding: 0 1rem;
}
.auth__signin {
  padding: 1rem 0 0 0;
}
.auth__ortext {
  display: flex;
  padding: 0.5rem 0 0;
  width: 100%;
}
.auth__ortext::before,
.auth__ortext::after {
  align-self: center;
  flex-grow: 1;
  height: 1px;
  margin: 0 1rem;
}
.auth__success {
  padding: 0 1rem;
}
.auth__success,
.auth__pre-success,
.auth__password-recovery,
.auth__password-success {
  margin-bottom: 3rem;
}
.auth__password-success {
  margin-top: 3rem;
}
.auth__booking-button {
  display: block;
  margin: 3rem 0 0;
  padding: 0.7em 1.2em 0.7em;
  width: 100%;
}
.auth__forget,
.auth__required,
.auth__register,
.auth__logout,
.auth__success-text {
  display: block;
  margin: 3rem 0 0;
}
.auth__advice {
  display: block;
  margin: 3rem 0 0;
  text-align: center;
}
.auth__check,
.auth__smile,
.auth__mail {
  margin: 3rem 0;
}
.auth__checkbox-field {
  margin-bottom: 0.5rem;
  margin-top: 3rem;
  align-items: center;
  display: flex;
}
.auth__checkbox-field label {
  padding-left: 0.5rem;
  width: calc(100% -  3.2rem);
}
.auth__checkbox-field input {
  height: 3.2rem;
  margin: 0;
  width: 3.2rem;
}
.auth__modal {
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding: calc(1rem + 0.5rem);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.auth__modal-close-button {
  border: 0;
  display: block;
  float: right;
}
.auth__advantages {
  margin: 0 1rem 0;
  padding: 1rem 0 0;
}
.auth__advantages-intro {
  margin: 0.5rem 0;
}
.auth__advantages-list {
  margin: 3rem 0;
}
.auth__advantages-item {
  align-items: flex-start;
  display: flex;
  margin: 1rem 0;
}
.auth__advantages-item-text {
  padding-left: 1rem;
  padding-top: 0.1rem;
}
.auth__advantages--line {
  margin-top: 2rem;
}
.auth__email-button {
  align-items: center;
  display: flex;
  height: 4rem;
  margin: 3rem 0 0;
  padding: 0;
  width: 100%;
}
.auth__email-button-icon {
  display: inline-block;
  height: 100%;
  line-height: inherit;
}
.auth__email-button-text {
  line-height: 1.3;
  padding-left: 1rem;
  padding-right: 1rem;
}
.auth__loyalty-logo {
  height: var(--authLoyaltyLogoHeight, 4rem);
  margin: 1rem;
}
.auth__social-gdpr-text {
  margin: 1rem 0;
}
.auth__social-gdpr-user-info {
  margin-bottom: 1rem;
  padding: 1rem;
}
.auth__social-gdpr-user-info-name {
  display: block;
}
.auth__social-gdpr-user-info-mail {
  display: block;
}
.auth__social-gdpr-button {
  display: block;
  margin: 3rem 0 0;
  padding: 0.7em 1.2em 0.7em;
  width: 100%;
}
.form-builder {
  width: 100%;
}
.form-builder__fields {
  padding: 0;
}
.form-builder__text-field,
.form-builder__email-field,
.form-builder__password-field,
.form-builder__select,
.form-builder__textarea {
  height: 5rem;
  margin-bottom: 3rem;
}
.form-builder__text-field label,
.form-builder__email-field label,
.form-builder__password-field label,
.form-builder__select label,
.form-builder__textarea label,
.form-builder__text-field input,
.form-builder__email-field input,
.form-builder__password-field input,
.form-builder__select input,
.form-builder__textarea input,
.form-builder__text-field select,
.form-builder__email-field select,
.form-builder__password-field select,
.form-builder__select select,
.form-builder__textarea select,
.form-builder__text-field textarea,
.form-builder__email-field textarea,
.form-builder__password-field textarea,
.form-builder__select textarea,
.form-builder__textarea textarea {
  display: block;
  margin-bottom: 0.1rem;
}
.form-builder__text-field label,
.form-builder__email-field label,
.form-builder__password-field label,
.form-builder__select label,
.form-builder__textarea label {
  margin-bottom: 0.25rem;
}
.form-builder__text-field input,
.form-builder__email-field input,
.form-builder__password-field input,
.form-builder__select input,
.form-builder__textarea input,
.form-builder__text-field select,
.form-builder__email-field select,
.form-builder__password-field select,
.form-builder__select select,
.form-builder__textarea select {
  appearance: none;
  padding: 0 0 0.5rem;
  width: 100%;
}
.form-builder__text-field textarea,
.form-builder__email-field textarea,
.form-builder__password-field textarea,
.form-builder__select textarea,
.form-builder__textarea textarea {
  height: 15rem;
  padding: 0.5rem;
  width: 100%;
}
.form-builder__text-field--inputnachname,
.form-builder__email-field--inputnachname,
.form-builder__password-field--inputnachname,
.form-builder__select--inputnachname,
.form-builder__textarea--inputnachname {
  display: none;
}
.form-builder__text-field-legend,
.form-builder__email-field-legend,
.form-builder__password-field-legend,
.form-builder__select-legend,
.form-builder__textarea-legend {
  margin-bottom: 1rem;
  margin-top: 3rem;
  padding: 0;
}
.form-builder__button {
  margin-top: 3rem;
}
.form-builder__forget,
.form-builder__required,
.form-builder__register,
.form-builder__logout,
.form-builder__success-text {
  display: block;
  margin: 3rem 0 0;
}
.form-builder__checkbox-field {
  margin-bottom: 3rem;
  align-items: center;
  display: flex;
}
.form-builder__checkbox-field label {
  padding-left: 0.5rem;
  width: calc(100% -  3.2rem);
}
.form-builder__checkbox-field input {
  height: 3.2rem;
  margin: 0;
  width: 3.2rem;
}
.form-builder__checkbox-field-legend {
  margin-bottom: 1rem;
  margin-top: 3rem;
  padding: 0;
}
.form-builder__recaptcha {
  margin-bottom: 1rem;
  margin-top: 3rem;
}
.form-builder__input-error-message {
  display: block;
  position: absolute;
}
/*
    Componente: Social login.
    Skeleton
    Descripción: Muestra la pantalla de social login.
*/
.social-login {
  display: flex;
  justify-content: center;
  width: 100%;
}
.social-login--inline {
  flex-direction: row;
}
.social-login--block {
  align-items: center;
  flex-direction: column;
}
.social-login__button {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 2rem;
  min-height: 4rem;
  padding: 0;
  width: 100%;
}
.social-login__button--loading {
  justify-content: center;
}
.social-login__button-icon {
  height: 100%;
  line-height: inherit;
  min-height: 4rem;
  width: 4rem;
}
.social-login__button-text {
  padding: 0 1rem;
  width: calc(100% - 4rem);
}
[id='roi-loyalty-icon'] {
  display: inline-block;
  height: 3rem;
  width: 3rem;
}
.loyalty-icon {
  display: inline-block;
  height: 3rem;
  position: relative;
  width: 3rem;
  z-index: 501;
}
.loyalty-icon--loading {
  display: inherit;
  margin: 0 auto;
  overflow: hidden;
  width: 3rem;
}
.loyalty-icon__user {
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding: 0.75rem;
  pointer-events: none;
  width: 100%;
}
.loyalty-icon__user-cta {
  display: none;
}
.loyalty-icon__logo {
  align-self: flex-start;
  height: var(--loyaltyClaimLogoHeight, 2rem);
  margin-left: 0;
  margin-right: 0.5rem;
  width: auto;
}
.loyalty-icon__claim {
  display: flex;
  padding: 1rem 3rem 1rem 1rem;
  width: var(--loyaltyClaimWidth, 100%);
}
.loyalty-wrap {
  position: relative;
}
.loyalty-area__modal {
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding-top: 6rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.loyalty-area__modal-close-button {
  cursor: pointer;
  height: 4.4rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
  z-index: 1200;
}
.push-notification {
  align-items: center;
  border: 0.1rem solid #e6e6e6;
  display: flex;
  height: auto;
  justify-content: space-between;
  left: 0rem;
  min-height: 5rem;
  min-width: 20rem;
  padding: 1rem;
  position: absolute;
  top: 0rem;
  transform: translateZ(0);
  width: 100%;
  z-index: 1200;
  box-shadow: 0 1.4rem 2.8rem hsla(0, 0%, 0%, 0.25), 0 1rem 1rem hsla(0, 0%, 0%, 0.2);
}
.push-notification__action {
  align-items: center;
  display: flex;
  width: 100%;
}
.push-notification__image {
  max-width: 5rem;
  padding-right: 0.7rem;
}
@media only screen and (min-width: 400px) {
  .push-notification__image {
    font-size: 1.4rem;
  }
}
.push-notification__close {
  color: #333333;
  line-height: 1;
  margin: 0rem;
  padding: 0rem;
}
.push-notification--enter {
  opacity: 0;
  top: -5rem;
}
.push-notification--enter.push-notification--enter-active {
  opacity: 1;
  top: 0rem;
  transition: all 700ms ease-out;
}
.push-notification--leave {
  opacity: 1;
  top: 0rem;
}
.push-notification--leave.push-notification--leave-active {
  opacity: 0;
  top: -5rem;
  transition: all 700ms ease-in;
}
.c-tooltip {
  box-shadow: 0 1.4rem 2.8rem hsla(0, 0%, 0%, 0.25), 0 1rem 1rem hsla(0, 0%, 0%, 0.2);
  height: auto;
  left: 0;
  min-width: 100vw;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: none;
  z-index: 1200;
}
.c-tooltip__action {
  display: block;
  font-size: 0;
  width: 100%;
}
.c-tooltip__close {
  cursor: pointer;
  height: 4.4rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
  z-index: 1200;
}
.c-tooltip__triangle {
  display: block;
  height: 0;
  margin: 0 auto;
  position: absolute;
  top: -1rem;
}
.notification {
  display: block;
  max-height: 100%;
  padding: 1.5rem;
}
.notification--appear {
  max-height: 0;
  opacity: 0.01;
  overflow: hidden;
  padding: 0;
}
.notification--appear.notification--appear-active {
  max-height: 100%;
  opacity: 1;
  padding: 1.5rem;
  transition: opacity 700ms ease-in, max-height 700ms ease-in, padding 700ms ease-in;
}
.notification--enter {
  max-height: 0;
  opacity: 0.3;
  overflow: hidden;
  padding: 0;
}
.notification--enter.notification--enter-active {
  max-height: 100%;
  opacity: 1;
  padding: 1.5rem;
  transition: opacity 700ms ease-in, max-height 700ms ease-in, padding 700ms ease-in;
}
.notification--leave {
  max-height: 100%;
  opacity: 1;
  overflow: hidden;
  padding: 1.5rem;
}
.notification--leave.notification--leave-active {
  max-height: 0;
  opacity: 0.01;
  padding: 0;
  transition: opacity 700ms ease-in, max-height 700ms ease-in, padding 700ms ease-in;
}
.notification__action {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.notification__action-text {
  padding: 0.5rem;
}
.notification__action-logo {
  height: 2rem;
  margin: 0.5rem;
  width: auto;
}
.notification__action-invert {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.notification__action-invert-text {
  padding: 0.5rem;
}
.notification__action-invert-logo {
  height: 2rem;
  margin: 0.5rem;
  width: auto;
}
.notification--fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
}
.summary {
  margin-bottom: 1rem;
}
.summary-room,
.summary-package {
  margin: 0 1.5rem 2rem;
  position: relative;
}
.summary-room__title,
.summary-package__title {
  margin: 0 1rem;
  padding: 2rem;
}
.summary-room__name,
.summary-package__name {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
}
.summary-room__option,
.summary-package__option {
  margin: 0 1rem;
  padding: 0 2rem 2rem;
}
.summary-room__info,
.summary-package__info {
  margin: 0 1rem;
  padding: 0 2rem 2rem;
}
.summary-room__info-details,
.summary-package__info-details {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.summary-room__info-details-item,
.summary-package__info-details-item {
  display: flex;
  margin-bottom: 1.5rem;
}
.summary-room__info-details-name,
.summary-package__info-details-name {
  vertical-align: top;
  width: 30%;
}
.summary-room__info-details-value,
.summary-package__info-details-value {
  width: 70%;
}
.summary-room__info-loyalty,
.summary-package__info-loyalty {
  justify-content: flex-end;
  margin: 0 0 1rem 30%;
  width: 70%;
}
.summary-room__info-loyalty-logo,
.summary-package__info-loyalty-logo {
  display: inline-block;
  height: 2rem;
  margin-left: 0.4rem;
  vertical-align: middle;
}
.summary-room__info-loyalty-oldprice,
.summary-package__info-loyalty-oldprice {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  vertical-align: middle;
}
.summary-room__actions,
.summary-package__actions {
  display: flex;
}
.summary-room__actions-conditions,
.summary-package__actions-conditions,
.summary-room__actions-remove,
.summary-package__actions-remove,
.summary-room__actions-details,
.summary-package__actions-details {
  user-select: none;
  align-items: center;
  display: flex;
  width: 50%;
}
.summary-room__actions-details--icon,
.summary-package__actions-details--icon,
.summary-room__actions-conditions--icon,
.summary-package__actions-conditions--icon,
.summary-room__actions-remove--icon,
.summary-package__actions-remove--icon {
  padding-right: 0.5rem;
}
.summary-room__actions-details--icon,
.summary-package__actions-details--icon,
.summary-room__actions-conditions--icon,
.summary-package__actions-conditions--icon {
  height: 3.5rem;
  width: 3.5rem;
}
.summary-room__actions-remove--icon,
.summary-package__actions-remove--icon {
  height: 3rem;
  width: 3rem;
}
.summary-room__actions-details--text,
.summary-package__actions-details--text,
.summary-room__actions-conditions--text,
.summary-package__actions-conditions--text,
.summary-room__actions-remove--text,
.summary-package__actions-remove--text {
  vertical-align: middle;
  width: calc(100% - 4rem);
}
.summary-room__actions {
  margin-bottom: 2rem;
}
.summary__add-button {
  user-select: none;
  width: 100%;
}
.summary__add-button-link {
  display: inline-block;
  margin: 1rem 0 2.5rem 0;
}
@media only screen and (min-width: 400px) {
  .summary__add-button-link {
    margin-bottom: 3rem;
  }
}
.summary__local-currency {
  margin-bottom: 1.5rem;
  width: 100%;
}
.summary__return-button {
  padding: 2rem 0;
}
.summary__return-button-link {
  display: block;
  margin: 2rem auto;
  padding: 2rem;
  width: 80%;
}
.summary-upgrade {
  margin-bottom: 2rem;
}
.summary-upgrade__state {
  display: inline-block;
  padding: 0.3rem 0.5rem;
}
.summary-upgrade__wrap {
  margin: 0 1rem;
  padding: 2rem;
}
.summary-upgrade__title {
  margin: 0;
}
.summary-upgrade__button {
  margin-top: 2rem;
}
.modal-holder__sub-title,
.modal-holder__body {
  padding-top: 1rem;
}
.occupancy-preview {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.occupancy-preview__max-occupants,
.occupancy-preview__icons {
  display: block;
  padding: 0.5rem 0;
}
.occupancy-preview__icons {
  padding-bottom: 0.2rem;
}
.occupancy-preview__icon-full,
.occupancy-preview__icon-empty {
  display: inline-block;
  height: 1.5rem;
  margin-right: 0.3rem;
  width: 1.5rem;
}
.occupancy-preview__action {
  align-self: center;
  height: 100%;
}
/*
    Componente: Carrito inferior.
    Descripción: Permite pasar al paso siguiente y ver información del carrito.
*/
.shopping-resume {
  width: 100%;
  z-index: 100;
}
.shopping-resume__header {
  width: 100%;
}
.shopping-resume__title {
  margin-bottom: 1rem;
  padding: 1rem 3rem 0;
}
.shopping-resume__title-resume {
  display: block;
  padding-bottom: 1rem;
}
.shopping-resume__title--hidden,
.shopping-resume__title--fixed {
  left: 0;
  margin: 0;
  top: 0;
  width: 100%;
}
.shopping-resume__title--fixed {
  position: fixed;
  z-index: 2;
}
.shopping-resume__title--hidden {
  display: block;
  visibility: hidden;
}
.shopping-resume .summary-holder {
  margin-top: 1rem;
}
.shopping-resume__cta {
  align-self: center;
  flex: 1 40%;
  padding: 0 1rem 0;
}
.shopping-resume__price,
.shopping-resume__price-original {
  display: inline-block;
}
.shopping-resume__price-fixed {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 1.5rem 0 1.5rem 1rem;
}
.shopping-resume__info,
.shopping-resume__taxes {
  display: block;
  padding-top: 0.5rem;
}
.shopping-resume__open-resume-link {
  display: flex;
}
.shopping-resume__open-resume-link__icon {
  height: 1.5rem;
  padding-right: 0.5rem;
}
@media only screen and (min-width: 400px) {
  .shopping-resume__open-resume-link__icon {
    height: 2rem;
  }
}
.shopping-resume__button {
  width: 100%;
}
.shopping-resume--fixed,
.shopping-resume--taxes {
  bottom: 0;
  overflow: hidden;
  position: fixed;
}
.shopping-resume__fixed-view {
  align-items: stretch;
  bottom: 0;
  display: flex;
  min-height: var(--shoppingResumeFixedMinHeight, 6rem);
  position: relative;
}
.shopping-resume--open {
  height: 100%;
  overflow-y: auto;
  padding: 0 0 2rem;
}
.shopping-resume--open .shopping-resume__holder {
  padding: 1.5rem 2rem;
}
.shopping-resume--open .shopping-resume__cta {
  padding: 0 2rem;
}
.shopping-resume__open-resume-btn {
  display: flex;
  flex: 1 60%;
}
.shopping-resume__open-resume-btn::before {
  flex-shrink: 0;
  width: 3rem;
}
.shopping-resume--inline .shopping-resume__open-resume-link {
  margin: 0 0 1.5rem;
  padding: 0 0 1.5rem;
}
.shopping-resume--inline .shopping-resume__holder,
.shopping-resume--resume .shopping-resume__holder {
  padding: 1.5rem 2rem;
}
.shopping-resume--inline .shopping-resume__title,
.shopping-resume--resume .shopping-resume__title {
  margin: 0 0 0.5rem 0;
  padding-top: 0;
}
.shopping-resume--inline .shopping-resume__info,
.shopping-resume--resume .shopping-resume__info {
  padding-top: 1rem;
}
.shopping-resume--inline .shopping-resume__price,
.shopping-resume--resume .shopping-resume__price {
  padding-right: 1rem;
}
.shopping-resume--inline .shopping-resume__cta,
.shopping-resume--resume .shopping-resume__cta {
  padding: 0;
}
.modal-component {
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.modal-component__close-button {
  display: block;
  margin: 1rem 1rem 0 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.roi-conditions__checkbox {
  flex-wrap: wrap;
  margin: 0.5rem 0;
  align-items: center;
  display: flex;
}
.roi-conditions__checkbox label {
  padding-left: 0.5rem;
  width: calc(100% -  3.2rem);
}
.roi-conditions__checkbox input {
  height: 3.2rem;
  margin: 0;
  width: 3.2rem;
}
.roi-conditions .input-error-message {
  display: block;
}
.home-offer {
  background-color: #fff;
}
.home-offer__text-title {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #191919;
}
.home-offer__text-description {
  font-size: 1.4rem;
  color: hsla(0, 0%, 0%, 0.5);
}
.home-offer__price {
  color: var(--colorCustom, hsl(230, 95%, 37%));
}
.home-offer__price-from {
  font-size: 1.2rem;
  padding-right: 0.5rem;
}
.home-offer__price-value {
  font-size: 1.5rem;
  font-weight: bold;
}
.home-offer__button {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  letter-spacing: 0.05rem;
  font-size: 1.1rem;
}
@media only screen and (min-width: 400px) {
  .home-offer__button {
    font-size: 1.6rem;
  }
}
.home-offer__button,
.home-offer__button:hover,
.home-offer__button:visited,
.home-offer__button:active {
  background-color: var(--colorMain, hsl(45, 37%, 54%));
  border-radius: var(--round, 2.5rem);
  color: #fff;
}
@media only screen and (min-width: 400px) {
  .home-offer__button {
    font-size: 1.4rem;
  }
}
.home__featured {
  font-size: 0;
}
.home__featured-item:before {
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}
.home__featured-section-text {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 400px) {
  .home__featured-section-text {
    font-size: 1.4rem;
  }
}
.home__services__title {
  color: var(--colorMain, hsl(45, 37%, 54%));
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 400px) {
  .home__services__title {
    font-size: 1.4rem;
  }
}
.home__services__title:before,
.home__services__title:after {
  content: ' - ';
}
.home__services-list {
  font-size: 0;
}
.home__services-list-item {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-width: 1px 0 1px 1px;
  font-size: 0;
  text-align: center;
}
.home__services-list-item:nth-child(n+4) {
  border-top: 0;
}
.home__services-list-item:nth-child(3n) {
  border-right-width: 1px;
}
.home__services-list-item:nth-last-child(1) {
  border-right-width: 1px;
}
.home__services-list-item .home__service-text {
  color: #191919;
  font-size: 1rem;
  text-transform: uppercase;
}
.social__title {
  color: var(--colorMain, hsl(45, 37%, 54%));
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 400px) {
  .social__title {
    font-size: 1.4rem;
  }
}
.social__title:before,
.social__title:after {
  content: ' - ';
}
.social__anchor {
  background-color: var(--socialIconsColorBg, var(--colorCorporate, hsl(202, 69%, 10%)));
  border-radius: var(--socialIconsRound, var(--round, 2.5rem));
  color: var(--socialIconsColor, #fff);
}
.social__anchor:before {
  content: none;
}
.footer {
  background-color: var(--footerBgColor, var(--colorCorporate, hsl(202, 69%, 10%)));
}
.footer__logo,
.footer__second-logo {
  border-bottom: var(--footerBorderStyle, 0.1rem solid var(--footerBorderColor, hsl(0, 0%, 50%)));
  text-align: center;
}
.footer__address {
  border-bottom: var(--footerBorderStyle, 0.1rem solid var(--footerBorderColor, hsl(0, 0%, 50%)));
  text-align: center;
  text-decoration: none;
}
.footer__address address {
  color: var(--footerColor, hsl(0, 0%, 100%));
  font-size: 1.2rem;
  font-style: normal;
}
.footer__actions {
  border-bottom: var(--footerBorderStyle, 0.1rem solid var(--footerBorderColor, hsl(0, 0%, 50%)));
  font-size: 0;
}
.footer__actions a {
  color: var(--footerColor, hsl(0, 0%, 100%));
  font-size: 1.2rem;
  text-align: center;
}
.footer__actions a:nth-of-type(1) {
  border-right: var(--footerBorderStyle, 0.1rem solid var(--footerBorderColor, hsl(0, 0%, 50%)));
}
.footer__authorship {
  color: var(--footerColor, hsl(0, 0%, 100%));
  font-size: 1.2rem;
  text-align: center;
}
.footer__marker {
  color: var(--footerIconColor, var(--footerColor, hsl(0, 0%, 100%)));
}
.cookies-policy {
  background: rgba(51, 51, 51, 0.8);
  color: #fff;
  font-size: 1.1rem;
}
.cookies-policy__more-info {
  color: var(--colorMain, hsl(45, 37%, 54%));
}
.cookies-policy__close {
  background: none;
  border: none;
  color: #fff;
  font-size: 3rem;
  line-height: 3rem;
}
.modal-holder {
  background: #191919;
  color: #fff;
  font-size: 1.4rem;
  text-align: start;
}
@media only screen and (min-width: 400px) {
  .modal-holder {
    font-size: 1.6rem;
  }
}
.modal-holder__content-holder {
  line-height: 1.6;
}
.modal-holder__close-button {
  background-color: #191919;
  border: 0;
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-decoration: none;
}
.modal-holder__close-button:focus {
  outline: 1px solid #f8f8f8;
}
.modal-holder__content [href] {
  color: var(--colorMain, hsl(45, 37%, 54%));
}
.modal-holder__content strong {
  font-weight: 700;
}
.modal-holder__button {
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  padding: 0.7em 1.2em 0.6em;
  text-transform: uppercase;
  width: auto;
  text-align: center;
  width: inherit;
}
@media only screen and (min-width: 400px) {
  .modal-holder__button {
    font-size: 1.4rem;
  }
}
.modal-holder__button,
.modal-holder__button:hover,
.modal-holder__button:visited,
.modal-holder__button:active {
  background-color: #f8f8f8;
  border-radius: var(--round, 2.5rem);
  color: #666666;
  text-decoration: none;
  border: 0.1rem solid #999999;
}
.body-full-loader {
  overflow: hidden;
}
.body-full-loader .modal-holder {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.modal-holder__loaderbars {
  left: calc(50% -  3.2rem / 2);
  position: absolute;
  top: calc(50% -  2.5rem / 2);
}
.holder-alone__loaderbars {
  height: 5rem;
  margin-bottom: 2.5rem / 2;
  position: relative;
  text-align: center;
  top: 2.5rem / 2;
}
.loaderbars .loaderbars__line {
  animation: expand 1s ease-in-out infinite;
  border-radius: 1rem;
  display: inline-block;
  height: 2.5rem;
  margin: 0 0.3rem;
  transform-origin: center center;
  width: 0.2rem;
}
.loaderbars .loaderbars__line:nth-child(1) {
  animation-delay: 0ms;
  background: var(--colorMain, hsl(45, 37%, 54%));
}
.loaderbars .loaderbars__line:nth-child(2) {
  animation-delay: 180ms;
  background: var(--colorMain, hsl(45, 37%, 54%));
}
.loaderbars .loaderbars__line:nth-child(3) {
  animation-delay: 360ms;
  background: var(--colorCustom, hsl(230, 95%, 37%));
}
.loaderbars .loaderbars__line:nth-child(4) {
  animation-delay: 540ms;
  background: var(--colorCustom, hsl(230, 95%, 37%));
}
@keyframes expand {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(2);
  }
}
/*
    Componente: Formulario login de usuario
*/
.auth {
  font-size: 1.2rem;
}
@media only screen and (min-width: 400px) {
  .auth {
    font-size: 1.4rem;
  }
}
.auth__text {
  text-align: center;
  font-size: 1.4rem;
}
@media only screen and (min-width: 400px) {
  .auth__text {
    font-size: 1.6rem;
  }
}
.auth__title {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 400px) {
  .auth__title {
    font-size: 1.4rem;
  }
}
.auth__ortext {
  text-align: center;
  text-transform: uppercase;
}
.auth__ortext::before,
.auth__ortext::after {
  background: hsl(0, 0%, 90%);
  content: '';
}
.auth__booking-button,
.auth__social-gdpr-button {
  border: 0;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.25);
}
@media only screen and (min-width: 400px) {
  .auth__booking-button,
  .auth__social-gdpr-button {
    font-size: 1.6rem;
  }
}
.auth__booking-button,
.auth__social-gdpr-button,
.auth__booking-button:hover,
.auth__social-gdpr-button:hover,
.auth__booking-button:visited,
.auth__social-gdpr-button:visited,
.auth__booking-button:active,
.auth__social-gdpr-button:active {
  background-color: var(--colorMain, hsl(45, 37%, 54%));
  border-radius: var(--round, 2.5rem);
  color: hsl(0, 0%, 100%);
  text-decoration: none;
}
.auth__booking-button:focus,
.auth__social-gdpr-button:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.auth__check {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22164px%22%20height%3D%22164px%22%20viewBox%3D%220%200%20164%20164%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22export%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-5480.000000%2C%20-10050.000000)%22%20fill%3D%22hsl%280,%200%25,%2040%25%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22check_%22%20transform%3D%22translate(5480.000000%2C%2010050.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20fill-rule%3D%22nonzero%22%20points%3D%2266.2071848%2099.893915%2047.5407625%2081.2274927%2040.6272727%2088.8323314%2066.2071848%20114.412243%20126.354545%2054.2648827%20119.441056%2047.351393%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M82%2C164%20C36.6213592%2C164%200%2C127.378641%200%2C82%20C0%2C36.6213592%2036.6213592%2C0%2082%2C0%20C127.378641%2C0%20164%2C36.6213592%20164%2C82%20C164%2C127.378641%20127.378641%2C164%2082%2C164%20Z%20M82%2C155.8%20C122.840777%2C155.8%20155.8%2C122.840777%20155.8%2C82%20C155.8%2C41.1592233%20122.840777%2C8.2%2082%2C8.2%20C41.1592233%2C8.2%208.2%2C41.1592233%208.2%2C82%20C8.2%2C122.840777%2041.1592233%2C155.8%2082%2C155.8%20Z%22%20id%3D%22Combined-Shape%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.auth__mail {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2228px%22%20height%3D%2228px%22%20viewBox%3D%220%200%2028%2028%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%20fill%3D%22hsl%280,%200%25,%2040%25%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.03913043%2C7.06086957%20C0.938277078%2C7.06086957%200.0447888%2C7.92557165%200%2C9.01503631%20L12.6879227%2C16.6240137%20L19.8134735%2C12.4638574%20C18.3061592%2C10.914652%2018.1967583%2C9.01503631%2018.6183093%2C7.06086957%20L2.03913043%2C7.06086957%20Z%20M0%2C10.4122183%20L12.3763888%2C17.8418277%20C12.5680661%2C17.9571621%2012.8077792%2C17.9571621%2012.9994565%2C17.8418277%20C15.6824336%2C16.3184263%2018.1948945%2C14.8178352%2020.5368389%2C13.3400544%20C21.9719886%2C14.2632738%2023.5849909%2C14.4739392%2025.3758454%2C13.9720509%20L25.3758454%2C21.3347826%20C25.3758454%2C22.4644604%2024.4663927%2C23.373913%2023.3367149%2C23.373913%20L2.03913043%2C23.373913%20C0.909452661%2C23.373913%200%2C22.4644604%200%2C21.3347826%20L0%2C10.4122183%20Z%20M23.7391304%2C13.1478261%20C21.3859172%2C13.1478261%2019.4782609%2C11.2401698%2019.4782609%2C8.88695652%20C19.4782609%2C6.53374327%2021.3859172%2C4.62608696%2023.7391304%2C4.62608696%20C26.0923437%2C4.62608696%2028%2C6.53374327%2028%2C8.88695652%20C28%2C11.2401698%2026.0923437%2C13.1478261%2023.7391304%2C13.1478261%20Z%20M24.9223968%2C7.69688689%20L23.482303%2C9.19132383%20L22.8904173%2C8.59943791%20C22.7002489%2C8.40926946%2022.391925%2C8.40926946%2022.2017566%2C8.59943791%20C22.0115884%2C8.78960612%2022.0115884%2C9.09792995%2022.2017566%2C9.2880984%20L23.1444082%2C10.2307501%20C23.3370714%2C10.4234129%2023.6503225%2C10.4205129%2023.8393853%2C10.2243157%20L25.6236902%2C8.37267833%20C25.8103048%2C8.17902157%2025.8045962%2C7.87075082%2025.6109392%2C7.68413593%20C25.4172824%2C7.49752129%2025.1090117%2C7.50322988%2024.9223968%2C7.69688689%20Z%22%20id%3D%22sobre%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.auth__smile {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22164px%22%20height%3D%22164px%22%20viewBox%3D%220%200%20164%20164%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22export%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-5480.000000%2C%20-10050.000000)%22%20fill%3D%22hsl%280,%200%25,%2040%25%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22check_%22%20transform%3D%22translate(5480.000000%2C%2010050.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20fill-rule%3D%22nonzero%22%20points%3D%2266.2071848%2099.893915%2047.5407625%2081.2274927%2040.6272727%2088.8323314%2066.2071848%20114.412243%20126.354545%2054.2648827%20119.441056%2047.351393%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M82%2C164%20C36.6213592%2C164%200%2C127.378641%200%2C82%20C0%2C36.6213592%2036.6213592%2C0%2082%2C0%20C127.378641%2C0%20164%2C36.6213592%20164%2C82%20C164%2C127.378641%20127.378641%2C164%2082%2C164%20Z%20M82%2C155.8%20C122.840777%2C155.8%20155.8%2C122.840777%20155.8%2C82%20C155.8%2C41.1592233%20122.840777%2C8.2%2082%2C8.2%20C41.1592233%2C8.2%208.2%2C41.1592233%208.2%2C82%20C8.2%2C122.840777%2041.1592233%2C155.8%2082%2C155.8%20Z%22%20id%3D%22Combined-Shape%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.auth__check,
.auth__smile,
.auth__mail {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  display: block;
  height: 10rem;
  width: 100%;
}
.auth__success-text {
  text-align: center;
}
.auth__forget,
.auth__register,
.auth__success-text {
  font-size: 1.2rem;
  text-align: center;
}
@media only screen and (min-width: 400px) {
  .auth__forget,
  .auth__register,
  .auth__success-text {
    font-size: 1.4rem;
  }
}
.auth__forget:focus,
.auth__register:focus,
.auth__success-text:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.auth__logout {
  margin-bottom: 1rem;
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  padding: 0.7em 1.2em 0.6em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (min-width: 400px) {
  .auth__logout {
    font-size: 1.4rem;
  }
}
.auth__logout,
.auth__logout:hover,
.auth__logout:visited,
.auth__logout:active {
  background-color: hsl(0, 0%, 100%);
  border-radius: var(--round, 2.5rem);
  color: hsl(0, 0%, 40%);
  text-decoration: none;
  border: 0.1rem solid hsl(0, 0%, 40%);
}
.auth__logout:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.auth__advice {
  font-size: 1.2rem;
}
@media only screen and (min-width: 400px) {
  .auth__advice {
    font-size: 1.4rem;
  }
}
.auth__modal {
  background: hsl(0, 0%, 100%);
  text-align: start;
}
.auth__modal-close-button {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 60%);
  font-size: 2.4rem;
  line-height: 2rem;
  text-decoration: none;
}
.auth__modal-close-button:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.auth__advantages {
  text-align: center;
}
.auth__advantages-intro {
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (min-width: 400px) {
  .auth__advantages-intro {
    font-size: 1.6rem;
  }
}
.auth__advantages-item {
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: left;
}
@media only screen and (min-width: 400px) {
  .auth__advantages-item {
    font-size: 1.6rem;
  }
}
.auth__advantages-item::before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  content: '';
  display: inline-block;
  height: 2rem;
  min-width: 2rem;
  width: 2rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22164px%22%20height%3D%22164px%22%20viewBox%3D%220%200%20164%20164%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22export%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate(-5480.000000%2C%20-10050.000000)%22%20fill%3D%22hsl%280,%200%25,%2040%25%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22check_%22%20transform%3D%22translate(5480.000000%2C%2010050.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20fill-rule%3D%22nonzero%22%20points%3D%2266.2071848%2099.893915%2047.5407625%2081.2274927%2040.6272727%2088.8323314%2066.2071848%20114.412243%20126.354545%2054.2648827%20119.441056%2047.351393%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M82%2C164%20C36.6213592%2C164%200%2C127.378641%200%2C82%20C0%2C36.6213592%2036.6213592%2C0%2082%2C0%20C127.378641%2C0%20164%2C36.6213592%20164%2C82%20C164%2C127.378641%20127.378641%2C164%2082%2C164%20Z%20M82%2C155.8%20C122.840777%2C155.8%20155.8%2C122.840777%20155.8%2C82%20C155.8%2C41.1592233%20122.840777%2C8.2%2082%2C8.2%20C41.1592233%2C8.2%208.2%2C41.1592233%208.2%2C82%20C8.2%2C122.840777%2041.1592233%2C155.8%2082%2C155.8%20Z%22%20id%3D%22Combined-Shape%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.auth__advantages-item-text strong,
.auth__advantages-item-text b {
  font-weight: 700;
}
.auth__advantages-item-text em,
.auth__advantages-item-text i {
  font-style: italic;
}
.auth__advantages--line {
  border-top: 0.1rem solid hsl(0, 0%, 90%);
}
.auth__email-button {
  background: var(--colorMain, hsl(45, 37%, 54%));
  border: solid 0.1rem hsl(0, 0%, 70%);
  color: hsl(0, 0%, 100%);
  cursor: pointer;
  font-size: 1.4rem;
  height: 4rem;
  letter-spacing: 0.1em;
  line-height: 3.8rem;
  text-align: left;
  text-transform: uppercase;
  background-clip: padding-box;
  border-radius: var(--round, 2.5rem);
  box-shadow: 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.25);
}
.auth__email-button:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.auth__email-button-icon {
  background-position: 70% 50%;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  border-right: 0.1rem solid hsl(0, 0%, 70%);
  width: 4rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2021%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22envelope%22%20fill%3D%22hsl%280,%200%25,%20100%25%29%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.715909074%2C0%20C0.327552265%2C0%200%2C0.327542719%200%2C0.715909074%20L0%2C13.1250069%20C0%2C13.5133636%200.327552265%2C13.8409159%200.715909074%2C13.8409159%20L20.2840909%2C13.8409159%20C20.6724477%2C13.8409159%2021%2C13.5133636%2021%2C13.1250069%20L21%2C0.715909074%20C21%2C0.327542719%2020.6724477%2C0%2020.2840909%2C0%20L0.715909074%2C0%20Z%20M1.49147724%2C0.954545432%20L19.5085227%2C0.954545432%20L10.4999998%2C8.67293536%20L1.49147724%2C0.954545432%20Z%20M0.954545432%2C1.75248575%20L6.57741462%2C6.56995246%20L0.954545432%2C12.1928216%20L0.954545432%2C1.75248575%20Z%20M20.0454545%2C1.75248575%20L20.0454545%2C12.1928216%20L14.4225849%2C6.56995246%20L20.0454545%2C1.75248575%20Z%20M7.30079302%2C7.18892745%20L10.1867895%2C9.66477965%20C10.3663925%2C9.82095854%2010.633607%2C9.82095854%2010.81321%2C9.66477965%20L13.6992065%2C7.18892745%20L19.39665%2C12.8863705%20L1.60334996%2C12.8863705%20L7.30079302%2C7.18892745%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.auth__loyalty-logo {
  text-align: center;
}
.auth__social-gdpr-user-info {
  background: hsl(0, 0%, 90%);
}
.form-builder__fields {
  border: 0;
}
.form-builder__text-field label,
.form-builder__email-field label,
.form-builder__password-field label,
.form-builder__select label,
.form-builder__textarea label {
  font-weight: 400;
  color: hsl(0, 0%, 50%);
  font-size: 1.2rem;
}
@media only screen and (min-width: 400px) {
  .form-builder__text-field label,
  .form-builder__email-field label,
  .form-builder__password-field label,
  .form-builder__select label,
  .form-builder__textarea label {
    font-size: 1.4rem;
  }
}
.form-builder__text-field label,
.form-builder__email-field label,
.form-builder__password-field label,
.form-builder__select label,
.form-builder__textarea label,
.form-builder__text-field input,
.form-builder__email-field input,
.form-builder__password-field input,
.form-builder__select input,
.form-builder__textarea input,
.form-builder__text-field select,
.form-builder__email-field select,
.form-builder__password-field select,
.form-builder__select select,
.form-builder__textarea select,
.form-builder__text-field textarea,
.form-builder__email-field textarea,
.form-builder__password-field textarea,
.form-builder__select textarea,
.form-builder__textarea textarea {
  color: hsl(0, 0%, 50%);
}
.form-builder__text-field label:focus,
.form-builder__email-field label:focus,
.form-builder__password-field label:focus,
.form-builder__select label:focus,
.form-builder__textarea label:focus,
.form-builder__text-field input:focus,
.form-builder__email-field input:focus,
.form-builder__password-field input:focus,
.form-builder__select input:focus,
.form-builder__textarea input:focus,
.form-builder__text-field select:focus,
.form-builder__email-field select:focus,
.form-builder__password-field select:focus,
.form-builder__select select:focus,
.form-builder__textarea select:focus,
.form-builder__text-field textarea:focus,
.form-builder__email-field textarea:focus,
.form-builder__password-field textarea:focus,
.form-builder__select textarea:focus,
.form-builder__textarea textarea:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.form-builder__text-field input,
.form-builder__email-field input,
.form-builder__password-field input,
.form-builder__select input,
.form-builder__textarea input {
  background: none;
  border: 0;
  border-bottom: 0.1rem solid hsl(0, 0%, 50%);
  border-radius: 0;
  color: hsl(0, 0%, 30%);
  font-size: 1.6rem;
  outline: 0;
}
@media only screen and (min-width: 400px) {
  .form-builder__text-field input,
  .form-builder__email-field input,
  .form-builder__password-field input,
  .form-builder__select input,
  .form-builder__textarea input {
    font-size: 2rem;
  }
}
.form-builder__text-field input:focus,
.form-builder__email-field input:focus,
.form-builder__password-field input:focus,
.form-builder__select input:focus,
.form-builder__textarea input:focus {
  border-bottom: 0.2rem solid hsl(0, 0%, 10%);
}
.form-builder__text-field input:read-only,
.form-builder__email-field input:read-only,
.form-builder__password-field input:read-only,
.form-builder__select input:read-only,
.form-builder__textarea input:read-only {
  background: none;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  color: hsl(0, 0%, 30%);
  font-size: 1.6rem;
  outline: 0;
}
@media only screen and (min-width: 400px) {
  .form-builder__text-field input:read-only,
  .form-builder__email-field input:read-only,
  .form-builder__password-field input:read-only,
  .form-builder__select input:read-only,
  .form-builder__textarea input:read-only {
    font-size: 2rem;
  }
}
.form-builder__text-field input:read-only:focus,
.form-builder__email-field input:read-only:focus,
.form-builder__password-field input:read-only:focus,
.form-builder__select input:read-only:focus,
.form-builder__textarea input:read-only:focus {
  border-bottom: 0;
}
.form-builder__text-field select,
.form-builder__email-field select,
.form-builder__password-field select,
.form-builder__select select,
.form-builder__textarea select {
  background: transparent;
  border: 0;
  border-bottom: 0.2rem solid hsl(0, 0%, 50%);
  border-radius: 0;
  color: #333333;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  outline: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1395%20736q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l393%20393%20393-393q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023z%22%20fill%3D%22hsl%280,%200%25,%2050%25%29%22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 1rem) 50%;
  background-repeat: no-repeat;
  background-size: 2rem;
}
@media only screen and (min-width: 400px) {
  .form-builder__text-field select,
  .form-builder__email-field select,
  .form-builder__password-field select,
  .form-builder__select select,
  .form-builder__textarea select {
    font-size: 1.6rem;
  }
}
.form-builder__text-field select:focus,
.form-builder__email-field select:focus,
.form-builder__password-field select:focus,
.form-builder__select select:focus,
.form-builder__textarea select:focus {
  border-bottom: 0.2rem solid hsl(0, 0%, 10%);
}
.form-builder__text-field textarea,
.form-builder__email-field textarea,
.form-builder__password-field textarea,
.form-builder__select textarea,
.form-builder__textarea textarea {
  background: transparent;
}
.form-builder__text-field-legend,
.form-builder__email-field-legend,
.form-builder__password-field-legend,
.form-builder__select-legend,
.form-builder__textarea-legend {
  color: hsl(0, 0%, 10%);
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
@media only screen and (min-width: 400px) {
  .form-builder__text-field-legend,
  .form-builder__email-field-legend,
  .form-builder__password-field-legend,
  .form-builder__select-legend,
  .form-builder__textarea-legend {
    font-size: 1.6rem;
  }
}
.form-builder__checkbox-field label {
  font-weight: 400;
  color: hsl(0, 0%, 50%);
  font-size: 1.2rem;
}
@media only screen and (min-width: 400px) {
  .form-builder__checkbox-field label {
    font-size: 1.4rem;
  }
}
.form-builder__checkbox-field input:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.form-builder__checkbox-field-legend {
  color: hsl(0, 0%, 10%);
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
}
@media only screen and (min-width: 400px) {
  .form-builder__checkbox-field-legend {
    font-size: 1.6rem;
  }
}
.form-builder__checkbox-field--error {
  color: var(--colorError, hsl(4, 60%, 50%));
}
.form-builder__button {
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  padding: 0.7em 1.2em 0.6em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (min-width: 400px) {
  .form-builder__button {
    font-size: 1.6rem;
  }
}
.form-builder__button,
.form-builder__button:hover,
.form-builder__button:visited,
.form-builder__button:active {
  background-color: var(--colorMain, hsl(45, 37%, 54%));
  border-radius: var(--round, 2.5rem);
  color: hsl(0, 0%, 100%);
  text-decoration: none;
  border: none;
}
.form-builder__button:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.form-builder__input-error-message {
  color: var(--colorError, hsl(4, 60%, 50%));
  font-size: 1rem;
}
/*
    Componente: Social login.
    Personalización
    Descripción: Muestra la pantalla de social login.
*/
.social-login__button {
  border-radius: var(--round, 2.5rem);
  cursor: pointer;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  text-align: left;
  text-transform: uppercase;
}
.social-login__button:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.social-login__button-icon {
  background-position: 70% 50%;
  background-repeat: no-repeat;
}
.social-login__button--loading {
  background: hsl(0, 0%, 100%);
  border: solid 3px hsl(0, 0%, 90%);
}
.social-login__button--facebook {
  background: #4267b2;
  border: solid 1px hsla(0, 0%, 100%, 0.4);
  color: hsl(0, 0%, 100%);
}
.social-login__button--facebook .social-login__button-icon {
  background-size: 2rem 2rem;
  border-right: 1px solid hsla(0, 0%, 100%, 0.4);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1376%20128q119%200%20203.5%2084.5t84.5%20203.5v960q0%20119-84.5%20203.5t-203.5%2084.5h-188v-595h199l30-232h-229v-148q0-56%2023.5-84t91.5-28l122-1v-207q-63-9-178-9-136%200-217.5%2080t-81.5%20226v171h-200v232h200v595h-532q-119%200-203.5-84.5t-84.5-203.5v-960q0-119%2084.5-203.5t203.5-84.5h960z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.social-login__button--google {
  background: hsl(0, 0%, 100%);
  border: solid 1px hsla(0, 0%, 30%, 0.4);
  color: hsl(0, 0%, 30%);
}
.social-login__button--google .social-login__button-icon {
  background-size: 1.7rem 1.7rem;
  border-right: 1px solid hsla(0, 0%, 30%, 0.4);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22abcRioButtonSvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23EA4335%22%20d%3D%22M24%209.5c3.54%200%206.71%201.22%209.21%203.6l6.85-6.85C35.9%202.38%2030.47%200%2024%200%2014.62%200%206.51%205.38%202.56%2013.22l7.98%206.19C12.43%2013.72%2017.74%209.5%2024%209.5z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%234285F4%22%20d%3D%22M46.98%2024.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58%202.96-2.26%205.48-4.78%207.18l7.73%206c4.51-4.18%207.09-10.36%207.09-17.65z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23FBBC05%22%20d%3D%22M10.53%2028.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92%2016.46%200%2020.12%200%2024c0%203.88.92%207.54%202.56%2010.78l7.97-6.19z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2334A853%22%20d%3D%22M24%2048c6.48%200%2011.93-2.13%2015.89-5.81l-7.73-6c-2.15%201.45-4.92%202.3-8.16%202.3-6.26%200-11.57-4.22-13.47-9.91l-7.98%206.19C6.51%2042.62%2014.62%2048%2024%2048z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}
.social-login__button--facebook,
.social-login__button--google {
  box-shadow: 0 1rem 2rem hsla(0, 0%, 0%, 0.2), 0 0.6rem 0.6rem hsla(0, 0%, 0%, 0.25);
}
.loyalty-icon {
  background: transparent;
  border-radius: 0;
  text-align: center;
}
.loyalty-icon--loading .loyalty__loading-inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0 20%;
}
.loyalty-icon--loading .loyalty__loading-inner__line {
  animation: loyalty-expand 1s ease-in-out infinite;
  border-radius: 1rem;
  display: inline-block;
  height: 1rem;
  margin: 0 0.2rem;
  transform-origin: center center;
  width: 0.1rem;
}
.loyalty-icon--loading .loyalty__loading-inner__line:nth-child(1) {
  animation-delay: 0ms;
  background: hsl(0, 0%, 90%);
}
.loyalty-icon--loading .loyalty__loading-inner__line:nth-child(2) {
  animation-delay: 180ms;
  background: hsl(0, 0%, 80%);
}
.loyalty-icon--loading .loyalty__loading-inner__line:nth-child(3) {
  animation-delay: 360ms;
  background: hsl(0, 0%, 70%);
}
.loyalty-icon--loading .loyalty__loading-inner__line:nth-child(4) {
  animation-delay: 540ms;
  background: hsl(0, 0%, 60%);
}
@keyframes loyalty-expand {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(2);
  }
}
.loyalty-icon__user:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.loyalty-icon__user--out {
  background: transparent;
  fill: var(--headeMenuIconColorOut, var(--headeMenuIconColor, hsl(0, 0%, 100%)));
}
.loyalty-icon__user--in {
  background: transparent;
  fill: var(--headeMenuIconColorIn, var(--headeMenuIconColor, hsl(0, 0%, 100%)));
}
.loyalty-icon__claim-text {
  color: var(--loyaltyClaimTextColor, hsl(0, 0%, 10%));
  font-size: var(--loyaltyClaimTextSize, 1.4rem);
  text-transform: none;
}
.loyalty-area__modal {
  background: hsl(0, 0%, 10%);
  text-align: start;
}
.loyalty-area__modal-close-button {
  background-color: hsl(0, 0%, 10%);
  color: hsl(0, 0%, 100%);
  font-size: 2.4rem;
  line-height: 2;
  text-decoration: none;
}
.loyalty-area__modal-close-button:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.push-notification {
  background: #f8f8f8;
  border-radius: 1rem;
  font-size: 1.2rem;
}
@media only screen and (min-width: 400px) {
  .push-notification {
    font-size: 1.4rem;
  }
}
.push-notification__message {
  text-align: left;
}
.push-notification__close {
  background: transparent;
  border: 0rem;
  font-size: 2rem;
}
.c-tooltip {
  background: hsl(0, 0%, 100%);
  border-radius: 0.5rem;
  box-shadow: 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.25);
}
.c-tooltip__close {
  background: transparent;
  border: 0;
  color: hsl(0, 0%, 20%);
  font-size: 2rem;
  line-height: 1;
}
.c-tooltip__triangle {
  border-bottom: 1rem solid hsl(0, 0%, 100%);
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
.notification {
  font-size: 1.4rem;
  text-align: center;
}
.notification--success {
  background-color: var(--colorSuccess, hsl(84, 44%, 48%));
  color: hsl(0, 0%, 100%);
}
.notification--warning {
  background-color: var(--colorWarning, hsl(54, 100%, 67%));
  color: hsl(0, 0%, 20%);
}
.notification--error {
  background-color: var(--colorError, hsl(4, 60%, 50%));
  color: hsl(0, 0%, 100%);
}
.notification--action-invert {
  background-color: var(--colorMain, hsl(45, 37%, 54%));
  color: hsl(0, 0%, 100%);
}
.notification__action-button {
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  padding: 0.7em 1.2em 0.6em;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
@media only screen and (min-width: 400px) {
  .notification__action-button {
    font-size: 1.4rem;
  }
}
.notification__action-button,
.notification__action-button:hover,
.notification__action-button:visited,
.notification__action-button:active {
  background-color: var(--colorMain, hsl(45, 37%, 54%));
  border-radius: var(--round, 2.5rem);
  color: hsl(0, 0%, 97.4%);
  text-decoration: none;
  border: none;
}
.notification__action-invert-text {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: left;
}
.notification__action-invert-button {
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  padding: 0.7em 1.2em 0.6em;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
@media only screen and (min-width: 400px) {
  .notification__action-invert-button {
    font-size: 1.4rem;
  }
}
.notification__action-invert-button,
.notification__action-invert-button:hover,
.notification__action-invert-button:visited,
.notification__action-invert-button:active {
  background-color: hsl(0, 0%, 100%);
  border-radius: var(--round, 2.5rem);
  color: var(--colorMain, hsl(45, 37%, 54%));
  text-decoration: none;
  border: none;
}
.notification__action-invert-price {
  white-space: nowrap;
}
/*
    Commponent: Booking Resume.
    Description : Shows the information added to the shopping cart.
*/
/* Body */
/* Add room package */
/* Action */
/* Return */
/* Icons */
/* Upgrade */
.summary__local-currency {
  line-height: 2;
  text-align: center;
}
.summary__add-button {
  text-align: center;
}
.summary__add-button-link {
  border-bottom: 1px solid var(--colorCustom, hsl(230, 95%, 37%));
  color: var(--colorCustom, hsl(230, 95%, 37%));
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (min-width: 400px) {
  .summary__add-button-link {
    font-size: 1.4rem;
  }
}
.summary__return-button-link {
  user-select: none;
  border: 1px solid #808080;
  border-radius: 3px;
  color: #808080;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.summary-upgrade {
  background: var(--colorMain, hsl(45, 37%, 54%));
  color: #fff;
}
.summary-upgrade__state {
  background: var(--colorMain, hsl(45, 37%, 54%));
  border-radius: 0.4rem;
  color: #fff;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.summary-upgrade__wrap {
  text-align: center;
}
.summary-upgrade__title,
.summary-upgrade__description {
  font-size: 1.6rem;
  font-weight: 700;
}
.summary-upgrade__title {
  text-transform: uppercase;
}
.summary-upgrade__button {
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  padding: 0.7em 1.2em 0.6em;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
@media only screen and (min-width: 400px) {
  .summary-upgrade__button {
    font-size: 1.4rem;
  }
}
.summary-upgrade__button,
.summary-upgrade__button:hover,
.summary-upgrade__button:visited,
.summary-upgrade__button:active {
  background-color: #fff;
  border-radius: var(--round, 2.5rem);
  color: #999999;
  text-decoration: none;
  border: 0.1rem solid #999999;
}
.summary-upgrade__price {
  white-space: nowrap;
}
.summary-room,
.summary-package {
  background-color: var(--colorBg, #fff);
  box-shadow: 0 0.1rem 0.3rem hsla(0, 0%, 0%, 0.12), 0 0.1rem 0.2rem hsla(0, 0%, 0%, 0.25);
}
.summary-room__title,
.summary-package__title,
.summary-room__option,
.summary-package__option {
  text-transform: uppercase;
}
.summary-room__title,
.summary-package__title {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.summary-room__option,
.summary-package__option {
  font-size: 1.2rem;
}
.summary-room__info-details,
.summary-package__info-details {
  text-align: left;
}
.summary-room__info-details-item,
.summary-package__info-details-item {
  font-size: 1.2rem;
}
@media only screen and (min-width: 400px) {
  .summary-room__info-details-item,
  .summary-package__info-details-item {
    font-size: 1.4rem;
  }
}
.summary-room__info-details-name,
.summary-package__info-details-name {
  color: #191919;
}
.summary-room__info-details-value,
.summary-package__info-details-value {
  color: #666666;
}
.summary-room__info-details-total-price,
.summary-package__info-details-total-price {
  color: var(--colorCustom, hsl(230, 95%, 37%));
  font-weight: 700;
}
@media only screen and (min-width: 400px) {
  .summary-room__info-loyalty,
  .summary-package__info-loyalty {
    font-size: 1.2rem;
  }
}
.summary-room__info-loyalty-oldprice,
.summary-package__info-loyalty-oldprice {
  background-color: #e6e6e6;
  color: #808080;
  font-weight: 700;
  text-decoration: line-through;
}
.summary-room__actions,
.summary-package__actions {
  font-size: 0;
  text-align: left;
}
.summary-room__actions-conditions,
.summary-package__actions-conditions,
.summary-room__actions-remove,
.summary-package__actions-remove,
.summary-room__actions-details,
.summary-package__actions-details {
  color: #808080;
  font-size: 1.2rem;
}
@media only screen and (min-width: 400px) {
  .summary-room__actions-conditions,
  .summary-package__actions-conditions,
  .summary-room__actions-remove,
  .summary-package__actions-remove,
  .summary-room__actions-details,
  .summary-package__actions-details {
    font-size: 1.4rem;
  }
}
.summary-room__actions-details--icon,
.summary-package__actions-details--icon,
.summary-room__actions-conditions--icon,
.summary-package__actions-conditions--icon {
  fill: var(--colorMain, hsl(45, 37%, 54%));
  text-decoration: none;
}
.summary-room__actions-remove--icon,
.summary-package__actions-remove--icon {
  fill: #808080;
}
.summary-room__actions-details--text,
.summary-package__actions-details--text,
.summary-room__actions-conditions--text,
.summary-package__actions-conditions--text,
.summary-room__actions-remove--text,
.summary-package__actions-remove--text {
  line-height: 1.3;
}
.modal-holder__title {
  font-size: 1.6rem;
  font-weight: 700;
}
.modal-holder__sub-title {
  font-size: 1.4rem;
}
.modal-holder__body {
  font-size: 1.4rem;
}
.occupancy-preview {
  background-color: #f8f8f8;
}
.occupancy-preview__text {
  font-size: 1.2rem;
  font-weight: 700;
}
@media only screen and (min-width: 400px) {
  .occupancy-preview__text {
    font-size: 1.5rem;
  }
}
.occupancy-preview__resume {
  text-transform: lowercase;
}
.occupancy-preview__action {
  font-size: 1.1rem;
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  padding: 0.7em 1.2em 0.6em;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
@media only screen and (min-width: 400px) {
  .occupancy-preview__action {
    font-size: 1.4rem;
  }
}
.occupancy-preview__action,
.occupancy-preview__action:hover,
.occupancy-preview__action:visited,
.occupancy-preview__action:active {
  background-color: #fff;
  border-radius: var(--round, 2.5rem);
  color: #999999;
  text-decoration: none;
  border: 0.1rem solid #999999;
}
@media only screen and (min-width: 400px) {
  .occupancy-preview__action {
    font-size: 1.2rem;
  }
}
.occupancy-preview__max-occupants {
  color: #999999;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}
.occupancy-preview__icon-full,
.occupancy-preview__icon-empty {
  fill: #333333;
}
.occupancy-preview__icon-empty {
  opacity: 0.3;
}
/*
    Componente: Carrito inferior.
    Descripción: Permite pasar al paso siguiente y ver información del carrito.
*/
.shopping-resume {
  background-color: var(--shoppingResumeBgColor, var(--colorBg, hsl(0, 0%, 100%)));
  border: 0;
}
.shopping-resume__title {
  border-bottom: 0.1rem solid var(--shoppingResumeElementsBorderColor, hsl(0, 0%, 90%));
  color: var(--shoppingResumeTitleColor, hsl(0, 0%, 30%));
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 400px) {
  .shopping-resume__title {
    font-size: 1.6rem;
  }
}
.shopping-resume__title-resume {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.shopping-resume__title--fixed {
  background-color: var(--shoppingResumeBgColor, var(--colorBg, hsl(0, 0%, 100%)));
  box-shadow: 0 0.1rem 0.3rem hsla(0, 0%, 0%, 0.12), 0 0.1rem 0.2rem hsla(0, 0%, 0%, 0.25);
}
.shopping-resume__close-button {
  font-size: 2.4rem;
  text-align: right;
}
.shopping-resume__section {
  text-align: left;
}
@media only screen and (min-width: 400px) {
  .shopping-resume__section {
    font-size: 1.2em;
  }
}
.shopping-resume__section:nth-of-type(2) {
  text-align: center;
}
.shopping-resume__info {
  color: var(--shoppingResumeTextInfoColor, hsl(0, 0%, 50%));
  font-size: 1.4rem;
  font-weight: 700;
}
.shopping-resume__price {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 400px) {
  .shopping-resume__price {
    font-size: 2.4rem;
  }
}
.shopping-resume__price-fixed .shopping-resume__price {
  font-size: 1.8rem;
}
.shopping-resume__price-original {
  color: var(--shoppingResumePriceOriginalColor, hsl(0, 0%, 50%));
  font-size: 1.6rem;
}
.shopping-resume__price-original--resume .shopping-resume__price-original {
  color: var(--shoppingBtnPriceDefaultColor, hsl(0, 0%, 20%));
}
.shopping-resume__taxes {
  color: var(--shoppingResumeTextInfoColor, hsl(0, 0%, 50%));
  font-size: 1.2rem;
}
.shopping-resume__price-fixed .shopping-resume__taxes {
  font-size: 1rem;
}
@media only screen and (min-width: 400px) {
  .shopping-resume__price-fixed .shopping-resume__taxes {
    font-size: 1.2rem;
  }
}
.shopping-resume__local-currency {
  font-size: 1.4rem;
}
@media only screen and (min-width: 400px) {
  .shopping-resume__local-currency {
    font-size: 1.6rem;
  }
}
.shopping-resume__open-resume-link {
  align-items: center;
  color: var(--shoppingResumeOpenResumeLinkColor, var(--colorCustom, hsl(230, 95%, 37%)));
  display: flex;
  font-size: 1.4rem;
  line-height: 1.6;
  text-decoration: underline;
}
@media only screen and (min-width: 400px) {
  .shopping-resume__open-resume-link {
    font-size: 1.6rem;
  }
}
.shopping-resume__open-resume-btn {
  align-items: center;
  color: var(--shoppingBtnPriceDefaultColor, hsl(0, 0%, 20%));
  display: flex;
}
.shopping-resume__open-resume-btn__icon {
  color: var(--shoppingResumeOpenResumeBtnColor, hsl(0, 0%, 20%));
  height: 2rem;
}
.shopping-resume__open-resume-btn__icon__wrapper {
  align-items: center;
  background: var(--shoppingResumeOpenResumeBtnBg, hsl(0, 0%, 80%));
  display: flex;
  height: 100%;
  justify-content: center;
  min-width: 3rem;
}
.shopping-resume__button {
  padding: 0.9em 1.2em 0.8em;
  /* stylelint-disable */
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  /* stylelint-enable */
}
@media only screen and (min-width: 400px) {
  .shopping-resume__button {
    font-size: 1.6rem;
  }
}
.shopping-resume__button,
.shopping-resume__button:hover,
.shopping-resume__button:visited,
.shopping-resume__button:active {
  background-color: var(--colorMain, hsl(45, 37%, 54%));
  border-radius: var(--round, 2.5rem);
  color: hsl(0, 0%, 100%);
}
.shopping-resume__row {
  align-items: center;
  display: flex;
}
.shopping-resume--fixed {
  animation: appearFromBottom 500ms ease-in;
  box-shadow: 0 -0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 -0.3rem 0.6rem hsla(0, 0%, 0%, 0.25);
  font-size: 1rem;
}
.shopping-resume--open,
.shopping-resume--inline,
.shopping-resume--resume {
  font-size: 1.2rem;
  line-height: 1.6;
}
.modal-component {
  animation: appearFromBottom 500ms;
  background: var(--shoppingResumeModalBgColor, var(--colorBg, hsl(0, 0%, 100%)));
  color: var(--shoppingResumeModalTextColor, hsl(0, 0%, 10%));
}
.modal-component__close-button {
  background: 2.4rem;
  color: var(--shoppingResumeModalTextColor, hsl(0, 0%, 10%));
  font-size: 2.4rem;
  line-height: 1;
  text-decoration: none;
}
@keyframes appearFromBottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.roi-conditions__checkbox-input:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.roi-conditions__checkbox-label {
  font-size: 1.2rem;
  outline: 0;
  color: hsl(0, 0%, 10%);
}
@media only screen and (min-width: 400px) {
  .roi-conditions__checkbox-label {
    font-size: 1.4rem;
  }
}
.roi-conditions__checkbox-label strong {
  font-weight: 700;
}
.roi-conditions__checkbox-label em,
.roi-conditions__checkbox-label i {
  font-style: italic;
}
.roi-conditions__checkbox-label u {
  text-decoration: underline;
}
.roi-conditions__condition-link {
  color: var(--colorLink, var(--colorCustom, hsl(230, 95%, 37%)));
  font-size: 1.2rem;
  outline: 0;
}
@media only screen and (min-width: 400px) {
  .roi-conditions__condition-link {
    font-size: 1.4rem;
  }
}
.roi-conditions__condition-link:focus {
  outline: 1px solid hsl(0, 0%, 10%);
}
.roi-conditions .input-error-message {
  color: var(--colorError, hsl(4, 60%, 50%));
  font-size: 1rem;
}
.tooltip .loyalty-icon__logo {
  max-width: 5rem;
}