/* /signup/planes — en <head> para evitar flash del layout estrecho (col-lg-4) */

body:has(.signup-auth-shell) {
    background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
    min-height: 100vh;
    margin: 0;
}

.signup-auth-shell.auth-shell {
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100vh;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 2rem 1rem !important;
}

.signup-auth-col {
    max-width: 1120px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
}

.signup-plans-wrap {
    width: 100%;
    font-family: 'Times New Roman', Times, serif;
}

.signup-plan-card .plan-audience {
    min-height: 2.6rem;
}

.signup-compare {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.signup-compare th,
.signup-compare td {
    padding: 10px 14px;
    border-bottom: 1px solid #e8eef4;
    vertical-align: middle;
}

.signup-compare thead th {
    background: #0d2744;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.signup-compare thead th:first-child {
    text-align: left;
}

.signup-compare tbody th {
    text-align: left;
    font-weight: 600;
    color: #1e293b;
    width: 32%;
    background: #f8fafc;
}

.signup-compare tbody td {
    text-align: center;
    color: #334155;
}

.signup-compare .is-yes {
    color: #15803d;
    font-weight: 700;
}

.signup-compare .is-no {
    color: #94a3b8;
}

.signup-compare-section th {
    background: #e8eef4 !important;
    color: #0d2744;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: left !important;
}

.signup-compare tbody tr:last-child th,
.signup-compare tbody tr:last-child td {
    border-bottom: none;
}