@charset "UTF-8";
@keyframes errorBackgroundAnimation {
  from {
    background-color: rgba(255, 0, 0, 0.6);
    /* rojo sólido */ }
  to {
    background-color: rgba(255, 0, 0, 0.2);
    /* rojo transparente */ } }
body .broom-review .broom-review-main-container .broom-review-origin > :after, .broom-review-ratingGraphics.ratingAmount-0 .ratingIcon .ratingIconInner:after, .broom-review-ratingGraphics:not(.ratingAmount-0) .ratingIcon:before {
  content: "";
  display: block; }

body .broom-reviews-container .broom-review {
  height: 100%; }

body .broom-review {
  display: flex;
  width: 100%;
  padding: 20px;
  background: var(--secondaryColor);
  color: var(--secondaryText);
  gap: 20px;
  align-items: flex-start; }
  body .broom-review.design-secondary {
    background: var(--tertiaryColor);
    color: var(--tertiaryText); }
  body .broom-review.design-tertiary {
    background: var(--primaryColor);
    color: var(--primaryText); }
  body .broom-review .broom-review-imageContainer {
    width: 70%;
    max-width: 150px; }
  @media only screen and (max-width: 549px) {
    body .broom-review {
      flex-direction: column;
      align-items: center; }
      body .broom-review > * {
        width: 100%; }
      body .broom-review .broom-review-content > * {
        text-align: center; }
      body .broom-review .broom-review-imageContainer {
        max-width: 80px; }
      body .broom-review .broom-review-ratingGraphics {
        margin: 0 auto; } }
  body .broom-review .broom-review-image, body .broom-review .broom-review-brand.brandAlone {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden; }
    @media only screen and (max-width: 549px) {
      body .broom-review .broom-review-image.broom-review-personReviewer, body .broom-review .broom-review-brand.brandAlone.broom-review-personReviewer {
        max-width: 100px;
        margin: 0 auto; } }
    body .broom-review .broom-review-image.broom-review-brandReviewer, body .broom-review .broom-review-brand.brandAlone.broom-review-brandReviewer {
      aspect-ratio: unset; }
      body .broom-review .broom-review-image.broom-review-brandReviewer img, body .broom-review .broom-review-brand.brandAlone.broom-review-brandReviewer img {
        object-fit: contain;
        width: auto;
        max-width: 100% !important; }
        @media only screen and (max-width: 549px) {
          body .broom-review .broom-review-image.broom-review-brandReviewer img, body .broom-review .broom-review-brand.brandAlone.broom-review-brandReviewer img {
            max-height: 100px; } }
    body .broom-review .broom-review-image *, body .broom-review .broom-review-brand.brandAlone * {
      width: 100%;
      height: 100%;
      transform: none;
      position: relative; }
    body .broom-review .broom-review-image img, body .broom-review .broom-review-brand.brandAlone img {
      object-fit: cover; }
  body .broom-review .broom-review-brand:not(.brandAlone) {
    position: absolute;
    max-width: 80px;
    max-height: 40px;
    bottom: 5px;
    right: 5px; }
    body .broom-review .broom-review-brand:not(.brandAlone) *, body .broom-review .broom-review-brand:not(.brandAlone) img {
      max-width: inherit;
      max-height: inherit; }
  body .broom-review .broom-review-main-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 12px;
    font-size: var(--textNormal); }
    body .broom-review .broom-review-main-container .broom-review-content {
      font-size: var(--textNormal);
      margin-bottom: 20px;
      flex-grow: 1; }
      body .broom-review .broom-review-main-container .broom-review-content:last-child {
        margin-bottom: 0; }
      body .broom-review .broom-review-main-container .broom-review-content .broom-review-title {
        font-weight: bold;
        margin-bottom: 0; }
    body .broom-review .broom-review-main-container .broom-review-origin {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: 1fr;
      gap: 30px; }
      body .broom-review .broom-review-main-container .broom-review-origin > *:after {
        position: absolute;
        top: 0;
        left: -15px;
        height: 100%;
        width: 2px;
        background: currentColor;
        opacity: 0.2; }
      body .broom-review .broom-review-main-container .broom-review-origin > *:first-child:after {
        display: none; }
      body .broom-review .broom-review-main-container .broom-review-origin > *:first-child:last-child {
        grid-column: 1 / 3; }
      body .broom-review .broom-review-main-container .broom-review-origin .broom-review-originalLink {
        align-items: flex-start;
        justify-content: flex-end;
        max-width: 100px;
        max-height: 30px; }
        body .broom-review .broom-review-main-container .broom-review-origin .broom-review-originalLink *, body .broom-review .broom-review-main-container .broom-review-origin .broom-review-originalLink img {
          max-width: inherit;
          max-height: inherit;
          object-fit: contain;
          object-position: left center; }
      @media only screen and (max-width: 449px) {
        body .broom-review .broom-review-main-container .broom-review-origin {
          grid-template-columns: 1fr;
          grid-template-rows: auto;
          gap: 20px; }
          body .broom-review .broom-review-main-container .broom-review-origin > * {
            text-align: center;
            max-width: unset !important; }
            body .broom-review .broom-review-main-container .broom-review-origin > *:after {
              top: -10px;
              left: 0;
              height: 2px;
              width: 100%; }
            body .broom-review .broom-review-main-container .broom-review-origin > * img {
              object-position: center center !important;
              max-width: 100px !important;
              margin: 0 auto !important; } }
    body .broom-review .broom-review-main-container .broom-review-brand {
      display: flex;
      align-items: center;
      justify-content: center; }
      body .broom-review .broom-review-main-container .broom-review-brand .mediaContainer img {
        max-height: 40px; }
    body .broom-review .broom-review-main-container .broom-review-reviewer {
      margin: 20px auto 0;
      padding-top: 10px;
      border-top: currentColor 1px solid;
      width: 100%; }
      body .broom-review .broom-review-main-container .broom-review-reviewer:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none; }
        body .broom-review .broom-review-main-container .broom-review-reviewer:first-child .broom-review-name {
          margin-top: 0; }
      body .broom-review .broom-review-main-container .broom-review-reviewer .broom-review-name {
        font-weight: bold;
        margin-top: 10px;
        margin: 0 auto;
        font-size: inherit; }
        body .broom-review .broom-review-main-container .broom-review-reviewer .broom-review-name:first-child {
          margin-top: 0;
          padding-top: 0;
          border-top: none; }
        body .broom-review .broom-review-main-container .broom-review-reviewer .broom-review-name span {
          display: block;
          margin-top: 2px;
          font-size: var(--textSmall);
          font-weight: 100;
          letter-spacing: calc(var(--textSmall) / 9); }
    body .broom-review .broom-review-main-container .broom-review-rating.fullRatingData {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: 1fr;
      gap: 10px;
      text-align: left; }
    body .broom-review .broom-review-main-container .broom-review-rating .broom-review-RatingNumbers .broom-review-ratingValue:after {
      content: " / "; }

