@font-face {
  font-family: 'Material Iconos';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/css/fonts/MaterialIcons-Regular.eot'); 
  src: local('G-Material Icons'),
    local('MaterialIcons-Regular'),
    url('/assets/css/fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('/assets/css/fonts/MaterialIcons-Regular.woff') format('woff'),
    url('/assets/css/fonts/MaterialIcons-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/materialiconsoutlined/v108/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2') format('woff2');
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.material-icons {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    width: 100%;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.material-icons {
  font-variation-settings:"FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48
}

.category-1312481776:before {content: "\e530";}
.material-icons.category-1265045344:before {content: "\eab1";}
.material-icons.category-1445940121:before {content: "\e53f";}
.material-icons.category-1265045414:before {content: "\ea66";}
.material-icons.category-1265045392:before {content: "\e502";}
.material-icons.category-1312487407:before {content: "\ea99";}
.material-icons.category-1265046317:before {content: "\f084";}
.material-icons.category-1426163087:before {content: "\e533";}
.material-icons.category-1265045434:before {content: "\ead7";}
.material-icons.category-1557135332:before {content: "\eb91";}
.material-icons.category-1457430923:before {content: "\ea55";}
.material-icons.category-1403121758:before {content: "\eb29";}
.material-icons.category-1394099409:before {content: "\e559";}
.material-icons.category-1314624016:before {content: "\eb4c";}
.material-icons.category-1529399015:before {content: "\e914";}
.material-icons.category-1717760499:before {content: "\f1e9";}
.material-icons[class*="category-"]{
    color: var(--base-blue);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 24px;
    width: 25px;
}

.star[class*="star-"]{
    color:rgb(255, 203, 46);
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.material-icons.star.star-5:before{content:"\e838\e838\e838\e838\e838";}
.material-icons.star.star-45:before{content:"\e838\e838\e838\e838\e839";}
.material-icons.star.star-4:before{ content:"\e838\e838\e838\e838\e885";}
.material-icons.star.star-35:before{content:"\e838\e838\e838\e839\e885";}
.material-icons.star.star-3:before{content:"\e838\e838\e838\e885\e885";}
.material-icons.star.star-25:before{content:"\e838\e838\e839\e885\e885";}
.material-icons.star.star-2:before{ content:"\e838\e838\e885\e885\e885";}
.material-icons.star.star-15:before{content:"\e838\e839\e885\e885\e885";}
.material-icons.star.star-1:before{ content:"\e838\e885\e885\e885\e885";}

.reviews-content .star[class*="star-"]{
    font-size: 18px;
    height: unset;
    top: 1px;
    position: relative;
}
.wishAction .wish-action{color:#fff;}
.wishAction.removeToWish .wish-action:before{color:var(--base-orange);}
.material-icons.wish-action:hover {color: var(--base-orange);}
.material-icons-two-tone {
  --material-two-tone-primary-color: #000000; 
  --material-two-tone-secondary-color: #6C6C6C; 
  opacity: 0.6;
}
.material-icons-two-tone.stars{
  --material-two-tone-primary-color: #ffc107;
  --material-two-tone-secondary-color: #ff9a00; 
  font-size: 18px;
}    
.star-orange {
  position: relative;
  color: #FFC107; /* Color primario */
  font-size: 18px;
  filter: invert(80%) sepia(29%) saturate(1766%) hue-rotate(359deg) brightness(103%) contrast(104%);
}
.star-orange::after {
  content: 'star';
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF8E1; /* Color secundario */
  opacity: 0.5;
  z-index: -1;
}
.share-container:hover .material-icons{ color: var(--base-orange);}
.filter-icon.material-symbols-outlined{ max-width: 28px!important; font-size: 28px!important;}
.material-icons.star {color: #ffc107; font-size: 18px;}
.custom-duotone {
    --ph-color: #2563eb;
    --ph-color-fill: #93c5fd;
    --ph-fill-opacity: 0.6;
    font-size: 32px;
}
.ph-duotone { 
  /*--ph-first-color: currentColor; --ph-second-color: currentColor; */
   opacity: 1;
}
.custom-duotone:before { color: #444;}
.custom-duotone:after { color: #333333;}
.view-toggle button:hover .ph-squares-four.white-duotone{--ph-fill-opacity: 0.4;}
.view-toggle button:NOT(.active) .ph-squares-four.white-duotone:before{color: #444;}
.view-toggle button:NOT(.active) .ph-squares-four.white-duotone::after {color: #5d5b5b;}
.view-toggle button:hover .ph-squares-four.white-duotone:before{color: #ff9a00;}
.view-toggle button:hover .ph-squares-four.white-duotone:after{color: #ff9a00;}
.white-duotone{ --ph-fill-opacity: 0.6; font-size: 32px;}
.white-duotone:before { color: #ffffff;}
.white-duotone:after {color: #f8f8f8;}
.sidebar-icon{font-size: 24px;line-height: 1;}
.activity-icon{ font-size: 24px;line-height: 1;}
.ph-duotone.activity-icon { color: white; opacity: 1; font-size: 24px;}
.ph-duotone.atr-icons{ color: white;opacity: 1; font-size: 24px;}
.removeToWish .ph-duotone.activity-icon{ color: var(--orange-color);}
.removeToWish .ph-duotone.activity-icon:before { opacity: 1;}
.ph-duotone.reviews:before { color: var(--orange-color); opacity: 1;}
.ph-duotone.ph-star-half.reviews,
.ph-duotone.ph-star.reviews { opacity: 1;font-size: 17px !important;}
.ph-duotone.ph-star-half.reviews { color: var(--orange-color); opacity: 1;}
.ph-duotone.ph-star.reviews {color: var(--orange-color);}
.ph-duotone.ph-star-half.reviews:before {  color: var(--orange-color); opacity: 1;}
.ph-duotone.ph-star:after { color: var(--orange-color);}
.ph-duotone.ph-star-half.reviews:after { color: var(--orange-color); opacity: 1;}
.ph-duotone.attr-icons { color: rgb(126 126 126); opacity: 1; font-size: 25px;}
.ph-duotone.attr-icons:before { color: rgb(0 147 209);}
.ph-duotone.attr-icons:after { color: #858585;}
#searchPanel .ph-duotone { font-size: 24px; color: #fff; opacity: 1;}
.modern-reviews-section {
     transition: all 0.3s ease;
  }

  .modern-reviews-section:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
  }
  .stars-container .star-icon,
  .stars-large .star-large,
  .stars-small i {
     font-size: 1rem;
     transition: all 0.2s ease;
     cursor: pointer;
  }

  .stars-large .star-large {
     font-size: 1.5rem;
  }

  .stars-container .star-icon.active,
  .stars-large .text-warning,
  .stars-small .text-warning {
     color: #ffc107 !important;
     text-shadow: 0 0 8px rgba(255, 193, 7, 0.3);
  }

  .stars-container .star-icon:hover {
     transform: scale(1.1);
  }
  .reviewer-avatar .avatar-circle {
     width: 50px;
     height: 50px;
     background: linear-gradient(135deg, rgb(255 255 255) 0%, #c4e1ee 100%);
     border-radius: 50%;
     border: 3px solid #fff;
     /*box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
  }
  .review-card {
     transition: all 0.3s ease;
     border-left: 4px solid transparent !important;
  }

  .review-card:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
     border-left-color: var(--base-blue)!important;
  }
  .review-visible {
     animation: slideInUp 0.6s ease forwards;
  }

  @keyframes slideInUp {
     from {
        opacity: 0;
        transform: translateY(30px);
     }
     to {
        opacity: 1;
        transform: translateY(0);
     }
  }
  .progress {
     border-radius: 10px;
     background-color: #f8f9fa;
  }

  .progress-bar {
     border-radius: 10px;
     transition: width 0.8s ease;
  }
  .btn-outline-primary:hover {
     transform: translateY(-1px);
     box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  }

  .show-more-reviews, .show-less-reviews {
     transition: all 0.3s ease;
     border-width: 2px;
  }
  @media (max-width: 768px) {
     .reviewer-avatar .avatar-circle {
        width: 40px;
        height: 40px;
     }
     
     .review-header {
        flex-direction: column;
        align-items: flex-start !important;
     }
     
     .review-rating {
        margin-top: 10px;
     }
     
     .reviews-stats .row {
        text-align: center;
     }
     
     .rating-distribution {
        margin-top: 20px;
     }
  }
  @media (max-width: 576px) {
     .review-card {
        padding: 1rem !important;
     }
     
     .reviews-stats {
        padding: 1rem !important;
     }
  }
  .review-text {
     line-height: 1.6;
     transition: all 0.3s ease;
  }
  .read-more-btn {
     border: none !important;
     text-decoration: none !important;
     font-size: 0.875rem;
     transition: all 0.2s ease;
  }
  .read-more-btn:hover {
     color: #212529 !important;
      transform: translateX(0px);
      background-color: var(--base-orange);
  }
  .read-more-btn i {
     transition: transform 0.3s ease;
  }
  .read-more-btn.expanded i {
     transform: rotate(180deg);
  }
  .review-text .review-full-text,
  .review-text .review-remaining-text {
     animation: fadeIn 0.3s ease;
  }
  @keyframes fadeIn {
     from { opacity: 0; }
     to { opacity: 1; }
  }
  .review-short-text {
     position: relative;
  }
  .review-short-text::after {
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     width: 30px;
     height: 1.2em;
     background: linear-gradient(to right, transparent, #f8f9fa);
     pointer-events: none;
  }
  .review-actions .btn {
     transition: all 0.2s ease;
  }
  .review-actions .btn:hover {
     transform: translateY(-1px);
  }
  .badge {
     transition: all 0.2s ease;
  }
  .badge:hover {
     transform: scale(1.05);
  }
  .bg-gradient {
     background: linear-gradient(135deg, #0093d1 0%, #0093d1 100%) !important;
  }
  .write-review-cta {
     border: 1px solid rgba(255,255,255,0.2);
     backdrop-filter: blur(10px);
  }
  .write-review-cta .btn-light:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  }