/* static/css/components/national-agenda.css */

/* ========================
   Section
======================== */
.nat-agenda {
    width: 100%;
    background: #000;
}

.nat-agenda__inner {
    max-width: 1459px;
    min-height: 456px;
    margin: 0 auto;
    padding: clamp(48px, 6vw, 54px) clamp(24px, 6vw, 82px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

/* ========================
   Content: title + desc
======================== */
.nat-agenda__content {
    max-width: 852px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

/* Title */
.nat-agenda__title {
    color: #FFF;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: clamp(28px, 4vw, 44px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

/* Description */
.nat-agenda__desc {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nat-agenda__desc p {
    color: #FFF;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

/* Highlighted spans inside description */
.nat-agenda__highlight {
    color: var(--Primary-Color, #E91E8C);
    font-family: 'Poppins', sans-serif;
    font-size: clamp(16px, 2vw, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* ========================
   CTA Button
======================== */
.nat-agenda__cta {
    display: inline-flex;
    height: 48px;
    padding: 7.801px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 35px;
    border: none;
    background: radial-gradient(97.54% 50.91% at 50% 2.46%, #7B1B3D 0%, #EB1260 100%);
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.nat-agenda__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(235, 18, 96, 0.35);
    color: #FFF;
}