/* Ikarasport Custom Assets - Generated: 2026-04-17 12:21:31 - v1776421291 */

/* ============================================                                                                                   
     IKARASPORT - CSS Personalizado                                                                                               
     Hummingbird Theme - PrestaShop 9                                                                                               
     Estilo: Producción + Toque Moderno                                                                                             
     ============================================ */                                                                                
                                                                                                                                    
  /* ===========================================                                                                                    
     LAYOUT - Ancho completo                                                                                                      
     =========================================== */                                                                                 
   
  body.page-category .columns-container.container {                                                                                 
    max-width: 100% !important;                                                                                                   
    padding-left: 20px !important;                                                                                                  
    padding-right: 20px !important;                                                                                                 
  }
                                                                                                                                    
  body.page-category .columns-container > .row {                                                                                  
    align-items: flex-start !important;
    overflow: visible !important;                                                                                                   
  }
                                                                                                                                    
  body.page-category main#wrapper,                                                                                                  
  body.page-category .columns-container {
    overflow: visible !important;                                                                                                   
  }                                                                                                                               

  /* ===========================================
     GRID DE PRODUCTOS - 4 columnas
     =========================================== */                                                                                 
   
  body.page-category #js-product-list .products {                                                                                   
    display: grid !important;                                                                                                     
    grid-template-columns: repeat(4, 1fr) !important;                                                                               
    gap: 20px !important;                                                                                                         
  }

  @media (max-width: 1200px) {                                                                                                      
    body.page-category #js-product-list .products {
      grid-template-columns: repeat(3, 1fr) !important;                                                                             
    }                                                                                                                             
  }

  @media (max-width: 767px) {                                                                                                       
    body.page-category #js-product-list .products {
      grid-template-columns: repeat(2, 1fr) !important;                                                                             
      gap: 12px !important;                                                                                                       
    }
  }

  /* ===========================================
     TARJETAS DE PRODUCTO
     =========================================== */                                                                                 
   
  .product-miniature {                                                                                                              
    background: #fff;                                                                                                             
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e8eaed;                                                                                                      
    overflow: hidden;
    transition: all 0.3s ease;                                                                                                      
    display: flex;                                                                                                                
    flex-direction: column;                                                                                                         
    height: 100%;
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);                                                                                                    
    border-color: transparent;
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature .product-miniature__top {                                                                                      
    overflow: hidden;
    background: #f7f8fa;                                                                                                            
  }                                                                                                                               

  .product-miniature .thumbnail-container {
    aspect-ratio: auto;
    height: auto;                                                                                                                   
    display: flex;
    align-items: center;                                                                                                            
    justify-content: center;                                                                                                      
    overflow: hidden;
  }
                                                                                                                                    
  .product-miniature .thumbnail-container img {
    width: 100% !important;                                                                                                         
    height: auto !important;                                                                                                      
    object-fit: contain;
    transition: transform 0.45s ease;
  }

  .product-miniature:hover .thumbnail-container img {                                                                               
    transform: scale(1.04);
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature .product-flags {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;                                                                                                                     
    display: flex;
    flex-direction: column;                                                                                                         
    gap: 5px;                                                                                                                     
  }

  .product-miniature .product-flag {                                                                                                
    background: #ec4249;
    color: #fff;                                                                                                                    
    font-size: 0.68rem;                                                                                                           
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    padding: 3px 9px;                                                                                                               
    border-radius: 5px;
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature .product-flag.new {
    background: #1a1a1a;
  }                                                                                                                                 
   
  .product-miniature .product-flag.on-sale {                                                                                        
    background: #ec4249;                                                                                                          
  }

  .product-miniature__bottom {
    padding: 14px 16px 18px;
    display: flex;                                                                                                                  
    flex-direction: column;
    flex-grow: 1;                                                                                                                   
  }                                                                                                                               
                                                                                                                                    
  .product-miniature__title,
  .product-miniature__title a {                                                                                                     
    font-size: 0.84rem;                                                                                                           
    font-weight: 600;
    color: #1a1a2e;
    text-decoration: none;                                                                                                          
    line-height: 1.4;
    display: -webkit-box;                                                                                                           
    -webkit-line-clamp: 2;                                                                                                        
    -webkit-box-orient: vertical;                                                                                                   
    overflow: hidden;
    margin-bottom: 8px;                                                                                                             
    transition: color 0.2s ease;                                                                                                  
  }

  .product-miniature__title a:hover {                                                                                               
    color: #ec4249;
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature__prices {
    margin-bottom: 10px;
  }

  .product-miniature__price {
    font-size: 1.15rem;
    font-weight: 800;                                                                                                               
    color: #1a1a1a;
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature__regular-price {
    font-size: 0.8rem;
    color: #999;                                                                                                                    
    text-decoration: line-through;
    margin-right: 6px;                                                                                                              
  }                                                                                                                               

  .product-miniature__discount-price {
    background: #fdf0f0;
    color: #ec4249;                                                                                                                 
    font-size: 0.7rem;
    font-weight: 700;                                                                                                               
    padding: 2px 7px;                                                                                                             
    border-radius: 4px;                                                                                                             
    margin-left: 4px;
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature__variants .color {                                                                                             
    width: 16px;
    height: 16px;                                                                                                                   
    border-radius: 50%;                                                                                                           
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e8eaed;
    transition: all 0.3s ease;                                                                                                      
    display: inline-block;
  }                                                                                                                                 
                                                                                                                                  
  .product-miniature__variants .color:hover {                                                                                       
    transform: scale(1.2);                                                                                                        
    box-shadow: 0 0 0 2px #ec4249;
  }
                                                                                                                                    
  .product-miniature__form .quantity-button,
  .product-miniature__form .js-quantity-button,                                                                                     
  .product-miniature__form input[name="qty"],                                                                                       
  .product-miniature__form .input-group {
    display: none !important;                                                                                                       
  }                                                                                                                               
                                                                                                                                    
  .product-miniature__actions {                                                                                                   
    margin-top: auto !important;
  }
                                                                                                                                    
  .product-miniature__details {
    display: none !important;                                                                                                       
  }                                                                                                                               

  .product-miniature .product-miniature__actions .product-miniature__form .product-miniature__add.btn.btn-primary,                  
  .product-miniature .product-miniature__add,
  .product-miniature .btn-primary[data-button-action="add-to-cart"] {                                                               
    background-color: #1a1a1a !important;                                                                                           
    border: 2px solid #1a1a1a !important;
    color: #fff !important;                                                                                                         
    border-radius: 7px;                                                                                                             
    padding: 9px 16px;
    font-size: 0.78rem;                                                                                                             
    font-weight: 700;                                                                                                             
    letter-spacing: 0.3px;
    text-transform: uppercase;                                                                                                      
    width: 100%;
    cursor: pointer;                                                                                                                
    transition: all 0.3s ease;                                                                                                    
    opacity: 1 !important;
  }                                                                                                                                 
   
  .product-miniature .product-miniature__add:hover,                                                                                 
  .product-miniature .btn-primary[data-button-action="add-to-cart"]:hover {                                                       
    background-color: #333 !important;                                                                                              
    border-color: #333 !important;
    color: #fff !important;                                                                                                         
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);                                                                                   
  }                                                                                                                                 
   
  .product-miniature__add-text,                                                                                                     
  .product-miniature__add span,                                                                                                   
  .product-miniature__add i {                                                                                                       
    color: #fff !important;                                                                                                       
  }                                                                                                                                 
   
  /* ===========================================                                                                                    
     CABECERA DE CATEGORÍA                                                                                                        
     =========================================== */

  .block-category {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    color: #fff;                                                                                                                    
    padding: 32px 28px;
    border-radius: 10px;                                                                                                            
    margin-bottom: 24px;                                                                                                            
    position: relative;
    overflow: hidden;                                                                                                               
  }                                                                                                                               

  .block-category::after {
    content: '';
    position: absolute;
    top: -40%;
    right: -15%;                                                                                                                    
    width: 250px;
    height: 250px;                                                                                                                  
    background: #ec4249;                                                                                                          
    opacity: 0.07;
    border-radius: 50%;                                                                                                             
    pointer-events: none;
  }                                                                                                                                 
                                                                                                                                  
  .block-category h1 {
    font-size: 1.6rem;
    font-weight: 800;                                                                                                               
    text-transform: uppercase;
    letter-spacing: 0.8px;                                                                                                          
    margin-bottom: 6px;                                                                                                           
    position: relative;
  }
                                                                                                                                    
  .block-category h1::after {
    content: '';                                                                                                                    
    display: block;                                                                                                               
    width: 45px;
    height: 3px;
    background: #ec4249;
    margin-top: 10px;
    border-radius: 2px;                                                                                                             
  }
                                                                                                                                    
  .block-category .category-description {                                                                                         
    font-size: 0.88rem;
    opacity: 0.8;
    line-height: 1.5;                                                                                                               
    max-width: 650px;
    position: relative;                                                                                                             
  }                                                                                                                               

  /* ===========================================                                                                                    
     FILTROS LATERALES
     =========================================== */                                                                                 
                                                                                                                                  
  #search-filters {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);                                                                                      
    border: 1px solid #e8eaed;
    padding: 20px;                                                                                                                  
  }                                                                                                                                 
   
  #search-filters .left-block__title {                                                                                              
    font-size: 0.85rem;                                                                                                           
    font-weight: 700;
    color: #1a1a2e;                                                                                                                 
    text-transform: uppercase;
    letter-spacing: 0.4px;                                                                                                          
    padding-bottom: 10px;                                                                                                         
    margin-bottom: 10px;
    border-bottom: 2px solid #ec4249;                                                                                               
  }
                                                                                                                                    
  #search-filters .accordion-button {                                                                                             
    font-size: 0.82rem;
    font-weight: 700;
    color: #1a1a2e;                                                                                                                 
    text-transform: uppercase;
    letter-spacing: 0.3px;                                                                                                          
  }                                                                                                                               

  #search-filters .search-filters__item {                                                                                           
    font-size: 0.82rem;
    color: #484848;                                                                                                                 
    transition: color 0.2s ease;                                                                                                  
  }

  #search-filters .search-filters__item:hover {                                                                                     
    color: #ec4249;
  }                                                                                                                                 
                                                                                                                                  
  #search-filters .form-check-input:checked {
    background-color: #ec4249 !important;
    border-color: #ec4249 !important;                                                                                               
  }
                                                                                                                                    
  .active_filters .filter-block {                                                                                                   
    background: #fdf0f0;
    border: 1px solid rgba(236, 66, 73, 0.3);                                                                                       
    border-radius: 20px;                                                                                                            
    padding: 4px 12px;
    color: #ec4249;                                                                                                                 
    font-size: 0.75rem;                                                                                                           
    font-weight: 600;
  }                                                                                                                                 
   
  /* ===========================================                                                                                    
     BARRA DE ORDENACIÓN                                                                                                          
     =========================================== */

  .sort-by-row,                                                                                                                     
  .products-sort-order {
    font-size: 0.82rem;                                                                                                             
  }                                                                                                                               

  .products-sort-order .select-title {                                                                                              
    border: 1px solid #e8eaed;
    border-radius: 7px;                                                                                                             
    padding: 7px 12px;                                                                                                              
    transition: all 0.3s ease;
  }                                                                                                                                 
                                                                                                                                  
  .products-sort-order .select-title:hover {
    border-color: #1a1a1a;
  }
                                                                                                                                    
  .total-products {
    font-size: 0.8rem;                                                                                                              
    color: #999;                                                                                                                  
  }

  /* ===========================================
     PAGINACIÓN (NEGRA)
     =========================================== */                                                                                 
   
  .pagination .page-list li a,                                                                                                      
  .pagination .page-list li span {                                                                                                
    width: 38px !important;                                                                                                         
    height: 38px !important;                                                                                                      
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;                                                                                             
    border-radius: 7px !important;
    font-size: 0.84rem !important;                                                                                                  
    font-weight: 600 !important;                                                                                                  
    color: #484848 !important;                                                                                                      
    border: 1px solid #e8eaed !important;
    transition: all 0.3s ease !important;                                                                                           
    text-decoration: none !important;                                                                                             
    background: #fff !important;                                                                                                    
  }
                                                                                                                                    
  .pagination .page-list li a:hover {                                                                                             
    border-color: #1a1a1a !important;
    color: #fff !important;                                                                                                         
    background: #333 !important;
  }                                                                                                                                 
                                                                                                                                  
  .pagination .page-list li.current a,
  .pagination .page-list li.current span,
  .pagination .page-list li.active a,                                                                                               
  .pagination .page-list li.active span,
  .pagination .page-item.active .page-link {                                                                                        
    background: #1a1a1a !important;                                                                                                 
    border-color: #1a1a1a !important;
    color: #fff !important;                                                                                                         
  }                                                                                                                               

  .pagination .previous a,                                                                                                          
  .pagination .next a {
    color: #484848 !important;                                                                                                      
  }                                                                                                                               

  .pagination .previous a:hover,
  .pagination .next a:hover {
    color: #fff !important;
    background: #333 !important;
    border-color: #1a1a1a !important;                                                                                               
  }
                                                                                                                                    
  /* ===========================================                                                                                  
     BREADCRUMB
     =========================================== */

  .breadcrumb {
    font-size: 0.76rem;
  }                                                                                                                                 
   
  .breadcrumb a {                                                                                                                   
    color: #999;                                                                                                                  
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .breadcrumb a:hover {                                                                                                             
    color: #ec4249;
  }                                                                                                                                 
                                                                                                                                  
  .breadcrumb-item.active {
    color: #1a1a2e;
    font-weight: 600;
  }                                                                                                                                 
   
  /* ===========================================                                                                                    
     QUICKVIEW MODAL                                                                                                              
     =========================================== */

  .quickview .modal-content {
    border-radius: 10px;
    border: none;
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.18);                                                                                    
  }
                                                                                                                                    
  .quickview .btn-primary {                                                                                                         
    background: #1a1a1a;
    border-color: #1a1a1a;                                                                                                          
    border-radius: 7px;                                                                                                           
    font-weight: 700;                                                                                                               
    text-transform: uppercase;
  }                                                                                                                                 
                                                                                                                                  
  .quickview .btn-primary:hover {
    background: #333;
    border-color: #333;
  }
                                                                                                                                    
  /* ===========================================
     FICHA DE PRODUCTO                                                                                                              
     =========================================== */                                                                               

  .product__images {
    background: #f7f8fa;
    border-radius: 10px;
    overflow: hidden;                                                                                                               
  }
                                                                                                                                    
  .product__thumbnails-list {                                                                                                     
    gap: 8px;
    padding-top: 12px;
  }                                                                                                                                 
   
  .product__thumbnail {                                                                                                             
    border-radius: 8px;                                                                                                           
    overflow: hidden;
  }
                                                                                                                                    
  .product__zoom {
    background: #1a1a1a !important;                                                                                                 
    color: #fff !important;                                                                                                       
  }

  .product__name {                                                                                                                  
    font-size: 1.6rem;
    font-weight: 800;                                                                                                               
    color: #1a1a2e;                                                                                                               
    text-transform: uppercase;
    letter-spacing: 0.5px;                                                                                                          
    line-height: 1.3;
    margin-bottom: 16px;                                                                                                            
  }                                                                                                                               

  .product__price {
    font-size: 1.8rem;
    font-weight: 800;                                                                                                               
    color: #1a1a1a;
  }                                                                                                                                 
                                                                                                                                  
  .product__tax-label {
    font-size: 0.78rem;
    color: #999;                                                                                                                    
  }
                                                                                                                                    
  .product__description-short {                                                                                                   
    font-size: 0.9rem;
    color: #484848;                                                                                                                 
    line-height: 1.6;
    padding: 14px 0;                                                                                                                
    margin-bottom: 8px;                                                                                                           
    border-top: 1px solid #e8eaed;
    border-bottom: 1px solid #e8eaed;                                                                                               
  }
                                                                                                                                    
  .product-variant {                                                                                                                
    margin-bottom: 16px;
  }                                                                                                                                 
                                                                                                                                  
  .product-variant__legend {
    font-size: 0.82rem;
    font-weight: 700;
    color: #1a1a2e;
    text-transform: uppercase;                                                                                                      
    letter-spacing: 0.3px;
  }                                                                                                                                 
                                                                                                                                  
  .product-variant__selected {
    font-weight: 400;
    color: #484848;                                                                                                                 
  }
                                                                                                                                    
  .product-variant__radios {                                                                                                      
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .product-variant__radio .form-check-label {                                                                                       
    display: flex;
    align-items: center;                                                                                                            
    justify-content: center;                                                                                                      
    min-width: 44px;
    height: 38px;
    padding: 0 12px;                                                                                                                
    border: 2px solid #e8eaed;
    border-radius: 8px;                                                                                                             
    font-size: 0.82rem;                                                                                                           
    font-weight: 600;
    color: #484848;                                                                                                                 
    cursor: pointer;
    transition: all 0.2s ease;                                                                                                      
  }                                                                                                                               

  .product-variant__radio .form-check-input {                                                                                       
    display: none;
  }                                                                                                                                 
                                                                                                                                  
  .product-variant__radio .form-check-input:checked + label .form-check-label,
  .product-variant__radio .form-check-input:checked ~ label {
    border-color: #1a1a1a;                                                                                                          
    color: #1a1a1a;
    background: #f7f8fa;                                                                                                            
  }                                                                                                                                 
   
  .product-variant__radio .form-check-label:hover {                                                                                 
    border-color: #1a1a1a;                                                                                                        
  }

  .product-variant__colors {
    display: flex;
    flex-wrap: wrap;                                                                                                                
    gap: 8px;
  }                                                                                                                                 
                                                                                                                                  
  .product-variant__color .input-color__label .color {                                                                              
    width: 32px;
    height: 32px;                                                                                                                   
    border-radius: 50%;                                                                                                           
    border: 2px solid #e8eaed;
    transition: all 0.2s ease;                                                                                                      
  }
                                                                                                                                    
  .product-variant__color .input-color__label .color.active,                                                                        
  .product-variant__color .input-color__label .color:hover {
    border-color: #1a1a1a;                                                                                                          
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1a1a1a;                                                                                
  }                                                                                                                                 
   
  .product__variants .form-select {                                                                                                 
    border: 2px solid #e8eaed;                                                                                                    
    border-radius: 8px;                                                                                                             
    padding: 8px 14px;
    font-size: 0.85rem;                                                                                                             
    color: #484848;                                                                                                                 
    transition: border-color 0.2s ease;
  }                                                                                                                                 
                                                                                                                                  
  .product__variants .form-select:focus {
    border-color: #1a1a1a;
    box-shadow: none;                                                                                                               
  }
                                                                                                                                    
  .product__actions-qty-add {                                                                                                     
    display: flex;
    gap: 12px;
    align-items: stretch;                                                                                                           
    margin-top: 20px;
  }                                                                                                                                 
                                                                                                                                  
  .product__quantity .quantity-button__group {                                                                                      
    border: 2px solid #e8eaed;
    border-radius: 8px;                                                                                                             
    overflow: hidden;                                                                                                             
  }                                                                                                                                 
   
  .product__quantity .quantity-button__group .form-control {                                                                        
    border: none;                                                                                                                 
    text-align: center;
    font-weight: 700;
    font-size: 0.95rem;
  }                                                                                                                                 
   
  .product__quantity .quantity-button__group .btn {                                                                                 
    border: none;                                                                                                                 
    background: transparent;
    color: #484848;
  }
                                                                                                                                    
  .product__quantity .quantity-button__group .btn:hover {
    background: #f7f8fa;                                                                                                            
    color: #1a1a1a;                                                                                                               
  }

  .product__add-to-cart-button {                                                                                                    
    background-color: #1a1a1a !important;
    border: 2px solid #1a1a1a !important;                                                                                           
    color: #fff !important;                                                                                                         
    border-radius: 8px !important;
    padding: 12px 28px !important;                                                                                                  
    font-size: 0.88rem !important;                                                                                                
    font-weight: 700 !important;                                                                                                    
    letter-spacing: 0.5px;
    text-transform: uppercase;                                                                                                      
    transition: all 0.3s ease;                                                                                                    
    flex-grow: 1;                                                                                                                   
  }
                                                                                                                                    
  .product__add-to-cart-button:hover {                                                                                            
    background-color: #333 !important;
    border-color: #333 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);                                                                                     
  }
                                                                                                                                    
  .product__add-to-cart-button i,                                                                                                   
  .product__add-to-cart-button span {
    color: #fff !important;                                                                                                         
  }                                                                                                                               

  .ps-sharebuttons {                                                                                                                
    padding-top: 16px;
    margin-top: 16px;                                                                                                               
    border-top: 1px solid #e8eaed;                                                                                                
  }

  .ps-sharebuttons__label {                                                                                                         
    font-size: 0.8rem;
    font-weight: 600;                                                                                                               
    color: #999;                                                                                                                  
    text-transform: uppercase;
    letter-spacing: 0.3px;                                                                                                          
  }
                                                                                                                                    
  .ps-sharebuttons__link {                                                                                                        
    color: #484848;
    transition: color 0.2s ease;
  }

  .ps-sharebuttons__link:hover {                                                                                                    
    color: #ec4249;
  }                                                                                                                                 
                                                                                                                                  
  /* Sección inferior producto */
  .product__bottom {
    margin-top: 40px;
    padding-top: 30px;                                                                                                              
    border-top: 1px solid #e8eaed;
  }                                                                                                                                 
                                                                                                                                  
  .product__accordion .accordion-button {                                                                                           
    font-size: 0.88rem;
    font-weight: 700;                                                                                                               
    color: #1a1a2e;                                                                                                               
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 16px 0;                                                                                                                
  }
                                                                                                                                    
  .product__accordion .accordion-button:not(.collapsed) {                                                                         
    color: #1a1a1a;
    background: transparent;                                                                                                        
    box-shadow: none;
  }                                                                                                                                 
                                                                                                                                  
  .product__accordion .accordion-button::after {
    filter: brightness(0);
  }                                                                                                                                 
   
  .product__accordion .accordion-body {                                                                                             
    font-size: 0.88rem;                                                                                                           
    color: #484848;
    line-height: 1.6;
  }                                                                                                                                 
   
  .details__list {                                                                                                                  
    list-style: none;                                                                                                             
    padding: 0;
    margin: 0;
  }                                                                                                                                 
   
  .details__item {                                                                                                                  
    display: flex;                                                                                                                
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.85rem;
  }                                                                                                                                 
   
  .details__title {                                                                                                                 
    font-weight: 600;                                                                                                             
    color: #1a1a2e;
  }

  .details__right span {                                                                                                            
    color: #484848;
  }                                                                                                                                 
                                                                                                                                  
  .blockreassurance--product {
    background: #f7f8fa;
    border-radius: 10px;                                                                                                            
    padding: 20px;
  }                                                                                                                                 
                                                                                                                                  
  .blockreassurance--product .reassurance {
    display: flex;
    align-items: center;
    gap: 14px;                                                                                                                      
    padding: 12px 0;
  }                                                                                                                                 
                                                                                                                                  
  .blockreassurance--product .reassurance + .reassurance {
    border-top: 1px solid #e8eaed;
  }                                                                                                                                 
   
  .blockreassurance--product .reassurance__image {                                                                                  
    flex-shrink: 0;                                                                                                               
    width: 40px;
    height: 40px;                                                                                                                   
  }
                                                                                                                                    
  .blockreassurance--product .reassurance__image svg {                                                                            
    width: 40px;
    height: 40px;
  }

  .blockreassurance--product .reassurance__title {                                                                                  
    font-size: 0.82rem;
    font-weight: 700;                                                                                                               
    color: #1a1a2e;                                                                                                               
  }

  .blockreassurance--product .reassurance__desc {                                                                                   
    font-size: 0.75rem;
    color: #999;                                                                                                                    
  }                                                                                                                               

  /* Productos relacionados */
  .ps-viewedproduct,
  .ps-crossselling {                                                                                                                
    padding: 40px 0;
  }                                                                                                                                 
                                                                                                                                  
  .ps-viewedproduct .section-title,                                                                                                 
  .ps-crossselling .section-title {                                                                                               
    font-size: 1.3rem;
    font-weight: 800;
    color: #1a1a2e;                                                                                                                 
    text-transform: uppercase;
    letter-spacing: 0.5px;                                                                                                          
    margin-bottom: 24px;                                                                                                          
    position: relative;
    padding-bottom: 12px;                                                                                                           
  }
                                                                                                                                    
  .ps-viewedproduct .section-title::after,                                                                                        
  .ps-crossselling .section-title::after {
    content: '';
    position: absolute;
    bottom: 0;                                                                                                                      
    left: 0;
    width: 45px;                                                                                                                    
    height: 3px;                                                                                                                  
    background: #ec4249;
    border-radius: 2px;
  }

  /* ===========================================                                                                                    
     PÁGINA DE LOGIN
     =========================================== */                                                                                 
                                                                                                                                  
  .container--limited-sm {                                                                                                          
    max-width: 480px !important;
    padding: 0 20px;                                                                                                                
  }                                                                                                                               

  body#authentication .page-title-section {                                                                                         
    font-size: 1.6rem;
    font-weight: 800;                                                                                                               
    color: #1a1a2e;                                                                                                               
    text-transform: uppercase;
    letter-spacing: 0.5px;                                                                                                          
    text-align: center;
    margin-bottom: 8px;                                                                                                             
  }                                                                                                                               

  .login {
    background: #fff;
    border-radius: 10px;                                                                                                            
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e8eaed;                                                                                                      
    padding: 32px;                                                                                                                
    margin-top: 10px;                                                                                                               
  }
                                                                                                                                    
  .login .form-label {                                                                                                            
    font-size: 0.82rem;
    font-weight: 600;
    color: #1a1a2e;
    text-transform: uppercase;
    letter-spacing: 0.3px;                                                                                                          
    margin-bottom: 6px;
  }                                                                                                                                 
                                                                                                                                  
  .login .form-control {
    border: 2px solid #e8eaed;
    border-radius: 8px;
    padding: 10px 14px;                                                                                                             
    font-size: 0.9rem;
    color: #484848;                                                                                                                 
    transition: border-color 0.2s ease;                                                                                           
  }

  .login .form-control:focus {
    border-color: #1a1a1a;
    box-shadow: none;                                                                                                               
  }
                                                                                                                                    
  .login .password-field .form-control {                                                                                          
    border-radius: 8px 0 0 8px;
  }                                                                                                                                 
   
  .login .password-field .btn {                                                                                                     
    border: 2px solid #e8eaed;                                                                                                    
    border-left: none;
    border-radius: 0 8px 8px 0;
    background: #f7f8fa;
    color: #484848;                                                                                                                 
    display: flex;
    align-items: center;                                                                                                            
    padding: 0 12px;                                                                                                              
  }

  .login .password-field .form-control:focus + .btn {                                                                               
    border-color: #1a1a1a;
  }                                                                                                                                 
                                                                                                                                  
  .login #submit-login {
    background-color: #1a1a1a !important;
    border: 2px solid #1a1a1a !important;
    color: #fff !important;                                                                                                         
    border-radius: 8px;
    padding: 11px 28px;                                                                                                             
    font-size: 0.85rem;                                                                                                           
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;                                                                                                      
    transition: all 0.3s ease;
  }                                                                                                                                 
                                                                                                                                  
  .login #submit-login:hover {
    background-color: #333 !important;
    border-color: #333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);                                                                                     
  }
                                                                                                                                    
  .login .btn-basic {                                                                                                             
    font-size: 0.82rem;
    color: #999;
    text-decoration: none;                                                                                                          
    transition: color 0.2s ease;
    padding: 0;                                                                                                                     
    background: none;                                                                                                             
    border: none;
  }

  .login .btn-basic:hover {
    color: #ec4249;
  }

  .login hr {
    border-color: #e8eaed;
    margin: 28px 0;                                                                                                                 
  }
                                                                                                                                    
  .login__register-prompt {                                                                                                       
    text-align: center;
  }

  .login__register-prompt .h4 {
    font-size: 0.95rem;
    font-weight: 600;                                                                                                               
    color: #1a1a2e;
    margin-bottom: 14px;                                                                                                            
  }                                                                                                                               

  .login__register-prompt .btn-outline-primary {
    border: 2px solid #ec4249 !important;
    color: #ec4249 !important;                                                                                                      
    border-radius: 8px;
    padding: 11px 28px;                                                                                                             
    font-size: 0.85rem;                                                                                                           
    font-weight: 700;                                                                                                               
    letter-spacing: 0.5px;
    text-transform: uppercase;                                                                                                      
    background: transparent !important;                                                                                           
    transition: all 0.3s ease;
  }

  .login__register-prompt .btn-outline-primary:hover {                                                                              
    background: #ec4249 !important;
    color: #fff !important;                                                                                                         
    box-shadow: 0 4px 12px rgba(236, 66, 73, 0.3);                                                                                
  }                                                                                                                                 
   