.broom-review-ratingGraphics {
  display: grid !important;
  grid-template-rows: 1fr;
  align-items: center;
  justify-content: start;
  gap: 5px;
  width: 100%; }
  .broom-review-ratingGraphics.ratingAmount-0 {
    grid-template-columns: 1fr; }
    .broom-review-ratingGraphics.ratingAmount-0 .ratingIcon .ratingIconInner {
      height: 20px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .broom-review-ratingGraphics.ratingAmount-0 .ratingIcon .ratingIconInner:after {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: absolute;
        width: 100%;
        height: 100%;
        border: #000 2px solid;
        top: 0;
        left: 0;
        background: transparent; }
  .broom-review-ratingGraphics.ratingAmount-5 {
    max-width: 125px;
    grid-template-columns: repeat(5, 1fr); }
  .broom-review-ratingGraphics.ratingAmount-10 {
    max-width: 180px;
    grid-template-columns: repeat(10, 1fr);
    gap: 2px; }
  .broom-review-ratingGraphics .ratingIcon {
    display: block !important;
    width: 100% !important;
    margin: 0 !important; }
    .broom-review-ratingGraphics .ratingIcon .ratingIconInner {
      overflow: hidden;
      width: 100%;
      background: #2B2B2B; }
      .broom-review-ratingGraphics .ratingIcon .ratingIconInner .broom-review-ratingIconBar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #CFA000; }
  .broom-review-ratingGraphics:not(.ratingAmount-0) .ratingIcon:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 569.3 569.3"><path d="M567.8,218.1c-4.2-12.8-15.6-21.1-29-21.1h-171.9l-53.1-163.5c-4.2-12.8-15.6-21.1-29-21.1s-24.9,8.3-29,21.1l-53.1,163.5H30.6c-13.5,0-24.9,8.3-29,21.1s.2,26.2,11.1,34.1l139.1,101.1-53.1,163.5c-4.2,12.8.2,26.2,11.1,34.1,5.4,4,11.7,5.9,17.9,5.9,6.2,0,12.5-2,17.9-5.9l139.1-101.1,139.1,101.1c10.9,7.9,25,7.9,35.9,0,10.9-7.9,15.2-21.3,11.1-34.1l-53.1-163.5,139.1-101.1c10.9-7.9,15.2-21.3,11.1-34.1ZM545.5,236.9l-150.3,109.2,57.4,176.7c2.4,7.4-2.6,11.7-4.2,12.9-1.6,1.2-7.3,4.6-13.5,0l-150.3-109.2-150.3,109.2c-6.3,4.6-11.9,1.2-13.5,0-1.6-1.2-6.6-5.5-4.2-12.9l57.4-176.7L23.8,236.9c-6.3-4.6-4.8-11-4.2-12.9.6-1.9,3.2-8,10.9-8h185.7l57.4-176.7c2.4-7.4,9-8,10.9-8s8.5.6,10.9,8l57.4,176.7h185.7c7.8,0,10.3,6.1,10.9,8,.6,1.9,2.1,8.3-4.2,12.9Z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
  .broom-review-ratingGraphics:not(.ratingAmount-0) .ratingIcon .ratingIconInner {
    aspect-ratio: 1 / 1;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 569.3 569.3"><path d="M284.7,426.4l150.3,109.2c6.3,4.6,11.9,1.2,13.5,0,1.6-1.2,6.6-5.5,4.2-12.9l-57.4-176.7,150.3-109.2c6.3-4.6,4.8-11,4.2-12.9-.6-1.9-3.2-8-10.9-8h-185.7l-57.4-176.7c-2.4-7.4-9-8-10.9-8s-8.5.6-10.9,8l-57.4,176.7H30.6c-7.8,0-10.3,6.1-10.9,8-.6,1.9-2.1,8.3,4.2,12.9l150.3,109.2-57.4,176.7c-2.4,7.4,2.6,11.7,4.2,12.9,1.6,1.2,7.3,4.6,13.5,0l150.3-109.2Z"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 569.3 569.3"><path d="M284.7,426.4l150.3,109.2c6.3,4.6,11.9,1.2,13.5,0,1.6-1.2,6.6-5.5,4.2-12.9l-57.4-176.7,150.3-109.2c6.3-4.6,4.8-11,4.2-12.9-.6-1.9-3.2-8-10.9-8h-185.7l-57.4-176.7c-2.4-7.4-9-8-10.9-8s-8.5.6-10.9,8l-57.4,176.7H30.6c-7.8,0-10.3,6.1-10.9,8-.6,1.9-2.1,8.3,4.2,12.9l150.3,109.2-57.4,176.7c-2.4,7.4,2.6,11.7,4.2,12.9,1.6,1.2,7.3,4.6,13.5,0l150.3-109.2Z"/></svg>');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center; }

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