/*
 * Legibilidad del catálogo público y correcciones responsive.
 * No modifica la administración ni la lógica del configurador.
 */

:root {
    --server-touch-target: 44px;
    --server-meta-size: 12px;
}

.tech-server-card__top,
.tech-server-card__top code,
.tech-server-card dl,
.tech-component-list__head,
.tech-component-list__row,
.tech-component-list__row code,
.tech-component-list__row small,
.tech-compare-table th,
.tech-compare-table td,
.tech-compare-table td:nth-child(1) code,
.rent-benefits > header > span,
.rent-benefits__grid p {
    font-size: var(--server-meta-size);
    line-height: 1.45;
}

.tech-component-list__row,
.tech-compare-table td,
.tech-server-card dl {
    font-size: 13px;
}

.tech-button,
.tech-filters button,
.tech-server-card__foot > a,
.table-action,
.tech-advice a,
.cn-shop-actions a {
    min-height: var(--server-touch-target);
    font-size: 13px;
}

.managed-footer-main > *,
.managed-footer-brand,
.managed-footer-column,
.tech-hero > *,
.tech-server-card,
.tech-component-list {
    min-width: 0;
}

.managed-footer-brand > a,
.managed-footer-brand img {
    max-width: 100%;
}

@media (max-width: 760px) {
    .cn-shop-search input,
    .tech-filters input,
    .tech-filters select {
        font-size: 16px;
    }

    .tech-section--compact-details .tech-component-list {
        width: 100%;
        overflow-x: visible;
    }

    .tech-section--compact-details .tech-component-list__head {
        display: none;
    }

    .tech-section--compact-details .tech-component-list__row {
        display: grid;
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 76px;
        grid-template-columns: 36px minmax(0, 1fr) 78px;
        gap: 5px 9px;
        padding: 10px;
    }

    .tech-section--compact-details .tech-component-list__row > span {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .tech-section--compact-details .tech-component-list__row em {
        grid-column: 3;
        white-space: normal;
        text-align: right;
    }

    .tech-section--compact-details .tech-component-list__row b {
        grid-column: 2 / -1;
        text-align: left;
    }

    .managed-footer-main {
        width: calc(100% - 32px);
        grid-template-columns: minmax(0, 1fr);
    }

    .managed-footer-brand,
    .managed-footer-column {
        width: 100%;
        min-width: 0;
    }

    .managed-footer a,
    .managed-footer p,
    .managed-footer address {
        overflow-wrap: anywhere;
    }
}