/* ===========================================                                                                                    
     PÁGINA DE REGISTRO
     =========================================== */                                                                                 
                                                                                                                                  
  .container--limited-md {                                                                                                          
    max-width: 560px !important;
    padding: 0 20px;                                                                                                                
  }                                                                                                                               

  body#registration .page-title-section {                                                                                           
    font-size: 1.6rem;
    font-weight: 800;                                                                                                               
    color: #1a1a2e;                                                                                                               
    text-transform: uppercase;                                                                                                      
    letter-spacing: 0.5px;                                                                                                        
    text-align: center;                                                                                                             
    margin-bottom: 8px;
  }                                                                                                                                 
                                                                                                                                  
  .register-form {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e8eaed;                                                                                                      
    padding: 32px;
    margin-top: 10px;                                                                                                               
  }                                                                                                                               
                                                                                                                                    
  .register-form .form-label {                                                                                                    
    font-size: 0.82rem;
    font-weight: 600;                                                                                                               
    color: #1a1a2e;
    text-transform: uppercase;                                                                                                      
    letter-spacing: 0.3px;                                                                                                        
    margin-bottom: 6px;
  }                                                                                                                                 
   
  .register-form .form-control {                                                                                                    
    border: 2px solid #e8eaed;                                                                                                    
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.9rem;                                                                                                              
    color: #484848;
    transition: border-color 0.2s ease;                                                                                             
  }                                                                                                                                 
   
  .register-form .form-control:focus {                                                                                              
    border-color: #1a1a1a;                                                                                                        
    box-shadow: none;
  }

  .register-form .form-text {                                                                                                       
    font-size: 0.75rem;
    color: #999;                                                                                                                    
    margin-top: 4px;                                                                                                              
  }

  /* Radio tratamiento */
  .register-form .form-check-inline {
    margin-right: 16px;
  }

  .register-form .form-check-inline .form-check-input {                                                                             
    border: 2px solid #e8eaed;
  }                                                                                                                                 
                                                                                                                                  
  .register-form .form-check-inline .form-check-input:checked {                                                                     
    background-color: #1a1a1a;
    border-color: #1a1a1a;                                                                                                          
  }                                                                                                                               

  .register-form .form-check-inline .form-check-label {
    font-size: 0.88rem;
    color: #484848;                                                                                                                 
    font-weight: 500;
  }                                                                                                                                 
                                                                                                                                  
  /* Password field */
  .register-form .password-field .form-control {
    border-radius: 8px 0 0 8px;                                                                                                     
  }
                                                                                                                                    
  .register-form .password-field .btn {                                                                                             
    border: 2px solid #e8eaed;
    border-left: none;                                                                                                              
    border-radius: 0 8px 8px 0;                                                                                                   
    background: #f7f8fa;
    color: #484848;                                                                                                                 
    display: flex;                                                                                                                  
    align-items: center;                                                                                                            
    padding: 0 12px;                                                                                                                
  }                                                                                                                               

  .register-form .password-field .form-control:focus + .btn {                                                                       
    border-color: #1a1a1a;
  }                                                                                                                                 
                                                                                                                                  
  /* Barra de fuerza de contraseña */
  .register-form .progress {
    height: 6px;                                                                                                                    
    border-radius: 3px;
    background: #e8eaed;                                                                                                            
  }                                                                                                                               
                                                                                                                                    
  .register-form .password-requirements {
    font-size: 0.78rem;                                                                                                             
    color: #484848;                                                                                                               
  }

  .register-form .password-requirements__icon {
    font-size: 1rem;
    vertical-align: middle;                                                                                                         
  }
                                                                                                                                    
  /* Checkboxes */                                                                                                                
  .register-form .form-check {
    padding-left: 28px;
    margin-bottom: 4px;                                                                                                             
  }
                                                                                                                                    
  .register-form .form-check .form-check-input {                                                                                  
    border: 2px solid #e8eaed;
    width: 18px;                                                                                                                    
    height: 18px;
    margin-top: 2px;                                                                                                                
    transition: all 0.2s ease;                                                                                                    
  }                                                                                                                                 
   
  .register-form .form-check .form-check-input:checked {                                                                            
    background-color: #1a1a1a;                                                                                                    
    border-color: #1a1a1a;
  }

  .register-form .form-check .form-check-label {                                                                                    
    font-size: 0.82rem;
    color: #484848;                                                                                                                 
    line-height: 1.5;                                                                                                             
  }

  .register-form .form-check .form-check-label em {                                                                                 
    font-size: 0.75rem;
    color: #999;                                                                                                                    
    font-style: normal;                                                                                                           
  }

  /* Botón crear cuenta (NEGRO) */                                                                                                  
  .register-form .form-control-submit {
    background-color: #1a1a1a !important;                                                                                           
    border: 2px solid #1a1a1a !important;                                                                                         
    color: #fff !important;                                                                                                         
    border-radius: 8px;
    padding: 12px 28px;                                                                                                             
    font-size: 0.88rem;                                                                                                           
    font-weight: 700;                                                                                                               
    letter-spacing: 0.5px;
    text-transform: uppercase;                                                                                                      
    transition: all 0.3s ease;                                                                                                    
    width: 100%;                                                                                                                    
    margin-top: 8px;
  }                                                                                                                                 
                                                                                                                                  
  .register-form .form-control-submit:hover {
    background-color: #333 !important;
    border-color: #333 !important;                                                                                                  
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  }                                                                                                                                 
                                                                                                                                  
  /* Separador y link login */                                                                                                      
  .register-form + hr {                                                                                                           
    border-color: #e8eaed;
    margin: 28px 0;                                                                                                                 
  }
                                                                                                                                    
  .register-form__login-prompt {                                                                                                  
    text-align: center;
    font-size: 0.88rem;
    color: #484848;                                                                                                                 
  }
                                                                                                                                    
  .register-form__login-prompt a {                                                                                                
    color: #ec4249;
    font-weight: 600;
    text-decoration: none;                                                                                                          
    transition: color 0.2s ease;
  }                                                                                                                                 
                                                                                                                                  
  .register-form__login-prompt a:hover {
    color: #d63339;
  }                    

  /* ===========================================                                                                                    
     RESPONSIVE                                                                                                                   
     =========================================== */

  @media (max-width: 1024px) {
    .block-category {
      padding: 24px 20px;
    }                                                                                                                               
   
    .block-category h1 {                                                                                                            
      font-size: 1.3rem;                                                                                                          
    }
  }

  @media (max-width: 767px) {
    .product-miniature__bottom {
      padding: 10px 12px 14px;                                                                                                      
    }                                                                                                                               
                                                                                                                                    
    .product-miniature__title,                                                                                                      
    .product-miniature__title a {                                                                                                 
      font-size: 0.8rem;
    }

    .product-miniature__price {                                                                                                     
      font-size: 1rem;
    }                                                                                                                               
                                                                                                                                  
    .block-category {
      padding: 18px 16px;
      border-radius: 8px;
      margin-bottom: 18px;                                                                                                          
    }
                                                                                                                                    
    .block-category h1 {                                                                                                          
      font-size: 1.1rem;
    }

    #search-filters {                                                                                                               
      border-radius: 8px;
      padding: 16px;                                                                                                                
    }                                                                                                                             

    .pagination .page-list li a,
    .pagination .page-list li span {
      width: 32px !important;
      height: 32px !important;                                                                                                      
      font-size: 0.78rem !important;
    }                                                                                                                               
                                                                                                                                  
    .login {
      padding: 24px 20px;
    } 
          .register-form {                                                                                                                
      padding: 24px 20px;                                                                                                         
    }  
  }