@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Pages/Listing/ListingPage.razor.rz.scp.css */
main[b-2yynaftpu0] 
{
  margin-block: 0;
  padding-block: 0;
}
.listing-page-section[b-2yynaftpu0] 
{
  margin-bottom: var(--gap-2x);
}
.listing-page-section-gallery[b-2yynaftpu0]
{
  grid-column: 1/-1;
}


.listing-page-section-gallery[b-2yynaftpu0]
{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;

  & > * 
  {
    grid-column: 1/-1;
    grid-row: 1/-1;
  }

  .view-gallery-photos[b-2yynaftpu0]
  {
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    height: fit-content;
    align-self: self-end;
    justify-self: center;
    margin: var(--gap);
    padding: 8px 12px;
    z-index: 200;
    background-color: var(--white);
    border-radius: 4px;
    color: var(--black-text);
    font-weight: 500;
    font-size: 1.4rem;

    &:hover 
    {
      background-color: var(--accent-color-hover);
      color: var(--white);
    }
  }
}

.listing-page-section-internal-navigation[b-2yynaftpu0]
{
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
  border-bottom: 1px solid var(--neutrals-30);
  position: sticky;
  top: 0;
  background-color: var(--white);
  /* z-index: 500; */
  a 
  {
    display: block;
    padding: 18px 0 20px 0;
    color: var(--black-text);

    &:hover 
    {
      color: var(--accent-color);
    
    }
  }
}

.listing-page-section-content[b-2yynaftpu0]
{
  display: grid;
  grid-template-columns: subgrid;
  
  @media(min-width: 1025px)
  {
    main[b-2yynaftpu0] 
    {
      grid-column: 1/9;
      padding-inline-end: var(--gap);
    }
    aside[b-2yynaftpu0]
    {
      grid-column: 9/13;
    }
  }
}


.verified-badge[b-2yynaftpu0] 
{
  background-color: var(--secondary-60);
  border-radius: var(--border-radius);
  color: var(--white);
  text-align: center;
  padding: 12px 20px;
  font-size: 1.8rem;
  font-weight: 400;
  display: block;
  margin-bottom: var(--gap);
}

.verified-badge .fa[b-2yynaftpu0] 
{
  margin-right: 4px;
}

.listing-sidebar[b-2yynaftpu0] 
{
  background-color: var(--neutrals-05);
  border-radius: var(--border-radius);
  padding:var(--gap);
}

#reservar[b-2yynaftpu0]
{
  scroll-margin-top: var(--gap);
}

.booking-wrapper[b-2yynaftpu0]
{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--white);
  padding: var(--gap);
  box-shadow: 0 0px 100px hsla(0,0%,0%,0.2);
  z-index: 2000;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: center;
  justify-content: space-between;

  .details 
  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gap);
    
    .stars 
    {
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: var(--gap);
    }
  }

  .btn[b-2yynaftpu0] 
  {
    width: 100%;
    text-align: center;
  }

  @media(min-width: 1025px)
  {
    display: none;[b-2yynaftpu0]
  }
}
/* /Components/Pages/Listing/ListingPageAdditionalServices.razor.rz.scp.css */
.services[b-g2sfeut1j9]
{
  margin-inline: 0;
  margin-block: var(--gap);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-half);
}
.service[b-g2sfeut1j9] 
{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--gap);
  align-items: center;
}
.service:nth-child(odd)[b-g2sfeut1j9]
{
  background-color: var(--neutrals-05);
}
.description[b-g2sfeut1j9] 
{
  padding: 8px;
}
.amount[b-g2sfeut1j9] 
{
  padding: 8px;
  text-align: right;
  font-size: 1.8rem;
}
p[b-g2sfeut1j9] 
{
  margin-block-end: 8px;
}
p:last-child[b-g2sfeut1j9]
{
  margin-block-end: 0;
}
/* /Components/Pages/Listing/ListingPageContent.razor.rz.scp.css */
h2[b-yeqweh7grz]
{
  margin-block-start: var(--gap-2x);
  margin-block-end: var(--gap-half)
}

.holmy-listing-details[b-yeqweh7grz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
    max-width: 480px;
}

.holmy-listing-details > div[b-yeqweh7grz] 
{
    border-radius: var(--border-radius);
    border: 2px solid var(--accent-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px;
}

.holmy-listing-details .ico[b-yeqweh7grz] 
{
    color: var(--accent-color);
    font-size: 2.8rem;
    margin-bottom: 8px;
}

.holmy-simple-list[b-yeqweh7grz] {
    margin-left: 15px;
}

.holmy-simple-list li[b-yeqweh7grz]::marker {
    color: var(--accent-color);
}

.holmy-listing-details .number[b-yeqweh7grz] {
    font-size: 1.4em;
    line-height: 0.8em;
    font-weight: bold;
    letter-spacing: -0.1em;
}

.holmy-listing-title[b-yeqweh7grz] {
    margin-top: 48px;
    margin-bottom: 16px;
}

.holmy-listing-description p[b-yeqweh7grz] {
    margin-bottom: 1em;
}

.holmy-listing-items[b-yeqweh7grz] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding-left: 0 !important;
}

.holmy-listing-items li[b-yeqweh7grz] {
    position: relative;
    padding-left: 20px;
    padding-right: 15px;
}

.holmy-listing-items li[b-yeqweh7grz]:before {
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0px;
    color: var(--accent-color);
}

@media (min-width: 782px) {
  .holmy-listing-details[b-yeqweh7grz] {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
  }
}
/* /Components/Pages/Listing/ListingPageGallery.razor.rz.scp.css */
.listing-gallery-carousel[b-tmt2h376qo]
{
  width: 100%;
  
  height: 40svh;
  @media(min-width: 1025px)
  {
    height: 500px;[b-tmt2h376qo]  
  }
  

  /* Hide cells before Flickity initializes to prevent FOUC */
  &:not(.flickity-enabled) {
    overflow: hidden;

    .listing-gallery-photo {
      display: none;

      &:first-child {
        display: block;
      }
    }
  }

  /* Fade in once Flickity has initialized */
  &.flickity-enabled[b-tmt2h376qo] {
    opacity: 1;
    transition: opacity 0.25s ease-in;
  }
}

