/* ===== Block: Boutons Narra ===== */
a.btn-narra--degrade {
    display: inline-block;
    padding: 15px 40px;
    border: 0px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 -6px 10px 0 rgba(255, 137, 92, 0.30) inset;
    font-family: Montserrat;
    font-weight: 600;
    text-decoration: none;
    color: var(--s-font-color);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.theme-dark a.btn-narra--degrade {
    background: rgba(255, 255, 255, 0.15);
}

body:not(.theme-dark) a.btn-narra--degrade {
    background: #FFF;
}

a.btn-narra--degrade:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15), 0 -6px 10px 0 rgba(255, 137, 92, 0.30) inset;
}

body.theme-dark a.btn-narra--degrade:hover {
    background: rgba(255, 255, 255, 0.25);
}

body:not(.theme-dark) a.btn-narra--degrade:hover {
    background: #f5f5f5;
}

a.btn-narra--principal {
    display: inline-block;
    padding: 15px 40px;
    border: 0px;
    text-align: center;
    border-radius: 12px;
    font-family: Montserrat;
    font-weight: 600;
    text-decoration: none;
    color: var(--p-theme-color);
    background: var(--s-font-color);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

a.btn-narra--principal:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}