#tmNegociosConPlan {
        --tnp-radius-lg: var(--radius-lg, 1rem);
        --tnp-radius-md: var(--radius-md, .85rem);
        --tnp-radius-sm: var(--radius-sm, .7rem);
        --tnp-radius-pill: var(--radius-pill, 999px);
        --tnp-border: var(--border-soft, #e5e7eb);
        --tnp-surface: var(--bg-surface, #ffffff);
        --tnp-bg-soft: #f8fafc;
        --tnp-text: var(--text-primary, #0f172a);
        --tnp-text-2: var(--text-secondary, #475569);
        --tnp-text-3: var(--text-muted, #64748b);
        --tnp-accent: var(--accent-primary, #0ea5e9);
        --tnp-shadow: var(--shadow-soft, 0 10px 30px rgba(15, 23, 42, .08));
    }

        #tmNegociosConPlan .tnp-refreshing {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .45rem .75rem;
            border-radius: .8rem;
            background: #f8fbff;
            border: 1px solid rgba(14,165,233,.2);
            color: #0369a1;
            font-size: .78rem;
            font-weight: 700;
        }

        #tmNegociosConPlan .tnp-breadcrumb {
            display: flex;
            align-items: center;
            gap: .4rem;
            flex-wrap: wrap;
            font-size: .82rem;
            margin-bottom: .35rem;
        }

            #tmNegociosConPlan .tnp-breadcrumb a {
                color: var(--tnp-accent);
                text-decoration: none;
                font-weight: 600;
            }

                #tmNegociosConPlan .tnp-breadcrumb a:hover {
                    text-decoration: underline;
                }

            #tmNegociosConPlan .tnp-breadcrumb .sep {
                color: var(--tnp-text-3);
            }

        #tmNegociosConPlan .tnp-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
            padding: 1.1rem 1.15rem;
            border: 1px solid rgba(15, 23, 42, .08);
            border-radius: 1.1rem;
            background: #ffffff;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
        }

        #tmNegociosConPlan .tnp-title {
            margin: 0;
            font-size: clamp(1.7rem, 4vw, 2.25rem);
            font-weight: 900;
            letter-spacing: -.03em;
            color: #0f172a;
            line-height: 1.05;
        }

            #tmNegociosConPlan .tnp-title i {
                color: #0f172a;
                opacity: .82;
            }

        #tmNegociosConPlan .tnp-subtitle {
            margin: .55rem 0 0;
            font-size: .92rem;
            color: #475569;
            line-height: 1.45;
        }

        #tmNegociosConPlan .tnp-filters {
            background: #ffffff;
            border: 1px solid rgba(15, 23, 42, .08);
            border-radius: 1.1rem;
            padding: 1rem 1.05rem;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
        }

            #tmNegociosConPlan .tnp-filters .form-label {
                color: #334155;
                font-size: .76rem;
                font-weight: 800 !important;
                letter-spacing: .04em;
                text-transform: uppercase;
                margin-bottom: .45rem !important;
            }

            #tmNegociosConPlan .tnp-filters .form-select,
            #tmNegociosConPlan .tnp-filters .form-control {
                min-height: 46px;
                border-radius: .95rem;
                border: 1px solid #dbe3ee;
                background: #fcfcfd;
                color: #0f172a;
                box-shadow: none;
                font-size: .95rem;
                transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
            }

                #tmNegociosConPlan .tnp-filters .form-select:hover,
                #tmNegociosConPlan .tnp-filters .form-control:hover {
                    background: #ffffff;
                    border-color: #cbd5e1;
                }

                #tmNegociosConPlan .tnp-filters .form-select::placeholder,
                #tmNegociosConPlan .tnp-filters .form-control::placeholder {
                    color: #94a3b8;
                }

                #tmNegociosConPlan .tnp-filters .form-select:focus,
                #tmNegociosConPlan .tnp-filters .form-control:focus {
                    background: #ffffff;
                    border-color: rgba(15, 23, 42, .18);
                    box-shadow: 0 0 0 .18rem rgba(15, 23, 42, .06);
                }

                #tmNegociosConPlan .tnp-filters .form-select:disabled,
                #tmNegociosConPlan .tnp-filters .form-control:disabled {
                    background: #f1f5f9;
                    color: #94a3b8;
                    border-color: #e2e8f0;
                    cursor: not-allowed;
                    opacity: 1;
                }

            #tmNegociosConPlan .tnp-filters .btn {
                min-height: 46px;
                border-radius: .95rem;
                font-weight: 800;
                box-shadow: none;
                transition: all .18s ease;
            }

            #tmNegociosConPlan .tnp-filters .btn-outline-secondary {
                border-color: #dbe3ee;
                color: #334155;
                background: #ffffff;
            }

                #tmNegociosConPlan .tnp-filters .btn-outline-secondary:hover,
                #tmNegociosConPlan .tnp-filters .btn-outline-secondary:focus {
                    border-color: #cbd5e1;
                    background: #f8fafc;
                    color: #0f172a;
                    box-shadow: 0 0 0 .18rem rgba(15, 23, 42, .04);
                }

        #tmNegociosConPlan .tnp-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 1rem;
            content-visibility: auto;
            contain-intrinsic-size: 980px;
        }

        #tmNegociosConPlan .tnp-card {
            display: flex;
            flex-direction: column;
            border: 1px solid var(--tnp-border);
            border-radius: var(--tnp-radius-lg);
            overflow: hidden;
            background: var(--tnp-surface);
            box-shadow: var(--tnp-shadow);
            transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
        }

            #tmNegociosConPlan .tnp-card:hover {
                transform: translateY(-4px);
                border-color: rgba(14,165,233,.20);
                box-shadow: 0 18px 44px rgba(14,165,233,.12);
            }

            #tmNegociosConPlan .tnp-card:focus-within {
                border-color: rgba(14,165,233,.28);
                box-shadow: 0 0 0 .16rem rgba(14,165,233,.12), 0 18px 44px rgba(14,165,233,.10);
            }

        #tmNegociosConPlan .tnp-photo-link {
            display: block;
        }

        #tmNegociosConPlan .tnp-photo {
            position: relative;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            border-bottom: 1px solid var(--tnp-border);
        }

        #tmNegociosConPlan .tnp-photo-fallback {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 0;
        }

            #tmNegociosConPlan .tnp-photo-fallback span {
                width: 72px;
                height: 72px;
                border-radius: 22px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
                color: #fff;
                font-size: 1.55rem;
                font-weight: 900;
                box-shadow: 0 12px 26px rgba(14,165,233,.18);
            }

        #tmNegociosConPlan .tnp-img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center center;
            transition: transform .28s ease;
        }

        #tmNegociosConPlan .tnp-card:hover .tnp-img {
            transform: scale(1.02);
        }

        #tmNegociosConPlan .tnp-photo-overlay {
            position: absolute;
            inset: 0;
            z-index: 2;
            background: linear-gradient(180deg, rgba(15,23,42,.02) 0%, rgba(15,23,42,.18) 100%);
            pointer-events: none;
        }

        #tmNegociosConPlan .tnp-badge {
            position: absolute;
            left: .7rem;
            bottom: .7rem;
            z-index: 3;
            display: inline-flex;
            align-items: center;
            padding: .34rem .6rem;
            border-radius: var(--tnp-radius-pill);
            background: rgba(14,165,233,.88);
            color: #fff;
            font-size: .68rem;
            font-weight: 800;
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
        }

            #tmNegociosConPlan .tnp-badge.is-premium {
                background: rgba(245, 158, 11, .92);
                color: #fff;
            }

        #tmNegociosConPlan .tnp-body {
            padding: .9rem .9rem .95rem;
            display: flex;
            flex-direction: column;
            gap: .45rem;
            flex: 1;
        }

        #tmNegociosConPlan .tnp-card-title {
            margin: 0;
            min-height: 2.45em;
            font-size: .92rem;
            font-weight: 700;
            line-height: 1.35;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        #tmNegociosConPlan .tnp-meta {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            font-size: .76rem;
            color: var(--tnp-text-2);
        }

            #tmNegociosConPlan .tnp-meta i {
                color: var(--tnp-accent);
            }

        #tmNegociosConPlan .tnp-stars {
            font-size: .8rem;
        }

            #tmNegociosConPlan .tnp-stars .text-warning {
                color: #f59e0b !important;
            }

        #tmNegociosConPlan .tnp-link {
            margin-top: auto;
            display: inline-flex;
            align-items: center;
            font-size: .82rem;
            font-weight: 700;
            color: var(--tnp-accent);
            text-decoration: none;
        }

            #tmNegociosConPlan .tnp-link:hover {
                color: var(--accent-primary-hover);
            }

        #tmNegociosConPlan .alert {
            border-radius: var(--tnp-radius-md);
        }

        #tmNegociosConPlan .pagination {
            gap: .35rem;
        }

        #tmNegociosConPlan .page-item .page-link {
            border: 1px solid var(--tnp-border);
            color: var(--tnp-text);
            border-radius: .8rem;
            min-width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: none;
            background: #fff;
            transition: all .18s ease;
        }

            #tmNegociosConPlan .page-item .page-link:focus-visible,
            #tmNegociosConPlan .tnp-filters .btn:focus-visible,
            #tmNegociosConPlan .tnp-filters .form-select:focus-visible,
            #tmNegociosConPlan .tnp-link:focus-visible,
            #tmNegociosConPlan .tnp-photo-link:focus-visible {
                outline: 2px solid var(--tnp-accent);
                outline-offset: 2px;
            }

        #tmNegociosConPlan .page-item.active .page-link {
            background: var(--tnp-accent);
            border-color: var(--tnp-accent);
            color: #fff;
        }

        #tmNegociosConPlan .page-item:not(.active):not(.disabled) .page-link:hover {
            background: #f8fbff;
            border-color: rgba(14, 165, 233, .28);
            color: var(--tnp-accent);
        }

    @media (max-width: 767.98px) {
        #tmNegociosConPlan {
            padding-left: .15rem;
            padding-right: .15rem;
        }

            #tmNegociosConPlan .tnp-header {
                padding: .95rem .9rem;
                border-radius: 1rem;
            }

            #tmNegociosConPlan .tnp-title {
                font-size: 1.62rem;
                line-height: 1.08;
            }

            #tmNegociosConPlan .tnp-subtitle {
                margin-top: .5rem;
                font-size: .84rem;
            }

            #tmNegociosConPlan .tnp-filters {
                padding: .9rem;
                border-radius: 1rem;
            }

                #tmNegociosConPlan .tnp-filters .form-select,
                #tmNegociosConPlan .tnp-filters .form-control,
                #tmNegociosConPlan .tnp-filters .btn {
                    min-height: 44px;
                    border-radius: .9rem;
                }

            #tmNegociosConPlan .tnp-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: .75rem;
            }

            #tmNegociosConPlan .tnp-body {
                padding: .78rem .8rem .88rem;
            }

            #tmNegociosConPlan .tnp-card-title {
                font-size: .86rem;
            }
    }

    @media (max-width: 319.98px) {
        #tmNegociosConPlan .tnp-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (prefers-reduced-motion: reduce), (update: slow) {
        #tmNegociosConPlan .tnp-card,
        #tmNegociosConPlan .tnp-img,
        #tmNegociosConPlan .page-item .page-link,
        #tmNegociosConPlan .tnp-filters .btn,
        #tmNegociosConPlan .tnp-filters .form-select {
            transition: none !important;
        }

        #tmNegociosConPlan .tnp-card:hover,
        #tmNegociosConPlan .tnp-card:hover .tnp-img {
            transform: none !important;
        }
    }

/* 2026 polish overrides */
#tmNegociosConPlan {
    background:
        radial-gradient(900px 260px at 100% -10%, rgba(14,165,233,.08), transparent 60%),
        radial-gradient(700px 220px at 0% 0%, rgba(16,185,129,.06), transparent 55%);
}

#tmNegociosConPlan .tnp-header,
#tmNegociosConPlan .tnp-filters {
    backdrop-filter: saturate(120%) blur(2px);
}

#tmNegociosConPlan .tnp-title {
    background: linear-gradient(135deg, #0f172a 0%, #0369a1 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#tmNegociosConPlan .tnp-title i {
    -webkit-text-fill-color: initial;
}

#tmNegociosConPlan .tnp-card {
    border-color: rgba(15,23,42,.08);
}

#tmNegociosConPlan .tnp-link {
    gap: .25rem;
}

#tmNegociosConPlan .tnp-link i {
    transition: transform .16s ease;
}

#tmNegociosConPlan .tnp-link:hover i {
    transform: translateX(3px);
}