/* MINICARRITO /*
/* Versión más específica */
.minicart-items .product-item .product-item-details .product-item-name,
.minicart-items .product-item .product-item-details .product-item-name a {
    font-size: 1.3rem;
  font-weight: 600 !important;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.6em;
    margin-bottom: 3px;
  	color:#E00D2E !important;
  	text-decoration: none !important;
}

.minicart-items .price-wrapper .price,
.minicart-items .minicart-price .price,
.minicart-items .price-excluding-tax .price {
    color: #575757 !important;
  font-weight: 200 !important;
}

/*Letra*/
.custom-summary {
  color: #575757; !important;
}


/* Estado normal */
.minicart-items .action.edit::before, 
.minicart-items .action.delete::before {
    color: #777 !important;
    transition: font-weight 0.2s ease; 
}

/* Solo cuando exista la página de título */
.page-title-wrapper {
  margin-bottom: 100px !important;
}
/* Estado hover */
.minicart-items .action.edit:hover::before, 
.minicart-items .action.delete:hover::before {
    color: #575757 !important;
}

/* 1. Estilo para el botón "Proceed to Checkout" */
#top-cart-btn-checkout.action.primary.checkout {
    background-color: #E00D2E !important;
    border-color: #E00D2E !important;
    color: #fff !important;
    border-radius: 8px !important; 
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
}

/* Efecto hover del botón */
#top-cart-btn-checkout.action.primary.checkout:hover {
    background-color: #C90B29 !important;
    border-color: #C90B29 !important;
}

/* Estilo para el botón "Ver carrito" */
.minicart-wrapper .action.viewcart {
  color: #575757 !important;
  background: none !important;
  border: none !important;
  text-decoration: none !important;
}

/* Estado cuando ya ha sido visitado */
.minicart-wrapper .action.viewcart:visited {
  color: #575757 !important;
  text-decoration: none !important;
}

/* Estado cuando el usuario pasa el ratón */
.minicart-wrapper .action.viewcart:hover {
  color: #333333 !important;
  text-decoration: underline !important;
}

/* Estado cuando el usuario hace clic */
.minicart-wrapper .action.viewcart:active {
  color: #333333 !important;
  text-decoration: underline !important;
}


.minicart-wrapper .action.showcart .counter.qty {
    background-color: #E00D2E !important; 
    color: white !important; 
}

/* Eliminar scroll horizontal definitivamente */
.minicart-items-wrapper {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* Contenedor principal de cada producto */
.minicart-items .product-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
}

/* Ajuste del área de detalles */
.minicart-items .product-item-details {
    width: calc(100% - 85px) !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* Botones de acciones */
.minicart-items .product-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 8px !important;
}

/* Ajuste específico para los botones */
.minicart-items .product-actions .action {
    flex: 1 0 auto !important;
    min-width: calc(50% - 4px) !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    padding: 5px !important;
}

/* Asegurar que el texto no cause desbordamiento */
.minicart-items .product-item-name,
.minicart-items .product-item-name a {
    word-break: break-word !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Contenedor del carrito con scroll controlado */
.minicart-items-wrapper {
    width: calc(100% - 30px) !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    max-height: 45vh !important; 
    overflow-y: auto !important;  
    overflow-x: hidden !important;
    scrollbar-width: thin !important; 
}

/* Personalizar scrollbar */
.minicart-items-wrapper::-webkit-scrollbar {
    width: 6px !important;
}
.minicart-items-wrapper::-webkit-scrollbar-thumb {
    background: #e0e0e0 !important;
    border-radius: 3px !important;
}
/* --- TRUNCADO DE NOMBRE DE PRODUCTO (1 línea) --- */
.minicart-items .product-item-name a {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

/* Necesario para que funcione el truncado */
.minicart-items .product-item-details {
    min-width: 0 !important;
}

.minicart-items .item-qty {
    font-size: 12px !important;   
    width: 40px !important;      
    height: 25px !important;     
    padding: 2px 5px !important; 
    line-height: 1 !important;   
    box-sizing: border-box !important; 
}


.minicart-items .update-cart-item {
    padding: 3px 6px !important;  
    font-size: 11px !important;   
    line-height: 1.2 !important;
    height: 25px !important;      
    min-width: auto !important;   
    width: auto !important;
    margin-left: 0 !important;   
    order: 2; 
}

.minicart-items .item-qty:focus {
    outline: none !important;    
    box-shadow: none !important; 
  
}

.minicart-items .product-item-pricing .label {
    color: #575757 !important;
    font-weight: 200 !important;
}


/*COLOR BOTONES GENERAL */
/* Estilos para botones dentro de mensajes de alerta */
.action.primary, .action-primary {
    background: #E00D2E !important; 
    color: #ffffff !important; 
    border: 0px !important; 
}

/* Estilos para el estado hover de los botones dentro de mensajes de alerta */
.action.primary, .action-primary:hover {
    background: #C90B29 !important; 
    color: #ffffff !important; 
}

/* Subrayado encabezado */
@media screen and (min-width: 768px) {
    @media (min-width: 769px), print {
        .navigation .level0.active > .level-top, 
        .navigation .level0.has-active > .level-top {
            border-color: #E00D2E !important;
        }
    }
}

/* Ruta del menu */
.breadcrumbs a:visited {
    color: #575757 !important;
    text-decoration: none;
}

.breadcrumbs a {
    font-weight: 520 !important;
  	color:#575757 !important
}

input:focus,
textarea:focus,
select:focus {
    outline: 0 !important;
    box-shadow: none !important;
}



@media screen and (max-width: 768px) {
  .page-header {
    border-bottom: none !important;
    margin-bottom: 0 !important;
  }

  .footer.content {
    border-top: none !important;
    padding-top: 0 !important;
  }

  .abs-margin-for-blocks-and-widgets,
  .block,
  .customer-review .product-details,
  .block-banners,
  .block-banners-inline {
    margin-bottom: 0 !important;
  }

.nav-toggle {
    top: 50% !important;
    transform: translateY(-50%) !important;
}




.page-main {
  width: 70%; /* Define el ancho deseado */
  margin: 0 auto; /* Centra el contenedor horizontalmente */
}

/* Buscador sugerencias */
.suggestion-link {
    font-size: 16px;
    color: #E00D2E !important;
    text-decoration: none !important;
    transition: text-decoration 0.3s ease;
}

.suggestion-link:hover {
    text-decoration: underline !important;
}