.listing-gallery-photo[b-tmt2h376qo] 
{
  display: block;
  width: 100%;
  height: 100%;

  @media(min-width: 1025px)
  {
    width: 25%;[b-tmt2h376qo]
  }

  img 
  {
    display: block;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* /Components/Pages/Listing/ListingPageHeader.razor.rz.scp.css */
.listing-tags[b-mbvbc9ev2v] 
{
  display: flex;
  gap: var(--gap-half);
  margin-block-end: var(--gap-half);
  flex-wrap: wrap;
}

.listing-tags a[b-mbvbc9ev2v] 
{
  display: block;
  background-color: var(--primary-05);
  padding: 4px 12px 6px 12px;
  border-radius: 100vw;
  font-weight: 400;
  font-size: 1.4rem;
}

.listing-tags a:hover[b-mbvbc9ev2v] 
{
  background-color: var(--primary-60);
  color: var(--white);
}

h1[b-mbvbc9ev2v] 
{
  margin-block-end: var(--gap);
  font-size: 3.2rem;
  font-weight: 500;
}

.location[b-mbvbc9ev2v] 
{
  font-size: 2rem;
  margin-block-end: var(--gap);
}
.fa-map-marker[b-mbvbc9ev2v] 
{
  color: var(--neutrals-40);
}
.fa-map-marker[b-mbvbc9ev2v]::before 
{
  content: "\f3c5";
  /* color: var(--white); */
}
/* /Components/Pages/Listing/ListingPageReviews.razor.rz.scp.css */


/* ---------------------------------- */
/* Reviews Overview
------------------------------------- */
.rating-bars-rating[b-byvdu0zldd] {
	display: inline-block;
	vertical-align: baseline;
	background: #efefef;
	width: 100%;
	height: 6px;
	margin-right: 10px;
	border-radius: 3px;
	overflow: hidden;
	background-color: #eee;
	align-self: center;
}

.rating-bars-rating-inner[b-byvdu0zldd] {
    height: 6px;
    display: block;
	background-color: #eee;
    position: relative;
    width: 0;
    transition: width 0.5s;
}

.rating-bars-rating.low .rating-bars-rating-inner[b-byvdu0zldd] { background-color: #ee3535; }
.rating-bars-rating.mid .rating-bars-rating-inner[b-byvdu0zldd] { background-color: #c0c52a; }
.rating-bars-rating.high .rating-bars-rating-inner[b-byvdu0zldd] { background-color: #64bc36; }


.rating-bars-item[b-byvdu0zldd] {
	margin: 10px 15px;
    width: calc(50% - 30px);
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.rating-bars-name[b-byvdu0zldd] {
    font-weight: 600;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 22px;
}

.rating-bars-item strong[b-byvdu0zldd] {
    color: #777;
    font-size: 12px;
    font-weight: 600;
    align-self: center;
    background: #f4f4f4;
    border-radius: 50px;
    width: 46px;
    height: 22px;
    text-align: center;
    line-height: 21px;
}


.rating-overview[b-byvdu0zldd] {
    display: flex;
    margin: 35px 0 25px 0;
    background: #fff;
    border-radius: 4px;
    padding: 30px;
    padding-right: 20px;
    border: 1px solid #e8e8e8;

    margin-block-end: var(--gap-2x);
}

.rating-overview-box[b-byvdu0zldd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: navajowhite;
    width: 135px;
    margin-right: 20px;
    text-align: center;
    border-radius: 0;
    border-right: 1px solid #e8e8e8;
    padding-right: 27px;
}

.rating-overview-box-total[b-byvdu0zldd] {
    font-size: 44px;
    font-weight: 500;
    line-height: 1em;
    display: block;
    color: #333;
}

.rating-overview-box-percent[b-byvdu0zldd] {
    font-size: 15px;
    margin-bottom: 0;
    color: #888;
    display: block;
}

.rating-overview-box .star-rating[b-byvdu0zldd]{
    font-size: 16px;
    margin: 0;
    display: block;
    letter-spacing: -0.5px;
}

.rating-bars[b-byvdu0zldd] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin: 0;
    padding: 0;
    margin-top: 0;
    align-items: center;
}

.rating-bars-inner[b-byvdu0zldd] {
	display: flex;
	width: 100%;
}


/* Media Queries */
@media (max-width: 1366px) {
	.rating-bars-item[b-byvdu0zldd] {
	    width: calc(50% - 30px);
	}
}

@media (max-width: 768px) {
	.rating-bars-item[b-byvdu0zldd] {
	    width: 100%;
	    margin: 5px 0;
	}
	.rating-overview[b-byvdu0zldd] {
 		width: 100%;
 		display: block;
 		padding: 20px 25px;
 	}
 	.rating-overview-box[b-byvdu0zldd] {
 		border-right: none;
 		border-bottom: 1px solid #e8e8e8;
 		width: 100%;
 		margin-bottom: 20px;
 		padding-bottom: 25px;
 		padding-right: 0;
 		margin-right: 0;
 	}
}




.listing-review-list[b-byvdu0zldd] 
{
  margin-block: var(--gap);
}

.listing-review[b-byvdu0zldd], .response[b-byvdu0zldd] 
{
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: var(--gap);
  margin-block-end: var(--gap-2x);
}

.header[b-byvdu0zldd] 
{
  display: flex;
  justify-content: space-between;
  margin-block-end: var(--gap);
}

.author[b-byvdu0zldd] 
{
  font-size: 2rem;
  font-weight: 500;
}

.stars[b-byvdu0zldd] 
{
  margin-block-start: var(--gap-half);
}


.photos[b-byvdu0zldd] 
{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--gap);
  margin-block: var(--gap)
}


.photo[b-byvdu0zldd] 
{
  display: block;
  aspect-ratio: 1;
  border-radius: 4px;
  overflow: clip;

  img 
  {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.responses[b-byvdu0zldd] 
{
  margin-block-start: var(--gap-2x);
}
/* /Components/Pages/Listing/ListingPageTaxonomies.razor.rz.scp.css */
.taxonomy[b-1dhxu48da2]
{
  margin-block-end: var(--gap-2x);
}
h2[b-1dhxu48da2] 
{
  font-size: 2.2rem;
  margin-bottom: var(--gap-half);
}
.terms[b-1dhxu48da2]
{
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.term[b-1dhxu48da2] 
{
  display: flex;
  gap: 4px;
  align-items: center;

  svg
  {
    margin-top: 2px;
  }
}
/* /Components/Pages/ListingGalleryGroups.razor.rz.scp.css */
.pswp-caption-content[b-3vwnjn40z9] {
  display: none;
}

.navigation[b-3vwnjn40z9] 
{
  display: flex;
  justify-content: space-between;
  margin-block-start: var(--gap);
  & > div 
  {
    display: flex;
    gap: var(--gap);
  }
  a[b-3vwnjn40z9] 
  {
    color: var(--black-text);

    &:hover
    {
      color: var(--accent-color-hover)
    }
  }
  

  button[b-3vwnjn40z9] 
  {
    display: flex;
    gap: 8px;

    &:hover 
    {
      color: var(--accent-color-hover);
    }
  }
}
h1[b-3vwnjn40z9]
{
  line-height: 1;
  margin: var(--gap-2x) 0 var(--gap) 0;
}

.listing-gallery-groups-index[b-3vwnjn40z9]
{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: var(--gap-2x);
  gap: var(--gap);

  @media(min-width: 1025px)
  {
    grid-template-columns: subgrid;  
    margin-bottom: var(--gap-6x);[b-3vwnjn40z9]
  }
  

  a.group-index 
  {
    display: block;
    width: 100%;
    height: fit-content;
    color: var(--black-text);
    grid-column: span 1;

    @media(min-width: 1025px)
    {
      grid-column: span 2;[b-3vwnjn40z9]
    }
    
    h4 
    {
      color: var(--black-text);
      font-weight: 400;
      padding-block: 0.1em;
      @media(max-width: 1025px)
      {
        font-size: 1.2rem;[b-3vwnjn40z9]
      }
    }

    &:hover[b-3vwnjn40z9] 
    {
      color: var(--accent-color-hover);

      h4 
      {
        color: var(--accent-color-hover);
      }
    }

    img[b-3vwnjn40z9] 
    {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 16/10;
    }
  }

}

.listing-gallery-groups[b-3vwnjn40z9] 
{
  display: grid;
  grid-template-columns: subgrid;  
  gap: var(--gap);
  grid-column: 1/-1;

 
  .gallery-group 
  {
    grid-column: 2/-2;
    display: grid;
    grid-template-columns: subgrid;
    margin-bottom: var(--gap-2x);

    @media(min-width: 1025px)
    {
      margin-bottom: var(--gap-4x);[b-3vwnjn40z9]
    }
  }

  .group-name[b-3vwnjn40z9]
  {
    grid-column: 1/-1;
    
    @media(min-width: 1025px)
    {
      grid-column: 1/4;
      margin-bottom: var(--gap-half);[b-3vwnjn40z9]  
    }

    h4 
    {
      font-size: 2.2rem;
      font-weight: 500;
      margin-block-end: .2em;

      @media(min-width: 1025px)
      {
        position: sticky;
        top: var(--gap);[b-3vwnjn40z9]  
      }
      
    }
  }

  
    .group-photos[b-3vwnjn40z9] 
    {
      grid-column: 4/-1;
      display: grid;
      gap: var(--gap-half);
      grid-template-columns: repeat(2, 1fr);
      
      @media(min-width: 1025px)
      {
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: var(--gap-half);[b-3vwnjn40z9]        
      }

      a.photo
      {
        display: block;
        width: 100%;
        height: 100%;

        img 
        {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          aspect-ratio: 16/10;
        }

        @media(min-width: 1025px)
        {
          &:nth-child(5n + 1)[b-3vwnjn40z9] 
          {
            grid-column: 3/5;
            grid-row: span 2;
            /* outline: 2px solid red; */
          }

          &:nth-child(5n + 2)[b-3vwnjn40z9],
          &:nth-child(5n + 3)[b-3vwnjn40z9],
          &:nth-child(5n + 4)[b-3vwnjn40z9],
          &:nth-child(5n + 5)[b-3vwnjn40z9]
          {
            grid-row: span 2;
            /* outline: 2px solid magenta; */

            img
            {
              aspect-ratio: 10/16;
            }
          }

          &:nth-child(10n + 1)[b-3vwnjn40z9] 
          {
            grid-column: 1/3;
            grid-row: span 2;
            /* outline: 2px solid blue; */
          }
        }
        
      }
    }

}
/* /Components/Pages/Search/SearchResultsComponent.razor.rz.scp.css */
  .search-form[b-ky5cjff3ih]
  {

    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
    width: 100%;
    padding: var(--gap);
    background-color: var(--white);
    border-radius: var(--border-radius);

    .title 
    {
      font-family: var(--title-font-family);
      font-size: 32px;
      text-align: center;
      font-weight: 400;
      letter-spacing: -0.04em;
      margin-block: var(--gap);
    }


    .form-field[b-ky5cjff3ih]
    {
      background-color: var(--white);
      border-radius: var(--border-radius);
      margin-block-end: 0;

      .label
      {
        padding: 4px 0;
      }

      @media(max-width: 1025px)
      {
        width: 100%;

        & > *[b-ky5cjff3ih]
        {
          width: 100%;
        }
      }
      
    }

    .main-form-fields[b-ky5cjff3ih]
    {
      display: flex;
      gap: var(--gap);
      justify-content: center;
      align-items: center;

      flex-direction: column;

      @media(min-width: 1025px)
      {
        align-items: end;
        flex-direction: row;[b-ky5cjff3ih]
      }
    }

    .button-search[b-ky5cjff3ih]
    {
      background-color: var(--accent-color);
      border-radius: 100vw;
      color: var(--white);
      padding: 12px 32px;
      font-size: 18px;
      height: fit-content;

      &:hover
      {
        background-color: var(--accent-color-hover);
      }
    }

    .region-select[b-ky5cjff3ih],
    .rental-categories[b-ky5cjff3ih],
    .listing-categories[b-ky5cjff3ih]
    {
      @media(min-width: 1025px)
      {
        max-width: 240px;[b-ky5cjff3ih]  
      }
      
    }

    .date-range[b-ky5cjff3ih]
    {
      @media(min-width: 1025px)
      {
        max-width: 340px;[b-ky5cjff3ih]
      }
    }
    .guests-number[b-ky5cjff3ih]
    {
      @media(min-width: 1025px)
      {
        min-width: 80px;[b-ky5cjff3ih]
      }
    }

    .extra-form-fields[b-ky5cjff3ih]
    {

      summary
      {
        list-style: none;
        display: flex;
        gap: 8px;
        align-items: center;
        font-size: 16px;
        color: var(--neutrals-40);
        cursor: pointer;
        text-align: center;
        border-bottom: none;
        width: fit-content;
        padding: 8px 16px;
        margin-inline: auto;

        &:hover
        {
          color: var(--accent-color);
        }

      }

      .fields-wrapper[b-ky5cjff3ih]
      {
        padding: var(--gap);
        display: flex;
        gap: var(--gap);
        align-items: center;
        flex-direction: column;

        @media(min-width: 1025px)
        {
          justify-content: center;
          align-items: end;
          flex-direction: row;[b-ky5cjff3ih]
        }
      }
    }
  }


  .searching[b-ky5cjff3ih],
  .empty-results[b-ky5cjff3ih]
  {
    padding: var(--gap-4x);
    text-align: center;
    border: 1px solid var(--neutrals-20);
    border-radius: var(--border-radius);
    font-size: 20px;
  }

  .search-results[b-ky5cjff3ih]
  {

    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);

    @media(min-width: 1025px)
    {
      grid-template-columns: repeat(3, 1fr);[b-ky5cjff3ih]
    }
  }

  .search-controls[b-ky5cjff3ih]
  {
    padding-block: var(--gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    justify-content: space-between;
    align-items: center;

    @media(min-width: 1025px)
    {
      flex-direction: row;
      padding-block: var(--gap-2x);[b-ky5cjff3ih]
    }

  }

  .region-option[b-ky5cjff3ih]
  {
    display: block;
    line-height: 1.4;
    white-space: normal;
    width: 100%;
  }

  .region-option--child[b-ky5cjff3ih]
  {
    padding-inline-start: 16px;
  }

  .orderby[b-ky5cjff3ih]
  {
    width: 100%;

    @media(min-width: 1025px)
    {
      width: 250px;[b-ky5cjff3ih]
    }

  }


  .navigation[b-ky5cjff3ih]
  {
    display: flex;
    gap: var(--gap);
    justify-content: center;
    align-items: center;
    font-size: 18px;

    button
    {
      margin: 8px;
      padding: 8px;
      background-color: var(--neutrals-20);
      border-radius: 100px;

      svg
      {
        display: block;
        stroke: var(--black-text);
        font-size: 24px;
        transition: none;
      }

      &:hover[b-ky5cjff3ih]
      {
        background-color: var(--accent-color);

        svg
        {
          stroke: var(--white);
        }
      }

      &[disabled][b-ky5cjff3ih]
      {
        opacity: 0.2;
        cursor: not-allowed;

        &:hover
        {
          background-color: var(--neutrals-20);

          svg
          {

            stroke: var(--black-text);
          }
        }


      }


    }
  }
/* /Components/Shared/CloudflareImageUpload/CloudflareImageUpload.razor.rz.scp.css */
.cloudflare-image-upload[b-79ys2dece8]
{
  .upload-wrapper  
  {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    border-radius: var(--border-radius);
    background-color: var(--neutrals-10);
    padding: var(--gap) var(--gap-2x);
    width: 100%;
    text-align: center;
  }

  label[b-79ys2dece8] 
  {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;

    &:hover 
    {
      color: var(--accent-color-hover);
    }
  }

  .hidden-file-input[b-79ys2dece8]
  {
    display: none;
  }

  .form-group[b-79ys2dece8] 
  {
    margin: 0;
  }

  .btn-enviar[b-79ys2dece8] 
  {
    display: block;
    background-color: var(--neutrals-30);
    border-radius: var(--input-border-radius);

    padding: var(--gap-half) var(--gap);
    width: 100%;
    cursor: pointer;
    text-align: center;

    &:hover 
    {
      background-color: var(--accent-color-hover);
      color: var(--white);
    }
  }

  .upload-progress[b-79ys2dece8] 
  {
    font-size: 1.2rem;
    padding-block: 8px;
    line-height: 1;
  }
}
/* /Components/Shared/CloudflareR2Upload/CloudflareR2Upload.razor.rz.scp.css */
.cloudflare-r2-upload[b-o2idhu7i96]
{
  .upload-wrapper
  {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    border-radius: var(--border-radius);
    background-color: var(--neutrals-10);
    padding: var(--gap) var(--gap-2x);
    width: 100%;
    text-align: center;
  }

  label[b-o2idhu7i96]
  {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;

    &:hover
    {
      color: var(--accent-color-hover);
    }
  }

  .hidden-file-input[b-o2idhu7i96]
  {
    display: none;
  }

  .form-group[b-o2idhu7i96]
  {
    margin: 0;
  }

  .btn-enviar[b-o2idhu7i96]
  {
    display: block;
    background-color: var(--neutrals-30);
    border-radius: var(--input-border-radius);

    padding: var(--gap-half) var(--gap);
    width: 100%;
    cursor: pointer;
    text-align: center;

    &:hover
    {
      background-color: var(--accent-color-hover);
      color: var(--white);
    }
  }

  .upload-progress[b-o2idhu7i96]
  {
    font-size: 1.2rem;
    padding-block: 8px;
    line-height: 1;
  }
}
/* /Components/Shared/ListingAvailabilityCalendar/ListingAvailabilityCalendar.razor.rz.scp.css */
.listing-availability-calendar-wrapper[b-fbrpvoqt76] {
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1025px) {
  .listing-availability-calendar-wrapper[b-fbrpvoqt76] {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
.listing-availability-calendar-wrapper .btn[b-fbrpvoqt76] {
  font-size: 1.4rem;
  padding: 8px 12px;
  background-color: var(--neutrals-20);
  border-radius: var(--input-border-radius);
  color: var(--black-text);
}
.listing-availability-calendar-wrapper .btn.btn-primary[b-fbrpvoqt76] {
  outline-color: var(--neutrals-40);
  background-color: var(--neutrals-40);
  color: var(--white);
}
.listing-availability-calendar-wrapper .btn:hover[b-fbrpvoqt76] {
  outline-color: var(--accent-color-hover);
  background-color: var(--accent-color-hover);
  color: var(--white);
}
@media (min-width: 1025px) {
  .listing-availability-calendar-wrapper .calendar-navigation[b-fbrpvoqt76] {
    grid-column: span 2;
  }
}
.listing-availability-calendar-wrapper .calendar-navigation[b-fbrpvoqt76] {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .listing-availability-calendar-wrapper .calendar-controls[b-fbrpvoqt76] {
    grid-column: span 2;
  }
}
.listing-availability-calendar-wrapper .calendar-controls[b-fbrpvoqt76] {
  display: flex;
  gap: 20px;
  justify-content: end;
}
.listing-availability-calendar-wrapper .calendar-month[b-fbrpvoqt76] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.listing-availability-calendar-wrapper .calendar-month > div[b-fbrpvoqt76] {
  padding: 6px;
  text-align: center;
}
.listing-availability-calendar-wrapper .calendar-month-label[b-fbrpvoqt76] {
  grid-column: span 7;
  line-height: 1;
}
.listing-availability-calendar-wrapper .calendar-day[b-fbrpvoqt76] {
  cursor: pointer;
  border: 2px solid transparent;
}
.listing-availability-calendar-wrapper .calendar-day:hover[b-fbrpvoqt76] {
  border-color: black;
}
.listing-availability-calendar-wrapper .calendar-day.is-today[b-fbrpvoqt76] {
  color: red;
}
.listing-availability-calendar-wrapper .calendar-day.is-blocked[b-fbrpvoqt76] {
  color: #CCC;
  text-decoration: line-through;
}
.listing-availability-calendar-wrapper .calendar-day.selection-blocked[b-fbrpvoqt76] {
  color: #CCC;
  text-decoration: line-through;
  cursor: not-allowed;
}
.listing-availability-calendar-wrapper .calendar-day.is-checkout-blocked[b-fbrpvoqt76] {
  color: magenta;
  text-decoration: none;
  cursor: not-allowed;
}
.listing-availability-calendar-wrapper .calendar-day.is-blocked-by-minimum-stay[b-fbrpvoqt76] {
  color: green;
  text-decoration: none;
}
.listing-availability-calendar-wrapper .calendar-day.is-in-range[b-fbrpvoqt76], .listing-availability-calendar-wrapper .calendar-day.is-hovering[b-fbrpvoqt76] {
  background-color: var(--primary-05);
}
.listing-availability-calendar-wrapper .calendar-day.is-range-start[b-fbrpvoqt76], .listing-availability-calendar-wrapper .calendar-day.is-range-end[b-fbrpvoqt76], .listing-availability-calendar-wrapper .calendar-day.is-hovering-range-end[b-fbrpvoqt76] {
  background-color: var(--primary-60);
  border-color: transparent;
}
.listing-availability-calendar-wrapper .calendar-day.not-in-current-month[b-fbrpvoqt76] {
  color: #666;
  visibility: hidden;
}
.listing-availability-calendar-wrapper .calendar-day.is-past-date[b-fbrpvoqt76], .listing-availability-calendar-wrapper .calendar-day.is-date-before-range-start[b-fbrpvoqt76] {
  color: hsl(0, 0%, 85%);
  text-decoration: line-through;
  cursor: not-allowed;
}
.listing-availability-calendar-wrapper .calendar-day.is-after-closest-blocked-date-to-range-start[b-fbrpvoqt76] {
  color: #CCC;
  text-decoration: line-through;
}/*# sourceMappingURL=ListingAvailabilityCalendar.razor.css.map */
/* /Components/Shared/ListingAvailabilityChecker/ListingAvailabilityChecker.razor.rz.scp.css */
.listing-availability-calendar[b-ybkrmzybpn] 
{
   /* margin-block: 40px;   */

  .container 
  {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap-half);
  }

  .main-label[b-ybkrmzybpn] 
  {
    font-size: 1.6rem;
    display: block;
     /* margin-block-end: var(--gap); */
    line-height: 1;
    margin-block-end: var(--gap-half);
  }

  .calendar-toggle[b-ybkrmzybpn]
  {
    width: 100%;
    anchor-name: --calendar-toggle;
    border: none;
    outline: none;
    background-color: var(--neutrals-30);
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    border-radius: 4px;
    overflow: clip;
    text-align: left;

    border: 1px solid var(--neutrals-30);

   
    & > span 
    {
      background-color: white;
      display: block;
      
      padding: 8px 16px;
      
      .label 
      {
        display: block;
        font-size: 1.2rem;
        text-transform: uppercase;
        margin-bottom: 4px;
        
      }

      .value[b-ybkrmzybpn] 
      {
        display: block;
        font-size: 1.8rem;
      }
    }
  }

  details[b-ybkrmzybpn]
  {

    background-color: var(--white);
    display: block;
    border: 1px solid var(--neutrals-30);
    padding: 8px 16px;
    border-radius: 4px;
    overflow: clip;

    summary 
    {
      cursor: pointer;
      padding-block: 8px;
      display: flex;
      justify-content: space-between;
      list-style: none;

      &::-webkit-details-marker
      {
        display: none;
      }

      &[b-ybkrmzybpn]::after 
      {
        content: '▶';
        transition: transform 0.2s;
        color: var(--neutrals-30);
      }
    }

    &[open] summary[b-ybkrmzybpn]::after 
    {
      transform: rotate(90deg);
    }

    & > div[b-ybkrmzybpn] 
    {
      padding-block: 16px;
    }
  }


  .availability-calendar[b-ybkrmzybpn]  
  {
    position: absolute;
    margin: 0;
    position-anchor: --calendar-toggle;  
    position-area: bottom;

    background-color: var(--white);
    margin-block-start: 1px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
    border-radius: 4px;
    border-top-right-radius: 0;
    padding: 20px;
    
    z-index: 1500;

    @media(min-width: 1025px)
    {
      margin-top: 127px;
      margin-left: -445px;[b-ybkrmzybpn]
    }
  }


  .booking-estimate[b-ybkrmzybpn]
  {
     /* margin-bottom: 20px; */

    .booking-estimate-item
    {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;

      & > span 
      {
        padding-block: 4px;
      }

      .amount[b-ybkrmzybpn] 
      {
        text-align: right;
        
      }

      &:nth-child(odd)[b-ybkrmzybpn]
      {
        /* background-color: hsl(0, 0%, 93%); */
      }
    }

    .booking-estimate-item-title[b-ybkrmzybpn]
    {
      font-weight: bold;
      margin-top: 10px;
      /* background-color: hsl(0, 0%, 91%); */

      .amount 
      {
        color: var(--accent-color);
      }
    }

  }

  .guest-type[b-ybkrmzybpn] 
  {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--neutrals-30);
    border-radius: 4px;
    align-items: center;

    &:not(:last-child)
    {
      margin-bottom: 12px;
    }

    .type[b-ybkrmzybpn] 
    {
      font-size: 16px;
      font-weight: bold;
    }

    .quantity[b-ybkrmzybpn] 
    {
      display: flex;
      align-items: center;
      gap: 8px;
       /* button  */
       /* { */
        
       /* } */
    }

    button[b-ybkrmzybpn]
    {
      background-color: var(--neutrals-20);
      display: inline-block;
      width: 24px;
      height: 24px;
      display: grid;
      place-content: center;
      border-radius: 4px;

      span
      {
        margin-top: -4px;
      }
      

      &:hover[b-ybkrmzybpn] 
      {
        background-color: var(--primary-60);
        color: var(--white);
      }
    }

  }

  .additional-service[b-ybkrmzybpn] 
  {
    display: grid;
    grid-template-columns: min-content 1fr auto;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--neutrals-30);
    border-radius: 4px;
    align-items: center;

    &:not(:last-child)
    {
      margin-bottom: 12px;
    }

    &-included[b-ybkrmzybpn] 
    {
      border-color: var(--orange);
      background-color: var(--light-orange);
    }

    .label[b-ybkrmzybpn]
    {
      font-size: 16px;
      font-weight: bold;
    }
    .quantity[b-ybkrmzybpn] 
    {
      display: flex;
      align-items: center;
      gap: 8px;

       /* button  */
       /* { */
        
       /* } */
    }
  }
}
/* /Components/Shared/ListingCalendar/ListingCalendar.razor.rz.scp.css */
.host-calendar-wrapper[b-7sn56pfrxt] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1025px) {
  .host-calendar-wrapper[b-7sn56pfrxt] {
    grid-template-columns: 1fr 300px;
    gap: 40px;
  }
  .host-calendar-wrapper > div:last-child[b-7sn56pfrxt] {
    padding-top: 148px;
  }
}
.host-calendar-wrapper .listing-title[b-7sn56pfrxt] {
  font-size: 42px;
  font-weight: bold;
  letter-spacing: -0.02em;
  margin-bottom: 32px;
}
.host-calendar-wrapper .calendar-navigation[b-7sn56pfrxt] {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  align-items: center;
}
.host-calendar-wrapper .calendar-navigation .current-month[b-7sn56pfrxt] {
  font-weight: bold;
}
.host-calendar-wrapper .calendar-toggles[b-7sn56pfrxt] {
  margin-top: 20px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.host-calendar-wrapper .calendar-commands[b-7sn56pfrxt] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block: 8px;
}
.host-calendar-wrapper :where(.calendar-navigation, .calendar-toggles) button[b-7sn56pfrxt] {
  border: none;
  background-color: #FFF;
  outline: 2px solid #CCC;
  border-radius: 4px;
  font-size: 16px;
  font-family: var(--body-font-family);
  padding: 8px 17px;
}
.host-calendar-wrapper :where(.calendar-navigation, .calendar-toggles) button.selected[b-7sn56pfrxt] {
  background-color: #CCC;
}
.host-calendar-wrapper :where(.calendar-navigation, .calendar-toggles) button:hover[b-7sn56pfrxt] {
  background-color: hsl(0, 0%, 90%);
}

.calendar-container[b-7sn56pfrxt] {
  margin-inline: auto;
  display: grid;
  grid-template-columns: min-content repeat(var(--grid-columns), 1fr);
  grid-template-rows: min-content repeat(var(--grid-rows), 1fr);
  gap: 6px;
}
@media (max-width: 1025px) {
  .calendar-container[b-7sn56pfrxt] {
    gap: 4px;
  }
}
.calendar-container .calendar-month-selector[b-7sn56pfrxt] {
  grid-column: 1/2;
  grid-row: 1/2;
}
.calendar-container .calendar-week-selector[b-7sn56pfrxt] {
  grid-column: var(--grid-column-start)/var(--grid-column-end);
  grid-row: var(--grid-row-start)/var(--grid-row-end);
}
.calendar-container .calendar-weekday-label[b-7sn56pfrxt] {
  grid-column: var(--grid-column-start)/var(--grid-column-end);
  grid-row: var(--grid-row-start)/var(--grid-row-end);
  font-weight: bold;
}
.calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label)[b-7sn56pfrxt] {
  display: grid;
  place-content: center;
  background-color: hsl(0, 0%, 95%);
  border-radius: 4px;
  padding: 4px;
  cursor: default;
}
@media (max-width: 1025px) {
  .calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label)[b-7sn56pfrxt] {
    background-repeat: no-repeat;
  }
}
.calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label) svg[b-7sn56pfrxt] {
  opacity: 0;
  width: 20px;
  height: 20px;
  fill: hsl(0, 0%, 70%);
}
@media (max-width: 1025px) {
  .calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label) svg[b-7sn56pfrxt] {
    height: 12px;
    width: 12px;
  }
}
.calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label):hover[b-7sn56pfrxt] {
  background-color: hsl(0, 0%, 80%);
}
.calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label):hover svg[b-7sn56pfrxt] {
  opacity: 1;
  display: block;
  fill: hsl(0, 0%, 60%);
}
.calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label):active[b-7sn56pfrxt] {
  background-color: hsl(0, 0%, 70%);
}
.calendar-container :where(.calendar-month-selector, .calendar-week-selector, .calendar-weekday-label):active svg[b-7sn56pfrxt] {
  fill: hsl(0, 0%, 30%);
}
.calendar-container .calendar-day[b-7sn56pfrxt] {
  border: 2px solid #ccc;
  border-radius: 4px;
  grid-column: var(--grid-column-start)/var(--grid-column-end);
  grid-row: var(--grid-row-start)/var(--grid-row-end);
  gap: 0;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  aspect-ratio: 1;
  z-index: 10;
  cursor: default;
}
@media (max-width: 1025px) {
  .calendar-container .calendar-day[b-7sn56pfrxt] {
    border: 1px solid #ccc;
    border-radius: 2;
  }
}
.calendar-container .calendar-day .calendar-day-number[b-7sn56pfrxt] {
  z-index: 2;
  grid-column: 1/2;
  grid-row: 1/2;
  display: block;
  margin: 4px;
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 1025px) {
  .calendar-container .calendar-day .calendar-day-number[b-7sn56pfrxt] {
    font-size: 12px;
  }
}
.calendar-container .calendar-day .calendar-day-price[b-7sn56pfrxt] {
  z-index: 2;
  grid-column: 1/-1;
  grid-row: -2/-1;
  margin: 4px;
  display: grid;
  align-items: end;
}
@media (max-width: 1025px) {
  .calendar-container .calendar-day .calendar-day-price[b-7sn56pfrxt] {
    font-size: 12px;
  }
}
.calendar-container .calendar-day .calendar-day-minimum-stay[b-7sn56pfrxt] {
  z-index: 2;
  grid-column: 1/-1;
  grid-row: -3/-2;
  margin: 4px;
  align-content: end;
}
@media (max-width: 1025px) {
  .calendar-container .calendar-day .calendar-day-minimum-stay[b-7sn56pfrxt] {
    font-size: 12px;
  }
}
.calendar-container .calendar-day:hover.can-select[b-7sn56pfrxt] {
  border-color: var(--orange);
}
.calendar-container .calendar-day.is-blocked[b-7sn56pfrxt] {
  text-decoration: line-through;
  color: hsl(0, 0%, 70%);
  background-image: repeating-linear-gradient(-45deg, hsl(0, 0%, 90%), hsl(0, 0%, 90%) 1px, #FFF 1px, #FFF 4px);
}
.calendar-container .calendar-day.is-checkin-blocked:not(.is-past-date, .is-blocked, .has-event)[b-7sn56pfrxt]:after {
  z-index: 1;
  content: "";
  grid-column: 2/-1;
  grid-row: 1/-1;
  color: hsl(0, 0%, 70%);
  background-image: repeating-linear-gradient(-45deg, hsl(0, 0%, 90%), hsl(0, 0%, 90%) 1px, #FFF 1px, #FFF 4px);
  border-left: 1px solid hsl(0, 0%, 85%);
}
.calendar-container .calendar-day.is-checkout-blocked:not(.is-past-date, .is-blocked, .has-event)[b-7sn56pfrxt]:before {
  z-index: 1;
  content: "";
  grid-column: 1/2;
  grid-row: 1/-1;
  color: hsl(0, 0%, 70%);
  background-image: repeating-linear-gradient(-45deg, hsl(0, 0%, 90%), hsl(0, 0%, 90%) 1px, #FFF 1px, #FFF 4px);
  border-right: 1px solid hsl(0, 0%, 85%);
}
.calendar-container .calendar-day.has-event[b-7sn56pfrxt] {
  background-color: var(--light-green);
}
.calendar-container .calendar-day.is-past-date[b-7sn56pfrxt] {
  background-color: #CCC;
  border-color: #CCC;
  cursor: not-allowed;
}
.calendar-container .calendar-day.selected[b-7sn56pfrxt] {
  background-color: var(--light-orange);
  background-image: none;
  color: black;
  border-color: var(--orange);
}
.calendar-container .calendar-day.selected[b-7sn56pfrxt]:before, .calendar-container .calendar-day.selected[b-7sn56pfrxt]:after {
  display: none;
}
.calendar-container .calendar-day.not-in-calendar-month:not(.is-past-date)[b-7sn56pfrxt] {
  opacity: 0.5;
}
.calendar-container .calendar-day.is-in-selection-range[b-7sn56pfrxt] {
  background-color: var(--light-orange);
  border-color: #ccc;
  background-image: none;
  color: black;
}
.calendar-container .calendar-day.is-in-selection-range[b-7sn56pfrxt]:before, .calendar-container .calendar-day.is-in-selection-range[b-7sn56pfrxt]:after {
  display: none;
}
.calendar-container .calendar-day.is-hovering-on-selection-range[b-7sn56pfrxt] {
  background-color: var(--orange);
  border-color: #CCC;
  background-image: none;
  color: black;
}
.calendar-container .calendar-day.is-today .calendar-day-number span[b-7sn56pfrxt], .calendar-container .calendar-day.is-national-holiday .calendar-day-number span[b-7sn56pfrxt] {
  display: grid;
  place-content: center;
  width: 20px;
  height: 20px;
  padding: 2px;
  font-size: 14px;
  border: 2px solid var(--orange);
  border-radius: 100vw;
}
.calendar-container .calendar-day.is-national-holiday .calendar-day-number span[b-7sn56pfrxt] {
  background-color: var(--orange);
  color: --white;
}
.calendar-container .calendar-day.has-custom-price .regular-price[b-7sn56pfrxt] {
  font-size: 12px;
  text-decoration: line-through;
}
.calendar-container .calendar-day.has-custom-price .custom-price[b-7sn56pfrxt] {
  font-weight: bold;
}
.calendar-container .calendar-day.has-minimum-stay .regular-minimum-stay[b-7sn56pfrxt] {
  font-size: 12px;
  text-decoration: line-through;
}
.calendar-container .calendar-day.has-minimum-stay .custom-minimum-stay[b-7sn56pfrxt] {
  font-weight: bold;
}
.calendar-container .calendar-event-week[b-7sn56pfrxt] {
  grid-column: var(--grid-column-start)/var(--grid-column-end);
  grid-row: var(--grid-row-start)/var(--grid-row-end);
  border-left: 2px solid #ccc;
  border-right: 2px solid #CCC;
  background-color: #CCC;
  padding-left: 20px;
  align-content: center;
  font-weight: bold;
  z-index: 20;
  vertical-align: middle;
  display: grid;
}
@media (max-width: 1025px) {
  .calendar-container .calendar-event-week[b-7sn56pfrxt] {
    font-size: 13px;
  }
}
.calendar-container .calendar-event-week.calendar-event-week-first[b-7sn56pfrxt] {
  border-left: none;
  border-top-left-radius: 100vw;
  border-bottom-left-radius: 100vw;
}
.calendar-container .calendar-event-week.calendar-event-week-last[b-7sn56pfrxt] {
  border-right: none;
  border-top-right-radius: 100vw;
  border-bottom-right-radius: 100vw;
}
.calendar-container .calendar-event-week > div[b-7sn56pfrxt] {
  white-space: nowrap;
  overflow: hidden;
}
.calendar-container .calendar-event-week.calendar-event-booking[b-7sn56pfrxt] {
  background-color: var(--event-booking);
}
.calendar-container .calendar-event-week.calendar-event-ical[b-7sn56pfrxt] {
  background-color: var(--ical-booking);
}
.calendar-container .calendar-event-week:hover[b-7sn56pfrxt] {
  background-color: var(--orange);
  cursor: default;
}
.calendar-container .calendar-event-week.calendar-event-week-selected[b-7sn56pfrxt] {
  background-color: var(--orange);
  cursor: default;
}

.price-changes tr:nth-child(even)[b-7sn56pfrxt] {
  background-color: #f7f7f7;
}
.price-changes th[b-7sn56pfrxt], .price-changes td[b-7sn56pfrxt] {
  padding: 4px 8px;
  text-align: right;
  margin: 0;
}

.settings-visibility-buttons[b-7sn56pfrxt] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.settings-visibility-buttons button[b-7sn56pfrxt] {
  display: grid;
  padding: 20px;
  font-size: 24px;
  text-align: left;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 8px;
  font-weight: bold;
  min-height: 150px;
  line-height: 1.3;
}
.settings-visibility-buttons button span[b-7sn56pfrxt] {
  font-size: 16px;
  font-weight: normal;
  margin-top: 24px;
}
.settings-visibility-buttons button:hover[b-7sn56pfrxt], .settings-visibility-buttons button:focus-within[b-7sn56pfrxt] {
  border-color: var(--orange);
  background-color: var(--light-orange);
}/*# sourceMappingURL=ListingCalendar.razor.css.map */
/* /Components/Shared/ListingCard/ListingCard.razor.rz.scp.css */
  .listing-card[b-fjsz1zed32]
  {

    background-color: var(--white);
    border-radius: var(--border-radius);
    overflow: clip;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content 1fr;
    height: 100%;
    /* transition: transform 0.2s ease-in-out; */

    &:hover
    {
      /* transform: scale(1.01); */
      outline: 1px solid rgba(248, 111, 84, 0.1);
      box-shadow: 4px 16px 48px rgba(248, 111, 84, 0.2);
    }

    .listing-category[b-fjsz1zed32]
    {
      grid-column: 1/-1;
      grid-row: 1/2;
      z-index: 1;
      width: fit-content;
      height: fit-content;
      justify-self: self-start;
      align-self: self-end;
      margin: var(--gap);
      border-radius: 22px;
      color: var(--white);
      background-color: var(--accent-color);
      padding: 8px 16px;
      font-size: 14px;
      font-weight: 400;
      font-family: var(--body-font-family);

    }

    .destaque[b-fjsz1zed32]
    {
      grid-column: 1/-1;
      grid-row: 1/2;
      z-index: 1;
      order: 1;
      width: fit-content;
      height: fit-content;
      justify-self: self-end;


      span
      {
        display: flex;
        gap: 8px;
        align-items: center;
        background-color: var(--neutrals-10);
        color: var(--black-text);
        border-radius: 22px;
        width: fit-content;
        height: fit-content;
        padding: 6px 12px 6px 6px;
        margin: var(--gap-half);
        letter-spacing: 0.01em;
        font-size: 14px;
        line-height: 1;
        font-weight: 400;
        font-family: var(--body-font-family);


        .icon
        {
          display: grid;
          place-content: center;
          width: 20px;
          height: 20px;
          background-color: var(--accent-yellow);
          padding: 5px;
          border-radius: 100%;

          i
          {
            color: var(--white);
            font-size: 1rem;
            margin-left: 1px;
          }
        }

      }
    }

    .gallery-wrapper[b-fjsz1zed32]
    {
      
      grid-column: 1/-1;
      grid-row: 1/2;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      z-index: 1;
      

      img
      {
        grid-column: 1/2;
        grid-row: 1/2;
        display: block;
        aspect-ratio: 16/10;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .nav-button[b-fjsz1zed32]
      {
        grid-column: 1/2;
        grid-row: 1/2;
        z-index: 3;
        display: grid;
        place-content: center;
        width: 36px;
        height: 36px;
        padding: 12px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.2);
        margin: 4px;
        z-index: 2;
        color: var(--white);
        align-self: center;
        cursor: pointer;
        line-height: 1;
        font-size: 1.2rem;

        &:hover
        {
          background-color: rgba(255, 255, 255, 0.3);
        }

      }

      .nav-button-previous[b-fjsz1zed32]
      {
        justify-self: start;
      }

      .nav-button-next[b-fjsz1zed32]
      {
        justify-self: end;
      }

      .hidden-permalink[b-fjsz1zed32]
      {
        grid-column: 1/2;
        grid-row: 1/2;
        display: block;
        height: 100%;
      }
    }



    /*
     .gallery
    {
      grid-column: 1/-1;
      grid-row: 1/2;
      aspect-ratio: 16/10;
      background-color: var(--background-color);

      img.gallery-item
      {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }




    } */

    .content[b-fjsz1zed32]
    {
      display: flex;
      flex-direction: column;
      gap: var(--gap-2x);
      justify-content: space-between;
      height: 100%;

      text-decoration: none;
      color: var(--black-text);
      padding: var(--gap);
      font-size: 16px;
      line-height: 1.3;


      .name
      {
        font-family: var(--title-font-family);
        font-size: 2.4rem;
        letter-spacing: -0.01em;
        margin-bottom: var(--gap-half);
        color: var(--black-text);
        font-weight: 400;

      }

      .region[b-fjsz1zed32]
      {
        display: flex;
        gap: 4px;
        align-items: center;
        margin-bottom: var(--gap);
        font-size: 1.6rem;
        font-family: var(--body-font-family);
      }


      .price[b-fjsz1zed32]
      {
        display: flex;
        gap: 6px;
        align-items: center;
        height: fit-content;
        padding: 3px;
        padding-right: 12px;
        background-color: var(--neutrals-10);
        border-radius: 100px;
        font-size: 1.4rem;
        width: fit-content;

        .icon
        {
          display: grid;
          place-content: center;
          width: 24px;
          height: 24px;
          background-color: var(--accent-green);
          padding: 8px;
          border-radius: 100%;

          i
          {
            color: var(--white);
            font-size: 11px;
            margin-left: 1px;
          }
        }

        svg[b-fjsz1zed32]
        {
          width: 16px;
          height: 16px;
          fill: var(--white);
        }
      }

    }
  }
/* /Components/Shared/ListingGalleryManager/ListingGalleryManager.razor.rz.scp.css */
.listing-gallery-manager[b-ygedl6o2d6] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.manager-upload-row[b-ygedl6o2d6] {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  padding: 12px;
}

.manager-workspace-row[b-ygedl6o2d6] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 12px;
  align-items: start;
}

.manager-photolist-column[b-ygedl6o2d6] {
  min-width: 0;
}

.manager-controls-column[b-ygedl6o2d6] {
  width: 300px;
}

.manager-controls-empty[b-ygedl6o2d6] {
  border: 1px dashed #bbb;
  border-radius: 8px;
  padding: 12px;
}

.manager-photolist-grid[b-ygedl6o2d6] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
}

.manager-photo-card[b-ygedl6o2d6] {
  flex: 1 1 200px;
  max-width: 200px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background-color: #fff;
}

.manager-photo-header-row[b-ygedl6o2d6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.manager-photo-thumb[b-ygedl6o2d6] {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
}

.manager-drag-indicator[b-ygedl6o2d6] {
  font-size: 13px;
  line-height: 1.2;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  border: 1px solid #c4c4c4;
  background: #f7f7f7;
  border-radius: 5px;
  padding: 2px 6px;
  user-select: none;
  cursor: grab;
}

.manager-drag-indicator:active[b-ygedl6o2d6] {
  cursor: grabbing;
}

.manager-drop-zone[b-ygedl6o2d6] {
  height: 8px;
  border: 1px dashed transparent;
  border-radius: 4px;
  transition: all 0.12s ease-in-out;
}

.manager-drop-zone.active[b-ygedl6o2d6] {
  height: 14px;
  border-color: #6a6a6a;
  background: rgba(106, 106, 106, 0.08);
}

.manager-photo-actions[b-ygedl6o2d6] {
  display: flex;
  gap: 8px;
}

.manager-edit-controls[b-ygedl6o2d6] {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 980px) {
  .manager-workspace-row[b-ygedl6o2d6] {
    grid-template-columns: 1fr;
  }

  .manager-controls-column[b-ygedl6o2d6] {
    width: auto;
  }

  .manager-photo-card[b-ygedl6o2d6] {
    max-width: 100%;
    flex-basis: 100%;
  }
}
/* /Components/Shared/ListingSearchForm/ListingSearchForm.razor.rz.scp.css */
.listing-search-form[b-en4b7yti4l] 
{
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  width: 100%;
}

.title[b-en4b7yti4l] 
{
  font-family: var(--title-font-family);
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1;
  margin-block-end: 0.75em;
}

p[b-en4b7yti4l] 
{
  font-size: 1.8rem;
}


/* .holmy-field-group {
  display: flex;
  flex-direction: column;
  gap: var(--gap-half);
} */

.label[b-en4b7yti4l] 
{
  font-size: 1.6rem;
  font-weight: bold;
}

.btn-primary[b-en4b7yti4l] 
{
  width: fit-content;
  align-self: flex-start;
  margin-block-start: var(--gap);
}

.form-input[b-en4b7yti4l] 
{
  width: 100%;
}

.region-option[b-en4b7yti4l]
{
  display: block;
  line-height: 1.4;
  white-space: normal;
  width: 100%;
}

.region-option--child[b-en4b7yti4l]
{
  padding-inline-start: 16px;
}


/* /Components/Shared/PasswordRequirementsIndicator/PasswordRequirementsIndicator.razor.rz.scp.css */
.password-requirements[b-u7mrkt2qz4] {
  margin-top: 8px;
  margin-bottom: 12px;
}

.password-requirements__header[b-u7mrkt2qz4] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

.password-segment[b-u7mrkt2qz4] {
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background-color: var(--neutrals-30);
  transition: background-color 0.1s ease;
}

.password-segment--met[b-u7mrkt2qz4] {
  background-color: var(--accent-color);
}

.password-requirements__counter[b-u7mrkt2qz4] {
  font-size: 1.4rem;
  color: var(--neutrals-40);
  min-width: 36px;
  text-align: right;
  font-weight: 500;
}

.password-requirements__row[b-u7mrkt2qz4] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.password-requirements__row i[b-u7mrkt2qz4] {
  font-size: 1.4rem;
  color: var(--neutrals-30);
  width: 18px;
  text-align: center;
  transition: color 0.2s ease;
}

.password-requirements__row i.fa-check-square[b-u7mrkt2qz4] 
{
  color: var(--neutrals-30);
}

.password-requirements__row i.fa-check-square.icon--met[b-u7mrkt2qz4] 
{
  color: var(--mud-palette-primary);
}

.password-requirements__label[b-u7mrkt2qz4] {
  font-size: 1.4rem;
  color: var(--mud-palette-text-secondary);
  transition: color 0.2s ease;
}
/* /Components/Shared/RatingStars/RatingStars.razor.rz.scp.css */
.rating[b-d0ofrdj1z1]
{
  display: flex;
  gap: 4px;
  align-items: center;

  i
  {
    color: var(--accent-yellow);

    &.fa-star-half
    {
      position: relative;

      &:before
      {
        content: "\f005";
        color: var(--neutrals-20);
      }

      &[b-d0ofrdj1z1]:after
      {
        content: "\f089";
        position: absolute;
        left: 0;
        top: 0;
      }
    }

    &.empty[b-d0ofrdj1z1]
    {
      color: var(--neutrals-20);
    }
  }

  span[b-d0ofrdj1z1]
  {
    color: var(--neutrals-40);
  }
}
/* /Components/Shared/UserAccountCreationForm/UserAccountCreationForm.razor.rz.scp.css */
.account-creation-form .success-message[b-wt5sslaaf4] 
{
  /* color: #28703f; */
  margin-top: var(--gap);
}

.account-creation-form .text-danger[b-wt5sslaaf4] 
{
  color: #e50914;
  margin-top: var(--gap);
}

.account-creation-form .consent-options[b-wt5sslaaf4]
{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.account-creation-form .consent-option[b-wt5sslaaf4]
{
  display: flex;
  align-items: center;
  /* gap: 0.5rem; */
}

.account-creation-form .consent-option a[b-wt5sslaaf4]
{
  text-decoration: underline;
}

.mud-icon-button[b-wt5sslaaf4]
{
  padding-left: 0;
}