/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* COLORS */
/* FONTS */
.search-results {
  padding: 24px 24px 40px; }
  .search-results {
    gap: 16px; }
  .search-results :has(> .search-no-results) {
    gap: 24px; }
  @media (min-width: 768px) {
    .search-results {
      padding: 40px 88px; }
      .search-results {
        gap: 40px; }
      .search-results :has(> .search-no-results) {
        gap: 40px; } }
  .search-results__products {
    gap: 24px; }
    @media (min-width: 768px) {
      .search-results__products {
        gap: 40px; } }
  .search-results__sorting-bar {
    height: calc(32px + 16px); }
  .search-results__sorting-rules {
    gap: 8px; }
    .search-results__sorting-rules svg {
      display: block;
      width: 11px;
      height: 11px; }
    .search-results__sorting-rules[aria-expanded='true'] .search-results__sorting-rules__image {
      transform: rotate(180deg); }
    .search-results__sorting-rules-container {
      gap: 4px; }
    .search-results__sorting-rules__options {
      list-style: none;
      top: 100%;
      border-radius: 16px;
      box-shadow: 0px 6px 24px 0px rgba(56, 51, 46, 0.08), 0px 2px 2px 0px rgba(56, 51, 46, 0.02); }
    .search-results__sorting-rules__option {
      padding: 0 20px;
      min-height: 40px; }
      .search-results__sorting-rules__option[aria-selected='true'] {
        padding: 0 20px;
        min-height: 40px;
        font-weight: bold; }
      .search-results__sorting-rules__option[aria-selected='false']:hover {
        cursor: pointer; }
  .search-results__tabs {
    padding: 0 24px;
    gap: 2px; }
  .search-results__tab {
    min-height: 44px; }
    @media (min-width: 768px) {
      .search-results__tab-container {
        max-width: 113px; } }
    @media (min-width: 768px) {
      .search-results__tab-container:hover {
        cursor: pointer; } }

/* colores */
.title1 {
  font-family: "klavikaregular";
  font-size: 3.5rem;
  line-height: 1.5; }

.title2 {
  font-family: "klavikaregular";
  font-size: 2.25rem;
  line-height: 1.5; }

.title3 {
  font-family: "klavikaregular";
  font-size: 1.75rem;
  line-height: 1.5; }

.text1 {
  font-size: 1.75rem; }

.text2 {
  font-size: 1.5rem; }

.text3 {
  font-size: 1.375rem; }

.text4 {
  font-size: 1.25rem; }

.text5 {
  font-size: 1.125rem; }

.text6 {
  font-size: 1rem; }

.text7 {
  font-size: 0.875rem; }

.text-fail {
  color: #e71754; }

.label1 {
  font-family: "open_sanslight";
  font-size: 0.75rem; }

.label2 {
  font-family: "open_sanslight";
  font-size: 0.625rem; }

.navbar {
  background-color: #fff; }

/* COLORS */
/* FONTS */
/* PDP COLORS */
/* PDP FONTS */
.search-results__sorting-rules svg {
  color: #0c2340; }

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