/**
 * Numeria Widget — Accroche
 * Reproduit le bloc « Accroche » de la maquette Figma :
 *   - Texte 1 : grand titre display blanc (« Elles ont osé »)
 *   - Texte 2 : bouton « penché » rose à bordure claire (« Pourquoi pas vous ? »)
 */

.numeria-accroche {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
}

/* ── Texte 1 : titre ───────────────────────────────────────── */
.numeria-accroche__title {
    margin: 0;
    font-family: "TAN MERINGUE";
    font-size: 58px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

/* ── Texte 2 : bouton penché ───────────────────────────────── */
.numeria-accroche__pill-wrap {
    display: inline-flex;
    /* Léger basculement repris de la maquette. */
    transform: rotate(-2.54deg);
}

.numeria-accroche__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 2px solid #f66db3;
    border-radius: 50px;
    background-color: #cf007b;
    font-family: "Bricolage Grotesque";
    font-size: 22px;
    line-height: normal;
    color: #fff;
    white-space: nowrap;
        margin-top:-20px;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 1700px) {
    .numeria-accroche__title {
        font-size: 48px;
        white-space: normal;
    }


}

@media (max-width: 1430px) {
    .numeria-accroche__title {
        font-size: 38px;
        white-space: normal;
    }


}

@media (max-width: 1200px) and (min-width:691px) {
    .numeria-accroche__title {
        font-size: 48px;
        white-space: normal;
    }



@media (max-width: 690px) {
    .numeria-accroche__title {
        font-size: 38px;
        white-space: normal;
    }

    .numeria-accroche__pill {
        font-size: 18px;
    }
}