/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/styles/components/middle-menu.css ***!
  \*********************************************************************************************************************************/
.product-icons-container {
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.product-icon-content {
    max-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
}

.product-name {
    font-size: var(--fs-text-md);
}
.product-name,
.product-extra {
    text-transform: uppercase;
    color: rgb(var(--dark-grey));
    font-weight: var(--fw-bold);
}
.product-extra {
    font-size: var(--fs-text-small);
}
.product-extra:hover {
    color: rgb(var(--nova-orange));
    text-decoration: underline;
}

.product-icon-wrapper {
    position: relative;
    width: 160px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-icon-wrapper .icon-default,
.product-icon-wrapper .icon-hover {
    position: absolute;
    transition: opacity 0.3s ease;
}

.product-icon-wrapper .icon-default {
    opacity: 1;
}

.product-icon-wrapper .icon-hover {
    opacity: 0;
}

/* Hover State */
.product-icon-content:hover .icon-default {
    opacity: 0;
}

.product-icon-content:hover .icon-hover {
    opacity: 1;
}

/* Selected State (using :has for modern support without JS classes) */
.product-icon-content:has(input[type='radio']:checked) .icon-default {
    opacity: 0;
}

.product-icon-content:has(input[type='radio']:checked) .icon-hover {
    opacity: 1;
}

.product-icon-content input[type='radio']:checked {
    transform: scale(1.1);
    background-color: rgb(var(--dark-grey));
}

/* Description Visibility */
.product-icon-content > .product-icon-wrapper ~ .product-description div {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s;
}

/* Show description on hover of the whole container OR when selected */
.product-icon-content:hover > .product-icon-wrapper ~ .product-description div,
.product-icon-content:has(input[type='radio']:checked) > .product-icon-wrapper ~ .product-description div {
    visibility: visible;
    opacity: 1;
}

/* Responsive: Tablets */
@media (max-width: 768px) {
    .product-icons-container {
        gap: 15px;
        padding: 15px;
    }
}

/* Responsive: Móviles */
@media (max-width: 480px) {
    .product-icons-container {
        gap: 10px;
        padding: 10px;
    }
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxlTWVudUNTUy5iNzk0ZjUwOC5jc3MiLCJtYXBwaW5ncyI6Ijs7O0FBQUE7SUFDSSxlQUFlO0lBQ2YsYUFBYTtJQUNiLGVBQWU7SUFDZixTQUFTO0lBQ1QsdUJBQXVCO0FBQzNCOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGFBQWE7SUFDYixzQkFBc0I7SUFDdEIsbUJBQW1CO0lBQ25CLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSw0QkFBNEI7QUFDaEM7QUFDQTs7SUFFSSx5QkFBeUI7SUFDekIsNEJBQTRCO0lBQzVCLDJCQUEyQjtBQUMvQjtBQUNBO0lBQ0ksK0JBQStCO0FBQ25DO0FBQ0E7SUFDSSw4QkFBOEI7SUFDOUIsMEJBQTBCO0FBQzlCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixZQUFZO0lBQ1osYUFBYTtJQUNiLG1CQUFtQjtJQUNuQix1QkFBdUI7QUFDM0I7O0FBRUE7O0lBRUksa0JBQWtCO0lBQ2xCLDZCQUE2QjtBQUNqQzs7QUFFQTtJQUNJLFVBQVU7QUFDZDs7QUFFQTtJQUNJLFVBQVU7QUFDZDs7QUFFQSxnQkFBZ0I7QUFDaEI7SUFDSSxVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxVQUFVO0FBQ2Q7O0FBRUEsc0VBQXNFO0FBQ3RFO0lBQ0ksVUFBVTtBQUNkOztBQUVBO0lBQ0ksVUFBVTtBQUNkOztBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLHVDQUF1QztBQUMzQzs7QUFFQSwyQkFBMkI7QUFDM0I7SUFDSSxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLDhDQUE4QztBQUNsRDs7QUFFQSxzRUFBc0U7QUFDdEU7O0lBRUksbUJBQW1CO0lBQ25CLFVBQVU7QUFDZDs7QUFFQSx3QkFBd0I7QUFDeEI7SUFDSTtRQUNJLFNBQVM7UUFDVCxhQUFhO0lBQ2pCO0FBQ0o7O0FBRUEsd0JBQXdCO0FBQ3hCO0lBQ0k7UUFDSSxTQUFTO1FBQ1QsYUFBYTtJQUNqQjtBQUNKIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vYXNzZXRzL3N0eWxlcy9jb21wb25lbnRzL21pZGRsZS1tZW51LmNzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIucHJvZHVjdC1pY29ucy1jb250YWluZXIge1xuICAgIHBhZGRpbmc6IDMwcHggMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBnYXA6IDEycHg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi5wcm9kdWN0LWljb24tY29udGVudCB7XG4gICAgbWF4LXdpZHRoOiAxNjBweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmbGV4OiAwIDAgYXV0bztcbn1cblxuLnByb2R1Y3QtbmFtZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mcy10ZXh0LW1kKTtcbn1cbi5wcm9kdWN0LW5hbWUsXG4ucHJvZHVjdC1leHRyYSB7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBjb2xvcjogcmdiKHZhcigtLWRhcmstZ3JleSkpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mdy1ib2xkKTtcbn1cbi5wcm9kdWN0LWV4dHJhIHtcbiAgICBmb250LXNpemU6IHZhcigtLWZzLXRleHQtc21hbGwpO1xufVxuLnByb2R1Y3QtZXh0cmE6aG92ZXIge1xuICAgIGNvbG9yOiByZ2IodmFyKC0tbm92YS1vcmFuZ2UpKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLnByb2R1Y3QtaWNvbi13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDE2MHB4O1xuICAgIGhlaWdodDogOTBweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi5wcm9kdWN0LWljb24td3JhcHBlciAuaWNvbi1kZWZhdWx0LFxuLnByb2R1Y3QtaWNvbi13cmFwcGVyIC5pY29uLWhvdmVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2U7XG59XG5cbi5wcm9kdWN0LWljb24td3JhcHBlciAuaWNvbi1kZWZhdWx0IHtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4ucHJvZHVjdC1pY29uLXdyYXBwZXIgLmljb24taG92ZXIge1xuICAgIG9wYWNpdHk6IDA7XG59XG5cbi8qIEhvdmVyIFN0YXRlICovXG4ucHJvZHVjdC1pY29uLWNvbnRlbnQ6aG92ZXIgLmljb24tZGVmYXVsdCB7XG4gICAgb3BhY2l0eTogMDtcbn1cblxuLnByb2R1Y3QtaWNvbi1jb250ZW50OmhvdmVyIC5pY29uLWhvdmVyIHtcbiAgICBvcGFjaXR5OiAxO1xufVxuXG4vKiBTZWxlY3RlZCBTdGF0ZSAodXNpbmcgOmhhcyBmb3IgbW9kZXJuIHN1cHBvcnQgd2l0aG91dCBKUyBjbGFzc2VzKSAqL1xuLnByb2R1Y3QtaWNvbi1jb250ZW50OmhhcyhpbnB1dFt0eXBlPSdyYWRpbyddOmNoZWNrZWQpIC5pY29uLWRlZmF1bHQge1xuICAgIG9wYWNpdHk6IDA7XG59XG5cbi5wcm9kdWN0LWljb24tY29udGVudDpoYXMoaW5wdXRbdHlwZT0ncmFkaW8nXTpjaGVja2VkKSAuaWNvbi1ob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLnByb2R1Y3QtaWNvbi1jb250ZW50IGlucHV0W3R5cGU9J3JhZGlvJ106Y2hlY2tlZCB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1kYXJrLWdyZXkpKTtcbn1cblxuLyogRGVzY3JpcHRpb24gVmlzaWJpbGl0eSAqL1xuLnByb2R1Y3QtaWNvbi1jb250ZW50ID4gLnByb2R1Y3QtaWNvbi13cmFwcGVyIH4gLnByb2R1Y3QtZGVzY3JpcHRpb24gZGl2IHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZSwgdmlzaWJpbGl0eSAwLjNzO1xufVxuXG4vKiBTaG93IGRlc2NyaXB0aW9uIG9uIGhvdmVyIG9mIHRoZSB3aG9sZSBjb250YWluZXIgT1Igd2hlbiBzZWxlY3RlZCAqL1xuLnByb2R1Y3QtaWNvbi1jb250ZW50OmhvdmVyID4gLnByb2R1Y3QtaWNvbi13cmFwcGVyIH4gLnByb2R1Y3QtZGVzY3JpcHRpb24gZGl2LFxuLnByb2R1Y3QtaWNvbi1jb250ZW50OmhhcyhpbnB1dFt0eXBlPSdyYWRpbyddOmNoZWNrZWQpID4gLnByb2R1Y3QtaWNvbi13cmFwcGVyIH4gLnByb2R1Y3QtZGVzY3JpcHRpb24gZGl2IHtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIG9wYWNpdHk6IDE7XG59XG5cbi8qIFJlc3BvbnNpdmU6IFRhYmxldHMgKi9cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIC5wcm9kdWN0LWljb25zLWNvbnRhaW5lciB7XG4gICAgICAgIGdhcDogMTVweDtcbiAgICAgICAgcGFkZGluZzogMTVweDtcbiAgICB9XG59XG5cbi8qIFJlc3BvbnNpdmU6IE3Ds3ZpbGVzICovXG5AbWVkaWEgKG1heC13aWR0aDogNDgwcHgpIHtcbiAgICAucHJvZHVjdC1pY29ucy1jb250YWluZXIge1xuICAgICAgICBnYXA6IDEwcHg7XG4gICAgICAgIHBhZGRpbmc6IDEwcHg7XG4gICAgfVxufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9*/